@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&family=Open+Sans:wght@300;400;500;600&display=swap');
html, body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden !important;
}
a{text-decoration: none !important;}
p{font-size: 16px;line-height: 30px;color: #180052;}
.sticky{background: #180052 !important;}
.nv1 {    margin-top: -30px;}
.nv2{    position: absolute;bottom:-15px;transition: 0.5s;}
.sticky .nv2{bottom:-15px;}
.nv1 li a{font-size: 13px;text-transform: uppercase;}
.nv2 li a{font-size: 15px;text-transform: uppercase;}
a.dropdown-item {
    text-transform: capitalize !important;
}
/* .navbar.fixed-top{right:17px} */
.navbar-dark .navbar-toggler{margin-right: 20px !important;color: #fff;border:0}
.navbar-toggler:focus{box-shadow: none;border: 0;}
.navbar-brand img{width:150px}
.ban-txt{font-size:48px;font-weight: 100 !important;line-height: 38px;}
.ban-txt span{font-weight: 100;}
.main-sec{
    height: 85vh;
    background: radial-gradient(#0026f2, #190155);
    background-attachment: fixed;
}
.navbar-dark .navbar-nav .nav-link{color:#fff}
h1, h2, h3, h4, h5, h6{font-weight: 300 !important;color:#0026f2;font-family: 'Montserrat', sans-serif;}
.main h1{line-height: 1.5 !important;}
.text-blue{color:#0026f2}
h1.title-head {font-size: 14px;font-weight: 400 !important;color: #585858;letter-spacing: 0px;text-transform: uppercase;}
.sd-head{font-size: 40px;margin-bottom: 15px;font-weight:300 !important}
p.text-big{font-size:24px;line-height: 36px;}
.app-list{padding-left: 20px;}
.app-list li{line-height: 30px;font-size: 15px;}
.brdr-txt.ax{border-left: 2px solid #0026f2;padding-left: 30px;}
.border-link{border:1px solid #707070;border-radius: 30px;padding:10px 30px;color: #0026f2;}
.border-link:hover{background-color: #0026f2;color:#fff !important}
.quote-link{border:1px solid #fff;border-radius: 30px;padding:10px 30px;color: #0026f2;background: #fff;}
.quote-link:hover{background-color: #180052;color:#fff !important}
.pad-box sup{font-size:16px}
.lb {
    border-right: 1px solid #0026f2;
    border-bottom: 2px solid #0026f2;
    padding: 50px 30px;
}
.rb {
    border-left: 1px solid #0026f2;
    border-bottom: 2px solid #0026f2;
    padding: 50px 30px;
}
.process-box{text-align: center;margin-bottom: 30px;}
.process-box h3{color:#fff;font-size: 18px;margin-top: 20px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.platform-table{border-left: 2px solid #0026f2;border-right: 2px solid #0026f2;padding-top: 30px;}
.platform-table td{background: #fafafa;text-align: center;border:1px solid #ccc;color:#180052;padding: 12px 0;}
.tech-table{border-left: 2px solid #0026f2;padding-top: 30px;width: 80%;}
.tech-table td{background: #fafafa;text-align: center;border:1px solid #ccc;color:#180052;padding: 12px 0;}
.cnt-img{left:0;top:47%}
.he-txt{font-size: 20px;margin-bottom:10px;font-family: 'Open Sans', sans-serif; font-weight: 300;}
section{padding: 60px 0px;}
.img-bx{margin-bottom: -10px;}
h2.title-head{font-size: 44px;font-weight: 300 !important;line-height: 1.5;}
h3.line-ht{line-height: 1.5;font-size: 36px;}
.skill-list{padding: 10px 0 10px 25px;border-left: 2px solid #0026f2;}
.skill-list li {
    line-height: 37px;
    display: inline-block;
    padding-right: 25px;
    list-style: disc;color: #180052;
}
.abs-img {position: absolute;}
.abs-img img{right: 0;}
.s2{padding:60px}
.bg-gray{background:url(../assets/img/home/love-banner.jpg);background-size: cover;background-position: center;padding: 30px 0;}
.sml-txt{font-size: 24px;}
.qte-text{color:#fff;font-size: 60px;font-weight: 300 !important;font-family: 'Montserrat', sans-serif;}
.brdr-txt{height: 100%;display: grid;align-items: center;}
.brdr{border-right: 1px solid #ccc;}
.icon-box{border-radius: 0px;}
.icon-box h3{font-size: 30px;font-weight: 300 !important;color:#0026f2;line-height: 1.4;margin-bottom:20px}
.icon-box .icon{width: 14%;}
.cap-box {padding-left: 6%;}
.icn-txt{padding-left: 0%;padding-right: 10%;}
.icn-txt.eve{padding-right: 0;}
.icn-txt.eve.brd{margin-top: -30px;}
.icn-btn{padding: 10px 15px; border: 1px solid #0026f2;border-radius: 30px; width: fit-content; color: #0026f2;text-align: center;transition: 0.5s;}
.icn-txt.eve .icn-btn{width:35%}
.icn-txt.eve .icn-btn:hover{width:100%;}
.icn-btn:hover{background-color: #0026f2;color: #fff !important;}
.icn-btn:hover a{color: #fff;}
.icon img{width:85px;height: 85px;}
ul.market-list{padding-left:20px;margin-top:20px}
ul.market-list li {
    display: inline-flex;
    width: 24%;
    padding-bottom: 25px;
    color: #180052;
    font-size: 16px;position: relative;
}
ul.market-list li:before{content:'';position: absolute;left: -15px;width:7px;height: 7px;top:8px;background: #180052;border-radius: 100%;}
ul.fb-list li {
    display: inline-flex;
    width: 48%;
    padding-bottom: 10px;
    color: #180052;position: relative;
}
ul.fb-list li:before{content:'';position: absolute;left: -15px;width:7px;height: 7px;top:8px;background: #180052;border-radius: 100%;}
.brdr-left{border-left: 1px solid #0026f2; padding:10px 20px;}
.left-side {position: absolute;bottom: 20%;left: 0;}
.right-side{position: absolute;right: -15%;width:20%;height: 33%;border: 1px solid #180052;border-radius: 100%;}
.lft-side{position: absolute;left: -15%;width:20%;height: 33%;border: 1px solid #0026f2;border-radius: 100%;bottom: 0;}
.brd{margin-top:-50px} .brd1{margin-top:-180px}
.bg-blue{background-color: #190155;}
.bg-clr{background: url(../assets/img/dm/google-bg.svg); background-size: cover;}
.bg-clr h2{font-size: 46px;color: #180052;}
.text-dblue{color: #180052;font-size: 48px;font-weight: 300;}
li{color: #180052;}
.cust-list li{padding-bottom: 10px;}
.port-btn a{background-color: #0026f2;color:#fff;padding:15px 30px;margin-top: 0px;transition: 0.5s;border: 1px solid #0026f2;}
.port-btn a:hover{background-color: #fff;color: #0026f2;}
.grwth-sec .icon-box h3{padding-bottom: 10px;margin-bottom: 20px; border-bottom: 1px solid #ccc;width: fit-content;;line-height: 1.4;font-weight: 400 !important;}
.gw-bx{position: relative;transition: 0s ease;display: inline-flex;margin: 0px 0 30px;}
.gw-bx h3{font-size: 24px;color: #180052;position: relative;padding-bottom: 10px;}
.gw-bx h3:after{content:'';position: absolute;left: 0px;width:100%;height: 2px;bottom:0px;background: #0026f2;}
.gw-bx .icon{width:90%}
.gw-bx sup{color: #0026f2;font-size: 13px;font-weight: 400;}
.gw-bx .icn-txt{padding-right: 0;padding-left:20px}
hr.gray{background: #aaa;}
.client-bg{background: url(../assets/img/home/client-bg.jpg);background-size: cover;padding:80px 0;position: relative;background-attachment: fixed;background-position: center;}
.cld-head{width: fit-content;margin:0 auto;position: relative;font-weight: 500;}
.cld-head:before{content: ''; position: absolute;left: -25%;width:25%;height: 1px;border: 1px solid #fff;top:15px}
.cld-head:after{content: ''; position: absolute;right: -25%;width:25%;height: 1px;border: 1px solid #fff;top:15px}
.client-list li{color:#fff;text-transform: uppercase;line-height: 36px;}
.connect-sec{padding:80px 0}
.connect-sec .pen-cnt{padding:0px 40px;}
.connect-sec .pen-cnt.t1{padding:30px 40px;}
.skill-bx{position: relative;background: url('../assets/img/home/skill-bg.jpg');background-size: cover;padding:120px 40px}
.skill-bx1{position: relative;background: url('../assets/img/home/communication-bg.jpg');background-size: cover;padding:120px 40px}
.skill-head{font-size: 44px;}
.connect-sec h2{line-height:1.5}

.vw-btn a{padding:10px 35px;background: #0026f2;}
/* .dropdown:hover .dropdown-menu{display: block;} */
.dropdown-menu{
    width: fit-content;
    padding: 20px;
    position: static;
    left: -26em !important;
    top: 55px !important;
    transition: 0.5s ease-in-out;
}
.dropdown-menu li.nav-item{    width: 100%;    padding:20px;}
.nv1 .nav-item, .nv2 .nav-item{padding:15px 20px !important}
.nav-item{list-style: none !important;}
.nav-item ul li{list-style: disc;}
a.red-box{background-color: #861922;text-transform: uppercase;font-size: 11px !important;padding:5px 10px !important;border: 1px solid #fff;
    margin-top: 5px;}
a.lrn-mre{background-color: #861922;margin-top: 30px;text-transform: uppercase;color:#fff;font-size: 13px;padding:10px 20px !important;border-radius: 5px;border:1px solid #fff;letter-spacing: 2px;transition: 0.4s;width:20%}
a.lrn-mre .arw{margin-left:10px;transition: 0.3s;}
a.lrn-mre:hover{color: #861922;background-color: #fff;}
a.lrn-mre:hover .arw{margin-left:20px;}
a.dropdown-item{font-size: 15px;padding: 5px 0;}
.dropdown-menu.show{display: flex;}
li .main-head{color: #0026f2 !important;border-bottom: 1px solid #180052;margin-bottom: 20px;font-size:20px;font-weight: 600;padding-left: 0 !important;}
.pad-box{padding:0 4em;position: relative;z-index: 1;}
.third-box{display: flex;}
.third-box ul{padding-right: 30px;}
.third-box li{    color:#fff;    line-height: 35px;}
.text-right{text-align:right !important}
.btn-custom{background-color: #861922;padding:15px 20px;text-transform: uppercase; border-radius: 5px;color:#fff;transition: 0.5s;margin-top: 15px;width: 50%;margin:0 auto}
.btn-custom:hover{background-color: #0026f2;padding:15px 20px;border-radius: 30px;color:#fff;}
/* .shadow-cust{box-shadow:0 0 10px #ccc;border-radius: 10px;} */
.accordion-header button{text-align: center !important;display: block;}
.accordion-header button{font-size:20px; padding: 30px 0;}
.accordion-button:not(.collapsed){    background-color: #fff;font-size: 24px;color: #190155;}
.accordion-button{background-color: #190155;color: #fff;}
.accordion-button:focus{box-shadow: none;}
.accordion-header{position: relative; overflow: hidden;}
.accordion-header button{position: relative;overflow: hidden;transition: 0.4s;}
.accordion-header:hover button{transform: scale(1.2);}
.accordion-header:hover .accordion-button:not(.collapsed){transform: scale(1);}
.w-80{width:80%}
.third-box1{display: flex;}
.third-box1 ul, .third-box-alt ul{padding-right: 30px;}
.third-box1 li, .third-box-alt ul{    line-height: 35px;}
.third-box-alt{display: flex;justify-content: flex-end; margin-top: 3em;}
.third-box-alt li{right:0;direction: rtl;}
.footer-sec{background-color: #000000;padding:60px 0 20px}
h2.widget-title{font-size:24px;}
ul.social-icons{padding: 0;margin-top: 15px;}
.social-icons li{display: inline-block;list-style: none;padding: 7px 10px;width: 40px;height: 40px;background: #fff;border-radius: 100%;text-align: center;margin: 0px 1px;}
.tite-head{font-size: 32px !important; text-transform: uppercase;position: relative;border-left: 1px solid #fff;padding-left: 15px;}
/* .tite-head::before{content:'';position: absolute;left: -15px;background: #fff;width:1px;height: 75%;bottom:5px;} */
.foot-links{padding-left: 20px;}
.foot-links li{padding: 1px 0;list-style: none;}
.foot-links li a{color: #fff;text-decoration: none;font-size: 14px;}
.ft-icn{float:left;padding-right: 10px;color: #fff;font-size: 20px;}
.ft-cnt p{font-size: 14px;}
.ft-cnt ul{padding-left: 35px;}
.ft-cnt ul li{list-style: none;color:#fff;font-size: 14px; }
.ft-cnt ul li a{color:#fff;text-decoration: none;}
.seo-lnk .foot-links{padding-left: 0px;}
.seo-lnk .foot-links li{padding: 2px 0;list-style: none;}
.seo-lnk .foot-links li a{color: #fff;text-decoration: none;font-size: 14px;}
h3.tite-head{font-size: 20px !important; position: relative;text-transform: capitalize;border: 0;font-weight: 300 !important;padding-left: 0 !important;margin-bottom: 30px;}
h3.tite-head::before{content:'';position: absolute;left: 0px;background: #fff;width:30px;height: 2px;bottom:-10px;}
hr{background-color: #fff;opacity: 0.7;}
.cpy-txt p{font-size: 14px;}
.cust-loot{margin-top: -70px;}
.mobi{display: none;}
.desk{display: block !important;}
.last-img{margin: -50px 0;}
.s8 h2{line-height:1.4}

.text-small{font-size:24px}
.wrapper {
    max-width: 100%;
    overflow: hidden;
  }
  
  .marquee {
    display: inline-block;
    animation: marquee 20s linear infinite;
    height: 600px;
  } 
  .marquee div {
    display: block;
  }
  @keyframes marquee {
    from { transform: translateY(0); }
    to { transform: translateY(-80%); }
  }

.form-bx .btn-custom{width:35%;}
.btn-blg{padding:7px 10px; font-size:14px;background:#0026f2;box-shadow:none;}
.dropdown:hover .dropdown-menu {
    display: flex;
 }
.nav-item ul li{list-style:none;}
          ul.sb-menu{padding:0;}
          ul.sb-menu a{font-size:13px;}
@media(max-width:768px){
    .main-sec{
        height: 55vh;
    padding: 40px 0 0;
    }
    br{display:none;}
    .abs-img{position:relative !important;}
    .w-50{width:100%!important;}
    h3.line-ht {font-size: 23px;}
    ul.market-list li {
    display: block !important;
    width: auto !important;
    padding-bottom: 10px!important;}
    ul.market-list{margin:0!important;}
    .text-dblue {font-size: 30px !important;}
    h1, h2, h3, h4, h5, h6 {        font-weight: 400 !important;    }
    .navbar{background-color: #190155!important;}
    .navbar-collapse{background: #190155;padding:10px;margin-top: 20px;}
    .navbar-dark .navbar-nav .nav-link {        color:rgba(255,255,255,1);    }
    .navbar-dark .navbar-nav .nav-link.active{color: #fff;}
    h2.title-head {font-size: 30px;margin-bottom: 20px;}
    .w-75, .w-80{width:100% !important}
    .icon-box{ margin-bottom: 10px; height: auto;    align-items: center;}
    .pad-box {padding: 0px 1.2em;}
    .third-box, .third-box1, .third-box-alt{display: block;}
    .third-box ul {padding-right: 0px;}
    h3.border-head {font-size: 24px;margin: 20px 0;    }
    section{padding: 30px 0px;}
    .accordion-header button {font-size: 17px;padding: 15px 10px;    }
    .accordion-header:hover button {transform: scale(1);}
    lottie-player{height: auto !important;}
    .serv-list li {padding: 8px 20px;border:0}
    .nv2{position: relative;bottom:0px;    }
    .navbar-collapse{overflow-y: scroll;height:500px}
    .dropdown-menu.show{display: block !important;padding:10px}
    .mobi{display: block !important;text-align: left;margin-left: -8em;}
    .desk{display: none !important;}
    .accordion-button:not(.collapsed){font-size:20px}
    .brd, .brd1{margin-top:0}
    a.red-box{width: fit-content !important;}
    .nv1 .nav-item, .nv2 .nav-item {padding: 7px 5px !important;}
    .ban-txt span, .ban-txt{font-size: 30px;font-weight: 300 !important;}
    .text-small {        font-size: 22px !important;    }
    a.lrn-mre{    padding: 5px 10px !important;margin-top:30px}
    .s2{padding:30px 0}
    .sd-head{font-size: 40px;}
    h1.title-head {font-size: 18px;}
    .qte-text {color: #fff;font-size: 40px;}
    .icn-txt {padding-left:0;padding-right: 0;}
    .icon-box .icon {width: auto;    }
    .icon-box h3 {font-size: 30px;}
    .icn-txt.eve .icn-btn {width: 45%;}
    .icn-txt.eve.brd {        margin-top: 0px;    }
    .left-side{display:none}
    .form-bx{width:100%}
    .btn-custom{padding: 10px 7px;width: 35%;}
    .pen-sec{padding:30px 10px}
    .gw-bx{margin-bottom: 30px;}
    .skill-head {font-size: 30px;line-height: 1.5;}
    .connect-sec .pen-cnt, .connect-sec .pen-cnt.t1{padding:20px}
    .connect-sec{padding: 30px 0;}
    .man-main {width: inherit!important;    }
    .masonry.columns-4 .masonry-item{width: 50%;padding: 10px 10px 33px;}
    .carousel-item{height: 650px; overflow-x: hidden;overflow-y: scroll;}
    .carousel-control-prev{left:0%} .carousel-control-next{right:0%}
    .project-details h5, .project-details h4{font-size: 17px;}
    .project-details p{font-size: 14px;margin: 10px 0;}
    [class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption{padding: 5px;}
    figcaption h3{margin:0}
    .skill-bx, .skill-bx1{padding: 80px 25px;}
    .cap-box{padding:30px 0 15px}
    .lft-side{opacity: 0.5;}
    .works figcaption h4{font-size: 16px;margin: 0;}
    .marquee{height: 400px;}
    .nv1 .nav-item, .nv2 .nav-item {
    padding: 12px 0 0 !important;
}
.sticky .nv2 {
    bottom: 0px;
}
.cnt-img{display: none;}
    p.text-big{font-size:18px}
    .tech-table{width: 100%;}
    .lb, .rb{padding:25px 0px;}
    h2.display-5{line-height: 1.4;}
    .w-50{width:100% !important}
}