:root{--pirmary:#f7c042;}
body{  font-family: "Poppins", sans-serif; font-size: 16px;}

header{
    position: absolute;
    width: 100%;
    top: 15px;
    margin: 0 auto;
    z-index: 1;
}
header img{ width: 10%;}

.heading-section{position: relative;}
.heading-section h2{font-size: 50px; text-transform: uppercase; font-weight: 500; }
.heading-section span{position: absolute; bottom: 0;}

.banner{background: url(../images/CA-banner.jpg) no-repeat; background-size: cover;}
.banner img{width: 100%;}
.banner-content{ color: #fff; display: flex; flex-direction: column; padding: 155px 0 40px 0;}
.banner-content h1{ font-size: 52px;font-weight: 600;}
.banner-content span.title{font-size: 16px; text-transform: uppercase;  background: #f47920;  width: fit-content;
    padding: 2px 15px; border-radius: 5px; margin-bottom: 20px;}
.banner-content h1 span.orng{color: #f47920;}
.banner-content h1 span.grn{color: #52b947;}
.banner-content p{ font-size: 16px; line-height: 25px; border-top: 1px dashed; text-align: justify; padding-top: 20px;}
.banner .carousel-caption{ position: absolute; top: 200px; color: #fff; width: 40%;  text-align: start;
    height: fit-content; background: #dddddd69; border-radius: 10px; padding: 20px;}
.banner .carousel-caption h1{ font-size: 60px; text-shadow: 4px 0px 0px #856752;}
.carousel-control-next span.carousel-control-next-icon ,.carousel-control-prev span.carousel-control-prev-icon
{ background-color: #000; border-radius: 100%; width: 40px; height: 40px;}

.about{ padding: 40px 0;}
.about .row{padding-top: 20px;}
._about-img img{width: 100%;}
.about p{font-size: 18px; text-align: justify;}
.about h2{ text-transform: capitalize; font-size: 40px;}

.Expertise, .why-choose{padding: 40px 0;}
.services,.our-Specialties{ padding: 40px 0; background: #dddddd30;}
.services .row{padding-top: 20px;}
.service-card{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.service-card img{width: 100%;}
.service-content{ padding: 25px 10px 1px 15px; height: 250px; margin-bottom: 50px;}
.service-content h3{font-size: 22px; margin-bottom: 15px; padding-bottom: 7px; position: relative; font-weight: 600;}
.service-content h3:before{ width: 100px; content: ''; background:var(--pirmary);  height: 2px; position: absolute; bottom: 0;}
.service-content p{text-align: justify;}

.our-Specialties{padding: 40px 0;}
.our-Specialties .row{ margin-bottom: 0px;flex-wrap: nowrap; padding: 0 0 0px 0px;}
.our-Specialties ul.Specialties-list{list-style: none; padding: 0; margin: 0;}
.our-Specialties ul.Specialties-list li{display: flex; align-items: start;padding: 10px 0;}
.our-Specialties ul.Specialties-list li figure{ margin: 0;
    border: 1px solid #ddd;
    border-radius: 100%;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.our-Specialties ul.Specialties-list li ._our-content h3{font-size: 22px;}
.our-Specialties ul.Specialties-list li ._our-content{ padding-left: 20px;}
.our-Specialties ul.Specialties-list li ._our-content p{ text-align: justify;}



.content_information {
    display: flex;
    margin-bottom: 0px;
    flex-wrap: nowrap;
    padding: 30px 0 0px 0px;
}.content_information figure.fig_pic {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0;
    align-self: flex-end;
    width: 40%;
    justify-content: center;
    display: flex;
    overflow: hidden;
}.content_information .category_app { width: 55%;}

footer{background: #000; color: #fff; padding: 30px 0;}
footer p{margin: 0; font-size: 14px; text-align: start;}
footer .ft-up{display: flex; justify-content: space-between; align-items: center; padding: 20px 0 40px 0;}
footer .ft-up img{width: 100%;}
footer .ft-up ul{list-style: none; padding: 0; margin: 0; width: 30%; }
footer .ft-up ul a{text-decoration: none; color: #fff; transition: ease all 0.3s;}
footer .ft-up ul a:hover{padding-left: 5px;}
.ft_logo{width: 15%;}

._whstpp-icon{ position: fixed; bottom: 58px; right: 50px;z-index:9999;}
._whstpp-icon .fa-whatsapp{ font-size: 30px; background: #25D366; color: #fff; border-radius: 100%; padding: 8px 10px;}

.common-banner img{width: 100%;}
.common-banner {position: relative;}
.common-banner .common-content{position: absolute; bottom: 45px;left: 35%; color: #fff;}
.common-banner .common-content h1{ font-size: 50px;text-transform: uppercase; text-shadow: 2px 0px 0px #333; border-bottom: 5px solid;}
.common-page{padding: 40px 0;}
.common-heading h2{ text-transform: uppercase; font-weight: 500;font-size: 40px; margin-bottom: 10px; }
.common-heading{padding-bottom: 20px;}
.common-page-content h2{ font-size: 30px; font-weight: 600; padding: 10px 0;}
.common-page-content h3{ font-size: 22px; font-weight: 600;}
.common-page-content ul li strong{display: block;}
.common-page-content ul li{padding-bottom: 10px;}
._list-title{margin-bottom:10px; display:block;}


    @media only screen and (max-width: 767px) {
        .content_information figure.fig_pic{display: none;}
        .category_app{width: 100% !important;}
        .heading-section h2{font-size: 38px;}
        .carousel-control-next span.carousel-control-next-icon, .carousel-control-prev span.carousel-control-prev-icon
        { width: 25px !important; height: 25px !important;}
        .ft_logo { width: 37%; }
        footer .ft-up ul{width: 45%;}
        footer p{font-size: 11px; text-align: center;}
        ._whstpp-icon{ bottom: 60px; right: 17px;}
        header img {width: 20%;}
        .banner-content h1 { font-size: 40px;}
      }