

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


@font-face{font-family:mont-heavy;font-weight:400;font-style:normal;
    font-display:swap;src:url(../fonts/mont-heavy.eot);
    src:url(../fonts/mont-heavy.eot?#iefix) format("embedded-opentype"),
    url(../fonts/mont-heavy.woff) format("woff"),url(../fonts/mont-heavy.woff2) format("truetype")}

@font-face{font-family:Gorditaa;src:url(../fonts/GorditaRegular_eb4c6f0b.woff2) 
           format("woff2"), url(../fonts/GorditaRegular_7313374a.woff) 
           format("woff");font-weight:400;font-style:normal;font-display:swap}


@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaLight-Italic_38a7003f.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaLight-Italic_43b5ea0c.woff) 
           format("woff");font-weight:300;font-style:italic;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaMedium_483365f0.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaMedium_d3f0718b.woff) 
           format("woff");font-weight:500;font-style:normal;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaRegular-Italic_dc4993a1.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaRegular-Italic_9b098595.woff) 
           format("woff");font-weight:400;font-style:italic;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBlack-BlackItalic_78d52219.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBlack-BlackItalic_53f1079d.woff) 
           format("woff");font-weight:900;font-style:italic;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBold-Italic_94593061.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBold-Italic_62ebcf52.woff) 
           format("woff");font-weight:700;font-style:italic;font-display:swap}



@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaLight_c33b82de.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaLight_fde8b950.woff) 
           format("woff");font-weight:300;font-style:normal;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaMedium-Italic_4e052dc9.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaMedium-Italic_e4daf64b.woff) 
           format("woff");font-weight:500;font-style:italic;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBlack_b608f6bc.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBlack_e7c91f32.woff) 
           format("woff");font-weight:900;font-style:normal;font-display:swap}

@font-face{font-family:Gordita;src:url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBold_f2cfa59b.woff2) 
           format("woff2"),url(https://www.persistent.com/wp-content/themes/persistent/dist/fonts/GorditaBold_0e9da178.woff) 
           format("woff"); font-weight:700;font-style:normal;font-display:swap}

:root {      
    --alt-font: "Urbanist", sans-serif;
    --primary-font: "Urbanist", sans-serif;
    --base-color: #eb813f;
    --dark-gray: #141414;
    --medium-gray: #707070;
    --aluminium-grey: rgba(255, 255, 255, 0.4);
}
/* reset */
body{
    font-size: 16px;
    line-height: 24px;
    overflow-x: hidden;
}
a:hover{
    color: var(--dark-gray);
}
/* header */
.menu-item-list .nav-link{ font-family:mont-heavy; padding: 3px 20px 3px 0;
    font-size: 25px;
    line-height: 20px; }


.testiti .fs-20{  font-weight: 800; letter-spacing: 0px; font-size: 20px; line-height: 28px; 
        color: #24325c; margin-bottom: 15px !important; }
.testiti .container:before {
        content: url(../images/quotes-left.svg);
        position: absolute; 
    }
.testiti .container{ position: relative; }
.testiti .container:after {
        content: url(../images/quotes-right.svg);
        position: absolute; 
        bottom: 30px; right: 0%;
    }
.testiti .fs-20 span{ font-family:mont-heavy; font-size: 16px; line-height: 14px !important; }
.testiti .fs-20 span b{ font-size: 23px; line-height: 26px; }

.main_slider h1{  font-family:"B";
    font-size: 40px;
    line-height: 46px;
    margin-top: 80px;
    margin-left: 50px;
    margin-bottom: 10px; }
.main_slider p {
    font-size: 17px;
    line-height: 20px;
    margin-left: 50px;
    margin-bottom: 15px !important; font-family:"R";
}

.main_heading{ font-size: 46px; line-height: 55px; }
.main_slider .dtjid{ margin-left: 30px; }

.about{ background: rgba(9, 29, 64, 0.79); position: relative;}
.global-watermark {
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.dghsr { color: #fff; font-size: 35px;line-height: 40px;font-family:"BB"; }
.dghsr2 {  
    color: #24325c;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0px;  font-family:"BB";
}
.about_text p{ float: left; display: flex; font-family: "R"; }
.about h1{ font-family:mont-heavy; font-size: 35px; line-height: 46px; color: #24325c; }
.about p{  font-family:"R"; font-size: 15px; line-height: 20px; color: #fff; 
    margin-bottom: 15px !important; font-weight: 300; letter-spacing: .5px; }
.about p b{  font-family:mont-heavy; font-size: 17px; line-height: 25px; color: #fff; 
    margin-bottom: 15px !important; }

.about_text{ border-top:3px solid #fff; padding-left: 0px; padding-top: 15px; margin-top: -15px;
padding-right: 0px;}
.about_text1{ float: left; width: 68%; }
.about_text2{ float: left; width: 32%; margin-top: 5px; }
.about_text2 a{ font-size: 14px; }


.about_text_t{ border-top:3px solid #24325c; padding-left: 0px; padding-top: 15px; margin-top: -15px;
padding-right: 0px;}
.about_text1_t{ float: left; width: 68%; }
.about_text2_t{ float: left; width: 32%; margin-top: 5px; }
.about_text2_t a{ font-size: 14px; }
.about_text1_t p{ font-size: 15px; font-family: "R";
    line-height: 20px; color: #24325c;
    margin-bottom: 15px !important; letter-spacing: .2px; }

.hump {
    position: absolute;
    width: 100%;
    height: 100px;
    z-index: 10;
    text-align: center;
    margin-top: -37px;
}
.hump img {
    height: 40px;
}

.benefits ul{}
.benefits ul li{ list-style: disc; font-family: poppins; margin-bottom: 10px; font-weight: 400;
    color: #24325c; }

.about ul li{  @font-family:mont-heavy; font-size: 17px; line-height: 25px; color: #24325c; 
    margin-bottom: 5px !important; list-style: dotted }    

.innerpages h1{ font-family:"BB"; font-size: 45px !important; line-height: 46px !important; margin-bottom:20px !important;
padding-top: 120px; color: #fff; }
.innerpages h1 span{ display: block; font-size: 20px; line-height: 45px; color: #ff5b16; font-family:"B";  }
.innerpages h2{ font-family: "R";  font-size: 18px !important; line-height: 26px !important; color: #fff; padding-right:20px;
    margin-bottom: 15px !important; letter-spacing: 0px; font-weight: 300; }
.innerpages h3{   font-size: 35px !important; line-height: 40px !important; color: #fff; }
.innerpages h1 b{ color: #ff5b16; font-size: 60px !important; font-family: 'poppins'; }

.innerpages{ height: 80vh; background-color: #05122e; }
.contactform h2{ font-family:mont-heavy; font-size: 38px !important; line-height: 60px !important;   }


.santhosh .swiper-slide .bg-white.text-center{ font-family:"BB"; font-size: 13px !important;
    margin: -20px 10px 10px 10px; padding: 10px 5px; }

.services h1{     font-family: "BB";
    font-size: 35px;
    line-height: 45px; margin-bottom: 20px;
    color: #fff; }
.services .zsdsd{ color: #b5b5b5; line-height: 20px; }
.services a p{ color: #24325c; font-size: 14px; line-height: 20px; margin-bottom: 0px; }

 

.services .category-title p{ color: #24325c; font-size: 14px; line-height: 20px; margin-bottom: 0px; }
.services .category-title p b{     font-family: mont-heavy; }
.services .portfolio-wrapper a p b{     font-family: mont-heavy; }
.services a.d-inline-block{ font-family: mont-heavy; font-size: 14px; }
.services ul{ padding-top: 30px; }
.services ul li .position-relative{ background: #f1f1f1;  }

.light-blue-bg { padding-top: 20px !important; padding-bottom: 20px;
    background-color: #6dd2f5; position: relative;
}
.careers-strip{ position: absolute; z-index: 10000; width: 100%; padding-top: 20px; } 
.careers-strip h2{ font-size: 35px; padding-top: 20px; font-family: "R"; }
.light-blue-bg .swiper-slide .text-dark-gray{ -webkit-text-stroke: 2px #fff !important; opacity: .3 !important;
font-family: mont-heavy; letter-spacing: .5px; color: transparent !important; }
.services{ background: rgba(9, 29, 64, 0.79); position: relative; }

.get{ border-radius: 20px;
    box-shadow: 8px 64px 64px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(3, 23, 148, 0.128442), 0px 16px 16px rgba(0, 0, 0, 0.1), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(255, 255, 255, 0.334544); }
.box1{ width: 25%; height: 500px; float: left;  padding: 40px 30px 20px 30px;
background: radial-gradient(45.95% 45.95% at 100% 0%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.0001) 100%), linear-gradient(152.68deg, rgba(31, 124, 252, 0.95) -19.33%, rgba(3, 23, 148, 0.95) 80.85%);
    border-radius: 20px 0px 0px 20px;  }
.box1 h3{ font-size: 60px; color: #fff; font-weight: 100;  line-height: 55px; }
.box1 p{ font-size: 16px; color: #fff; font-weight: 300; letter-spacing: .5px;  line-height: 20px; }
.box2{ width: 75%; height: 500px; float: right; }


.box2_1{ width: 100%; height: 250px;  }
.box2_2{ width: 100%; height: 250px;  }

.box2_1_1{ width: 67%; height: 250px; float: left; background: #000; position: relative;     overflow: hidden; }
.box2_1_2{ width: 33%; height: 250px; float: left; background: #ccc; position: relative;
overflow: hidden; border-radius: 0px 20px 0px 0px; }

.box2_1_2 h3{ padding: 0px; margin: 0px; }
.box2_1_2 h3 a{ position: absolute;     bottom: 0%;
    left: 0;
    width: 100%; padding: 20px;
    z-index: 10000000;  color: #fff; line-height: 22px;
        background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%); 
font-size: 18px; letter-spacing: .2px;}

.box2_1_1 img, .box2_1_2 img, .box2_2_2 img {  object-fit: cover;
    object-position: center;
    transition: all 0.6s ease-in-out;
}
.box2_1_1:hover img, .box2_1_2:hover img, .box2_2_2:hover .img {
    transform: scale(1.1); object-fit: cover;
    object-position: center;
    transition: all 0.6s ease-in-out;
}
.box2_1_1:hover .overlays, .box2_1_2:hover .overlays, .box2_2_2:hover .overlays{ z-index: 1000000;
 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%) !important; }
.box2_1_1 h3{ padding: 0px; margin: 0px; }
.box2_1_1 h3 a{ position: absolute;     bottom: 0%;
    left: 0;
    width: 100%; padding: 20px;
    z-index: 10000000;  color: #fff; line-height: 22px;
        background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%); 
font-size: 18px; letter-spacing: .2px;}
.overlays {
    top: 0; bottom: 0%;
    left: 0;
    position: absolute !important;
    background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);
    width: 100%;
    height: 100%;
    content: "";
}

.box2_2_1{ width: 33%; height: 250px; float: left; background: #fff; }
.box2_2_2{ position: relative; width: 34%; height: 250px; float: left; background: #fff; overflow: hidden; }
.box2_2_2 h3{ padding: 0px; margin: 0px; }
.box2_2_2 h3 a{ position: absolute;     bottom: 0%;
    left: 0;
    width: 100%; padding: 20px;
    z-index: 10000000;  color: #fff; line-height: 22px;
        background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%); 
font-size: 18px; letter-spacing: .2px;}

.box2_2_3{ width: 33%; height: 250px; float: left; background: #ccc; 
    background: radial-gradient(45.95% 45.95% at 100% 0%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.0001) 100%), linear-gradient(152.68deg, rgba(31, 124, 252, 0.95) -19.33%, rgba(3, 23, 148, 0.95) 80.85%);
    border-radius: 0px 0px 20px 0px; }
.round_box{ width: 200px; height: 200px; margin: 0px auto; border:3px solid #fff; border-radius: 360px;
 margin-top: 30px; text-align: center; color: #fff; padding-top: 65px; line-height: 18px; font-weight: 100; }
.round_box span{ font-size: 55px;  }

.services2{ background: #fff; position: relative; }
.services2 h1{font-family: mont-heavy; font-size: 45px;line-height: 45px; margin-bottom: 20px; color: #24325c;}
.services2 .zsdsd{ color: #24325c; }

.services .category-hover-content a{ padding: 15px; letter-spacing: 0px; line-height: 20px; color: #fff; }
.services .category-hover-content a p{ margin-bottom: 10px; line-height: 16px !important; color: #fff; }
.services .category-image{ border-bottom:5px solid #009f95; }
.services .category-image:before{ background: #fff; position: absolute; content: ""; width: 100%;
height: calc(100% - 5px); }

.services2 p{ color: #24325c; font-size: 15px; line-height: 18px; margin-bottom: 0px; letter-spacing: .5px; }
.services2 a.d-inline-block { font-family: mont-heavy; color: #24325c !important; font-size: 17px; 
    letter-spacing: 0px; line-height: 20px; margin-bottom: 10px !important;  }
.services2 ul li .position-relative{ background: #fff; }
.sddrs{ padding-right: 80px; }
.sddrs img{ position: absolute; width: 70px !important; right: 0%; }

.modelss{ position: relative; }
.modelss img{ position: absolute; margin-top: 50px; width: 100%; }
.modelss ul{ list-style: none; padding: 0PX; margin: 0px; }
.modelss ul li{ float: left; list-style: none; text-align: center; position: relative; z-index: 100; }

.modelss ul li:nth-child(1){ margin-top: 250px; width: 20%; margin-left: -1.4%; }
.modelss ul li:nth-child(3){ margin-top: 250px; width: 24%; margin-left: -110px; }
.modelss ul li:nth-child(5){ margin-top: 250px; width: 23%; margin-left: -95px; }
.modelss ul li:nth-child(7){ margin-top: 234px; width: 20%; position: absolute; right: -3%; }

.modelss ul li:nth-child(2){ margin-top: 0px; width: 23%; margin-left: -85px; }
.modelss ul li:nth-child(4){ margin-top: 0px; width: 24%; margin-left: -115px; }
.modelss ul li:nth-child(6){ margin-top: 0px; width: 23%; margin-left: -105px; }
.modelss ul li a{ font-family: mont-heavy; color: #24325c !important; font-size: 15px; 
    letter-spacing: 0px; line-height: 20px; margin-bottom: 10px !important; }





.offers{ position: relative; padding-top: 60px; padding-bottom: 60px; }
.offers h1{font-family: mont-heavy; color: #24325c;
    font-size: 35px;
    line-height: 40px; margin-top: -150px !important;
   margin-bottom: 15px;}
.offers .zsdsd{ color: #24325c; font-family: "R";
    line-height: 23px;
    font-size: 17px;
    letter-spacing: .3px;
    font-weight: 500 !important; }
.pr-0{ padding-right: 0px; } 
 .offers ul{ position: relative; margin-bottom: 0px; }
 .offers ul li{ width: 46%; height: 150px; border-radius: 15px; overflow: hidden;
 margin: 2%; float: left; }
 .offers ul{ padding-left: 0px; }
  .offers .dfgklkjl2 ul li{ width: 23.1%; height: 150px; border-radius: 15px; overflow: hidden;
 margin: .9%; float: left; }
  .model_img{ width: 100%; margin-top: -1px; margin-left: -1px; }
.model_box{ width: 140px; position: absolute; background-color: #FFFFFF25;
clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 80% 100%, 20% 100%, 0 80%, 0 20%);
    backdrop-filter: blur(6px); margin-left: 15px; margin-top: 15px; padding: 10px; }
.icon{ width: 50px; height: 40px; }
.model_box .hd{ padding: 0px 0px 0px 10px; margin-top: 0px; line-height: 15px; }
.model_box .hd a{ font-size: 15px; color: #fff; font-family: "M"; } 
.offers ul .extra_li{ position: absolute; bottom: 0%; left: -250px; }
.icon img{ height: 30px; margin-left: 10px; }

.bg-blue-whale {
    background-color: #152833;
}

.approach{ position: relative;  background:url("../images/slider-03.jpg") center no-repeat;
background-size: cover; }
.approach h3{ font-family: mont-heavy; font-size: 45px;line-height: 45px; margin-bottom: 20px; color: #fff; }
.approach p{ color: #b5b5b5; font-size: 16px; }


.approach .col-lg-6:before{ left: 5%; content: ""; position: absolute; width: 90%;  height: 520px;
      background-color: #162340; opacity: 0.8; z-index: -1; border-radius: 360px; top: -7%; }
.approach .col-lg-6:after{ left: 0%; content: ""; position: absolute; width: 100%;  height: 580px;
     background-color: #162340; opacity: 0.5; z-index: -2; border-radius: 360px; top: -13%; }

.approach .col-lg-6{ position: relative; z-index: 99; }


.servicess .fs-22{ font-family:mont-heavy; font-size:20px; line-height: 20px; padding-bottom: 15px; }
.servicess a img{ height: 80px; margin-bottom: 10px;  }
.servicess a span{ display: block; }
    .main-footer__top__shape-one {
        top: -80px;
        right: -20px;
    }

    .main-footer__top__shape-one {
        width: 200px;
    }

.innerpages:before {
        background: rgba(24, 24, 61, 0.75);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; content: ""; position: absolute;
}
.innerpages2:before{ background: none; }
.innerpages .container{ position: relative; z-index: 100; }


.main-footer__top__shape-one {
    position: absolute;
    top: -80px;
    left: 0;
    z-index: 1;
    animation: slowXmove 6s ease infinite;
}
    .main-footer__top__shape-two {
        width: 300px;
    }

.main-footer__top__shape-two {
    position: absolute;
    right: 2%;
    bottom: 0;
    z-index: 1;
    animation: slowXmove 6s ease infinite;
} 



.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(9 13 40) !important;
}

.navbar .navbar-nav .nav-link {
    font-size: 15px; 
    font-family:"M";  
}
.sdasda h2{ font-family:mont-heavy; font-size: 45px; line-height: 45px; color: #24325c; }
.stack-box h1{ font-family:mont-heavy; font-size: 45px; line-height: 45px; color: #24325c; }
.stack-box span.text-gradient-base-color{  color: #ff5b16; }
.stack-box .numbers { font-family:mont-heavy;    }
.navbar .navbar-nav .dropdown.open .dropdown-menu {
    background-color: #05142D; height:100vh;
}
.dropdown-menu_san{ height:auto !important;}


.xzcxzcds h4{ color: #24325c; font-family:mont-heavy; font-size: 32px; line-height: 45px; }
.blogs h2{ font-family:"BB"; font-size: 45px; line-height: 45px; color: #24325c; }
.blogs a{  font-family:mont-heavy; font-size: 17px; line-height: 22px; color: #24325c; }

.inspiring-one {
    position: relative;
    background-color: var(--cleenhearts-white2, #EFECE7);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    padding-top: 130px;
    padding-bottom: 100px;
}
.inspiring-one .sec-title {
    margin-bottom: 39px;
}
.inspiring-one .sec-title__title {
    position: relative;
    z-index: 2;
    margin: 0;
   font-family:mont-heavy; font-size: 55px; line-height: 60px; 
    color: #fff;  
    text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 3px;
}
.inspiring-one .inspiring-one__text {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 3px;
    line-height: 25px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    font-size: 15px;
    font-family:"M";
    color: #24325c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
    position: absolute;
    right: 15px;
    top: 14px;
    width: auto;
    font-size: 13px !important;
}
@header .navbar{ background: linear-gradient(0deg, rgba(0, 38, 76, 0) 0%, rgba(0, 38, 76, 0.7) 50%) !important; }
header .navbar-brand img {
    max-height: 70px;
}
.header-top-bar div>a {
    color: var(--light-gray);
}
.header-top-bar div>a:hover {
    color: var(--white);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
    font-size: 30px;
}
.navbar .navbar-nav .dropdown .dropdown-menu a i {
    width: 35px;
}
header .btn.btn-box-shadow.btn-base-color,
.btn.btn-base-color {
    color: var(--dark-gray);
}
header .btn.btn-box-shadow.btn-base-color:hover,
.btn.btn-box-shadow.btn-base-color:hover {
    color: var(--dark-gray);
}
header .btn.btn-small {
    font-size: 15px; 
    padding: 10px 18px;
}
/* btn */
.btn.btn-hover-animation-switch.btn-link {
    padding-top: 0;
}
.btn { 
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: 0;
}
.btn.btn-extra-large {
    font-size: 14px;
    padding: 9px 20px;
}
.btn.btn-large {
    font-size: 17px;
    padding: 14px 28px;
}
.btn.btn-medium {
    font-size: 16px; 
    padding: 12px 24px;
}
.btn.btn-small {
    font-size: 15px;
}
.btn.btn-very-small {
    font-size: 14px; 
    padding: 9px 20px;
}

/* counter style */
.counter-style-04 .vertical-counter:after {
    color: var(--base-color);
}
.review-star-icon i {
    color: var(--base-color);
}

/* footer style */
footer ul li {
    margin-bottom: 1px;
}
footer p {
    line-height: 28px;
}
/* page title */
.page-title-double-large h1 {
    font-size: 4.375rem;
    line-height: 4.688rem;
}
.page-title-double-large h2 {
    font-size: 16px;
    line-height: 28px;
}

/* top bottom left right class */
.right-12 {
    right: 12%;
}

.bg-jungle-green {
    background-color: #2ebb79;
}
/* Outside box */
.outside-box-top-205px {
    margin-top: -205px;
}
/* Transparent background color */
.bg-gradient-gray-light-dark-transparent {
    background-image: linear-gradient(to top, #f7f7f7 0%, transparent 100%);
}


@media (max-width: 1399px) {
    .xl-h-180px {
        height: 180px;
    }
    .xl-w-180px {
        width: 180px;
    }
}
@media (max-width: 1199px) {
    .outside-box-top-200px {
        margin-top: -150px;
    }
}
@media (max-width: 991px) {
    .outside-box-top-200px {
        margin-top: 0;
    }
    .navbar .navbar-nav .dropdown.open .dropdown-menu {
        padding-bottom: 15px;
    }
    .fddfdfsf{ margin-top: -140px; }
    header.sticky.sticky-active .fddfdfsf{ margin-top: 0px; }
        header.sticky .navbar-brand { padding: 10px 0;     }
        header .hamburger-push-button .push-button-text {
        color: #fff !important;
    }
    .slider_main_heading {
    font-family: mont-heavy;
    font-size: 23px;
    line-height: 26px; margin-bottom: 10px !important;
}
.slider_main_description {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px !important;
}
.btn.btn-extra-large {
    font-size: 18px;
    padding: 8px 22px;
}
.about h1 {
    font-family: mont-heavy;
    font-size: 24px;
    line-height: 29px;
    color: #24325c;
}
.about p {
    font-size: 15px;
    line-height: 20px;
    color: #24325c;
    margin-bottom: 15px !important;
}

.about .btn.btn-large {
    font-size: 16px;
    padding: 14px 14px;
}
.servicess .fgdfgdgf{ width: 50% !important; flex: none; padding: 0px 5px; }
.xzcxzcds h4 {
    color: #24325c;
    font-family: mont-heavy;
    font-size: 24px;
    line-height: 30px;
}
.stack-box h1 {
    font-family: mont-heavy;
    font-size: 36px; }
.inspiring-one .sec-title__title {
    position: relative;
    z-index: 2;
    margin: 0;
    font-family: mont-heavy;
    font-size: 38px;
    line-height: 40px; }
.blogs h2 {
    font-family: mont-heavy;
    font-size: 38px; }
.innerpages h2 { display: none; }
.innerpages h1 {
    font-family: mont-heavy;
    font-size: 31px !important;
        line-height: 39px !important; }

}

.feature.video {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.video-bg, .video-bg:before {
    background-color: #f6f7f7 !important;
}

.video-bg, .video-bg:before {
    background-color: #342e39;
    width: 100%;
}
.video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    height: 0;
    width: 100%;
    padding: 0 0 56.25%;
}
.video-wrapper video {
    height: calc(120%);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
    margin-top: 0px;
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1180px;  
    }
}
.counters{ padding-top: 100px; padding-bottom: 100px; }
.counters span.fs-13{ line-height: 16px;
    margin-top: 15px; font-family: "B";
    font-size: 13px;
    text-transform: none !important;
    padding: 0px 29px; }

.offers{position: relative; overflow: hidden; }
.cdwef{   position: relative; z-index: 10000; }

 

.industries{ position: relative; margin-top: 100px; }
.industries .feature.video { z-index: 100; }
.dfgklkjl{ position: relative; z-index: 10000; }
.industries .container{ z-index: 1000; position: relative; }
.industries h3{ color: #fff; }
.industries p{ color: #fff; }
.industries .hh { font-family: mont-heavy; font-size: 18px !important; line-height: 20px; margin-bottom: 10px; }
.industries .pp{ line-height: 18px; font-size: 14px; }


.industries ul{ padding: 0px; margin: 0px; }
.industries ul li{ list-style: none; float: left; width: 23.6%; margin: 5px; font-family: mont-heavy; 
 border-radius: 5px; text-align: center; color: #fff; line-height: 16px;
border:1px solid #fff; height: 130px; padding-top: 20px;}
.industries ul li a{ color: #fff; font-size: 14px; }
.industries ul li a img{ height: 60px; margin-bottom: 5px; }

.why h2{ font-family: "BB"; font-size: 35px !important; }
.why .accordion-title{ font-family: "BB"; font-size: 16px !important; }
.last-paragraph-no-margin p:last-of-type{ font-family: "R"; }

.feature-box-content .sfdsdfsf{ position: absolute; margin-top: -40px; 
    margin-left: 25px; font-size: 45px; color: #24325c; }

.counters{   font-size: 45px; }
.feature-box-content .sfdsdfsf1{  font-size: 45px; color: #24325c; font-family: mont-heavy; }
.counter{ font-family: mont-heavy; }

.fdrsfr{ font-family: mont-heavy; font-size: 41px !important; line-height: 55px; letter-spacing: 0px; }

.fdrsfr2{ font-size: 50px !important; line-height: 55px; letter-spacing: 0px; }
 
.dasdsa{ position: relative; }
.dasdsa:before{ content: ""; 
    background: rgba(0, 0, 0, 0.61); width: 100%; 
height: 100vh; position: absolute; z-index: 100; }
.dasdsa video{ margin-top: -100px; }

footer .fs-18{ font-family: mont-heavy; font-size: 18px; }
footer ul li a, footer p{ font-size: 14px !important; line-height: 18px !important; 
    color: #f1f1f1; }
footer ul li a:hover{ color: #fff; }
footer ul li { margin-bottom: 0px;}
footer{ position: relative; }
footer .dits { font-family: mont-heavy; font-size: 16px; color: #fff; }
#modal-popup3 h3{ font-family:mont-heavy; font-size: 30px; }
footer .container{ position: relative; z-index: 10000000; }
.animated-background {
    inset: 0;
    display: inline-flex;
    z-index: 0;
    position: absolute;
    flex-direction: row;
    justify-content: center;
    overflow: hidden; width: 100%;  opacity: 0.3;
}
.bg-green { background-color: #38bc2d;}
.bg-orange { background-color: #f37021; }
.bg-lightblue2 { background-color: #0096c7; }
.bg-opacity50 { opacity: .5; }
.bg-blur { -webkit-filter: blur(120px); filter: blur(120px); }
.bg-shape10 {
    z-index: 1;
    bottom: -25%;
    right: -25%;
    width: 50%;
    height: 70%;
    rotate: 180deg;
    -webkit-animation: shape8 4s infinite alternate linear;
    animation: shape8 4s infinite alternate linear;
}
.bg-shape9 {
    z-index: 1;
    bottom: -25%;
    left: 33.33%;
    width: 40%;
    height: 75%;
    rotate: 180deg;
    -webkit-animation: shape8 4s infinite alternate linear;
    animation: shape8 4s infinite alternate linear;
}
.bg-shape8 {
    z-index: 1;
    bottom: -25%;
    left: -5%;
    width: 33.33%;
    height: 80%;
    rotate: 180deg;
    -webkit-animation: shape8 4s infinite alternate linear;
    animation: shape8 4s infinite alternate linear;
}
.bg-shape {
    opacity: .9;
    position: absolute;
    border-radius: 9999px;
}





.bg-shape8{z-index:1;bottom:-25%;left:-5%;width:33.33%;height:80%;rotate:180deg;-webkit-animation:shape8 4s infinite alternate linear;animation:shape8 4s infinite alternate linear}
.bg-shape9{z-index:1;bottom:-25%;left:33.33%;width:40%;height:75%;rotate:180deg;-webkit-animation:shape8 4s infinite alternate linear;animation:shape8 4s infinite alternate linear}
.bg-shape10{z-index:1;bottom:-25%;right:-25%;width:50%;height:70%;rotate:180deg;-webkit-animation:shape8 4s infinite alternate linear;animation:shape8 4s infinite alternate linear}
@keyframes shape7{to{-webkit-transform:translate(31.875rem,-11.1875rem);transform:translate(31.875rem,-11.1875rem)}}
@-webkit-keyframes shape8{to{-webkit-transform:translate(19.375rem,0);transform:translate(19.375rem,0)}}
@keyframes shape8{to{-webkit-transform:translate(19.375rem,0);transform:translate(19.375rem,0)}}


.about-sec3 {
    background-color: var(--light-color);
    background-image: url(../images/about-get-back.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding: 135px 0;

}
.why_mengen{ background: #f1f1f1; }
.bg-light-red-grey {
    background-color: #fff1ee;
}
.benefits span.d-inline-block{ font-family: "B"; font-size: 16px; font-weight: normal; }
.new_about{ padding-bottom: 0px;  }
.new_about h1{ font-size: 45px !important; font-family: mont-heavy; line-height: 66px; }
.new_about p{ font-size: 19px; line-height: 28px; color: #24325c; font-family: "R"; }
.new_about img{ border-radius: 10px; }
.benefits .feature-box { padding-left: 15px; }
.feature-box-content span{  color: #24325c; font-family:"R"; font-size: 17px; line-height: 18px; }
.new_about ul{ padding-top: 15px; }
.counters .feature-box-content span.counter.counters{  color: #24325c; font-family:"BB"; 
font-size: 45px; line-height: 18px; }

.benifits_challeges{ position: relative; overflow: hidden; padding-top: 60px;
        padding-bottom: 60px; }
.benifits_challeges:before{ content: ""; position: absolute; width: 50%; height: 100vh;
  z-index: -1; left: 0%; top: 0%;
background: url("../images/1760.jpg") center no-repeat; }
.benifits_challeges:after{ content: ""; position: absolute; width: 50%; height: 100vh;
background: url("../images/9459.jpg") center no-repeat;  z-index: -1; right: 0%; top: 0%; }
.casdadasd{ background: #05142D; }
.casdadasd ul{ padding: 0px; margin: 0px; }

.casdadasd ul li:before{ content: ""; position: absolute; width: 60px; height: 60px; border-left:1px solid #ff5b16; border-top:1px solid #ff5b16;
left:0px; top:0px; border-radius:10px 0px 0px 0px; }

 


.casdadasd ul li{ position:relative; list-style: none; color: #f1f1f1; margin: 0px .5%; width: 19%;
    background: rgba(9, 29, 64, 0.79);
    min-height: 290px; border-radius: 10px;
    float: left;  text-align: center; padding: 30px 15px 0px 15px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.casdadasd ul.color_change li{ background: rgb(5 20 45); }

.casdadasd ul li p span{ font-family: "M"; color: #ff5b16; font-size: 17px; line-height: 20px; display: block; margin-bottom: 10px; }
.casdadasd p{ font-size: 16px; line-height: 22px; color: #f1f1f1; font-family: "R";
margin-bottom: 10px; list-style: disc; }
.benifits_challeges h2{ font-size: 25px; line-height: 25px; color: #f1f1f1; font-family: "R";
margin-bottom: 25px;   }
.casdadasd ul li img{ height: 70px; margin-bottom: 20px; }
.nbf:before{ background: #000; }
.dfsfsafds .stack-item-wrapper{ background: rgba(9, 29, 64, 0.79); }
.casdadasd h1 { color: #fff; font-family: "BB"; font-size: 45px !important; }
.dfsfsafds .stack-item-wrapper2 {
    background: rgb(14 103 143 / 77%);
}


.benifits_challeges2 .container{ position: relative; z-index: 100; }
.benifits_challeges2:before {
    content: ""; width: 100%; height: 100vh; position: absolute; top: 0%;
    background: linear-gradient(0deg, rgba(15, 22, 65, 0.5), rgba(15, 22, 65, 0.5)), 
    linear-gradient(357.62deg, rgba(3, 13, 36, 0.31) 1.04%, rgba(8, 25, 64, 0) 34.57%), 
    linear-gradient(153.12deg, rgba(252, 60, 61, 0.0001) 38.06%, rgba(254, 0, 0, 0.343122) 84.52%), 
    linear-gradient(225.84deg, rgba(31, 124, 252, 0.0001) 28.26%, #031794 109.02%); }

.about{ position: relative; }
.about1{ padding-top: 0px; }
.about1 h1{ font-family:mont-heavy; font-size: 35px; line-height: 46px; color: #24325c; }
.about1 p{  font-family:"R"; font-size: 19px; line-height: 32px; color: #24325c; 
    margin-bottom: 15px !important; }
.about1 p b{  font-family:mont-heavy; font-size: 17px; line-height: 25px; color: #24325c; 
    margin-bottom: 15px !important; }
.about2{ position: relative; }
.about2 h2{ position: absolute; text-transform: uppercase; font-size: 42px;  }

 
 .asda{ position: absolute; z-index: 1000; bottom: 0%; display: none; } 
 .asda ul{ width: 100%; padding: 0px; margin: 0px; }
 .asda ul li{ width: 25%; float: left; color: #fff; padding: 20px 10px 20px 60px;
  background: rgba(235, 129, 63, 0.68); border-left:1px solid #000; border-top:1px solid #eb813f;  line-height: 20px; }
.asda ul li:nth-child(1){ border-left:1px solid transparent;  }
.asda ul li span{ position: absolute;  font-family:mont-heavy; font-size: 30px; margin-left: -50px;
margin-top: 10px; }

 .asda ul li.active{ background: #000; border-top:1px solid #fff; }

.aboutus{ background:#f1f1f1;}
 .map{ background: url("../images/map.jpg") center top 30px no-repeat; background-size: contain;
 padding-top: 60px; height: 650px; }
 .map_numbers{ position: relative; }
 .numbers1{ position: absolute; width: 160px; height: 100px; font-family:"BB"; font-size: 15px;
 line-height: 18px; margin-top:350px; margin-left: 180px; }
 .numbers1 span{ display: block; font-size: 35px; margin-bottom: 10px; color: #eb813f;  }


.why_mergen_indu p{ font-size:20px; line-height:28px; font-family:"R"; color: #24325c; }

.contssf h3{ font-family:"BB"; color: #24325c; font-size:34px; }
.contssf p{ font-size:17px; line-height:25px; font-family:"R"; color: #24325c; }

  .numbers2{  margin-top:50px; margin-left: 160px; }
  .numbers3{  margin-top:200px; margin-left: 140px; }
  .numbers4{  margin-top:150px; margin-left: 900px; }
  .numbers5{  width: 180px; margin-top:300px; margin-left: 850px; }
 
 .map h2 { text-align: center;
    font-family: "BB";
    font-size: 35px;
    line-height: 45px;
    color: #24325c; 
}
.home_page_services.about_page.stack-box ul{ margin-bottom:15px;}
.home_page_services.about_page.stack-box ul li {
    font-family: "R";
    line-height: 23px; margin-bottom:10px;
    color: #cdd2d7;
    font-size: 16px; position:relative; padding-left:15px;
}
.home_page_services.about_page.stack-box ul li span{ color:#ff5b16;}
.home_page_services.about_page.stack-box ul li i{ position: absolute;
    left: 0%; top:7px; font-size:13px; }

#preloader{ background-color: #0059a6; }  

/* Preloader */
.container-preloader {
    align-items:center;   display:flex; height:100%;
  justify-content:center; position:fixed; left:0; top:0; width:100%; z-index:1000000;
}
.container-preloader .animation-preloader {
    position:absolute; z-index: 100; width: 100%;
    text-align: center;}
/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
    border-radius: 50%;  border: 10px solid rgba(0, 0, 0, 0.2);
  border-top-color: green; /* It is not in alphabetical order so that you do not overwrite it */
  height: 9em;  margin: 0 auto 3.5em auto; width: 9em;
}
/* Loading text */
.container-preloader .animation-preloader .txt-loading {
  font: bold 5em 'Montserrat', sans-serif;
    text-align: center; user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;  color: orange;
  content: attr(preloader-text);  left: 0;
  opacity: 0;  position: absolute;  top: 0;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters {
    color: rgba(0, 0, 0, 0.2);  position: relative;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s;
}
.container-preloader .loader-section {
  background-color: #0059a6;  height: 100%;
  position: fixed;  top: 0;  width: calc(50% + 1px);
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}
/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
/* Curtain effect */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
/* Animation of the preloader */
@keyframes spinner {
to {
    transform: rotateZ(360deg);
}}
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%,
  75%,
  100% {
 opacity: 0;
 transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }}
/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
    /* Preloader */
    /* Spinner Loading */   
    .container-preloader .animation-preloader .spinner {
    height: 8em;
    width: 8em;
    }
    /* Text Loading */
    .container-preloader .animation-preloader .txt-loading {
      font-family:mont-heavy;
    }}
@media screen and (max-width: 500px) {
    /* Prelaoder */
    /* Spinner Loading */
    .container-preloader .animation-preloader .spinner {
    height: 7em;
    width: 7em;
    }
    /*Loading text */
    .container-preloader .animation-preloader .txt-loading {
      font-family:mont-heavy;
    }}
.origin{text-decoration:none;
font-size:45px;}
.text p{ font-family: mont-heavy;
    color: #fff;
    padding: 0px;
    margin: 0px;
    position: absolute;
    width: 100%; }
.word { position: absolute;
    width: 900px;
    opacity: 0;
    text-align: center;
    display: block; margin: 0 auto;
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: #8e44ad;
}

.belize {
  color: #2980b9;
}

.pomegranate {
  color: #c0392b;
}

.green {
  color: #16a085;
}

.midnight {
  color: #2c3e50;
}

.blogs h6{ font-size: 17px; letter-spacing: 0px; line-height: 20px; font-family: "M"; }

.slider_text{ position: absolute; bottom: 15%; left: 5%; border-radius: 10px;
 padding-bottom: 35px;  background-color: rgb(5, 20, 45);     margin-right: 60px; }
.main_slider h1{ padding-top: 0px; margin-top: 30px; 
    margin-right: 30px; margin-left: 30px; font-size: 35px; line-height: 35px;  }
.main_slider p{ margin-right: 30px; margin-left: 30px; font-size: 16px; line-height: 22px; }
.dfdfwt{ color: #fff; margin-left: 10px; border: 1px solid #fff; }
.main_slider h1 span{ color: #00BCD4; font-size: 27px; }

.blogs span.fs-14.fw-500{ background: #ff5b16; padding: 5px 10px; border-radius: 5px;
letter-spacing: 0px !important; font-size: 12px !important; }


.offers_san h1{ color:#fff; font-family:"BB"; font-size:34px; line-height:35px; } 
.offers_san h2{ color:#fff; font-family:"BB"; font-size:34px; line-height:35px; } 
.offers_san span.zsdsd { color:#fff; font-family:"R"; font-size:17px; line-height:23px; letter-spacing: .3px; } 
.offers_san ul{ display: flex;
    width: 100%;
    clear: both; list-style: none; padding: 0PX; margin: 0px; position: relative; }
.offers_san ul li{ font-family:"R"; float: left; list-style: none; text-align: center; position: absolute; z-index: 100;
font-size: 13px; line-height: 16px; width: 170px; }
.offers_san ul li p{ margin-top: 5px; color: #fff; }

.offers_san ul li span{ display:block;}
.offers_san ul li:nth-child(1){ margin-top: 315px; margin-left: 3%; width: 230px; }  
.offers_san ul li:nth-child(3){ margin-top: 55px; margin-left: 39%; width: 230px;  }
.offers_san ul li:nth-child(5){ margin-top: 313px; margin-left: 68%; width: 222px; }
.offers_san ul li:nth-child(7){margin-top:468px; margin-left: 16%; width: 258px; }

.offers_san ul li:nth-child(2){ margin-top: 155px; margin-left: 2%; width: 235px;  }
.offers_san ul li:nth-child(4){ margin-top: 167px;margin-left: 68%; width: 200px; }
.offers_san ul li:nth-child(6){ margin-top: 468px; margin-left: 52%; width: 258px; }


.offers_san{ padding-top: 60px;  padding-bottom:60px; }
 .offers_san p{ font-size:15px; }



.offers_san ul li a{ font-family:"BB"; color: #fff !important; font-size: 13px; 
    letter-spacing: 0px; line-height: 16px; margin-bottom: 10px !important; }



.home_page_services.stack-box h1{ font-family:"BB"; font-size: 28px; line-height: 45px; color: #fff !important; }
.home_page_services.stack-box h3{ font-family:"BB"; font-size: 30px; line-height: 45px; color: #fff !important; }
.home_page_services.stack-box p{ font-family:"R"; line-height: 22px;
    color: #cdd2d7;
    font-size: 16px; }
.home_page_services.stack-box ul{ padding:0px; margin:0px 0px 0px 0px; }
.home_page_services.stack-box ul li{ font-family:"M"; line-height: 20px;
    color: #cdd2d7;
    font-size: 15px; }
.home_page_services.stack-box h4{ font-family:"B"; font-size: 16px; line-height: 10px; color: #fff !important; margin-bottom: 15px; }


.aboutus h2{ font-family:"BB"; line-height: 22px; color: #24325c; font-size: 34px; }
.aboutus p{ font-family:"R"; line-height: 30px; color: #24325c; font-size: 20px;  }
.text_red{ color: #ff5b16;
    font-size: 35px !important; ; }
    
.santhosh_left{ width:550px; float:right; padding-top:15px; }    
.santhosh_right{ width:550px; float:left; padding-top:15px; padding-left:35px; }

.main_serv h2{ font-family:"BB"; line-height: 25px; color: #24325c; font-size: 36px; }
div.text_devider{ margin-left: -6px; display: inline; }
.main_serv p{ font-family:"R"; line-height: 30px; color: #24325c; font-size: 20px;}

.dghsr.dghsr3 { 
    font-size: 27px;
    line-height: 40px;
    font-family: "BB";
    text-align: center;
}
.box_images{ width:100%; height:210px; background:#000; overflow:hidden; }
.blog_box{ background:rgb(5 19 45); padding:15px 15px; margin:-30px 10px 0px 10px; position:relative; z-index:10000; }
.blog_box h3{ font-family:"B"; line-height: 20px; color: #cbcaca; font-size: 18px; margin-bottom:10px; }
.blog_box h3 span{ color: #ff5b16; font-size: 30px; position: absolute;
    margin-top: -5px; }
.blog_box p{ color:#cbcaca; -webkit-line-clamp: 3; display: -webkit-box;
    -webkit-box-orient: vertical; overflow: hidden;
    max-height: 125px;
 }
.blog_inner_page{ margin-bottom:30px; }
.industries h2{ font-family:"R"; margin-bottom: 30px; color: #fff; font-size: 30px; }

.ready-to-get{ background: url("../images/ready-to-get.jpg") center; }
.ready-to-get h4{ font-family: "BB"; color:#fff;     font-size: 32px; }
.ready-to-get p{ font-family: "R"; color:#fff; font-size: 17px; line-height: 25px;padding:0px 100px; }

.offers_san ul li img{ display:none; }


.short_description p{ margin-top:15px;  font-size: 18px; line-height:25px; }
.quations_box{ padding:25px 35px; border-radius:20px; background:#f1f1f1; margin-top:20px;  }
.quations_box h4{ font-family: "B"; color:#24325c; font-size: 25px; margin-bottom:15px; }
.quations_box ul{ padding:0px; }
.quations_box ul li{ display:block; float:left; width:100%; }
.quations_box ul li a{ color:#24325c; font-family: "M"; padding:5px 10px 5px 30px; display:block; font-size: 17px; position:relative; }
.quations_box ul li a:before{ content:""; width:20px; height:20px; background:url("../images/approve_16025487.svg") center no-repeat; position:absolute; left:0%;}
 
.description_1 h5{ font-family: "B"; color:#24325c; font-size: 20px; margin-bottom:20px;margin-top:0px; line-height: 28px;  }
.description_1 p{ font-size: 18px; line-height:26px;}

.innerpages_blog{ background:rgb(5, 20, 45); }
.innerpages_blog h1{font-family: "M";
    font-size: 35px !important;
    line-height: 46px !important;
    margin-bottom: 20px !important;
    padding-top: 120px; padding-bottom:50px;
    color: #fff; }
.blogsd img{ border-radius:5px;  }
.innerpages_blog { height:86px;}
.blogsd h1{ font-family: "B";
    font-size: 35px !important;
    line-height: 46px !important;
    margin-bottom: 20px !important;
    padding-top: 30px; padding-bottom:30px;
    color: #24325c; }
.blogsd{ padding-top:10px; }
.more_blogs{ padding:25px 35px; border-radius:20px; background:#f1f1f1;  }



.submenu-content p b{ display:block; font-family: "B"; font-weight:normal; font-size: 19px; margin-bottom:15px; }
.submenu-content p{ font-family: "R"; line-height: 23px; color: #cdd2d7;     font-size: 16px; }
.submenu-content p a{ margin-top:15px;  }
.submenu-content p a span{ 
    background-color: #ff5b16; padding:10px 10px 12px 22px; border-radius:50px;
    color: #fff;
 }
.submienu_san ul{ width:100%; display:block; }
.submienu_san ul li a{ position:relative; font-family: "M"; line-height: 22px; color: #cdd2d7 !important;padding-top: 6px;font-size: 20px; border-bottom:1px solid #142644; }
.submienu_san ul li a i{ position: absolute;
    right: 0%; }
.submienu_san2{ counter-reset: link-counter;}
.submienu_san2 a{ font-family: "R"; line-height: 23px; color: #cdd2d7 !important;  font-size: 16px; position:relative; padding-left:16px; }
.submienu_san2 a:before { width:5px; height:5px; border-radius:90px; background:#fff; position: absolute; top:15px; left:0%; content:""; }


@media only screen and (min-width: 200px) and (max-width: 600px) {
    .casdadasd ul li {
    position: relative;
    list-style: none;
    color: #f1f1f1;
    margin: 0px .5% 20px .5%;
    width: 98%; min-height: auto; }
    
    .submenu-content p{ padding-top:20px; }

.offers_san ul li img {
        display: block;
        position: absolute;
        width: 78px;
        margin-top: -8px;
        left: -2%;
    }
    .counters{ display:none; }
.main_slider h1 { font-size: 24px; line-height: 23px; margin-right: 15px; margin-left: 15px; }
.main_slider h1 span { font-size: 18px; }
.main_slider p { font-size: 15px; line-height: 20px; }
.main_slider .btn.btn-extra-large { font-size: 12px; padding: 6px 11px; }
.slider_text {width: 90%; bottom: 5%; left: 5%; }
.main_slider p { margin-right: 15px; margin-left: 15px; }
.main_slider .dtjid { margin-left: 15px; } 
.main_slider .dfdfwt { margin-right: 0px !important; margin-left: 5px !important; }
.navbar-toggler-line { background: #fff; }
.offers h1, .dghsr, .dghsr2 { font-size: 25px;line-height: 28px;letter-spacing: 0px !important; }
.about_text1 {   width: 100%; }
.about p { font-size: 15px; line-height: 20px; color: #fdfeff; padding-left: 15px;padding-right: 15px; }
.about_text2 {float: left; width: 90%; margin-top: 5px; padding-left: 15px; margin-bottom: 10px; }
.about_text2 .btn.btn-rounded.btn-extra-large {
        padding: 8px 17px;
        float: left;
        margin-right: 15px !important;
        font-size: 15px; padding-right: 46px;
}
.offers .zsdsd { line-height: 21px; margin-bottom: 15px; font-size: 16px; }
.feature.video{ top: -100px; }
.dasdsa {     background: rgb(0 0 0 / 89%); }
.offers ul li { height: 184px;
        margin: 2%; width: 94%; }
.counters span.fs-13{     padding: 0px 2px; }
.counters    .lg-p-25px {padding: 25px 0px !important;}
.about_text1_t p{ padding-left: 15px; }
.about_text1_t { width: 90%; }
    .about_text1 {  width: 96%; padding-left: 15px; }
.interactive-banner-style-07{ margin-bottom: 15px; }
.careerree, .footer-logo{ display: none; }
header.sticky.sticky-active [data-header-hover=light] {
    background-color: #24325c !important; }

    .navbar>.container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: left;
}
body{overflow-x:hidden;}
.navbar-expand-lg .navbar-toggler{ padding-left: 40px; }
.santhosh_right { width: 100%; padding-left: 0px; text-align:left; }
.santhosh_left{ width:100%; text-align:left; }
.ready-to-get h4 { font-size: 24px; }
.ready-to-get p { font-size: 16px; line-height: 22px; padding: 0px 0px; }
.offers_san h1 { font-size: 24px; line-height: 30px; }
.offers_san h2 { font-size: 24px; line-height: 30px; }
.offers_san span.zsdsd { font-size: 16px; line-height: 20px; }
.main_serv h2 { line-height: 30px; font-size: 24px; }
.main_serv p { line-height: 24px; font-size: 16px; }
.home_page_services .cover-background{ display:none; }
.home_page_services.stack-box h1 { font-size: 19px;
        margin-bottom: 10px !important;
        margin-top: 20px; }
.home_page_services.stack-box h3 { font-size: 19px;
        margin-bottom: 10px !important;
        margin-top: 20px; }
.home_page_servicessas .stack-item{ display:none; }
.home_page_servicessas .santhosh_serveas.stack-item{ display:block; }
.why h2 { font-family: "BB"; font-size: 22px !important; margin-bottom: 15px; }
.services h1 { font-size: 24px; }
.about_text p { font-size: 16px; line-height: 21px; }
.counters .feature-box-content span.counter.counters, .feature-box-content .sfdsdfsf1 { font-size: 35px; }

.offers_san ul { display: block; }
.offers_san ul li { width: 100% !important; margin-top: 20px !important; position: relative; margin-left: 0px !important; padding: 0px 6px 0px 22%; float:left; text-align:left; }
.offers_san img{ display:none; }
.offers_san ul li a { font-size: 15px; }
    .offers_san ul li a span { font-size: 13px; }
    

.innerpages { height: 300px; }    
.innerpages h1 { font-size: 20px !important; line-height: 11px !important; }

.home_page_services.stack-box h1 {
        font-size: 19px;
        margin-bottom: 10px !important;
        margin-top: 20px;
        line-height: 26px;
        letter-spacing: 0px;
}   
.home_page_services.stack-box h3 {
        font-size: 19px;
        margin-bottom: 10px !important;
        margin-top: 20px;
        line-height: 26px;
        letter-spacing: 0px;
}
.stack-box.about_page{ height:auto; }
.map h2 { font-size: 26px; margin-bottom:180px !important; }
.map { background: url(../images/map.jpg) center top 80px no-repeat;         background-size: contain; }
.numbers1 { position: relative; width:50%; float:left; margin-left:0px; margin-top:0px; }
.numbers1 span { display: block; font-size: 25px; }    
.numbers1 { font-size: 13px; line-height: 14px; }
.contssf h3 { font-size: 24px; }
.contssf p { font-size: 16px; line-height: 19px; }
.xs-h-300px { height: 168px !important; }    
.blog_box p{ padding-left:0px; padding-right:0px; }  
.slider_text{ margin-right:0px; }
}

.description_1 {  padding-top: 75px;
    font-size: 18px; font-family: "R";
    color: #24325c;
    line-height: 25px;}  
.description_1 ul{}
.description_1 ul li{ list-style:disc; margin-bottom:15px; }
.description_1 ul li b{ font-family:"B"; font-weight:normal;}


@media only screen and (min-width: 1721px) and (max-width: 2000px) {
    .box_images {
    width: 100%;
    height: 300px; }
    .casdadasd p {
    font-size: 23px;
    line-height: 30px; 
    margin-bottom: 10px; 
}
.casdadasd ul li p span {
    font-family: "M";
    color: #ff5b16;
    font-size: 25px;
    line-height: 28px; }
.casdadasd ul li {  min-height: 280px !important; }
    
    .container {
        max-width: 1730px;
    }
    .navbar .navbar-nav .nav-link { font-size: 22px; }
    .slider_text { padding: 30px 30px 60px 30px; }
    .main_slider h1 { font-size: 55px; line-height: 55px; }
    .main_slider h1 span { font-size: 41px; }
    .main_slider p { font-size: 20px; line-height: 30px; }
    .main_serv p { line-height: 38px; font-size: 25px; }
    .main_serv h2 { font-size: 45px; }
    .home_page_services.stack-box h1 { font-size: 40px; }
    .home_page_services.stack-box h3 { font-size: 40px; }
    .home_page_services.stack-box p { line-height: 35px; font-size: 22px; }
    .home_page_services.stack-box ul li { line-height: 35px; font-size: 22px; font-family:"R"; }
    .santhosh_right { width: 760px; }
    .santhosh_left { width: 760px; }
    .home_page_services.stack-box h4 { font-size: 22px; }
    .fs-15 { font-size: 22px; }
    .why h2 { font-size: 45px !important; }
    .why .accordion-title span{ font-size: 26px !important; }
    .why p{ font-size: 25px !important; line-height: 35px;  }
    .dghsr, .dghsr2, .services h1 { font-size: 45px; }
    .about p, .about_text1_t p, .about_text p {font-size: 22px; line-height: 30px;  letter-spacing: 0px; }
    .about_text2 { width: 22%; }
    .about_text1 { width: 78%; }
    .counters .about_text2 { width: 14% !important; }
    .counters .about_text1_t { width: 86% !important; }
    .santhosh .swiper-slide .bg-white.text-center { font-family: "B"; font-size: 20px !important; }
    .dsfsdfdsf h5 { font-size: 30px; }
    .blog_box h3 {
    font-family: "M";
    line-height: 32px;
    padding: 0px 34px;
    color: #cbcaca;
    font-size: 26px;
    margin-bottom: 10px; }
    .about .blog_box h3 { padding: 0px 0px; }
    .ready-to-get h4 { font-size: 45px; }
    .ready-to-get p { font-size: 22px;
    line-height: 35px;
    padding: 0px 158px;
}
footer ul li a, footer p { font-size: 18px !important; line-height: 30px !important; }
.innerpages h1 span { font-size: 30px; }
.innerpages h1 { font-family: "BB"; font-size: 66px !important; line-height: 70px !important; padding-top: 260px; }
.innerpages h2 { font-size: 28px !important; line-height: 40px !important; }    
.aboutus p { line-height: 38px; font-size: 25px; }
.main_slider h2 { font-size: 45px; }
.home_page_services.about_page.stack-box ul li {
    font-family: "R";
    line-height: 30px;
    color: #cdd2d7;
    font-size: 22px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.map { padding-top: 60px; height: 1000px; }
.map h2 { font-size: 45px; }
.numbers1 { margin-top: 530px; margin-left: 420px; }
.numbers2 { margin-top: 130px; margin-left: 360px; }
.numbers1 { width: 165px; }
.numbers3 {  margin-top: 390px; margin-left: 280px; }
.numbers4 { margin-top: 290px; margin-left: 1330px; }
.quations_box ul li a { font-size: 22px; }
.description_1 h5 {  font-size: 28px; margin-bottom:25px; }
.quations_box ul li a {
    color: #24325c;
    font-family: "M";
    padding: 15px 10px 15px 30px;
    line-height: 28px; }
.contssf p { font-size: 22px; line-height: 32px; }
.fs-19 {  font-size: 26px; }
input, select, textarea, .form-control, .form-select { font-size: 22px; }
.contssf h3 { font-size: 45px; }
.offers_san ul li:nth-child(2) { margin-left: 13%; }
.offers_san ul li:nth-child(1) { margin-left: 15%; }
.offers_san ul li:nth-child(7) { margin-left: 25%; width:268px; }
.offers_san ul li:nth-child(6) { width: 286px; }
.offers_san ul li a {
    font-family: "B";
    color: #fff !important;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 16px;
    margin-bottom: 10px !important;
}
.offers_san span.zsdsd {
    color: #fff;
    font-family: "R";
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
}
.navbar .navbar-nav .submenu-content .mega-menu {
    width: 1600px;
}
.submenu-content p b { font-size: 25px; }
.submenu-content p { line-height: 35px; font-size: 22px; }
.navbar .navbar-nav .dropdown .dropdown-menu a { font-size: 22px; }
.submienu_san2 a {  line-height: 35px !important;}
.submienu_san ul li a {
    padding-bottom: 15px !important; 
    padding-top: 12px;
}
.description_1 {
    padding-top: 80px;
    font-size: 24px;
    color: #24325c;
    line-height: 34px;
}
}




@media only screen and (min-width: 1600px) and (max-width: 1720px) {
    .navbar .navbar-nav .submenu-content .mega-menu {
    width: 1500px;
}
.submenu-content p b { font-size: 25px; }
.submenu-content p { line-height: 30px; font-size: 18px; }
.navbar .navbar-nav .dropdown .dropdown-menu a { font-size: 18px; }
    .main_slider { height:70vh !important; }
    .container {
        max-width: 1530px;
    }
    .innerpages {
    height: 60vh;
}
    .navbar .navbar-nav .nav-link { font-size: 22px; }
    .slider_text { padding: 30px 30px 60px 30px; }
    .main_slider h1 { font-size: 47px; line-height: 45px; }
    .main_slider h1 span { font-size: 35px; }
    .main_slider p { font-size: 25px; line-height: 35px; }
    .main_serv p { line-height: 38px; font-size: 25px; }
    .main_serv h2 { font-size: 45px; }
    .home_page_services.stack-box h1 { font-size: 40px; }
    .home_page_services.stack-box h3 { font-size: 40px; }
    .home_page_services.stack-box p { line-height: 40px; font-size: 28px; }
    .home_page_services.stack-box ul li { line-height: 40px; font-size: 28px; font-family:"R"; }
    .santhosh_right { width: 760px; }
    .santhosh_left { width: 760px; }
    .home_page_services.stack-box h4 { font-size: 28px;
        margin-bottom: 28px;
        margin-top: 48px; }
    .fs-15 { font-size: 22px; }
    .why h2 { font-size: 45px !important; }
    .why .accordion-title span{ font-size: 26px !important; }
    .why p{ font-size: 25px !important; line-height: 38px;  }
    .dghsr, .dghsr2, .services h1 { font-size: 45px; }
    .about p, .about_text1_t p, .about_text p {font-size: 22px; line-height: 30px;  letter-spacing: 0px; }
    .about_text2 { width: 22%; }
    .about_text1 { width: 78%; }
    .counters .about_text2 { width: 14% !important; }
    .counters .about_text1_t { width: 86% !important; }
    .santhosh .swiper-slide .bg-white.text-center { font-family: "B"; font-size: 20px !important; }
    .dsfsdfdsf h5 { font-size: 30px; }
    .blog_box h3 {
    font-family: "M";
    line-height: 32px;
    padding: 0px 34px;
    color: #cbcaca;
    font-size: 26px;
    margin-bottom: 10px; }
    
    .about .blog_box h3 { padding: 0px 0px; }
    
    .ready-to-get h4 { font-size: 45px; }
    .ready-to-get p { font-size: 22px;
    line-height: 35px;
    padding: 0px 158px;
}
footer ul li a, footer p { font-size: 18px !important; line-height: 30px !important; }
.innerpages h1 span { font-size: 30px; }
.innerpages h1 { font-family: "BB"; font-size: 68px !important; line-height: 70px !important; padding-top: 350px; }
.innerpages h2 { font-size: 28px !important; line-height: 40px !important; }    
.aboutus p { line-height: 40px; font-size: 28px; }
.main_slider h2 { font-size: 45px; }
.home_page_services.about_page.stack-box ul li {
    font-family: "R";
    line-height: 40px;
    color: #cdd2d7;
    font-size: 28px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.map { padding-top: 60px; height: 1000px; }
.map h2 { font-size: 45px; }
.numbers1 { margin-top: 530px; margin-left: 420px; }
.numbers2 { margin-top: 130px; margin-left: 360px; }
.numbers1 { width: 165px; }
.numbers3 {  margin-top: 390px; margin-left: 280px; }
.numbers4 { margin-top: 290px; margin-left: 1330px; }
.quations_box ul li a { font-size: 22px; }
.description_1 h5 {  font-size: 28px; }
.contssf p { font-size: 22px; line-height: 32px; }
.fs-19 {  font-size: 26px; }
input, select, textarea, .form-control, .form-select { font-size: 22px; }
.contssf h3 { font-size: 45px; }
.offers_san ul li:nth-child(2) { margin-left: 13%; }
.offers_san ul li:nth-child(1) { margin-left: 15%; }
.offers_san ul li:nth-child(7) { margin-left: 25%; width:268px; }
.offers_san ul li:nth-child(6) { width: 286px; }
.offers_san ul li a {
    font-family: "B";
    color: #fff !important;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 16px;
    margin-bottom: 10px !important;
}
.offers_san span.zsdsd {
    color: #fff;
    font-family: "R";
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
}



}



