@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{font-family: "Inter", sans-serif;}
body{color:#17161A;}

p{font-size:17px;color: #1c1c1c;line-height:1.5em;}
a{text-decoration: none!important;}
.mb-45{margin-bottom:45px;}
.main-table{text-align: left;}
.ft-p{font-size:13px!important;color: #858589!important;}

.section-title h1{font-size:34px;font-weight:700;line-height:1.4em;text-align: center;color:#17161A;}
.section-title h3{font-size:34px;font-weight:700;line-height:1.4em;color:#fff;}
.sec-col{
  transform: translateY(30px);
    transition-duration: 500ms;
    opacity: 1;
    font-size: 28px!important;
    color: #004AAD!important;
    text-align:left!important;
    margin-bottom:30px;
}

/*--------------------------------------------------------------
# Header-Top
--------------------------------------------------------------*/
.header-top{background-color: #17161A;padding:10px 0px;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.header-top-contact .fa {font-size:16px;margin-right: 15px;color: #388aff;font-weight:600;}
.header-top-contact a {font-size: 13px;color: #fff;font-weight: 500; padding-right:40px}
.header-top-social .fa {margin-right: 12px;font-size: 16px;color:#388aff;}  
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/  

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
.banner-section { padding: 8% 0; background-image: url('image/banner-img.png');background-repeat: no-repeat;background-size: cover; overflow: hidden;}
.banner-section h1 { color: #fff; font-size: 46px; font-weight: 700; line-height: 1.4em;}
.banner-section h1 span{font-size: 23px;text-transform: uppercase;font-weight:400;}
.banner-section p { color: #fff; font-size:20px;line-height:1.7em;}
.carousel-inner::after {
    content: " ";
    height: 91%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:0;
    background: linear-gradient(to right, rgb(0 0 0 / 70%), rgb(3 3 3 / 5%));
}
.custom-btn {transition: all 0.3s ease; background-color:#00b018;color: #fff;font-weight: 700;line-height: 1.5;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 0 solid transparent;padding: 15px 40px;font-size: 1rem;border-radius: 50rem;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.custom-btn i {color:#fff;font-size: 16px;margin-right:10px;}
.custom-btn:hover, .custom-btn:focus, .custom-btn:active {    background-color: #009a15;color:#fff;transform: translateY(-10px);}
.custom-btn:hover {background-color: #009a15;transform: translateY(-2px);color:#fff}

/* services */
.service-bx::before {content: "";position: absolute; border-radius: 20px; top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: #00b018;transition: transform 400ms linear;transform: scaleX(0);transform-origin: left;color: #F3F3F3;}
.service-bx:hover::before {    transform: scaleX(1);}
.service-bx::after {content: "";position: absolute; border-radius: 20px; top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background-color: #00b018;transition: transform 400ms linear;transform: scaleX(0);transform-origin: right;color: #F3F3F3;}
.service-bx:hover::after {    transform: scaleX(1);}

.services-section {padding:0px 0px 20px;}
.horizontal-wrapper {width: 100%;/* overflow: hidden; */}
.serBox {display: flex;gap: 30px;width: fit-content; }
.service-card1 {width: 12%;height: auto;margin: 3px;flex-shrink: 0;}
.serv-bg{padding:60px 30px 30px;}
.services-section .service-bx.box-side.right {text-align: left;display: flex;justify-content: space-between;align-items: center;}
.services-section .service-bx.box-side {border-radius: 10px;background-color: #2a4a84;box-shadow: 1px 1px 20px 0px rgb(0 78 182 / 20%);padding: 35px 40px;position: relative;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.icon-content {overflow: hidden;/* width: 500px; */}
.m-b15 {margin-bottom: 15px;}
.dz-title {line-height: 1.4;font-size: 1.25rem;text-align: center;margin-top: 20px;}

@media only screen and (max-width: 767px) {
    .about-bx .col-md-8 .fs-5{padding-left:30px;}
    .about-bx{padding: 30px!important;}
    .services-section {padding:0px 0px 30px;}
    .dz-title {
        font-size: 1.25rem;
    }
    .service-bx.box-side {
        padding: 30px 30px;
    }
    .my-40{margin-top:40px;}
    
}
@media(max-width:1900px)
{
.otherpagecss footer{padding-top:40px;}
}

.dz-title a {
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none !important;
  }


.services-section .service-bx.box-side .icon-lg {position: relative;z-index: 1;padding-top: 20px;overflow: hidden;display: table;padding-right: 15px;}
.services-section  .service-bx.box-side .icon-lg:after {/* content: ""; */height: 64px;width: 64px;background-color: #1b83eb;border-radius: 50%;position: absolute;top: 0;right: 0;z-index: -1;}
.icon-lg img {vertical-align: middle;/* max-width: 100%; */min-width: 235px;width: 65px;border-radius: 50%;aspect-ratio: 1/1;}
.services-section  .service-card-l {color: #00b018;text-decoration: none;position: relative;background: transparent;z-index: 1;display: inline-block;padding: 5px 0 5px 0;}
.services-section .service-card-l.effect {font-size: 17px;padding: 5px 15px 5px 0;border-bottom: none;}
.services-section .service-card-l.effect::after{content: "";position: absolute;height: 30px;width: 30px;border-radius: 30px;top: 50%;transform: translateY(-50%);right: 0;z-index: -1;background-color: #c9ffd0;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.services-section .service-card-l.effect:hover{padding: 5px 15px 5px 15px;color: #00b018;font-weight: 500;}
.services-section .service-card-l.effect:hover::after{width: 100%;}



.services-section .service-bx {margin-top:30px;position: relative; }
.services-section .service-bx .dz-tilte {margin-top: 0; }
.services-section .service-bx.left .icon-lg {float: left;margin-right: 10px; }
.services-section .service-bx.right {text-align: right; }
.services-section .service-bx.right .icon-lg {float: right;margin-left: 10px; }
.services-section .service-bx.box-side {height:175px;border-radius: 20px;/* box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1); */position: relative;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s; }
.services-section .service-bx.box-side.right {height: 100%;position: relative;z-index: 0;text-align: left;display: flex;/* background: #000; */justify-content: flex-end;align-items: center;flex-direction: row-reverse;gap: 35px;}
.services-section .service-bx.box-side .icon-lg {position: relative;z-index: 1;padding-top: 30px;overflow: hidden;display: table;padding-right: 15px; }
.services-section .service-bx.box-side .icon-lg:after {/* content: ""; */height: 64px;width: 64px;background-color: #f4f3ff;border-radius: 50%;position: absolute;top: 0;right: 0;z-index: -1;}
/* .services-section .service-bx.box-side:after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: -1;width: calc(100% - 60px);height: 99%;background-color: #214B8D;border-radius: inherit;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s; }
.services-section .service-bx.box-side:hover::after {transform: translateX(-50%) translateY(10px); } */
/* .services-section .service-bx.box-side:hover .icon-lg img {-webkit-animation: upToDown 0.5s forwards;-moz-animation: upToDown 0.5s forwards;animation: upToDown 0.5s forwards;} */

@-webkit-keyframes upToDown {
    49% {
      -webkit-transform: translateY(100%); 
    }
    50% {
      opacity: 0;
      -webkit-transform: translateY(-100%); 
    }
    51% {
      opacity: 1; 
    } 
}

@-moz-keyframes upToDown {
    49% {
      -moz-transform: translateY(100%); 
    }
    50% {
      opacity: 0;
      -moz-transform: translateY(-100%); 
    }
    51% {
      opacity: 1; 
    } 
}
  
@keyframes upToDown {
    49% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%); 
    }
    50% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); 
    }
    51% {
      opacity: 1; 
    } 
}

@media only screen and (max-width: 1280px) {
    .services-section .service-bx.box-side {
        padding: 30px 30px; 
    }
    .services-section .service-bx.box-side .icon-lg {
        padding-top: 20px;
        padding-right: 10px; 
    }
    .services-section .service-bx.box-side .icon-lg img {
        min-width: 55px;
        width: 100%;
    }
    .services-section .service-bx.box-side .icon-lg:after {
        height: 50px;
        width: 50px; 
    } 
}


/* about us */
.about-us{background-color: #F5F5F7 !important;padding:100px 0px 120px 0px;margin-top:60px;}
.about-us .about-content{padding-right:50px;}
.about-us .about-content p{color:#17161A;text-align: justify;transform: translateY(30px);transition-duration: 500ms;opacity: 1;line-height:1.5em;}
.about-bx{ box-shadow: 1px 1px 35px 0 rgb(145 158 190 / 16%);border-bottom: 2px solid #0057d3;padding:30px 0px 25px;transform: translateY(30px);transition-duration: 500ms;opacity: 1;margin-bottom:20px;}
.about-us .about-content h6{color:#17161A;font-size:20px;font-weight:700;padding-top:20px;}
.about-bx img{width:40px;}

/* enquiry- */
.enquiry-sec{background-color: #1C4D87;padding:70px 0px;}
.enquiry-sec .cont-list ul{list-style: none;padding-left: 0px;}
.enquiry-sec .cont-list ul li{margin-top:15px;}
.enquiry-sec .cont-list ul li a{font-size: 16px;font-weight:700;color:#fff;}
.enquiry-sec .cont-list ul li i{margin-right:10px;}

/* industries */
.industries{transform: translateY(30px);transition-duration: 500ms;opacity: 1;padding:60px 0px;margin-bottom:170px;position: relative;}
.indus-bx{margin-top:20px;}
.indus-bx img{/* width:50px; */margin:20px 0px;}
.indus-bx h5{font-size: 17px;font-weight:500;margin-bottom:15px;line-height: 1.5;color:#17161A;}

.footer {background-color:rgba(23,22,26, 1) !important;;padding-top: 200px;padding-bottom: 0px;width:100%;}
.footer .footer-about p {font-size: 15px;color: #fff;font-weight: 400;margin: 20px 0;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;font-size: 17px;color: #fff;margin-right: 10px;}
.footer h4 {font-size:15px;position: relative;padding-bottom:20px;margin-top: 10px;color: #fff;font-weight:600;text-transform: uppercase;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0; margin: 0;}
.footer .footer-links ul li {padding: 10px 0px;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {position: relative;color: #b8b8c1;font-size: 15px;font-weight: 400;}
.footer .footer-links ul a:hover {color:#fff;}
.footer .footer-links ul li a::before {content: '';position: absolute;left: 0px;top: 7px;width: 12px;height: 9px;background: url(./Image/logo-small-icon.png) no-repeat;}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .copyright {padding: 10px 0;}
.footer .copyright p {margin-bottom: 0;}
.footer .credits {margin-top: 6px;font-size: 13px;}
.footer .ft_hr{color: antiquewhite;}
.footer .footer-contact .ft_cnt{margin-bottom: 10px;color: #b8b8c1;font-size: 16px;}
.footer .footer-contact .ft_cnt p{color: #b8b8c1;font-size: 15px;}


.btn-accent-1 {background-color: #00b018!important;color:#fff!important;}
.btn-accent-1:hover, .btn-accent-1:focus, .btn-accent-1:active {background-color: #009a15!important;}
.btn-1 {/* display: inline-block; */font-family: "Inter", sans-serif;font-weight: 700;line-height: 1.5;/* color: #17161A; */text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;/* -webkit-user-select: none; */-moz-user-select: none;-ms-user-select: none;user-select: none;/* background-color: transparent; */border: 0 solid transparent;padding: 15px 40px;font-size: 1rem;border-radius: 50rem;/* -webkit-transition: all 150ms linear; */}
@media (prefers-reduced-motion: reduce) {
  .btn-1 {
    -webkit-transition: none;
    transition: none;
  }
}
.btn-1:hover, .btn-1:focus {-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
.btn-1:hover {color: #17161A;}
.btn-1-check:focus + .btn-1, .btn-1:focus {outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.btn-1:disabled, .btn-1.disabled, fieldset:disabled .btn-1 {pointer-events: none;opacity: 0.65;}
.rd-btn{transform: translateY(30px);transition-duration: 500ms;opacity: 1;text-align: left;position: relative;z-index: 1;}
  
  /* inner banner*/
.inner-banner {background: #0c5383;padding:8% 0;position: relative; margin-top: -21px;}
.comman-banner { background-image: url('image/comman-banner.png'); background-size: cover;background-position: center;}
.contact-banner { background-image: url('image/contact-banner.jpg'); background-size: cover;background-position: center;}
.inner-banner h2 {color: #fff;font-size: 50px; font-weight: 800;margin-bottom: 20px;position: relative;z-index: 3;text-align: center;}

.inner-banner p{position: relative;color: #fff;text-align: left;}
.inner-banner h2::before { content: ''; position: absolute; width: 50px; height: 3px;left: 48%; background: #00b018; top: 100%;margin-top: 20px;}


/* get in touch */
.get-touch{padding:80px 0px;text-align: left;}
.get-bx{background: #fff;padding: 35px 24px;border-radius: 16px;    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05) !important;border: 1px solid #e2e8f0;display: flex;align-items: flex-start;gap: 1rem;transition: all 0.3s ease;}
.get-icon i{color:#004AAD;font-size:22px;}
.get-content h6{font-size:18px;font-weight: 600;color: #0f172a;}
.get-content p {margin-top:15px;font-size: 16px;text-decoration: none;line-height:28px;font-weight: 500;}
.get-content p a{color: #004AAD;font-size: 16px;text-decoration: none;line-height:28px;}
.get-bx:hover{transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}

/* about us page */
.about-pg{padding:80px 0px 40px;}
.about-pg p{font-size:17px;margin-bottom:30px;}
.vismis-sec{background-color: #fff;}
.vismis-content{background: #f6f9fc !important;border-radius: 15px 15px 15px 15px;box-shadow: 0px 2px 50px 0px RGBA(255, 255, 255, 0);transition: box-shadow 300ms ease 0ms, background-color 300ms ease 0ms, background-image 300ms ease 0ms;padding:30px 40px;height:100%;}
.vismis-content:hover{background-color: #FFFFFF;box-shadow: 1px 1px 20px 0 rgb(5 99 214 / 27%);}
.vismis-content img{width:70px;height:70px;}
.vismis-content h4{font-size: 20px;font-weight: 600;margin-top: 24px;margin-bottom: 24px;color: #133a6c;text-transform: capitalize;}
.vismis-content p{font-size: 17px;line-height: 1.5em;text-align: justify;}


/* services-pg */
.services-pg{padding:80px 0px;}
.services-pg .service-card-arrow span{font-size:17px;}
.services-pg .service-card {box-shadow: 1px 1px 35px 0 rgb(145 158 190 / 16%);box-shadow: 1px 1px 20px 0 rgb(5 99 214 / 27%);}
.services-pg .service-card {margin-top:30px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.py-25 {padding-top: 25px !important;padding-bottom: 25px !important;}
.px-30 {padding-right: 30px !important;padding-left: 30px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-15 {margin-bottom: 15px !important;}
.services-pg .service-card-title {font-weight: 700;color: #17161A;font-size: 20px;}
.services-pg .service-card-link-text, .service-card-link-text:hover {color: #00b018;font-weight: 500;text-decoration: none;}
.services-pg .service-card p{font-size:15px;}
.me-10 {margin-right: 10px !important;}
.services-pg .stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: "";}
.lift:hover {-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}
.services-pg .service-card {box-shadow: 1px 1px 35px 0 rgb(145 158 190 / 16%);box-shadow: 1px 1px 20px 0 rgb(5 99 214 / 27%);}
.lift {-webkit-transition: -webkit-transform 150ms linear;transition: -webkit-transform 150ms linear;transition: transform 150ms linear;transition: transform 150ms linear, -webkit-transform 150ms linear;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);will-change: transform;}
.services-pg .service-card:hover svg{-webkit-animation: animate-icon-right 225ms linear forwards;animation: animate-icon-right 225ms linear forwards;}

.inner-serv-pg{padding:80px 0px;text-align: left;}
.service-left-bar {font-size: 1.2rem;}
.service-left-bar ul li a{font-size:17px;color:#17161A;}

.service-left-bar .bar-link {font-weight: 600;background: white;padding-left: 20px !important;}
.py-15{padding:15px 0px;}

.service-left-bar .bar-link.active {font-weight: 700;color: #004aad;box-shadow: 1px 1px 20px 0 rgb(5 99 214 / 27%);border-radius: 0.5rem;position: relative;z-index: 100;}
.inner-serv-pg .serv-content {box-shadow: 1px 1px 20px 0 rgb(5 99 214 / 27%);padding: 30px;border-radius: 20px;}
.inner-serv-pg .serv-content h4{font-size:20px;font-weight:700;color:#17161A;}
.inner-serv-pg .serv-content p{font-weight:500;line-height: 1.6em;font-size:16px;}
.mb-30 {margin-bottom: 30px !important;}


.ft-background{background-color: #1C4B84;padding:5% 4%;clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);border-radius: 20px;}
.footer-top-cont{position: absolute;width: 100%;z-index: 9;margin-top: -95px;}
.footer-top h1{font-size:34px;font-weight:700;line-height:1.4em;text-align: center;}

@media(max-width:767px)
{.footer-top-cont{padding:10px;}}


--------------------------------------------------------------*/
#header{width: 100%;z-index: 3;}
#header .head-img{ padding:10px 0px;}
#MenuControl{/* padding: 12px 0; */padding-right:60px;}

/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px;top: 8px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;padding:45px 0px;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover{color: #fff;} */
.nav-link{font-weight: 500;color: #1e2a78;font-size: 15px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
    .header-top{display: none;}
    #MenuControl{/* padding: 12px 0; */padding-right:0px;}
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
}


/* .main-table {padding:0px 8px!important;} */
.dropdown-item{padding:7px 10px;font-size: 15px;color: #17161A;font-weight:700;}
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;padding: 5px 0px;}
.navbar.navbar-expand-md .container-fluid{display:block;}
/* .nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;} */
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0;border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 15px;padding-right: 5px; padding-left: 5px;color:#17161A;font-weight: 700;}
.navbar-expand-md .navbar-nav .nav-link:hover{color:#004aad;}

 /*============WHATSAPP==========*/   
.whatsapp_btn{position: fixed;top: 25em;right: 20px;width: 55px;height: 55px;z-index: 9999;}
.whatsapp_btn .icon_logo{position: relative;z-index: 100;padding: 5px;}
.whatsapp_btn .icon_logo > a > img{width: 100%;}
.whatsapp_btn .circle_waves{border-radius: 50%;background-color: #3cc04e;width: 55px;height: 55px;position: absolute;opacity: 0;bottom: 1px;left: 0px;z-index: 99;animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);}
    
    @keyframes waves {
        from {
            transform: scale(.55, .55);
            opacity: .6;
        }
        to {
            transform: scale(1.8, 1.8);
            opacity: 0;
        }
    }

@media (max-width: 767px)
{
    .about-pg {padding: 80px 12px 40px;}
    #MenuControl, #MenuControl_C{background-color: #004AAD;}
    #header .head-img { padding: 5px 0px;}
    .rd-btn{margin-bottom:20px;}.about-us .about-content{Padding-right:0px;}
    .res-abt{padding:30px!important;}
    .about-us{ padding: 40px 0px;}
    .navbar-expand-md .navbar-nav .nav-link {font-size: 15px;padding-right: 0px;padding-left: 0px;color: #fff;font-weight: 700;text-align: left;border-bottom: 1px solid #fff;}
    .services{padding:60px 0px;}
}

.services-pg .services-pg-next:hover img, .service-case:hover .service-case-arrow img, .service-card:hover .service-card-arrow img, .service-line:hover .service-line-arrow img, .service-box:hover .service-box-arrow img, .swiper-button-next:hover img{transition: all 150ms linear;}


.table-responsive{padding: 0px;}
#widgetsControl, #widgetsControl_C{height:auto!important;}
.otherpagecss #RadDockZone1{max-width:100%;}
.otherpagecss footer{margin-top:60px;}

/* menu show on hover */

.navbar-nav li:hover > ul.dropdown-menu {display: block;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0;left: 100%;right: auto;margin-top:0;}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {text-decoration: underline;transform: rotate(180deg);}
.dropend .dropdown-menu {top: 0;left: auto !important;right: 100% !important; }



@media(max-width:991px){
    .services-section .serBox .service-card1{display:block;min-width:100%;}
        #services {
        position: relative !important;
        max-height: inherit !important;
        height: auto !important;
    }
        .pin-spacer {
            width: 100%;
        height: auto !important;
        padding: 0 !important;
    }
 #services{position: relative !important;max-height: inherit !important;  height: auto !important;}
 .pin-spacer{height: auto !important;  padding: 0 !important;}
.services-section .service-card1 .text{width:100%;padding:10px;}
    .services-section .service-card1 .ser-img{width:100%;}
    .services-section .serBox .service-card1{display:block;min-width:100%;}
    .services-section .serBox{display:inline;}

}

/* #carouselExample{height:600px;} */
#carouselExample .carousel-item{position:relative;}
#carouselExample .carousel-item:before{content:"";position:absolute;left:0;top:0;width:100%;background-color:#00000070;height:90%;}
#carouselExample .carousel-item img{/* aspect-ratio: 16/9; */object-fit:cover;height: 600px;}
#carouselExample .carousel-caption{top: 20%;/* left:50%; *//* transform: translate(-100%, -80%); *//* height: fit-content; *//* width: max-content; */}
#carouselExample .carousel-caption h5{position: relative;font-size: 45px;text-align: left;margin-bottom: 45px !important;font-weight: 600;z-index: 1;}
#carouselExample .carousel-caption p{color: #fff;font-size: 21px;text-align: left;position: relative;z-index: 1;}
#carouselExample .whts_new_crd_wrp {margin-top: -120px;position:relative;}
#carouselExample .whts_new_crd_wrp .crd {border-radius:50px 0 50px 0;padding:25px;color:#fff;display: flex;gap: 30px;}
#carouselExample .whts_new_crd_wrp .crd p{color:#fff;}
#carouselExample .whts_new_crd_wrp .crd1{background-color:#1c4d87;position: relative;z-index: 1;}
#carouselExample .whts_new_crd_wrp .crd2{background-color:#00b018;position: relative;z-index: 1;}
#carouselExample .whts_new_crd_wrp .crd .crd_icn i{font-size:35px;}
#carouselExample .whts_new_crd_wrp .crd .crd_desc {}
#carouselExample .whts_new_crd_wrp .crd .crd_desc .crd_hd {}
#carouselExample .whts_new_crd_wrp .crd .crd_desc .crd_txt {}


@media (max-width:768px){
    .services-section .service-bx.box-side.right{flex-direction: column-reverse;width: 100%;padding: 15px;}
    .icon-content p{text-align:center;}
    #carouselExample .whts_new_crd_wrp{display:none;}
     #carouselExample .carousel-item:before{height:0%;}
    #carouselExample .carousel-item img{aspect-ratio:1/1;/* width: 100% !important; */height: 100%;}
}
@media (min-width:1367px){
     #carouselExample .carousel-item:before{height:91%;}
    #carouselExample .whts_new_crd_wrp {margin-top: -100px;position:relative;}
}

/*--------------------------------------------------------------
# services
--------------------------------------------------------------*/
.services .section-title h1{color:#fff;}
.case1-section-area {
    padding: 5% 0;
    background: rgb(15,9,94);
    background: linear-gradient(-90deg, rgba(237,1,127,1) 0%, rgba(83,14,152,1) 100%);
}

.case1-section-area .cs_case_study_1_list {
    display: flex;
}

.case1-section-area .cs_case_study.cs_style_1.cs_hover_active {
    margin: 0px 8px;
    border-radius: 5px;
    height: 475px;
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1 {
    min-height: 400px;
}

.case1-section-area .cs_case_study_1_list > .cs_case_study.cs_style_1 {
    flex: 1;
}

.case1-section-area .cs_case_study.cs_style_1 {
    height: 700px;
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.case1-section-area .cs_case_study.cs_style_1 .cs_case_study_thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.case1-section-area .cs_case_study_thumb {
    background-image: url(Image/ser-img1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb2 {
    background-image: url(Image/ser-img2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb3 {
    background-image: url(Image/ser-img3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb4 {
    background-image: url(Image/ser-img4.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb5 {
    background-image: url(Image/ser-img5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb6 {
    background-image: url(Image/ser-img6.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case1-section-area .cs_case_study_thumb7 {
    background-image: url(Image/ser-img7.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.case-header-area {
    margin-bottom: 25px;
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover {
    flex: 3;
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover .content-area1 {
    display: none;
}

.case1-section-area .cs_case_study_1_list .cs_case_study.cs_style_1:hover .content-area {
    opacity: 1;
    left: 0;
}

.case1-section-area .content-area1 {
    position: absolute;
    transform: rotate(-90deg);
    width: 290px;
    height: auto;
    left: -100px;
    bottom: 162px;
    transition: all 0.4s;
    font-weight: 600;
    opacity: 1;
    z-index: 2;
}

.case1-section-area .content-area1 a {
    font-family: "Poppins", sans-serif;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    font-size: 20px;
    text-shadow: 2px 6px 6px #000000ed;
}

.case1-section-area .content-area {
    position: absolute;
    z-index: 1;
    transition: all 0.4s;
    padding: 0 24px 24px 24px;
    bottom: 0;
    left: -100%;
    opacity: 0;
}

.case1-section-area .content-area a {
    font-family: "Poppins", sans-serif;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    transition: all 0.4s;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 18px;
}

.case1-section-area .content-area p {
    font-family: "Poppins", sans-serif;
    color: #fff;
    transition: all 0.4s;
    font-size: 15px;
}

.case1-section-area .cs_case_study.cs_style_1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000059;
    top: 0;
    left: 0;
    z-index: 1;
}