body{
    font-family: 'Poppins', sans-serif;
}
.headerBck{
    background-color: #003233;
    color: #fff;
}
html {
  scroll-behavior: smooth;
}
.bannerbutton{
    line-height: 21px;
    text-align: center;
    max-width: 265px;
    margin: auto;
    margin-top: 20px;
}
ul {
    list-style: none;
  }
  
  /* footer ul li::before {
    content: "\2022";
    color: #fff;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
  } */
.bookButton{
    color: #000;
    display: block;
    border: 1px solid #003233;
    padding: 15px 0;
    transition: all 0.5s ease-out;
    font-weight: bold;
    background-color: #fff;
}
.headerBck .navbar-expand-lg .navbar-nav .dropdown-menu{
    top: 33px;
}
.bookButton:hover{
    color: #fff;
    border: 1px solid #003233;
    background-color: #003233;
    text-decoration: none;
}
.headerBck .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show,.headerBck .navbar-light .navbar-nav .show>.nav-link{color: #fff;}

.headerBck .navbar-light .navbar-nav .nav-link{color: #fff;}
.headerBck .nav-item{padding: 0px 15px;}
/* .homeSlider .carousel-item{height: calc(100vh - 60px);overflow-x: hidden;} */
.homeSlider{position: relative;}
.homeSlider .mainTextDiv{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.headerBck .navbar-brand{
  
    border-radius: 4px;
}
footer .navbar-brand{
    border-radius: 4px;
    margin-bottom: 15px;
}
.homeSlider .mainTextDiv .bannerInnerText{
    padding: 30px 30px;
}
.homeSlider .mainTextDiv .bannerInnerText h4{
    margin: 15px 20px;
    font-size: 30px;
}
.homeSlider .mainTextDiv .bannerInnerText h1{
    font-size: 55px;
    color: #072136;
    margin: 25px 0px;
}
.servicesSection{
    margin: 80px 0px;
}
.servicesSection .servicesText{
    padding: 10px;
    transition: all 0.5s ease-out;
    border: 1px solid #fff;
    border-radius: 8px;
    position: relative;
    height: 100%;
    padding-bottom: 60px;
}
.servicesSection .servicesText h4{
    text-transform: uppercase;
    font-size: 40px;
    color: #072136;
}
.servicesSection .servicesText:hover{
    border: 1px solid #072136;
    background-color: #f1f1f1;
}
.servicesSection .servicesText .serText{
    margin: 30px 0px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.servicesButton{
    line-height: 21px;
    text-align: center;
    max-width: 165px;
    margin: auto;
    margin-top: 20px;
}
.servicesSection .servicesButton{
    position: absolute;
    width: 100%;
    bottom: 14px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.aboutSection{
    background: url(../images/82fcd3_96376843bac9407bb5b50891b78b6210~mv2.webp) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.aboutSection .aboutBack{
    background-color: #428bd1;
    position: absolute;
    width: 100%;
    height: 100%;
}
.aboutSection .aboutTextDiv h4{
    font-size: 45px;
    text-transform: uppercase;
}
.aboutSection .aboutPad{padding: 50px 0px;}
.aboutSection .aboutTextDiv .aboutCot{
    padding: 30px 0px;
    line-height: 28px;
}
.ourClient{padding: 80px 0px;}

.ourClient .ourClientSlider{text-align: center; margin: 40px 0px;}
.ourClient .ourClientSlider .slick-slide img{margin: auto;}
.ourClient .slick-initialized .slick-slide {
    display: block;
    height: 117px;
}
.ourClient .clientLogo{
    display: flex;
    align-items: center;
    place-content: center;
    height: 100%;
}
.testimonials{
    background-color: rgb(248 248 248);
    padding: 70px 0px;
}
.title{
    font-size: 40px;
    text-transform: uppercase;
}
.testimonials .testimonialstext{
    width: 60%;
    margin: auto;
    text-align: center;
    padding-top: 60px;
}
.testimonials .testimonialsSlider{
    position: relative;
}
.testimonials .testimonialsSlider .fa-angle-left{
    position: absolute;
    bottom: 50%;
    font-size: 40px;
    transform: translate(0px, -50%);
}
.testimonials .testimonialsSlider .fa-angle-right{
    position: absolute;
    bottom: 50%;
    font-size: 40px;
    transform: translate(0px, -50%);
    right: 0px;

}
.testimonials .testimonialText{
    line-height: 32px;
}
.testimonials .manager{
    padding: 30px 0px 0px 0px;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
}
.contactForm ::placeholder{color: #fff;}
.contactForm{background-color: #003233; padding: 50px 0px;}
.contactForm label{color: #fff;}
.form-control{
    background-color: #fdfdfd00;
    border-bottom:solid #fff ;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    padding: 0px;
    color: #fff;
}
.contactForm .form-control:focus{
    color: #ffffff;
    background-color: #fff0;
    border-color: #fbfbfb;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}
.textareaContactForm{
    height: 150px;
    resize: none;
}
.submitButton{
    width: 90%;
    text-align: center;
    display: flex;
    position: absolute;
    bottom: 11px;
    height: 52px;
    place-content: center;
}
footer{
    background-color: #428bd1;
    padding: 40px 0px;
}
footer .footerName{
    color: #bcca35;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
}
footer .footerP{
    color: #fff;
    line-height: 28px;
}
footer .footerLink{
    padding-left: 0px;
}
footer .footerLink li{
    padding-bottom: 15px;
}
footer .footerLink li a{
   color: #fff;
}
footer .footerLink li a:hover{
    color: #bcca35;
    text-decoration: none;
 }

.pageTitle h1{
    color: #003233;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 8px;
 }
 .pageTitle{
     position: relative;
 }
 .pageTitle .line{
    position: relative;
    background-color: #428bd1;
    max-width: 200px;
    height: 4px;
    margin: auto;
 }
.leaderCnt .profileImages{
    width: 150px;
    height: 150px;
}
.leaderCnt .profileImf{
    background-color: #428bd1;
    color: #fff;
    display: flex;
    max-width: 600px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 40px;
    align-items: center;
}
.productSec .productDetails{
    position: relative;
    overflow: hidden;
    display: flex;
    height: 300px;
}
.productSec .productDetails img{
    transition: all 0.5s ease-out;
    object-fit: cover;
}
.productSec .productDetails .productTxt{
    /* position: absolute; */
    width: 100%;
    bottom: 0px;
    padding: 10px;
    background-color: #428bd1;
    color: #fff;
    display: flex;
    align-items: center;
}
.productSec .productDetails .productTxt:hover{
    background-color: #072136;
}
.productSec .productDetails .productTxt:hover .arrowSec{
    background-color: #428bd1;
}
/* .productSec .productDetails .imagesDiv{
    overflow: hidden;
} */
.productSec .productDetails .productTxt .arrowSec{
    max-width: 40px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    place-content: center;
    background-color: #003233;
    border-radius: 25px
}
.productSec .productDetails .productTxt .arrowSec:hover i{
    color: #000;
}
.productSec .productDetails a{text-decoration: none; color: #fff;}
.aboutPage .aboutTxt{position: relative;
    height: 100%;
    align-items: center;}
.aboutTeam .teamNam{
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0px;
}
.aboutTeam .teamDes{
    font-size: 20px;
}
.aboutTeam .teamSec{
    position: relative;
    height: 100%;
    margin-bottom: 15px;
}
.productTitle .dataTable .line{
    position: relative;
    background-color: #428bd1;
    max-width: 200px;
    height: 2px;
    margin: auto;
 }
 .productTitle .dataTable .subtitle{
     font-size: 20px;
 }

 .productDetailsSec .dataTable table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
 .productDetailsSec .dataTable td, .productDetailsSec .dataTable th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-family: 'Poppins';
  }
  .productDetailsSec .dataTable tr:nth-child(1) {
    background-color: #003233;
    color: #fff;
  }
  .productDetailsSec .pageMenu ul{
    padding-left: 0px;
    list-style: none;
  }
  .productDetailsSec .pageMenu li{
    background-color: #003233;
    padding: 6px 11px;
    margin-bottom: 10px;
    border-radius: 4px;
  }
  .productDetailsSec .pageMenu .menuActive{
    background-color: #428bd1;
  }
  .productDetailsSec .pageMenu li a{
    display: block;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
        
  }
  .productDetailsSec .pageMenu{
    position: sticky;
    top: 10px;
  }
/* .productSec .productDetails:hover img{
    transform: scale(1.2);
} */
.whatsapp-chat{
    position: fixed;
    right: 10px;
    bottom: 2vh;
    left: 9px;
}
.whatsapp-chat a {
    font-size: 50px;
    color: #01e675;
}
.applicationSec img{
    border-radius: 8px;
    height: 250px;
}
.appDiv:hover img{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.applicationTitle{font-size: 18px;}
 @media screen and (max-width: 764px) {
    .homeSlider .mainTextDiv .bannerInnerText h1 {
        font-size: 24px;
        margin: 15px 0px;
    }
    .homeSlider .mainTextDiv{position: relative;}
    .homeSlider .mainTextDiv .bannerInnerText{
        padding: 30px 4px;
    }
    .homeSlider .mainTextDiv .bannerInnerText h4 {
        margin: 0px 8px;
        font-size: 16px;
    }
    .bannerbutton{
        max-width: 220px;
    }
    .headerBck{
        position: relative;
    }
    .navbar-collapse{
        position: absolute;
    top: 79px;
    background-color: #003233;
    z-index: 100;
    width: 109%;
    left: -15px;
    padding-left: 20px;
    }
    .navbar-light .navbar-toggler {
        color: rgb(255 255 255);
        border-color: rgb(255 255 255);
    }
    .servicesSection{
        margin: 30px 0px;
    }
    .servicesText{
        margin-top: 15px;
    }
    .submitButton{
        position: relative;
        width: 100%;
    }
    .pageTitle h1{
        font-size: 33px;
        letter-spacing: 6px;
    }
    .pageTitle .line {
        height: 2px;
    }
    .productTxt h3{
        font-size: 22px;
    }
    .headerBck .navbar-expand-lg .navbar-nav .dropdown-menu{
        top: 0px;
    }
    .productDetailsSec .pageMenu{
        position: relative;
        top: 0px;
    }
  }