/*fonts---*/
@font-face {
  font-family:'Graphik';
  src:url('../fonts/Graphik-Regular.eot');
  src:url('../fonts/Graphik-Regular.eot') format('embedded-opentype'),
    url('../fonts/Graphik-Regular.woff2') format('woff2'),
    url('../fonts/Graphik-Regular.woff') format('woff'),
    url('../fonts/Graphik-Regular.ttf') format('truetype'),
    url('../fonts/Graphik-Regular.svg') format('svg');
  font-weight:normal; font-style:normal; font-display:swap;
}

@font-face {
  font-family:'Tiempos';
  src:url('../fonts/TiemposTextWeb-Regular.woff2');
  font-weight:normal; font-style:normal; font-display:swap;
}

@media(prefers-reduced-motion: no-preference){
    @view-transition{
        navigation: auto;
    }
}
::view-transition-group(*){
    animation-duration: 2s;
}

/*default css*/
html{scroll-behavior:smooth;user-select:none;}
:root{margin-top:0!important}
/* html{scroll-behavior:smooth;margin-top:0!important} */
body{font-family:'Graphik';font-size:16px;}
p{font-family:'Tiempos';font-size:18px;}
img{max-width:100%;}
a:hover{text-decoration:none;}
button,button:focus,input,input:focus,select,select:focus,textarea,textarea:focus{outline:0;border:0}
h1,h2,h3,h4,h5,h6{font-family:'Graphik';}
h1{font-size:40px;margin-bottom:40px;font-weight:bold;}
h2{font-size:50px;margin-bottom:40px;}
h3{font-size:40px;}
h4{font-size:24px;font-weight:bold;text-transform:uppercase;}
h5{font-size:17px;text-transform:uppercase;font-weight:bold;}
h6{font-size:35px;}
.common-padd-lt-rt{padding-right:100px;padding-left:100px;}
.common-padd{padding-top:100px;padding-bottom:100px;}
.owl-nav [class*=owl-]:hover{background:#fff0!important;}
.owl-stage{display:flex}
.item {display:flex;height:100%;margin-left:4px;flex:0 0 100%;flex-direction:column;}
.item>* {width:100%;height:100%;}
.owl-nav button:hover{background:#0000!important}
.hdr-call-btn i {
  margin-left: 5px;
  rotate: 90deg;
}

/*button---*/
.btn-banner span{color:#fff;}
.btn-arrow{display:inline-block;}
.btn-arrow span{font-size:24px;display:inline-block;transition:0.3s;}
.btn-arrow img{width:auto!important;display:inline-block!important;vertical-align:sub;margin-left:0px;}
.btn-arrow:hover span{letter-spacing:1.5px;color:#f58220;}
.btn-box{padding:15px 40px;border:1px solid #fff;color:#fff;display:inline-block;position:relative;z-index:1;}
.btn-box::after{width:0%;height:100%;top:0;left:0;background:#f58220;content:'';position:absolute;z-index:-1;transition:0.3s;}
.btn-box:hover::after{width:100%;}
.btn-box:hover{color:#fff}
.arrow-rotate span{font-weight:bold;border-bottom:1px solid;}
.arrow-rotate img{transform:rotate(-45deg);}
.btn-round{display:inline-block;padding:10px 20px;border-radius:10px;border:2px solid #27bcf1;color:#000;font-weight:bold;transition:0.3s;}
.btn-round:hover{background:#27bcf1;color:#000}
.btn-blue-round{border-radius:10px;background:#032352;color:#fff;overflow:hidden;display:table;margin:0 auto;border:0;}
.btn-grdnt{background-image:linear-gradient(147deg, #051c2c 21%, #042554 67%, #033295);color:#fff;border:0;}
.btn-white-arrow{background:#0591fd;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff;width:220px;margin-top:30px;transition:0.3s}
.btn-white-arrow:hover{background:#023e6d;color:#fff;width:230px;}
.btn-wrap-flex{display:flex;justify-content:center;width:100%;margin-top:20px;}





/*form buttons*/
.dm-sngl-contact-right input[type=submit],.send-message input[type=submit]{padding:15px 30px;background-image:linear-gradient(147deg, #051c2c 21%, #042554 67%, #033295);color:#fff;}
.blog-single-right-form input[type=submit]{background-image:linear-gradient(147deg , #051c2c 21%, #042554 67%, #033295); color:#fff;padding:6px 35px;margin-top:10px;}
.footer-form input[type=submit]{padding:11px 30px;background:#0f3557;color:#fff;border:0;}
.career-modal-right input[type=submit]{background:#111428; color:#fff;padding:6px 35px;margin-left:auto;display:table;}
.footer-form input[type=submit]:hover,.career-modal-right input[type=submit]:hover,.blog-single-right-form input[type=submit]:hover,.send-message input[type=submit]:hover{background:#f58220;}



/*cover img----*/
.about-right img,.service-img img,.banner-lines img,.blog img,.blog-banner-img img,.blog-author-img img,.banner-career-img-one img,.banner-career-img-two img,.blog-sec-one img,.blog-common-author-img img,.faq-sec-one-left img,.banner-testimonial-left img,.testimonial-sec-one-img img,.testimonial-sec-two-carousel-img img,.testimonial-sec-three-carousel-img img,.case-study-sngl-sec-common-img img,.abt-item-img img,.banner-web-img img,.web-landing-img img,.bnr-dm-sngl-bg img,.case-study-sngl-proposal-img img,.country-key-img img,.country-presence-left img,.country-presence-item img,.country-presence-flag img,.country-sec-seven-img img,.country-testimonial-carousel-img img,.city-banner-img img,.city-about-bg-img>img,.team-bubble-wrap img,.team-img img,.team-wave img{height:100%;width:100%;object-fit:cover;}
.abt-bnr-img img,.banner-dm-man img,.key-usps .key-usps-icon img,.web-common-sec-img img,.banner-dm-bg img,.dm-offer-img img,.bnr-cntc-dp-img img,.recent-post-img img{height:100%;width:100%;object-fit:contain;}


/*text-justify*/
.city-about-two p,.country-services p,.dm-sngl-seo-item p,.country-sec-seven-text p,.country-testimonial-carousel-text p{text-align:justify;}
.country-services p,.dm-sngl-seo-head p{text-align:justify;text-align-last:center;}




/*nav----*/



.nav_contact,.nav-bar li.nav-call-li{display:none;}
.nav-sec{padding-top:10px;padding-bottom:10px;transition:.3s;width:100%;z-index:99}
.nav-sec.absolute{top:0;left:0;position:absolute}
.nav-sec.static{background-image:linear-gradient(147deg,#051c2c 21%,#042554 67%,#033295)}
.nav-bar{display:flex;justify-content:space-between;align-items:flex-end}
.nav-bar .logo{max-width:240px;display:block;filter:brightness(0) invert(1)}
.nav-menu>ul{list-style:none;display:flex;justify-content:center;padding-left:5px;padding-right:5px;margin-bottom:0}
.nav-menu>ul>li:not(:first-child){margin-left:76px}
.nav-bar a,.nav-bar li{color:#fff;transition:color .2s ease-out;display:inline-block}
.nav-sec ul a:hover{color:#f58220;font-weight:600}
.nav-social a .fab{background:#fff0;display:inline-block;height:30px;width:30px;text-align:center;line-height:30px;border-radius:50%;transition:.3s}
.nav-social a .fab:hover{background:#fff;font-weight:900;box-shadow:0 0 10px #fff}
.nav-social a .fa-instagram:hover{color:#8a3ab9}
.nav-social a .fa-facebook-f:hover{color:#4267B2}
.nav-social a .fa-linkedin-in:hover{color:#0077b5}
.nav-social a .fa-twitter:hover{color:#1DA1F2}
.nav-social a .fa-youtube:hover{color:red}
.nav-social .fab{position:relative}
.nav_close,.menu-toggle,.mobile-footer-menu{display:none}
.nav-menu >ul>li{position:relative;margin-bottom:10px}
.nav-menu >ul>li:hover > .sub-menu{transform:scaleY(1)}
.sub-menu{z-index:99;position:absolute;left:-15px;padding:15px 15px 5px;background:#fff;box-shadow:0 3px 10px #40abff;min-width:200px;border-radius:10px;border-bottom:2px solid #40abff;transition:.3s;transform:scaleY(0);transform-origin:top center;top:22px}
.sub-menu li{display:block;white-space:nowrap;margin-bottom:10px}
.sub-menu a,.sub-menu li{color:#000;display:block}
.proposal-btn{color:#fff!important;padding:10px 20px;background:#f58220;border-radius:5px;position:relative;overflow:hidden;display:inline-block}
.proposal-btn i{margin-left:5px}.nav_sticky.nav-sec{position:fixed!important;top:0;left:0;background:linear-gradient(90deg,#fff 16%,#04318f 14%,#051c2c);z-index:99;transition:.3s;width:100%;box-shadow:0 4px 10px #00000038}
.nav_sticky .logo{max-width:120px!important;filter:none}
.nav_contact,.nav-bar li.nav-call-li{display:none}



.sub-menu li{position:relative;} .sub-menu .sub-menu{left: 100%;top:-15px;} .sub-menu li i{float:right;margin-top:5px;} .sub-menu li:hover > .sub-menu {transform: scaleY(1);} 


/*banner---*/
/*common in country, city and home page*/
.banner {background-image:linear-gradient(147deg, #051c2c 21%, #042554 67%, #033295);color:#fff;padding-top:150px;padding-bottom:80px;overflow:hidden;position:relative;}
.banner-right p{margin-bottom:50px;font-size:24px;}
.banner-right .owl-stage{margin-bottom:40px;}
.banner-right .owl-dots{text-align:right;}
.banner-right .owl-dots span{width:30px!important; height:4px!important; border-radius:0!important;}
.banner-right .owl-dots .owl-dot.active span,.banner-right .owl-dots .owl-dot:hover span{background-color:#f58220!important;}
.banner-box{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;}
.banner-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
.banner-lines img{animation:rotateLines 3s ease}
@keyframes rotateLines{0% {transform:translateY(-100%) rotate(180deg)} 50% {transform:translateY(0%) rotate(180deg)} 100% {transform:rotate(0deg)}}











/*blog---*/
.no-padding{padding-left:0;padding-right:0;}
.blog h3{text-align:center;font-family:'Tiempos';font-weight:bold;}
.blog-header{margin-bottom:40px;}
.blog h4{text-transform:none;}
.blog-item{display:block;position:relative;;overflow:hidden;}
.blog-item1{height:510px;}
.blog-item2,.blog-item3{height:255px;}
.blog-item4,.blog-item5{height:400px;}
.blog-img{height:100%;position:relative;}
.blog-text{padding:15px 30px;color:#000;}
.blog-item1 .blog-text{position:absolute;bottom:0;left:0;width:100%;color:#fff;z-index:1;}
.blog-item1 .blog-text::after{position:absolute;content:'';height:150%;width:100%;bottom:0;left:0;background-image:linear-gradient(0deg, black, transparent);z-index:-1;}
.blog-item>.row{align-items:flex-end;height:100%;}
.blog-item3 {display:flex; align-items:center;background:#051c2c;}
.blog-item3 .blog-text{color:#f58220;}
.btn-arrow.btn-blog{width:100%;display:inline-block;padding:20px 40px;background:#095497;color:#fff;}
.btn-arrow.btn-blog img{filter:saturate(0) brightness(2);}
.btn-arrow.btn-blog:hover img{filter:none;}
.blog-img-col{height:100%;}
.blog-item5{min-height:350px;}
.blog-item:hover >*{transition:0.3s}
.blog-item:hover >*{transform:scale(1.03);filter:brightness(0.8);}




/*link-sec ----*/
.link-sec{background:#0f3557;color:#fff;padding:30px;}
.link-sec span{color:#fff;font-weight:normal;}
.link-sec-right{border-left:1px solid;padding:20px 0 20px 60px;}
.link-sec-left{padding:20px 60px 20px 0;}
.link-sec h6{font-weight:bold;}
.link-head{margin-bottom:40px;}



/*help--*/
.help-inner{text-align:center;color:#fff;border-radius:9px; background-color:#0f3557; box-shadow:0px 8px 29px 0px rgba(0, 0, 0, 0.4);padding:60px 0;}
.help h3{font-weight:bold;margin-bottom:40px;}
.help p{font-size:28px;margin-bottom:0;}
.help a{border-bottom:1px solid #f58220;color:#fff;transition:0.2s;}
.help a:hover{letter-spacing:1.5px;color:#f58220;}



/*footer---*/
.footer-logo{margin-bottom:40px;}
footer h6{font-size:20px;}
.footer-top{padding-bottom:30px;border-bottom:1px #8ea0b0 solid;}
.footer-form input[type=email]{border:1px #000 solid;padding:10px;width:280px;outline:0;margin-right:10px;}
.footer-right{text-align:right;}
.footer-links a{display:inline-block;color:#000;margin-bottom:30px;}
.footer-links a:not(:last-child){margin-right:50px;}
.footer-links a:hover{color:#f58220; font-weight:bold;}
.footer-social{display:flex;justify-content:flex-end;}
.footer-social a{filter:brightness(0);}
.footer-social a:not(:last-child){margin-right:12px;}
.footer-social a:hover {filter:brightness(1);}
.footer-bottom p{margin-bottom:0;padding:15px;text-align:center;}
.footer-form .clear {display: inline; }







/*blog-page*/
.banner-blog-text h1{font-size:100px;position:relative;display:inline-block;margin-bottom:0;}
.banner-blog-text h1:after{position:absolute;content:'';width:40%;height:3px;background-color:#fff;bottom:-5px;left:0;}
.blog-banner .banner-left img{animation:rotateMike 5s linear alternate infinite;}
@keyframes rotateMike{0% {transform:rotate(0deg)}  100% {transform:rotate(45deg)}}
.blog-sec-one-right{height:100%;max-height:600px;}
.blog-sec-one h2,.blog-common-sec h2{color:#032d7e;font-family:'Graphik';}
.blog-sec-one p{margin-bottom:25px;}
.blog-common-sec h2{padding-left:15px;border-left:7px solid;}
.blog-common-highlight-img img{width:100%;border-radius:10px;margin-bottom:30px;}
.blog-common-sec h6{font-weight:bold;margin-bottom:15px;color:#000;}
.blog-common-sec p{color:#000;}
.blog-common-other-blogs:hover h6,.blog-common-highlight:hover h6{color:#f58220;}
.blog-common-other-blogs:not(:last-child){margin-bottom:30px;}
.blog-common-about{display:flex;align-items:center;}
.blog-common-about p{margin-bottom:0;color:#777;}
.blog-common-author-img{height:50px;width:50px;border-radius:50%;overflow:hidden;margin-right:10px;}






/*blog-inner*/
.blog-single{color:#000;font-family:'Tiempos';font-size:18px;}
.blog-single h1{font-family:'Graphik';margin-bottom:25px;font-weight:bold;position:relative;overflow:hidden;font-size:30px;}
.blog-single h1::after{position:absolute;bottom:10px;width:100%;height:2px;background-image:linear-gradient(90deg ,#0000 15px, #00aaf3 0%);content:'';} 
.blog-single h1::after{position:absolute;bottom:10px;width:100%;height:2px;background-image:linear-gradient(90deg ,#0000 15px, #00aaf3 0%);content:'';} 
.blog-single h2{font-family:'Graphik';font-size:25px;font-weight:bold;margin-bottom:20px;}
.blog-single h3{font-family:'Tiempos';font-size:22px;font-weight:bold;margin-bottom:10px;}
.blog-single-left{box-shadow:0px 0px 15px #00aaf36b; border-top:3px solid #00abf3;padding:20px; border-radius:10px;}
.blog-banner-img{width:100%;margin-bottom:25px;overflow:hidden;}
.blog-banner-img img{animation:zoomout 10s linear;}
@keyframes zoomout {
  0% {transform:scale(1.2);}
  100% {transform:scale(1);}
}
@keyframes zoomin {
  0% {transform:scale(1);}
  100% {transform:scale(1.3);}
}

.blog-single-left img {width: 100%; height: auto; filter: brightness(115%);}
.blog-single-left>p{margin-bottom:20px;text-align:justify;}
.blog-single-left p a:not([data-toggle=tooltip]){color:#00aaf3;}
.blog-single-left p a:not([data-toggle=tooltip]):hover{color:#00aaf3;text-decoration:underline;}
.blog-single-left p a[data-toggle=tooltip]{text-decoration:underline #00aaf3;cursor:pointer;}
.blog-single-left p a[data-toggle=tooltip]:hover{text-decoration:underline #00aaf3}
.blog-single-left iframe{margin-bottom:20px;width:100%;max-height:400px;padding-top:10px;}
/*.tooltip-inner{text-align:left;}*/
.blog-small-banner-img{margin-bottom:25px;}
.blog-small-banner-img img{width:100%;}
.blog-single h4{text-transform:none;}

.blog-single ol{padding-left:20px;margin-bottom:20px;}
.blog-single ol>li::marker{font-weight:bold;}
.blog-single ul{list-style:square;padding-left:20px;margin-bottom:20px}
.blog-share{margin:35px 0;}
.blog-author{display:flex;}
.blog-author-img{height:50px;width:50px;border-radius:50%;overflow:hidden;margin-right:20px;display:block;}
.blog-data{width:calc(100% - 100px);}
.blog-date-author{font-size:90%;}
.blog-date-author span{color:#6f6d6d;}


.blog-single-right-form{text-align:center;margin-bottom:40px;box-shadow:0px 0px 15px #00aaf36b; border-top:3px solid #00abf3;padding:30px 20px; border-radius:10px; background:#fff;}
.blog-single-right-form h4 strong{font-weight:bold;-webkit-text-stroke:thin #00abf3;color:#00abf3; letter-spacing:1px;}
.blog-single-right-form input:not([type=submit]),.blog-single-right-form select{padding:10px; margin-bottom:15px; width:100%; color:#333; background:#fff;box-shadow: 0px 0px 5px #00aaf36b; border-top: 2px solid #00abf3; border-radius: 20px;}
.blog-single-right-form input:not([type=submit]):focus,.blog-single-right-form select:focus{animation:none;box-shadow:0 0 10px #00abf3;}

.blog-single-right-form input::placeholder{color:#333;}
.blog-single-right h5{font-family:'Tiempos';font-weight:bolder;margin-bottom:25px;}
/*animation:neon-input 1s linear infinite alternate;*/
@keyframes neon-input {
  from {box-shadow:0 0 10px #00abf377;}
  to {box-shadow:0 0 10px #00abf3;}
}



.archive h5{text-align:center;}
.archive{background:#f5f6f8;margin-bottom:40px; box-shadow:0px 0px 15px #00aaf36b; border-top:3px solid #00abf3; padding:30px 20px;border-radius:10px;}

.recent-post{box-shadow:0px 0px 15px #00aaf36b; border-top:3px solid #00abf3;
    padding:30px 20px;border-radius:10px;}
.recent-post h5{background:#032350;color:#fff;padding:15px;margin-bottom:0;}
.recent-post-item{display:flex;margin-bottom:10px 0; border-bottom:#00abf3 solid 1px;overflow:hidden;padding:10px;align-items:center;}
.recent-post-img{width:30%;max-width:150px;}
.recent-post-text{width:70%;}
.recent-post-text p{color:#000;margin-bottom:0;font-family:'Graphik';font-size:75%;padding-left:10px;}
.recent-post-text p:hover{color:#00aaf3}



.tooltip{opacity:1!important;}
.tooltip> .tooltip-inner{color:#222;opacity:1;width:100%;padding:15px;box-shadow:0 0 15px #0007;border:0;min-width:300px!important;background:#fff;text-align:left;}
.tooltip> .arrow{display:none!important;;}
.tooltip-blog h5{padding-left:30px;background:url(../../images/blue-tick.png) top left no-repeat;background-size:contain;text-transform:none;}
.tooltip-blog p{font-size:14px;}
.tooltip-blog p.blue-tick{margin-left:15px;padding-left:25px;background:url(../../images/blue-tick.png) top left no-repeat;background-size:15px 15px;}
.tooltip-blog a{color:#00abf3;font-weight:bold;}
.tooltip-blog a:hover{text-decoration:underline;}


.blog-overview{box-shadow: 0px 0px 15px #00aaf36b;border: 1px solid #00abf3;padding: 20px;border-radius: 5px;margin-bottom:20px}
.blog-overview ul li::marker,.blog-overview ul li a{color:#00aaf3}
.blog-overview ul{margin-bottom:0}
.blog-overview ul li a:hover{text-decoration:underline}
.blog-single-left [id]{scroll-margin-top:100px;}


.tag-blog-banner{background-image:linear-gradient(147deg, #051c2c 21%, #042554 67%, #033295);color:#fff;overflow:hidden;position:relative;}
.tag-blog-banner h1{margin-bottom:40px;}
.tag-blog-banner h1 a{color:#fff}

/* Media Queries---- */

@media only screen and ( min-width:1600px ){
  .banner-inner .row{align-items:center;}
  .container{max-width:1440px;}


}
@media only screen and ( max-width:1599px ) {
  .common-padd-lt-rt{padding-right:50px;padding-left:50px;}
  .common-padd {padding-top:70px; padding-bottom:70px;}
  h1,.banner-case-study-text h1,.banner-case-study-text h2{font-size:40px;}
  h2{font-size:35px;}
  h3{font-size:32px;}
  h4{font-size:20px;}
  .help h3,h6{font-size:28px;}
  .service-text h4, .service-text p, .service-text a,.banner-right p,.btn-arrow span,.help p{font-size:20px;}
  .nav-bar .logo {max-width:200px;}
  .nav-menu>ul>li:not(:first-child) {margin-left:50px;}
  .service-tab li:not(:last-child) {margin-bottom:20px;}
  .banner-inner .row{align-items:flex-start;}
  .banner-left{max-width:400px;float:right;}
  .global-text {padding:25px;}
  .blog-item1{height:380px;}
  .blog-item2, .blog-item3{height:190px;}
  .blog-item4, .blog-item5{height:350px;}
  .btn-arrow.btn-blog{padding:20px;}
  .global-country-item{font-size:14px;}

  


  /*blog*/
  /*.blog-banner-img {height:400px;}*/
  .banner-blog-text h1,.banner-faq-text h1 {font-size:80px;}
  .blog-single-left iframe{width:100%;max-height:300px;}


}
@media only screen and ( max-width:1299px ) {
  .nav-menu>ul>li:not(:first-child) {margin-left: 30px; }

  h1{font-size:36px;margin-bottom:30px;}
  h2{font-size:32px;margin-bottom:20px;}

  .service-text h4, .service-text p, .service-text a, .banner-right p, .btn-arrow span, .help p,.service-tab a,.help2 p{font-size:16px;}
  .nav-bar .logo {max-width:150px;}
  .common-padd-lt-rt {padding-right:24px; padding-left:24px;}
  .banner-left {max-width:330px;}
  
  .footer-form input[type=email]{margin-bottom:15px;}


  

}

@media only screen and ( max-width:991px ) {
  .mobile-footer-menu{position:fixed;bottom:0;left:0;width:100%;display:flex;padding:15px 10px;background:#0f3557;z-index:98;border-radius:15px 15px 0 0;border-top: 2px solid #fff;}
  .mobile-footer-menu ul{display:flex;list-style:none;padding:0;margin:0;justify-content:space-evenly;width:100%;height:100%;text-align:center;}
  .mobile-footer-menu li{margin-bottom:0px;}
  .mobile-footer-menu li:not(:last-child){margin-right:10px;}
  .mobile-footer-menu li i{display:block;margin-bottom:5px;font-size:18px;color:#ffc107;}
  .mobile-footer-menu li span{color:#ffc107;font-size:10px;}
  .nav-menu>ul i.fa-angle-down{position:absolute;right:0;top:5px}
  .nav-bar li.nav-call-li{display:block;}



  .nav-social-desktop{display:none;}
  .nav-social-mobile{display:block;}
  /*.nav_close{position:absolute; top:20px; right:20px; font-size:20px;display:block;cursor:pointer;}*/
  .menu-toggle{color:#fff;font-size:20px;display:inline-block;cursor:pointer;}
  .nav-menu-wrap a,.nav-menu-wrap li{color:#000;margin-bottom:0!important;}
  .nav-menu-wrap li a span{color:#f58220}
  .nav-menu{background-color:#fff;position:fixed;margin-top:10px;left:0;width:100%;max-width:500px;transform:translate(-100%);transition:0.4s;z-index:9999;box-shadow:0 0 10px #0007;overflow-y:auto;height:90vh;}
  .nav-menu ul{flex-direction:column;width:100%;}
  .nav-menu>ul{padding:30px 20px;}
  .nav-menu>ul>li{margin-left:0px!important;}
  .nav_sticky .menu-toggle{color:#fff;}
  .nav-menu .active .sub-menu{transform:scaleY(1);display:block;}
  .sub-menu li {margin-bottom:0px;margin-left:10px!important;}
  .nav-menu ul li{padding:6px 0;font-size:22px;}
  .nav-menu ul li:last-child{border-bottom:0;margin-bottom: 0;}
  .nav-menu >ul>li:hover .sub-menu{transform:none;}
  .sub-menu{box-shadow:none; min-width: auto; border-radius:0px; border-bottom: none;transition:0.3s;display:none;position:static;}
  .proposal-btn-wrap{display:flex;}
  .nav_sticky.nav-sec{background: linear-gradient(90deg, #fff 20%, #04318f 14%, #051c2c);}
  .nav_contact{display:block;padding:30px 20px 60px;background:#2a2c2f;color:#fff;}
  .nav_contact_top a{color:#fff;} 
  .nav_contact_top_img img{filter:brightness(0) invert(1);margin-bottom:20px;} 
  .nav_contact_top p:not(:last-child){margin-bottom:6px;}
  .nav-form form{width:100%;margin-top:20px;}
  .nav-form input:not([type=submit]),.nav-form textarea{width:100%;border-bottom:1px solid #ddd;background:#0000;margin-bottom:10px;padding:5px 10px;color:#fff;}
  .nav-form input:not([type=submit])::placeholder,.nav-form textarea::placeholder{color:#eee;}
  .nav-menu::-webkit-scrollbar{width:0;}
  .nav-form input[type=submit]{background:#fff0;color:#fff;border:1px solid #fff;box-shadow:2px 2px #2a2c2f, 3px 3px #fff,-2px -2px #2a2c2f, -3px -3px #fff;padding:10px 20px}
 .nav-menu-wrap{order:3;}


  .banner{padding-bottom:25px;}
  .banner-left {float:none; margin:0 auto;}
  .banner-right p{margin-bottom:25px;}
  .common-padd {padding-top:40px; padding-bottom:40px;}
  h1,.banner-case-study-text h1,.banner-case-study-text h2{font-size:30px;}
  h2{font-size:25px;}
  h3,.blog-single h1{font-size:20px;}
  .blog-single h2{font-size:18px;}
  h5,.blog-single h3{font-size:15px;}
  h4{font-size:14px;}
  .help h3,h6{font-size:20px;}
  body,p,.service-text h4, .service-text p, .service-text a,.banner-right p,.btn-arrow span,.help p,.case-study-body h2,.case-study-body h3,.case-study-body h4,.case-study-body li a,.help2 p,.blog-single{font-size:14px;}
  .arrow-rotate img {width:16px!important;}
  .btn-arrow:hover span{letter-spacing:0.9px;}
  .blog-item4, .blog-item5 {height:300px;}
  .footer-left {text-align:center; margin-bottom:30px;}
  .footer-right{text-align:center;}
  .footer-social {justify-content:center;}
  .footer-logo {text-align:center; margin-bottom:25px;}


  

  /*blog*/
  .banner-web-text h1 {font-size:70px;}
  .blog-banner{padding-top:100px;padding-bottom:80px;}
  .blog-single-left iframe{margin-bottom:10px;max-height:250px;}
  .blog-single-right{margin-top:30px}
  /*.blog-banner-img {height:250px;}*/





}


@media only screen and ( max-width:767px ) {
  .nav_sticky.nav-sec{background: linear-gradient(90deg, #fff 30%, #04318f 14%, #051c2c);}
  h1,.banner-case-study-text h1{font-size:24px;margin-bottom:8px;}
  h2,.banner-case-study-text h2{font-size:22px;}
  h3,.blog-single h1{font-size:19px;}
  h4,.blog-single h2{font-size:17px;}
  h5,.blog-single h3{font-size:15px;}
  .help h3,h6{font-size:18px;}
  body,p,.service-text h4, .service-text p, .service-text a,.banner-right p,.btn-arrow span,.help p,.help2 p,.blog-single{font-size:15px;}
  .banner{padding-top:80px;}
  .banner-left {max-width:220px;}
  .banner-box {top:33%;width:20px;}
  .banner-right p {margin-bottom:10px;}
  .btn-arrow img {width:18px!important;}
  .banner-right .owl-dots span{width:20px!important; height:2px!important;}
  .banner-right .owl-stage {margin-bottom:0px;}
  .about-right {height:150px;}
  .services h2{width:100%;}
  .service-tab{display:none;}
  .service-img {height:200px; border-top-left-radius:100px;margin-bottom:20px;}
  .ser-item>.row{margin:0!important;}
  .global{background-size:100%;}
  .blog-text,.btn-arrow.btn-blog{padding:10px;}
  .btn-arrow.btn-blog span{display:inline;} 
  .link-sec{padding:15px;}
  .link-sec-left{padding-right:30px;}
  .link-sec-right{padding-left:30px;}
  .help h3{margin-bottom:15px;}
  .help-inner{padding:25px 10px;}
  .footer-logo img{width:150px;}
  .global-img{margin-bottom:20px;}
  .ser-head{display:block;}



  

  /*blog & faq*/
  .banner-blog-text h1,.banner-faq-text h1 {font-size:45px;}
  .blog-sec-one-right,.faq-sec-one-left {height:150px;}
  .blog-banner,.faq-banner{padding-top:120px;padding-bottom:80px;}
  .blog-single-right-form h4 strong {-webkit-text-stroke:thin #00abf3;}




}
@media only screen and ( max-width:575px ) {
  
  .blog-item1 {height:170px;}
  .blog-item2, .blog-item3 {height:130px;}
  .blog-item4 .blog-img,.blog-item5 .blog-img{height:200px;}
  .blog-img-col{height:auto;}
  .link-sec-right {padding-left:0; padding-top:30px; border-top:1px solid; border-left:0;}
  .link-sec-left {padding-right:0; padding-bottom:30px;}
  .btn-box{padding:10px 20px;}
  .footer-form input[type=email] {width:200px;margin-right:4px;}
  .footer-links a:not(:last-child) {margin-right:10px;}
  .nav-bar .logo {max-width:120px;}
  .nav_sticky .logo {max-width:80px!important;}


  
  /*blog-page & faq page*/
  .banner-blog-text,.banner-faq-text{text-align:center;margin-top:40px;}
  .banner-blog-text h1,.banner-faq-text h1 {font-size:35px;}
  /*.blog-banner-img {height:180px;}*/
  .blog-sec-one h2,.blog-sec-one p,.faq-sec-one h2{margin-bottom:15px;}
  .blog-common-sec h2{border-left-width:2px;}
  .blog-common-highlight{margin-bottom:25px;}
  .banner-blog-text h1:after,.banner-faq-text h1:after {height:2px; left:50%;transform:translateX(-50%);bottom:-10px;}
  .blog-single-left iframe{margin-bottom:10px;max-height:200px;}




}
@media only screen and ( max-width:380px ) {
  .nav_sticky.nav-sec{background: linear-gradient(90deg, #fff 35%, #04318f 14%, #051c2c);}
  h1,.banner-case-study-text h1,.banner-case-study-text h2{font-size:20px;}
  h2{font-size:18px;}
  h3,.blog-single h1{font-size:16px;}
  h4,.blog-single h2{font-size:14px;}
  h5,.blog-single h3{font-size:12px;}
  .help h3,h6{font-size:16px;}
  body,p,.service-text h4, .service-text p, .service-text a,.banner-right p,.btn-arrow span,.help p,.case-study-body h2,.case-study-body h3,.case-study-body h4,.case-study-body li a,.help2 p,.career-modal-right input:not([type=submit])::placeholder, .career-modal-right textarea::placeholder,.blog-single{font-size:12px;}
  .footer-form input[type=email] {padding:6px 10px; width:190px;} 
  .footer-form input[type=submit] {padding:7px 15px;}

}

.blog-single-left audio {
	width: 100%;
	height: 60px;
	padding: 10px 0;
}
.cities_div {
  position: relative;
}

.cities_box {
 height: 290px;
    overflow-y: scroll;
    background: #ff7500;
    padding: 15px;
    border-radius: 10px;
}
.cities_box a{
		display: inline-block;
        width: 32%;
}
.cities_box::-webkit-scrollbar {
    width: 6px;
    background-color: #00abf3;
	border-radius:10px;
}

.cities_box::-webkit-scrollbar-thumb {
    background: #00abf361;
    border-radius: 50rem
}
.heading p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 105.6%;
    text-transform: uppercase;
    font-family: var(--font3);
    margin-bottom: 8px;
	
}
.heading h2{
    color: #00abf3;
    font-weight: bold;
    margin-bottom: 20px;
}
.c_box {
	position:relative;
     display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin-bottom: 15px;
    padding-left: 7px;
    border-radius: 4px;
	transition: all .5s;
}
.c_box:after{
	content:'';
	position:absolute;
	inset:0;
	background: linear-gradient(45deg, #ffffff5e, transparent);
	scale:0 1;
	transition: all .5s;
	transform-origin:left;
}
.c_box:hover:after{
	scale:1 1;
}
.c_box:hover img{
	transform:scale(1.2);
}
.c_box p {
  color: #ffffff;
    font-family: var(--font3);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    margin: 0;
	transition:all .5s;
}
.c_box img{
	    filter: brightness(0) saturate(100%) invert(14%) sepia(86%) saturate(3932%) hue-rotate(348deg) brightness(90%) contrast(110%);
	position:relative;
	transition: all .5s;
	z-index:1;
}
.cities_div p.p_txt {
  color: #5B5B5B;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 153.5%;
}
@media (max-width:575px){
	.cities_box a {
    width: 49%;
}
	.heading {
    text-align: center;
}
}
/* *********************
Blog
********************* */
.bg-gray{
  background-color: #F9F9F9;
}
.resource-date{
    color: #262626;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
img{
    width: auto;
    height: auto;
}
}
.resource-img {
    position: relative;
    overflow: hidden;
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
.resource-item {
    margin-bottom: 30px;
&:hover{
.resource-content{
   box-shadow: 0px 8px 16px 0px #00000026;
   border-color: #f79b17;
}
}
}
.resource-tag {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: 27px;
    background: #F79B17;
    position: absolute;
    bottom: 0;
    right: 12px;
    padding: 3px 11px;
}
.resource-content {
        padding: 14px;
    border: 1px solid #C6C6C6;
    background: #FFF;
transition: all .5s;
h4{
color: #141414;
font-family: 'Inter', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%;
transition: all .5s;
display: -webkit-box;  
-webkit-box-orient: vertical;  
overflow: hidden;  
-webkit-line-clamp: 2;
}
p{
display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        font-family: 'Inter', sans-serif;
        line-height: 120%;
}
}
.resource-item:hover{
  h4{
color:#F79B17;
}

}
img {
    transition: all .5s;
}
.link-btn span{

color: #042969;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 23px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
    margin-right: 10px;
    transition: all .5s;
&:hover{
color:#F79B17;
}
}
@media(max-width:575px){
.resource-tag {
    font-size: 12px;
    line-height: 18px;
    padding: 6px 17px;
}
.resource-date {
    font-size: 14px;
    line-height: 16px;
}
.resource-content {
    h4 {
        font-size: 16px;
    }
}
.blog-details-banner{
            padding-bottom: 18px;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 70px;
        background-position: right;
.banner-content{
h1{
color: #FFF;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;

}
}
}
.resource-item {
    margin-bottom: 15px;
}
.sidebar-form {
    p {
        font-size: 13.9px;
        text-align: center;
    }
}
.sidebar-box.post {
    p {
        width: 78%;
    }
}
.sidebar-form{
    border-radius: 10px;
border: 1px solid #D3D3D3;
background: #FFF;
box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.15);
border-top: 3px solid rgba(247, 155, 23, 0.91);
padding: 10px;
margin-bottom: 23px;
.form-group {
    margin-bottom: 10px;
}
.form-control{
    border-radius: 3px;
border: 1px solid #BABABA;
&:focus{
    box-shadow: none;
    border-color: rgba(247, 155, 23, 0.91);
}

}
h4{
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    text-align: center;
    span{
        color: rgba(247, 155, 23, 0.91);
    }
}
.proposal-btn {
    padding-inline: 35px;
    transition: all .5s;
    &:hover{
        background-color: #042969;
    }
}
p{
    font-size: 12px;
    text-align: center;
}
}
.sidebar-box{
    border: 1px solid #E1E1E1;
    padding: 10px;
    margin-bottom: 23px;
    
    ul{
        padding: 0;
        margin: 0;
    }
    li{
        list-style-type: none;
    }
    h4{
        font-family: 'Inter', sans-serif;
        font-size: 18px;
        text-align: left;
        text-transform: capitalize;
    }
}
.sidebar-box.post{
    li{
        border-bottom: 1px dashed #5F5F5F;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    a{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    p{
        color: #141414;
        font-family: 'Inter', sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 130.769%;
        margin: 0;
        width: 71%;
    }
    .img-box{
        width: 59px;
        height: 44px;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    ul li:last-child a{
        border-bottom: none;
        margin-bottom: 0;
    }
    .small-line{
        margin-bottom: 15px;
    }

}
.sidebar-box.category{
    a{
    color: #141414;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    justify-content: space-between;
    display: flex;
    border-bottom: 1px dashed #5F5F5F;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 14px;
    transition: all .5s;
    &:hover{
        color: #F79B17;
    }
    }
    ul li:last-child a{
        border-bottom: none;
        margin-bottom: 0;
    }
}
.small-line{
    background: rgba(247, 155, 23, 0.91);
    width: 36px;
height: 2px;
display: block;
margin-bottom: 30px;
}