@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    font-family: "Poppins", serif;
}

/*body{background: #0d7645;}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    font-family: 'Outfit', sans-serif !important;
        color: #ab0e23;
}

.nav-item a {
    font-size: 14px;
    color:#950307;
    font-weight: 500;
    padding:5px 10px;
}

.nav-item a:hover{ color:#00d563;}

.dropdown-menu {
    padding: 20px;
    background: #000!important;
}

.dropdown-item{ 
    color:#000!important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #fff !important;
    border-radius: 10px;
    color: #ECAF12;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Adjust margin to your needs */
}

.dropdown-menu {
    display: none;
    /* Hide dropdowns by default */
}


.bussiness {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
}

.user-pannle {
    background-color: #fff;
    color: 000;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: 500;
}

.cart {
    background-color: #F3F3F3;
    padding: 10px;
    color: black;
    border-radius: 10px;
}

.sup-cart {
    margin: 0px !important;
}

sup {
    top: -1.5em !important;
    background-color: #FBD2D8;
    color: black;
    padding: 3px 6px;
    border-radius: 5px;
}

.text-gredient {
    background: -webkit-linear-gradient(90deg, #ED1C3D, #ECAF12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient {
    background: linear-gradient(270deg, #fcbc452a, #F9E6E6, #FFD1D1, #ffffff) !important;
}

.bg-gradient p {
    line-height: 30px;
}

.same-button {
    background-color: #ED1C3D;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 20px 83px 30px 80px;
    margin:10px 0;
    display:inline-block;
}

.text-color {
    color: #ECAF12;
    font-weight: 700;
}

.text-red {
    color: #ED1C3D;
}

.small {
    font-size: 12.5px !important;
}

#product-slider img {
    width: 100%;
    height: 250px;
    object-fit: covre;
}

#Client-slider img {
    width: 50px;
    margin: 0 auto;
}

#event-slider img {
    width: 100%;
    height: 150px;
    object-fit: contain;
}

footer {
    background-color:#222;
    /*border-radius: 30px 30px 0px 0px;*/
}

footer li a {
    text-decoration: none;
    color: white;
}

.about-banner {
    /*background-image: url("../images/breadcrumb.png");*/
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.skinncare-banner {
    background-image: linear-gradient(
    rgba(0, 0, 0, 0.65),
    rgba(0, 0, 0, 0.65)
),url("../../images/1781006451main_b1 (1).jpg");
    width: 100%;
    height: 400px;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-gary {
    background-color: #666464;
}

.border-radius {
    border-radius: 20px 10px 20px 10px;
}

.border-radius .small {
    color: #666666;
    line-height: 25px;
    font-size: 13px !important;
}

select:active,
select:focus {
    outline: none;
}

.Categories-filter ul li {
    list-style: none;
    margin-top: 10px;
}

.Categories-filter ul li a {
    text-decoration: none;
    color: #666666;
}

.Categories-filter ul li a:hover{color:#ECAF12;}

.quantity {
    display: flex;
    padding: 0;
}

.quantity__minus,
.quantity__plus {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0;
    background: #555;
    text-decoration: none;
    text-align: center;
    line-height: 23px;
}

.quantity__minus:hover,
.quantity__plus:hover {
    background: #575b71;
    color: #fff;
}

.quantity__minus {
    border-radius: 3px 0 0 3px;
}

.quantity__plus {
    border-radius: 0 3px 3px 0;
}

.quantity__input {
    width: 70px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 2px solid #dee0ee;
    border-bottom: 2px solid #dee0ee;
    border-left: 1px solid #dee0ee;
    border-right: 2px solid #dee0ee;
    background: #fff;
    color: #111;
}

.quantity__minus:link,
.quantity__plus:link {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity__minus:visited,
.quantity__plus:visited {
    color: #8184a1;
}

.text-size{
    font-size: 14px;
}

.accreditations ul{ padding:20px 0 0; 
list-style:none;
    overflow:auto;
    width:100%;
} 

.accreditations {background: #d3610d;}

.accreditations h2{font-size:30px; color:#FFF; margin-top:30px;} 

.accreditations h2 span{ font-size:20px;}


@media screen and (max-width:768px){ navbar{ padding:10px 0!important;}}

/*.products{ background:#fff;}*/


/*.navbar{*/
/*    background:#A31023 !important;*/
/*}*/

.product .card img{
    width:100%;
    height:300px !important;
    object-fit:cover;
}

.navbar-expand-lg .navbar-collapse{ 
    justify-content: end ;
}

  .navbar-nav{
    margin:auto!important;
}

  .navbar-nav{ margin-left:60px;}
 
 .search-fm{ 
     width:50%;
    
 }
  .search-fm input, .search-fm button {
       border-radius:30px;
       color:#000;
       background:#f7f7f7;
       border:1px solid #ccc;
  }
  
  .phone-cart{ 
      display:none;
  }
   
  .desktop-cart{
      display:flex;
  }
  
  .carousel-item img{ 
      width:100%;
      height:auto;
      object-fit:fill;
  }
  .bg-body-tertiary{ 
    background: #fff !important;
    border-bottom: 2px solid #ab0e23;
 }
 
  .product p a{ 
      color:#000;
  }

.product p .btn{ 
    color:#fff!important;
    background:#333!important;
    border:1px solid #000;
}
 
  @media screen and (max-width:768px){ .navbar{padding:10px 10px!important;}
     
     #carouselExampleIndicators { padding:0px 0 !important;}
     
     .search-fm{ 
         display:none!important;
     }
     
       .phone-cart{ 
      display:flex;
  }
  .desktop-cart{
      display:none;
  }
  
 }
 

.phone-cart , .desktop-cart, .navbar-brand { 
    z-index:2;
}




.footer-top{ 
    background:#fff!important;
}
.widget-newsletter input{ 
    background:#eee !important; 
}


.social-sidebar{
    background: #2B9341 !important;
}







.customMissionCard{
    position: relative;
    padding: 35px;
      background: linear-gradient(180deg, #b1ebbc40 0%, #5aa26f3b 100%);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,0.06);
       transition: all 0.4s ease;
    border: 2px solid #2B9341 !important;
}

.customMissionCard:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(43,147,65,0.15);
}

/* Top Left */
.customMissionCard .corner-tl{
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-top: 4px solid #2B9341;
    border-left: 4px solid #2B9341;
    border-radius: 24px 0 0 0;
}

/* Top Right */
.customMissionCard .corner-tr{
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-top: 4px solid #2B9341;
    border-right: 4px solid #2B9341;
    border-radius: 0 24px 0 0;
}

/* Bottom Left */
.customMissionCard .corner-bl{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-bottom: 4px solid #2B9341;
    border-left: 4px solid #2B9341;
    border-radius: 0 0 0 24px;
}

/* Bottom Right */
.customMissionCard .corner-br{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-bottom: 4px solid #2B9341;
    border-right: 4px solid #2B9341;
    border-radius: 0 0 24px 0;
}





/* ================================================================================================================================= */
/* ================================================================================================================================= */





/* ---------------------- products section css start here ----------------------- */


 .product-card{
    background:#ffffff;
    border:2px solid #e6e8ff;
    border-radius:20px;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
}

.product-card:hover{
    transform:translateY(-8px);
    border-color:#0f4ea6;
    box-shadow:0 20px 45px rgba(15,78,166,.22);
}

.product-link{
    display:block;
    text-align:center;
    padding:18px;
    text-decoration:none;
}

.product-img-box{
    background:#f7f9ff;
    border-radius:15px;
    padding:15px;
    margin-bottom:18px;
    transition:.3s;
}

.product-card:hover .product-img-box{
    background:#eef4ff;
}

.product-img-box img{
    width:100%;
    height:170px;
    object-fit:contain;
    transition:.4s;
}

.product-card:hover img{
    transform:scale(1.08);
}

.product-title{
    font-size:18px;
    font-weight:700;
    color:#082b63;
    margin-bottom:10px;
    line-height:1.4;
    min-height:50px;
}

.product-price{
    font-size:17px;
    font-weight:600;
    color:#666;
    margin-bottom:18px;
    text-align: center;
}

.product-price span{
    color:#ff0a88;
    font-weight:700;
    font-size:20px;
}

.cart-btn{
    width:100%;
    border:none;
    outline:none;
    padding:12px;
    border-radius:40px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    color:#fff;

    background:linear-gradient(135deg,
    #0b3f8c 0%,
    #2148d8 35%,
    #4d7cff 60%,
    #ff1493 100%);

    transition:.35s;
    box-shadow:0 8px 20px rgba(33,72,216,.35);
}

.cart-btn i{
    margin-right:8px;
}

.cart-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(255,20,147,.35);
}

.product-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,
    #00c6ff,
    #2148d8,
    #7b2ff7,
    #ff1493);
}
 
 
 /* view btn css start */
 
  .view-btn{
                display: inline-block;
                background: #152767;
                color: #fff;
                padding: 10px 15px;
                text-decoration: none;
                border: 1px solid #152767;
                transition: .5s ease-in-out;
                border-radius: 5px;
            }
            .view-btn:hover{
                background: none;
                color: #152767;
            }
            
            @media screen and (max-width: 767px){
                .view-btn{
                    padding: 5px 10px;
                }
            }
 
 /* view btn css end */
 

/* ---------------------- end of products section css here -----------------------*/





/* ---------------------- feature section css start here ------------------------- */


            .feature-section{
            padding:50px 0;
            background:#ffffff;
        }
        
        .feature-grid{
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:20px;
        }
        
        .feature-card{
            display:flex;
            align-items:center;
            gap:18px;
            padding:22px 25px;
            border:1px solid #2d8f42;
            border-radius:12px;
            background:linear-gradient(135deg,#f8fff9,#edf8ef);
            transition:.35s ease;
        }
        
        .feature-card:hover{
            transform:translateY(-6px);
            box-shadow:0 15px 35px rgba(45,143,66,.18);
            border-color:#1f7d33;
        }
        
        .feature-icon{
            width:60px;
            height:60px;
            min-width:60px;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:50%;
            background:#ffffff;
            color:#1f7d33;
            font-size:28px;
            box-shadow:0 8px 20px rgba(0,0,0,.08);
        }
        
        .feature-content h4{
            margin:0 0 6px;
            font-size:18px;
            font-weight:700;
            color:#d40000;
            text-transform:uppercase;
        }
        
        .feature-content p{
            margin:0;
            font-size:15px;
            color:#555;
            line-height:1.6;
        }
        
        @media(max-width:991px){
        
        .feature-grid{
            grid-template-columns:repeat(2,1fr);
        }
        
        }
        
        @media(max-width:767px){
        
        .feature-grid{
            grid-template-columns:1fr;
        }
        
        .feature-card{
            padding:20px;
        }
        
        .feature-icon{
            width:55px;
            height:55px;
            min-width:55px;
            font-size:24px;
        }
        
        .feature-content h4{
            font-size:16px;
        }
        
        .feature-content p{
            font-size:14px;
        }
        
        }

/* ---------------------- end of feature section css here ------------------------- */

/* ----------------------  about us section css start here ------------------------- */
 
                .about-section{
                background:#f7f9fc;
                overflow:hidden;
            }
            
            .section-title span{
                display:inline-block;
                color:#6d28d9;
                font-weight:700;
                letter-spacing:2px;
                margin-bottom:10px;
                text-transform:uppercase;
            }
            
            .section-title h2{
                font-size: 22px;
                font-weight:800;
                color:#072b61;
                line-height:1.3;
                margin-bottom:25px;
            }
            
            .section-title h2 span{
                color:#ff0f8f;
            }
            
            .about-text{
                color:#555;
                /*font-size:16px;*/
                line-height:1.9;
                margin-bottom:18px;
            }
            
            .about-image{
                position:relative;
            }
            
            .about-image img{
                width:100%;
                border-radius:25px;
                box-shadow:0 25px 60px rgba(0,0,0,.12);
            }
            
            .experience-box{
                position:absolute;
                right:-20px;
                bottom:30px;
                background:linear-gradient(135deg,#003a99,#5d2eff,#ff0f8f);
                color:#fff;
                padding:25px;
                border-radius:20px;
                width:220px;
                text-align:center;
                box-shadow:0 20px 40px rgba(0,0,0,.2);
            }
            
            .experience-box h2{
                font-size:36px;
                font-weight:800;
                margin:0;
                color: #fff;
            }
            
            .experience-box p{
                margin:0;
                font-size:14px;
            }
            
            
            
            .about-btn{
                display:inline-flex;
                align-items:center;
                padding:15px 35px;
                background:linear-gradient(135deg,#003a99,#5d2eff,#ff0f8f);
                color:#fff;
                text-decoration:none;
                border-radius:50px;
                font-weight:700;
                transition:.35s;
                box-shadow:0 12px 25px rgba(0,58,153,.25);
            }
            
            .about-btn:hover{
                color:#fff;
                transform:translateY(-4px);
                box-shadow:0 20px 35px rgba(0,58,153,.35);
            }
            
            
            @media screen and (max-width: 1200px){
                  .section-title span{
                    font-size: 24px;        
            }
             .section-title h2{
                font-size: 22px;
            }
              .section-title h2 span{
                font-size: 22px;
            }
            
            }
            
            @media screen and (max-width:991px){
             .section-title span{
                    font-size: 18px;
                    font-weight:600;
                      
            }
            
            .section-title h2{
                font-size: 24px;
            }
            
            .experience-box{
                 padding:10px;
                position:relative;
                right:0;
                bottom:0;
                width:100%;
                margin-top:20px;
            }
             .experience-box h2{
                font-size: 18px;
             
            }
            
            .experience-box p{
           
                font-size:14px;
            }
            
            
            }
            
            @media screen and (max-width: 767px){
                  .section-title span{
                font-size: 14px;
              
            }
            .section-title h2{
                font-size: 18px;
            }
             .section-title h2 span{
                font-size: 18px;
            }
            .about-text{
                font-size:12px;
            }
            }
            
   
/* ---------------------- end of about us section css here ------------------------- */



/* ---------------------- founder message section css start here ------------------------- */
    
    .founder-section{
     background:linear-gradient(  135deg, #f8fbff 0%, #eef4ff 35%, #f5efff 70%, #fff3fa 100%);
     padding:90px 0;
}

.founder-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.founder-left{

    background:linear-gradient(180deg, #0057d9, #5b2df8, #ff1493);
    color:#fff;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:50px 30px;
    text-align:center;
}

.quote-circle{

    width:90px;
    height:90px;
    border-radius:50%;
    background:#fff;
    color:#0057d9;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:35px;
    margin-bottom:25px;
}

.founder-left span{
    letter-spacing:2px;
    font-size:13px;
    text-transform:uppercase;
    opacity:.9;
}

.founder-left h3{
    font-size:32px;
    font-weight:700;
    margin:10px 0;
    color: #fff;
}

.line{
    width:70px;
    height:3px;
    background:#fff;
    margin:20px 0;
    border-radius:20px;
}

.founder-left h5{
    margin:0;
    font-weight:600;
    color: #fff;
}

.founder-content{
    padding:55px;
}

.small-title{

    color:#0057d9;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.founder-content h2{

    font-size:40px;
    color:#082b63;
    margin:15px 0 25px;
    font-weight:800;
    line-height:1.3;
}

.founder-content p{
    color:#666;
    line-height:1.9;
}

.founder-content blockquote{

    margin-top:30px;
    padding:25px;

    background:#f3f7ff;

    border-left:5px solid #0057d9;

    border-radius:12px;

    color:#082b63;

    font-size:22px;

    font-style:italic;

    font-weight:600;
}


@media screen and (max-width: 1200px){
            .founder-left{
            padding:15px 10px;
        }
        .quote-circle{
            width:50px;
            height:50px;
            font-size: 24px;
            margin-bottom:20px;
        }
        .founder-left h3{
            font-size:22px;
            font-weight:600;
        }


        .founder-content{
            padding: 20px 10px;
        }
        
        .small-title{
            font-weight:600;
            font-size: 14px;
        }
        .founder-content h2{
            font-size:  24px;
        }
        
           .founder-content blockquote{
            padding: 10px;
            font-size: 18px;
            font-weight: 500;
        }


}


@media screen and (max-width: 991px){

        .quote-circle{
            width:80px;
            height:80px;
            font-size:35px;
            margin-bottom:25px;
        }
        .founder-left h3{
            font-size: 28px;
        }
        
        .small-title{
            font-size:18px;
        }
        .founder-content h2{
            font-size: 28px;
            font-weight:700;
            line-height:1.2;
        }
        
        .founder-content p{
            font-size: 14px;
        }
         .founder-content blockquote{
            font-size: 16px;
        }

}



@media screen and (max-width: 767px){
            .founder-card{
            border-radius: 10px;
        
        }
        .quote-circle{
            width:50px;
            height:50px;
            font-size: 24px;
            margin-bottom:20px;
        }
        .founder-content{
            padding: 20px 10px;
        }
        
        .small-title{
            font-size:14px;
        }
        .founder-content h2{
            font-size: 24px;
        }
        
        .founder-content p{
            font-size: 12px;
        }
        
        
        .founder-content blockquote{

            font-size: 14px;

        }

}


    
/* ---------------------- end of features section css here ------------------------- */



/* ---------------------- mission vision section css start here ---------------------- */

 
    .mission-vision-section{
    background:#f8fbff;
    position:relative;
}

.section-subtitle{
    display:inline-block;
    color:#6b21f3;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.section-title{
    font-size:46px;
    font-weight:800;
    color:#0d2c6c;
    margin-bottom:15px;
}

.section-description{
    color:#666;
    line-height:1.8;
    max-width:750px;
    margin:auto;
}

.mission-card,
.vision-card{
    background:#fff;
    border-radius:20px;
    padding:40px;
    height:100%;
    transition:.4s;
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.mission-card{
    border-top:5px solid #0b5ed7;
}

.vision-card{
    border-top:5px solid #ff1493;
}

.mission-card:hover,
.vision-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.icon-box{
    width:85px;
    height:85px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#0057d9,#5b2df8,#ff1493);
    color:#fff;
    font-size:34px;
    margin-bottom:25px;
}

.mission-card h3,
.vision-card h3{
    font-size:30px;
    font-weight:700;
    color:#082b63;
    margin-bottom:20px;
}

.mission-card p,
.vision-card p{
    color:#666;
    line-height:1.9;
    margin-bottom:25px;
}

.mission-card ul,
.vision-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.mission-card ul li,
.vision-card ul li{
    padding:12px 0;
    border-bottom:1px solid #eee;
    color:#444;
    font-weight:500;
}

.mission-card ul li:last-child,
.vision-card ul li:last-child{
    border-bottom:none;
}

.mission-card ul li::before,
.vision-card ul li::before{
    content:"✔";
    color:#0b5ed7;
    margin-right:10px;
    font-weight:bold;
}

@media(max-width:991px){

.section-title{
    font-size: 28px;
}

        .mission-card,
        .vision-card{
            padding:10px;
              border-radius: 10px;
        }
        
         .icon-box{
            width:60px;
            height:60px;
            font-size: 24px;
        }
            .mission-card ul li,
            .vision-card ul li{
                font-size: 14px;
               
            }

}

@media screen and (max-width: 767px){
    .section-title{
            font-size: 22px;
        }
        .section-subtitle{
            font-weight:500;
          font-size: 14px;
        }
        .section-description{
            font-size: 12px;
        }
        

        .mission-card h3,
        .vision-card h3{
            font-size: 18px;
            margin-bottom: 10px;
        }
        .mission-card p,
        .vision-card p{
         font-size: 12px;
            margin-bottom:15px;
        }
        
        .mission-card ul li,
        .vision-card ul li{
            padding: 5px 0;
            font-size: 12px;
           
        }
        
        .icon-box{
            width:50px;
            height:50px;
            font-size: 20px;
             margin-bottom: 15px;
        }
        

}





/* ---------------------- end of mission vision section css here ---------------------- */


/* ---------------------- why choose us section css start here ------------------------- */

    .why-choose-section{
    background:#ffffff;
    overflow:hidden;
}

.section-heading .sub-title{
   display: block;
    color:#6c2cff;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
     text-align: center;
    margin-bottom:12px;
}

.section-heading h2{
    font-size:46px;
    font-weight:800;
    color:#082b63;
    line-height:1.3;
    margin-bottom:20px;
    text-align: center;
}

.section-heading h2 span{
    color:#ff1493;
}

.section-heading p{
    color:#666;
    line-height:1.9;
    text-align: center;
}

.choose-box{
    background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
    border:1px solid #dbe8ff;
    border-top:4px solid #0057d9;
    border-radius:18px;
    padding:30px 25px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,87,217,.08);
    transition:.4s;
    height:100%;
    position:relative;
    overflow:hidden;
}

.choose-box:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,87,217,.18);
    border-color:#0057d9;
}
.choose-box i{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    font-size:28px;
    color:#fff;
    background:linear-gradient(135deg,#0057d9,#5b2df8,#ff1493);
    margin-bottom:20px;
}

.choose-box h5{
    color:#082b63;
    font-weight:700;
    margin-bottom:15px;
}

.choose-box p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin:0;
    text-align: center;
}

.choose-image{
    position:relative;
}

.choose-image img{
    width:100%;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}


@media screen and (max-width: 1200px){

.section-heading h2{
    font-size:  32px;
}

}

@media screen and (max-width: 991px){

.section-heading h2{
    font-size: 28px;
}

}

@media screen and (max-width: 767px){
    
    
    .section-heading .sub-title{
        font-size: 14px;
        font-weight:600;
        margin-bottom:10px;
    }
    .section-heading h2{
        font-size: 22px;
        font-weight: 500px;
    }




.section-heading h2 span{
    font-weight: 500px;
}

.section-heading p{
    font-size: 12px;
}
    
    
.choose-box{
    padding: 15px;
}

}


/* --------------------- end of why choose us section css here ----------------------- */