@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');


body {
font-family: 'IBM Plex Sans Arabic', sans-serif;
font-style: normal;
color: #83868c;
overflow-x: hidden;
}
.top-bar{
}
.logo{
width: 54%;

top-padding: 30px;
margin-left: -43px;
padding-top: 5px;
/* position: absolute; */
/* position: absolute; */
z-index: 9;
animation-name: icone-2;
animation-timing-function: ease-in-out;
animation-duration: 8s;
animation-iteration-count: infinite
}

            @keyframes icone-2 {
                0% {
                    transform: translateX(0)
                }

                25% {
                    transform: translate(-10px,-2px)
                }

                50% {
                    transform: translate(-20px,-2px)
                }

                75% {
                    transform: translate(0,4px)
                }

                100% {
                    transform: translateX(0)
                }
            }


.slider-text h1 {
text-transform: lowercase;
/* left: 33%; */
color: #fff;
font-weight: bolder;
font-size: 55px;
letter-spacing: 2px;
margin-bottom: 25px;
}
video {
right: 0;
bottom: 0;
width: 100%;
height: 796px;
z-index: -1;
margin-top: -13px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0) !important;
}




.menubar .btn-primary {
    border-radius: 94px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    padding-left: 21px;
    padding-right: 21px;
    background-color: #af292c;
    border-color: #009fdd;
      transition: all 0.4s ease-in-out;
}




.header-btn21 {
    display: inline-block;
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-font-size-font-s18);
    font-weight: var(--ztc-weight-bold);
    color: #fff;
padding: 8px 17px 7px 7px;
    border-radius: 0px;
    position: relative;
    border-radius: 0px;
    font-size: 18px;
    z-index: 1;
 border-radius: 11px;
    text-decoration: none;

    background: #160a46;
&::after {
position: absolute;
content: "";
height: 100%;
width: 10px;
left: 50%;
color: #fff;

top: 0; 
transition: all .4s;
background: #e4c90d;
border-radius: 0px;
z-index: -1;  
visibility: hidden;
  border-radius: 5px;
opacity: 0;
}
&:hover {
color: #fff;
transition: all .4s;
transform: translateY(-5px);
&::after {
visibility: visible;
opacity: 1;
transition: all .4s;
left: 0;
width: 100%;
}
}

    i {
        display: inline-block;
        border-radius: -8%;
        transition: all 0.4s;
        line-height: var(--ztc-font-size-font-s36);
        text-align: center;
        background: var(--ztc-text-text-1);
        color: var(--ztc-text-text-4);
        transform: rotate(-180deg);
        position: relative;
           left: 18px;
        padding: 3px;
        padding: 0px 38px 1px 18px;
        background: #fff;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 19px;
        color: #000;
        width: 27px;
        font-size: 22px;
        box-shadow: 0px 3px 35px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);
    }
    
    
    }



 i:hover{
        transform: rotate(0deg);

 }
.menubar .btn-primary:hover{
  position: absolute;

  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-image: linear-gradient(90deg, rgba(var(--theme-default), 0.9) 0%, rgba(var(--theme-default), 1) 100%);
  z-index: -1;
  transition: all 0.4s ease-in-out;
  -webkit-mask: linear-gradient(90deg, rgba(var(--theme-default), 0.9) 0%, rgba(var(--theme-default), 1) 100%);
  mask-composite: exclude;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
         background: linear-gradient(180deg, rgba(6, 46, 57, 0) 34.56%, rgb(0 0 0 / 38%) 59.22%), linear-gradient(180deg, rgb(232 222 215 / 0%) 7.55%, rgb(195 146 118 / 10%) 24.9%);

    height: 100%;
    width: 100%;
    z-index: 8;

}
.badge{
position: absolute;
float: right;
margin: 0;
right: 35px;
width: 22px;
border-radius: 28px;
background: #e91e63 !important;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 0rem; 
padding-bottom: 0rem;
}
.footer-col-3-3 {
    padding-left: 0px;
    margin-left: 0px;
    border-left: 1px solid rgb(255 255 255);
}
/*.addiction-hero*/

.addiction-hero{
    padding:80px 0;
    background:#f5faf6;
}


.addiction-hero .img{
    width: 100%;
    margin-top: 50px;
    border-radius: 20px;

}

.addiction-hero .hero-content h3{
    font-size:25px;
    color:#000;
    margin-bottom:15px;
}


.addiction-hero .hero-content p{
    color:#666;
    font-size:17px;
    line-height:1.7;
    max-width:750px;
    margin-bottom:35px;
}



/* Service Cards */

.addiction-hero .services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}


.addiction-hero .service-card{
background: #fff;
    padding: 14px 43px;
    text-align: center;
    border-radius: 39px;
    box-shadow: 0 8px 25px rgba(0,0,0,.08);
    transition: .3s;
    overflow: hidden;

}


.addiction-hero .service-card:hover{
    transform:translateY(-8px);
}


.addiction-hero .icon{
width:60px;
height:60px;
background:#e8f5e9;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:30px;
margin-bottom:15px;
}
.addiction-hero .service-card h3{
font-size:16px;
color:#333;
line-height:1.4;
}
/* Buttons */

.addiction-hero .hero-buttons{

    margin-top:40px;
    display:flex;
    gap:20px;
    flex-wrap:wrap;

}


.addiction-hero .btn-main,
.btn-call{

    text-decoration:none;
    padding:16px 30px;
    border-radius:30px;
    font-weight:600;
}


.addiction-hero .btn-main{

    background:#2e7d32;
    color:white;

}


.addiction-hero .btn-call{

    border: 2px solid #eec21d;
    color: #1c0047;

}




/*.addiction-hero-end*/


/* .awards-section{*/
 .awards-section{
    background:#f8fafc;

}





 .awards-section .award-desc{
    color:#666;
    line-height:30px;
    margin-bottom:20px;
}

 .awards-section  .award-list{
    margin-top:30px;
}

 .awards-section  .award-item{
    display:flex;
    align-items:center;
    margin-bottom:18px;
}

 .awards-section  .award-item i{
    width:50px;
    height:50px;
    background:#f4b400;
    color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:50px;
    font-size:20px;
    margin-right:18px;
}

 .awards-section  .award-item span{
    font-size:17px;
    color:#0b3c6d;
    font-weight:600;
}

 .awards-section  .award-image{
    position:relative;
}

 .awards-section  .award-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

 .awards-section .award-badge{
    position:absolute;
    bottom:25px;
    left:25px;
    background:#fff;
    padding:20px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    text-align:center;
}

 .awards-section  .award-badge i{
    width:70px;
    height:70px;
    background:#f4b400;
    color:#fff;
    border-radius:50%;
    line-height:70px;
    font-size:28px;
    margin-bottom:12px;
}

 .awards-section  .award-badge h5{
    color:#0b3c6d;
    font-weight:700;
    margin-bottom:5px;
}

 .awards-section  .award-badge p{
    color:#777;
    margin:0;
    font-size:14px;
}

/* .awards-section-end*/
/*.about-section*/

.image-anime{
  position: relative;
  overflow: hidden;
          z-index: 5 !important 
        }

.image-anime:after{
  content: "";
  position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);

}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}


/* Images */

.about-images{
    position:relative;
padding-left: 134px;


}
.about-section .card-2 h1{
text-align: center;
    font-size: 35px;
    color: #fff;
}
.about-section .card-2 {
    background: #160a46;
        padding: 31px;

    width: 100%;
    margin-bottom: 57px;
    height: 197px !important;
    border-radius: 23px;
    box-shadow: 0px 3px 35px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);

}
.about-section{
  position: relative;
}
.about-section .main-img{
    width: 76%;
    border-radius: 25px;
    display: block;
    margin-left: 132px;
}



.about-section .working-card{
    position: absolute;
    left: 107px;
      bottom: 41px;

    width: 296px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.12);

}
.about-section .working-card h5{
  font-weight: 19px;
  color: #fff;
}



.about-section .working-card img{
    width:100%;
    display:block;
    height: 300px;
}

.about-section .working-content{
         padding: 21px;
    margin: 16px;
    background: rgb(112 83 83 / 30%);
    backdrop-filter: blur(10px);
    position: relative;
       margin-top: -169px;
    border-radius: 15px;
    z-index: 9;


}

.about-section .working-content h5{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.about-section .working-content p{
    margin-bottom:8px;
    color:#fff;
}

.about-section .section-subtitle{
    color:#b68b47;
    font-weight:700;
    letter-spacing:2px;
}

.about-section .section-title{
    font-size:54px;
    line-height:1.15;
    font-weight:700;
    color:#1d3557;
    margin:20px 0;
}

.about-section .section-text{
    color:#000;
    font-size:16px;
    line-height:1.8;
    margin-bottom:35px;
}

.about-section .feature-box{
    align-items:center;
}

.about-section .feature-box .icon{

    border-radius:50%;
    background:#f1f8ef;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:20px;
    color:#b68b47;
    font-size:28px;
}

.about-section .feature-box h5{
    margin:0;
    font-size:28px;
    font-weight:700;
    color:#1d3557;
}

.about-section .theme-btn{
    display:inline-block;
    padding:16px 40px;
    background:#c79b5b;
    color:#fff;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.theme-btn:hover{
    background:#1d3557;
    color:#fff;
}

/**/

.hero-section{
    position:relative;
    overflow:hidden;
   
     position: relative;
    overflow: hidden;
  
    background: linear-gradient(135deg,#160b48,#160948,#efc41c);
    color: #fff;
    color:#fff;
}

.hero-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-220px;
    right:-180px;
}

.hero-section::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    bottom:-180px;
    left:-120px;
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero-tag{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    font-size:15px;
    margin-bottom:20px;
}

.hero-content h1{
    font-size:56px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:20px;
}

.hero-content p{
    font-size:20px;
    color:#e9f2ff;
    margin-bottom:35px;
}

.hero-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:40px;
}

.hero-list div{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.12);
    padding:14px 18px;
    border-radius:12px;
    backdrop-filter:blur(8px);
    font-size:16px;
}

.hero-list span{
    color:#59ff95;
    font-size:22px;
    margin-right:12px;
}

.hero-btn{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.btn-consult{
    background:#ff6b35;
    color:#fff;
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.4s;
}

.btn-consult:hover{
    background:#ff4f0d;
    color:#fff;
    transform:translateY(-4px);
}

.btn-call{
    border:2px solid #fff;
    color:#fff;
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    transition:.4s;
}

.btn-call:hover{
    background:#fff;
    color:#0B3C5D;
}

.emergency-box{
    margin-top:35px;
    display:inline-flex;
    align-items:center;
    background:#ff3b30;
    padding:15px 28px;
    border-radius:50px;
    font-weight:700;
    animation:pulse 1.5s infinite;
}

@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(255,59,48,.6);}
70%{box-shadow:0 0 0 18px rgba(255,59,48,0);}
100%{box-shadow:0 0 0 0 rgba(255,59,48,0);}
}

.hero-image{
    position:relative;
    z-index:2;
}

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

.floating-card{
    position:absolute;
    left:-40px;
    bottom:40px;
    background:#fff;
    color:#333;
    padding:18px 22px;
    border-radius:16px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    font-weight:700;
}

.floating-card h5{
    color:#1B5E8A;
    margin-bottom:5px;
}




/**/
.main-image img{
    border-radius:30px;
}

.small-image{
    position: absolute;
    left: 0px;
    bottom: -67px;
    width: 309px;

    border-radius: 25px;
    overflow: hidden;
    background: #fff;
}

.small-image img{
    width:100%;
}

.working-hours{
    position: absolute;
    bottom: 17px;
    left: 14px;
    width: 91%;
    padding: 29px;
    border-radius: 24px;
    color: #fff;
    backdrop-filter: blur(12px);
    background: rgba(35,35,35,.35);

}

.working-hours h5{
      margin-bottom: 5px;

}

.working-hours li{
    margin-bottom: 5px;

    font-size:17px;
}

/* Feature */

.feature-box{
    display:flex;
    align-items:center;
    gap:18px;
}

.feature-box .icon{
    padding: 10px;
    border-radius:50%;
    background: #e4c80c45;
    color:#2d5066;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
}

.feature-box h5{
    color:#2d5066;
      color: #2d5066;
    font-size: 24px;
    line-height: 1.15;
    margin: 0;
}



/* Doctor Box */


.doctor-box::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #29485d;   /* Hover Background */
    transition: height .5s ease;
    z-index: -1;
}

.doctor-box:hover::before{
    height: 100%;
}
.doctor-box{
     position: relative;
    overflow: hidden;
    background: #c9a167;
    border-radius: 25px;
    padding: 40px 30px;
    color: #fff;
background: #eec21b;
    border-radius: 25px;
    padding: 28px 35px;
    color: #fff;
    text-align: left;
    height: 100%;
    text-align: left;
    height: 75%;
    z-index: 1;
    transition: .4s;

}

.doctor-box::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
      background: #1c0047;
    transition: height .5s ease;
    z-index: -1;
}

.doctor-box:hover::before{
    height: 100%;
}

.doctor-box i{
    font-size:42px;
    margin-bottom:30px;
}

.doctor-box h5{
    font-size:28px;
    line-height:1.4;
    margin:0;
}

/* Button */

.theme-btn{
    display: inline-flex;
    align-items: center;
    background: #170a49;
    color: #fff;
    text-decoration: none;
    border-radius: 60px;
    padding: 5px 21px 6px 29px;
    font-weight: 600;
    font-size: 18px;
    margin-top: 40px;
}

.theme-btn span{
    width: 43px;
    height: 41px;
    border-radius: 50%;
    margin-left: 20px;
    background: #efc41c;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*.about-section-end*/
/*.founder-section*/

.founder-section{

    background:#f8fbff;
}


.founder-section .founder-image{
    position:relative;
}

.founder-section .founder-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.founder-section .experience-box{
    position:absolute;
    bottom:25px;
    left:-20px;
    background:#0d3b66;
    color:#fff;
    padding:18px 25px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.founder-section .experience-box h3{
    margin:0;
    font-size:22px;
    color:#ffd54f;
}

.founder-section .experience-box span{
    font-size:14px;
}
.founder-section .section-tag{
    display:inline-block;
    background:#ffd54f;
    color:#0d3b66;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}


.founder-section .founder-content p{
    color:#000;
    font-size:15px;
    line-height:1.9;
    margin-bottom:20px;
}

.founder-section .founder-btn{
    display:inline-block;
    margin-top:20px;
    background:#0d3b66;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.founder-section .founder-btn:hover{
    background:#f5b400;
    color:#0d3b66;
}

/*.founder-section-end*/
.team h3{
    color: #000;
    font-weight: bold;

}

.team p {
    font-size: 17px;
    color: #000;
    /* font-weight: 600; */

    
}
.team ul li{
font-size: 17px;
color: #000;
list-style: none;
}

.team ul li
.fa  {
    font-weight: 900;
    margin-left: -23px;
}
.team  ul strong{
font-size: 19px;
}
.why2 ul li{
font-size: 17px;
color: #000;
list-style: none;
}
.why2 ul strong{
font-size: 25px;
}
.why2 ul li
.fa  {
    font-weight: 900;
    margin-left: -23px;
}


.navbar-light .navbar-nav .nav-link {
    color: #000000;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
       margin: -24px -5px;  line-height: 28px;
    padding-left: 15px;
    color: #000;
    padding-right: 1px;
}
    


.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show.nav-link {
    color: rgb(17 111 161);
}

.navbar-nav {
display: flex;
flex-direction: column;
margin-bottom: 0;
list-style: none;
margin-left: 40px;
}
.inq{
float: right;
margin-top: -5px;
z-index: 999;
position: relative;
margin-left: 12px;
}
.top-bar ul{
float: right;
      margin-top: -34px;
margin-left: 15px;
text-align: right;
}
.top-bar ul li{
display: inline;
    color: #fff;
margin-right: 12px;
font-size: 16px;
}
.padding-70{
padding-top: 50px;
padding-bottom: 50px;
}
.small-text{
color: #fe7720;
font-size: 18px;
}

.title{ 
position: relative;
display: block;
    font-size: 39px !important;
line-height: 1.28em;
letter-spacing: 1px;
color: #000;
font-weight: BOLD;
text-transform: capitalize;
font-family: "Tilt Warp", sans-serif;

}
.carousel-indicators [data-bs-target] {
margin-bottom: 10px;
}
.carousel-control-prev-icon {
/* margin-top: 150px; */
/* background: #ffd360; */
margin-top: 97px;
/* border-radius: 50px; */
/* background: #0c0503; */
/* color: #f00; */
/* height: 20px; */
margin-left: -46px;
/* width: 20px; */
/* border: 2px solid #f35930; */
/* color: #f00; */
}
.carousel-control-next-icon{
margin-top: 150px; 
margin-left: 132px;
/* background: #ffd360; */
margin-top: 97px;
/* border-radius: 50px; */
/* background: #0c0503; */
color: #d7cbcb;
/* height: 20px; */
/* width: 20px; */
/* border: 2px solid #f35930; */
}
.sec-client p{
font-size: 17px;
color: #000;
margin-top: 3px;
}
.sec-client h3{
ont-variant-position: 30px;
color: #000;
font-size: 49px;
}
.top-bar .text-left {
background: #00643b;
height: 47px;
height: 47px;
}

.top-bar p {
color: #fff;
padding-top: 8px;
height: 26px;
}
.top-bar .text-right {
background-color: #8fb969;
height: 47px;
}
.d-img {
position: absolute;
z-index: 9;
top: 68px;
right: 144px;
width: 37%;
height: 572px;
}

.slider-tex {
position: absolute;
z-index: 9;
    top: 185px;
margin-left: 124px;

}
.slider-tex span{
    color: #be9469;

}
.slider-tex h3{
font-size: 35px;
color: #000;
}
.slider-tex h2{
color: #000;
font-size: 60px;
font-weight: bolder;
}

.slider-tex p {
    color: #fff;
    font-size: 51px;
    font-weight: bold;
    line-height: 63px;
}


.slider-tex small{
color: #fff;
    font-size: 15px;


}
.back-box{
background: #040102ad;
padding: 37px;
margin: 22px;
position: absolute;
top: 528px;
}
.back-box h2{
font-size: 23px;
color: #fff;
}
.back-box p{
font-size: 14px;
color: #ede9e9;

}
.why p{
font-size: 23px;
color: #fff;
}
.patient{
    height: 316px;
}



.patient2 .box .fa {
    /* position: relative; */
    float: left;
    /* padding-right: 25px; */
    top: 34px;
    padding-left: 8px;
    /* margin-top: 22px; */
    font-size: 65px;
    padding: 17px;
        color: #00afd5;

}
.emergency h3{
    color: #fff;
    font-size: 35px;
    padding-top: 9px;
    font-weight: bold;
}

 

.patient2 .box img {
    height: 114px;
    width: 133px;
    /* border-bottom: 6px solid #01abcf; */
    /* opacity: 0.3; */
    position: relative;
    /* right: 29px; */
    bottom: 4px;
    border-radius: 10px;

}

    



.patient2 .box {
    /* height: 196px; */
    margin: 10px;
    /* border-left: 2px solid #fff; */
    /* background: #fff; */
    /* position: relative; */
    bottom: 123px;
    /* border-radius: 17px; */
    margin: auto;
    padding: 12px;
    /* border-bottom: 7px solid #01abcf; */
    text-align: center;
}


.patient2 .box h3 {
       font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 22px;
    text-align: left;
}
.patient2 .box p{
    /* text-align: left; */
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    /* margin-top: -8px; */

}

.esp h3 {
color: #fff;
position: relative;
z-index: 9;
padding: 10px;
padding-left: 26px;
text-align: center;

background: #f00;
width: 124px;
margin: auto;
margin-top: 265px;
font-size: 22px;
}
.esp .img{
width: 44%;
height: 520px;
margin-top: 36px;
position: absolute;
margin-left: -21px;
z-index: 9;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;

}
.esp .line{
     color: #f00;
     height: 487px;
    position: absolute;
    width: 590px;
    margin-left: -52px;
    margin-top: 96px;
    border: 1px solid;


}
.esp .line2{
color: #f00;
    height: 480px;
position: absolute;
margin-top: 103px;
width: 615px;
margin-left: 41px;
border: 1px solid;

}
.parallax-why h2{

color: #fff;
font-weight: bold;
text-align: center;
margin-top: 43px;
}
.parallax-why p{
font-size: 17px;
color: #fff;
margin-top: 20px;
}
.menubar{
background-color: #fff;
/*position: absolute;*/
z-index: 3;
width: 100%;
height: 90px;
padding-bottom: -7px;
}
.bg-light{
background: #fff !important 
}
.dropdown-menu[data-bs-popper] {
margin-top: 42px;
margin-top: 1.125rem;
}
/*--------------- sec-registration ------------*/
.registration{
margin-top: -24px;
margin-bottom: -30px; 
}
.registration .card-body h2{
color: #000;
font-size: 21px !important;
font-weight: bold;
padding-top: 40px;
}
.registration .card-body h2:hover{
color: #fff;
}
.registration .card-body p{
color: #000;
font-size: 17px;
margin-left: 14px;
}
.registration .card-body p:hover{
color: #fff;
}
.registration .card-body{
height: 319px; 
width: 100%;
height: 303px;
width: 100%;
margin-bottom: 30px;
}
.registration .bg-color {
position: fixed;
left: 1px;
bottom: 78px;
margin: 0;
font-size: 28px;
width: 49px;
height: 50px;
    background: #160b48;
z-index: 9999;
border: 1px solid#fff;
}
.registration .icone1 {
position: fixed;
left: 0px;
color: #ffffff;
font-size: 28px;
z-index: 9999;
padding: 10px;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}



/*--------------- sec-about -----------------------*/
.about .card-1{
    background: #160a48;
    padding: 30px;
    width: 100%;
    height: 189px !important;
    border-radius: 23px;
    box-shadow: 0px 3px 35px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);

}
.about .card-1 h5{
font-size: 34px;
    color: #fff;
    font-weight: 500;
    TEXT-ALIGN: CENTER;

}
.about .card-2{
background: #000000;
padding: 25px;
width: 100%;
box-shadow: 0px 3px 35px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);

border-radius: 23px;
height: 260px !important;
}
.about .card-2 h5{
font-size: 25px;
color: #d57408;
font-weight: 500;
}
.about .card-2 p{
font-size: 17px;
    color: #ffffff !important;
}
.about .img-2{
height: 412px;
display: flex;
border-radius: 30px;
width: 93%;
margin-top: 47px;
position: relative;
z-index: 9;
/* clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); */
}
.about ul li{
margin-left: -15px;
line-height: 39px;
list-style: none;
    color: #4d4d4d !important;
}
.about .img-2{
    width: 100%;
position: relative;
height: auto;
z-index: 7;

border-radius: 10px;
    height: 415px;
}
.about .img3{
    width: 100%;
    margin-top: 20px;

height: auto;

border-radius: 10px;

}
.about h1{
        font-size: 18px;
    color: #000;
    font-weight: 600px;
    margin-top: 41px
}

.about .img4 {
    position: absolute;
    margin-top: -60px;
    left: 0;
    /* left: 48px; */
    z-index: 2;
    opacity: 0.3;
    width: 207px;
    height: 200px;
    border-radius: 50%;
    animation: spin 10.2s 
linear infinite;
}


@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
 
.dot-img img {
    position: absolute;
    margin-left: -45px;
    opacity: 0.3;
    margin-top: -26px;
 width: 139px;
    animation: spin 10.2s linear infinite;
}


@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/*.dot-img span {
padding: 8px 23px;
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
color: #fff;
font-family: "Montserrat", sans-serif;
box-shadow: 0px 3px 9px 0px rgba(var(--theme-default), 0.2);
background: #f6882d;
}
*/
.about .small-img {
height: 412px;
width: 93%;
margin-top: 51px;
border-radius: 30px;
margin-right: 33px;
}
.about .img4 {
position: absolute;
margin-top: -1px;
left: 432px;
/* left: -84px; */
z-index: 2;
right: 250px;
opacity: 0.3;
width: 177px;
height: 174px;
border-radius: 6%;
animation: spin 10.2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.about .img-3 {
margin-top: 17px;
z-index: 1;
position: relative;
width: 54%;
height: 249px
}
.about  .btn-red {
font-size: 18px;
background: -webkit-linear-gradient(0deg, #f25743, #eb3648 50%);
color: #fff;
padding: 18px;
font-weight: bold;
padding-left: 36px;
padding-right: 36px;
}
.about small{
  color: #000;
  font-size: 14px;
}
.about small{
font-size: 20px;
color: #fff;
font-weight: 500;
}
.about h3{
font-size: 27px;
color: #000;
margin-left: 58px;
}
.about .box{
background: #ffffff;
height: 201px;
width: 249px;
position: absolute;
left: 450px;
margin-top: 254px;
}
.about ul li{
    color: #000 !important;
    font-size: 14       px;
    line-height: 31px;
    list-style: none;


}


.about ul li .fa{
color: #d9811e;
    font-size: 20px;

}


.about .box span{
font-size: 55px;
margin-left: 1px;
}
.about .p-text{
font-size: 43px;
color: #000000;
line-height: 64px;
}
.about .img{
width: 333px;
    margin-top: 415px;
    position: absolute;
    z-index: 9;
    left: 361px;
    background: #ffffff;
    padding: 14px;

}

.about h4 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    /* letter-spacing: 0px; */
    position: relative;
    left: 65px;
    bottom: 39px;

}

.about .icone {
    width: 56px;
    position: relative;
    padding: 9px;
    background: #fff;
    border-radius: 15px;
    margin: -6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}
p{
    color: #000;
}
ul li{
    color: #000;
}

.about p{
    font-size: 16px !important;
    color: #000000;


}
.about .card p{
font-size: 14px;
color: #1f1f1fd9;
line-height: 20px;
margin-left: 18px;
}


.about .card{
background: none;
border: none;
}
.about .card .icone{
    color: #fff;
    /* border-radius: 50%; */
    /* padding: 4px; */
    font-size: 12px;
    width: 50px;
    height: 67px;
    position: absolute;
    padding-left: -7px;
    margin-left: 2px;

}
.about .card-body{
background: #eee;
padding: 39px;
height: 263px;
position: relative;
padding-top: 79px;
width: 480px;
z-index: 9;
top: -160px;
margin-left: -67px;
}
.about .btn-danger {
border-radius: 94px;
padding-top: 12px;
padding-bottom: 12px;
color: #000;
padding-left: 35px;
padding-right: 35px;
background-color: #ffd74a;
border-color: #009fdd;
}

.doctor .card {
    padding: 35px;
    /* position: absolute; */
    width: 104%;
    height: 390px;
    /* margin-top: 166px; */
    /* margin-left: 59px; */

} 
.doctor .img{
width: 100%;
}
.doctor .card small{

font-size: .875em;
color: #f6882d;
font-size: 19px;
font-style: italic;
font-weight: bold;
}

.round {
width: 8px;
height: 8px;
border-radius: 50px;
background: red;
position: relative;
animation: mymove 2s infinite;
animation-delay: 2s;
}
@keyframes mymove {
from {left: 0px;}
to {left: 130px;}

}
/*--------------- sec-about end -------------------*/
/*.services-section*/

.services-section{
    background:#eef8e7;
}



.services-section .section-text{
    color: #000;
    font-size: 17px;
    line-height: 24px;
}

/* Card */

.services-section .service-card{
    background: #fff;
    border-radius: 28px;
    padding: 21px 27px;
    /* height: 100%; */
    transition: .45s;
    position: relative;
    height: 446px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
}



 .service-card::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0%;
    background: #e7ba0c;
    transition:.45s;
    z-index:0;
        transition: all 0.4s ease-in-out;

        border-radius: 999px 999px 0 0;

}

.service-card:hover::before,
.service-card.active::before{
    height:130%;
}

.service-card>*{
    position:relative;
    z-index:2;
}
.service-icon img{
    margin: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 200px;
    border-radius: 50px;

}

.service-icon{
    width: 100%;
    height: 200px;
    border-radius: 50px;

}

.service-card h4{
font-size: 20px;
    color: #160b47;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    transition: .4s;
}

.service-card p{
color: #7a8793;
    font-size: 15px;
    line-height: 23px;
    transition: .4s;

}

.service-card a{
    color: #1c0048;
    text-decoration:none;
    font-weight:700;
    transition:.4s;
}

.service-card:hover h4,
.service-card:hover p,
.service-card:hover a,
.service-card.active h4,
.service-card.active p,
.service-card.active a{
    color:#fff;
}

.service-card:hover{
    transform:translateY(-12px);
}

.service-card:hover .service-icon,
.service-card.active .service-icon{
    background:rgba(255,255,255,.2);
    color:#fff;
}


/**/
/*.why-choose-us*/

.why-choose-us{
    background:#fff;
}



.section-subtitle i{
    font-size:8px;
    margin-right:6px;
}

.section-title{
    font-size:60px;
    color:#29485d;
    font-weight:700;
    line-height:1.15;
    margin-bottom:25px;
}

.section-desc{
    font-size: 16px;
    color: #7a8793;
    line-height: 26px;
    /* margin-bottom: -28px; */

}

/* Button */

.theme-btn{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    background:#c79b5d;
    color:#fff;
    padding:12px 12px 12px 30px;
    border-radius:60px;
    font-weight:600;
}

.theme-btn span{
    width: 33px;
    height: 32px;
    border-radius: 50%;
    margin-left: 18px;
    background: #29485d;
    display: flex;
    align-items: center;
    justify-content: center;

}


.why-box ul li {
    padding: 11px;
    color: #000;
    list-style: none;
    margin-bottom: 11px;
    background: #160a4714;
    border-radius: 10px;
}


.why-box .icon{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #160a48;
background: #efc31d;
    color:#29485d;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:26px;
    flex-shrink:0;
}
.why-box .icon img{
    width: 57px;
    height: 57px;
    padding: 6px;

}
.why-box h4{
    color:#29485d;
    font-size:28px;
    margin-bottom:12px;
}

.why-box p{
    color:#7a8793;
    font-size:17px;
    line-height:30px;
}

/* Image */

.doctor-image{
    position:relative;
    text-align:center;
}

.doctor-image img{
    max-width:100%;
}

/* Floating Card */

.patient-box{
    position:absolute;
    left:40px;
    bottom:0px;
    background:#fff;
    padding:20px 25px;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.12);
}

.avatars{
    display:flex;
    align-items:center;
    margin-bottom:15px;
}

.avatars img{
    width:45px;
    height:45px;
    border-radius:50%;
    border:3px solid #fff;
    margin-left:-10px;
}

.avatars img:first-child{
    margin-left:0;
}

.avatars span{
    width:45px;
    height:45px;
    background:#c79b5d;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:-10px;
    font-size:22px;
}

.patient-box h5{
    margin:0;
    color:#29485d;
    font-size:22px;
}

.patient-box strong{
    color:#c79b5d;
}

/*.why-choose-us-end*/
/*.why-choose-section*/
.why-choose-section{
 
    background:#f8fbff;
}


.why-choose-section .section-title p{
    font-size:18px;
    color:#666;
}

.why-choose-section .why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.why-choose-section .why-box{
    display: flex;
    align-items: flex-start;
    gap: 39px;
    background: #fff;
    padding: 21px;
    height: 129px;
    border-radius: 15px;

    transition: .3s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.why-choose-section .why-box:hover{
    transform:translateY(-8px);
}

.why-choose-section .icon{
    width:70px;
    height:70px;
  
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    flex-shrink:0;
}

.why-choose-section .content h3{
    margin-bottom:10px;
    color:#0d3b66;
    font-size:22px;
}

.why-choose-section .content p{
    color:#666;
    line-height:1.7;
    font-size:16px;
}
/*.why-choose-sectio-end*/
/*--------------- sec-solutions -------------------*/
.comprehensive img{
width: 100%;
height: auto;
}
.comprehensive p{
width: 100%;
height: auto;
}
.comprehensive h4{
font-size: 23px;
font-weight: bold;
color: #000;

}
.comprehensive ul li{
list-style: none;
    margin-left: -28px;

} 
.modal-content2 .form-control{
    font-size: 13px;
    padding: 0px;
}



.modal-content2 {
osition: relative;
    display: flex;
    flex-direction: column;
    width: 81%;
    margin: auto;
    pointer-events: auto;
    background: #160a46;
    background-clip: padding-box;

    padding: 20p
}
.modal-content2 .form-label {
    margin-bottom: .5rem;
    color: #fff
}
.modal-content2  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 34px;
    color: #fff
}

.why .why-img{
width: 92%;
    height: 354px;
    border-radius: 27px;


}
.why .why-img2{
    width: 67%;
    height: 254px;
    border-radius: 25px;
    position: relative;
    left: 166px;
    bottom: 83px;


}
.elementor-element{
    width: 285px;
    height: 252px;
    /* left: -90px; */
    left: 204px;
    position: absolute;
    /* bottom: 10px; */
    margin-top: -44px;

}
  @keyframes elementor-element {
50% {
  transform: scale(1);
}
10% {
  transform: scale(1.1);
}
100% {
  transform: scale(1);
}
}

.elementor-element {
    animation: elementor-element 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }

:@keyframes elementor-element {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1.1);
    }

    30% {
        transform: scale(0);
    }
}



.why ul li {
color: #000;
list-style: none;
font-size: 18px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #003880;
        padding-left: 61px;
            padding-top: 20px;

}
.why ul li span{
    color: #000;
list-style: none;
font-size: 16px;
font-weight: 300;


}
.why .header-btn21 {
    width: 80%;
    }

.why ul i {
    font-size: 40px;
    color: #003880;
    border-radius: 37px;
    position: relative;
    /* left: -7px; */
    position: absolute;

        margin-top: 23px;
  


}
.solutions  .card .why1{
height: 231px;
width: 36%;
margin-left: 67px;
border-radius: 21px;
/* margin-bottom: -14px; */

}
.solutions .why-2{
background: #fff;
padding: 33px;
right: 30px;
width: 100%;
border-radius: 21px;
/*height: 591px;*/
background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.solutions  .card {
border:none;
}
.solutions  .card .why2{
height: 300px;
width: 50%;
margin-top: 30px;
border-radius: 21px;
}
.solutions  .card .why3{
width: 48%;
position: absolute;
right: -17px;
margin-top: 89px;
border-radius: 21px;
}

.solutions .card-body1 {
    transition: all .5s ease-out;
    border: 1px solid #ff00001f;
    margin-bottom: 27px;
    margin-bottom: 22px;
    z-index: 2;
    padding: 13px 22px 15px 20px;
  
}

.solutions .card-body1  {
    position: relative;
    overflow: hidden;
     padding: 9px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #ddd;
    transition: .4s ease;
    z-index: 1;
      height: 212px;
}


.solutions .card-body1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
       background: linear-gradient(180deg, #160948, #160b47);
    transition: height .5s ease;
    z-index: -1;
}


.solutions .card-body1:hover::before {
    height: 100%;
}


.solutions .card-body1 h5 ,

.solutions .card-body1 p {
    transition: .4s;
}


.solutions .card-body1:hover h5,

.solutions .card-body1:hover p {
    color: #fff;
}


.solutions .card-body1:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}
.solutions .card-body1 i{
font-size: 19px;
color: #f35930;
margin: auto;
float: left;
}

.solutions .card img {
    z-index: 9;
    width: 89%;
    height: 386px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.solutions .card-body1 h5 {
    font-size: 25px;
    /* height: 118px; */
       color: #1c0047;

    font-weight: 600;
    margin-top: 8px;
    /* text-align: justify; */
    /* margin-left: 52px; */
    padding: 3px;
    text-align: center;
      height: 198px;


}
.solutions .card-body1  ul li{
    font-size: 13px;
    color: #000;
    font-weight: 400;
    list-style: none;
}

.award::before {
position: absolute;
content: "";
width: 2px;
height: 300px;
left: 50%;
top: 50%;
background: rgba(var(--section-background), 1);
z-index: 50;
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.solutions  .card-body1 span{
font-size: 14px;
color: #000;
text-align: left;
}

.solutions .card-body1.card-body1 p {
    font-size: 16px;
    color: #545151;
    /* margin-left: 63px; */
    font-weight: 400;
     line-height: 23px;
    padding-top: 9px


}
.solutions .card-body1 .icone{
    padding: -2px;
    z-index: 9;
    padding: -2px;
    z-index: 9;
    width: 77px;
    
}


.solutions .why-2 .line {
color: #01abcf;
height: 410px;
position: absolute;
width: 205px;
margin-left: -21px;
margin-top: 39px;
border: 2px solid;
border: 2px solid;
}
.solutions .why-2 .line2{
color: #f00;
height: 422px;
position: absolute;
width: 205px;
width: 205px;
margin-left: 210px;
margin-top: -402px;
border: 2px solid;
border: 2px sol\;border: 2;
margin-bottom: 74px;
}
.solutions .card-body1 h5 .card-gear{
width: 78px;
height: 78px;
/* float: left; */
border-radius: 53%;
margin-top: 1px;

/* border-bottom: 7px solid #ff8d35; */
margin: auto;
padding: 0px;
margin-bottom: 31px;
/* text-align: center; */

}



.solutions   .bottom {
width: 59%;
margin-left: 167px;

}
/*.solutions img{
width: 44px;
height: 44px;
}*/
/*--------------- sec-solutions end -------------------*/
/*--------------- sec-amenities -------------------*/
.counter-box1 {
display: block;
background: #f6f6f6;
padding: 40px 20px 37px;
text-align: center;
margin-bottom: 18px;
border-right: 3px solid #f6090c;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
transition-duration: 0.5s;
    height: 178px;
}
.counter-box1:hover{
    background: #0370c0;
   box-shadow: none;


}

.counter-box1 p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box1 i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #000
}

.counter-1 { 
    display: block;
    font-size: 32px;
    font-weight: 700;
     color: #1e84c0;
    line-height: 28px
}


.event .card-body{
text-align: 
center;
}
/*.event .card-body:hover{
background-color: #f00;

}
*/
.sec-counter .counter-box {

    display: block;
background: #160b47;
    padding: 15px 18px 37px;
    text-align: center;
    margin-bottom: 18px;
    /* border-right: 1px solid #ffffff; */
    /* border-bottom: 1px solid #ffffff; */
    border-radius: 9%;
}



.sec-counter .counter-box p {
margin: 5px 0 0;
padding: 0;
color: #f0c41c;
font-size: 19px;
font-weight: 400;
margin-top: 35px;
}

.sec-counter .counter-box img {


color: #f00;
height: 231px;
padding: 12px;
background: #000000;
border-radius: 50%;
width: 38%;
height: 95px;

}

.sec-counter .counter { 
display: block;
    font-size: 48px;
    font-weight: 700;
 color: #f0c41c;
    line-height: 28px;
    margin-top: 15px;
    margin-left: -22px;


}
.sec-counter small{

font-size: 69px;
position: absolute;
right: 64px;
margin-top: -76px;
z-index: 9;
color: #f0c41c;
}
/*.counter-box.colored {
background: #3acf87;
}*/

/*.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
color: #fff
}*/

/*--------------- sec-amenities end -------------------*/
/*--------------- sec-mission -------------------*/
.mission .box{
background: #ffffff;
    padding: 59px;
    border-radius: 16px;
}
.mission img{
    width: 76%;
    margin: auto;
    display: flex;
    /* height: 229px; */
    border-radius: 10px;
}


.mission p{
    font-size: 17px;
}
.mission ul li{
    list-style: none;
    margin-left: -15px;
    line-height: 39px;
}
.mission ul li .fa{
    font-size: 20px;
    color: #68c9fc;
}
.doctor ul li{
    list-style: none;
    margin-left: -15px;
    line-height: 39px;
}
.doctor ul li .fa{
    font-size: 20px;
    color: #68c9fc;
}
.doctor .elementor-widget{
    background: #ffffff;
    position: absolute;
    /* margin-bottom: 20px; */
    width: 57%;
    border-radius: 20px;
    /* margin-bottom: 81px; */
    margin-top: -111px;
    padding: 19px;
    left: 89px;
}
.elementor-widget .elementor{
    font-size: 17px;
    color: #000;
}


/*--------------- sec-mission end -------------------*/
.core ul li .fa{
    font-size: 20px;
    color: #68c9fc;
}
.core img{
    width: 76%;
    margin: auto;
    display: flex;
    /* height: 229px; */
    border-radius: 10px;
}
.core  p{
    font-size: 17px;
}
.core ul li{
    list-style: none;
    margin-left: -15px;
   line-height: 29px;
}

.blog .card {
    background: #fffdfd;
 height: 481px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    margin-top: 28px;
    width: 100%;

}
.blog .card i{
font-size: 28px;
    position: absolute;
    right: 1px;
    color: #fff;
    bottom: 0;
    padding: 4px;
    border-bottom-left-radius: 9px;
    border-top-left-radius: 8px;
    /* border-radius: 5px; */
     background: #60bdec;

}


.blog ul li {
font-size: 17px;
color: #000;
/* height: 55px; */
list-style: none;
margin-top: 0px;
padding: 0px;
margin-bottom: 17px;
line-height: 21px;
border-bottom: 2px solid #4c9fc3;
margin-left: 172px;
}



.blog .v-img {
width: 78%;
margin: auto;
display: flex;
}
.blog .v-img2{
padding-top: 145px;
    width: 78%;
    margin: auto;
    display: flex
;
}
.blog .card img{
    width: 100%;
    height: 266px;
}


.blog .m-img{


width: 78%;
    margin: auto;
    display: flex;
}

.blog .card p{
    font-size: 17px;
    color: #000;
    

}
.blog .card h3{
font-size: 20px;
color: #bd2a2d;
font-weight: bold;
padding-top: 49px;
letter-spacing: 0.05em;
text-align: left;
    padding-top: 8px;

}
.blog .box img {
width: 17%;
/* float: left; */
height: 306px;
margin-left: 0px;
position: absolute;
/* border-bottom: 28px solid #00afd5; */

}
.blog .card .blog-text span{
font-size: 15px;
font-weight: 600;
    color: #bd2a2d;
padding-top: 49px;
}
.blog .card .blog-text p{
font-size: 15px;
font-weight: 400;
color: #000000ad;
}


.blog .blog-text{
    position: relative;
    left: 282px;
    width: 50%;
    text-align: justify;

}



.blog-section {
    padding: 60px 20px;
    text-align: center;
}

.container {
    max-width: 1200px;
    margin: auto;
}

.blog-section h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.subtitle {
    color: #000;
    max-width: 600px;
    margin: 0 auto 40px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.blog-card {
    display: flex;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.blog-card img {
    width: 40%;
    object-fit: cover;
}

.blog-content {
    padding: 20px;
}

.blog-content h3 {
    font-size: 21px;
    margin: 0 0 10px;
    color: #000;
    font-weight: bold;

}

.date {
    font-size: 13px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.blog-content p {
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.blog-content a {
    color: #000000 !important;
    text-decoration: none;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-card {
        flex-direction: column;
    }

    .blog-card img {
        width: 100%;
        height: 200px;
    }
}
/*--------------- sec-mission end -------------------*/
/*--------------- sec-team -------------------*/
.team .box{
background: #ffc455;
padding: 52px;
width: 90%;
border-left: 16px solid #f00;
border-right: 16px solid #75c16b;
border-top-right-radius: 75px;
border-bottom-left-radius: 75px;
}
.team .box p{
font-size: 15px;
color: #000;
}
.team img{
width: 100%;
/* height: 265px; */
border-radius: 20px;
}
/*--------------- sec-team end -------------------*/
/*--------------- sec-gallery---------------------------*/
.gallery .img{
height: 259px;
width: 100%;
border: 2px solid #003880;
}
.gallery  .card-img-top{
    height: 271px;
    margin-bottom: 4px;
    width: 100%;
    border-radius: 10px;
}

.gallery .card{
        height: 271px;
    margin-bottom: 20px;
}
.gallery .btn-danger {
    color: #fff;
    background-color: #1c0f4e;
    border-color: #371d9e;
    text-decoration: none;
    /* font-size: 24px; */
}
/*--------------- sec-Products end---------------------------*/
/*--------------- sec-Deals -------------------*/
.Deals .box{
background: #70121229;
padding: 21px;
border-radius: 50%;
width: 72%;
height: 115px;

margin: 21px;
text-align: center;
}
.Deals .box h3{
font-weight: bold;
color: #ff6c4a;
font-size: 39px;
}
.Deals img:hover{
transform: rotate(-10deg);
/* -webkit-transform: rotate(-5deg); */
}
.Deals p{
font-size: 19px;
color: #000;
}

/*--------------- sec-Deals end -------------------*/

/*--------------- sec-villa -------------------*/
.villa img{
height: 315px;
width: 100%;
}
/*--------------- sec-villa end-------------------*/
/*--------------- sec-products---------------------------*/
.service img{
width: 100%;
}
.service p{
color: #000;
font-size:16px;
}
.service h5{
font-size: 25px;
color: #000;
}
.service .header-btn21 {
font-size: 17px;
padding: 4px 8px 9px 8px;
}
.services h3{
color: #fff;
font-weight: 700;
padding-top: 7px;
text-align: center;
font-size: 21px;
}
.services .card{
height: 472px;
z-index: 2;
margin-bottom: 12px;
margin-top: 31px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.services .card a {
font-size: 17px;
color: #fff;
/* position: absolute; */
/* bottom: 21px; */
right: 58px;
/* margin: auto; */
margin: auto;
width: 59%;
position: absolute;
bottom: 20px;
}
.services .card-body{
z-index: 9;
}
.services .box1{
width: 90%;
height: 356px;
background: #c6cace;
position: relative;
z-index: 1;
border-radius: 17px;
margin-left: 38px;
margin-top: -372px;
margin-bottom: 24px;
display: none;
}
.services .card .img {
width: 100%;
height: 224px;
margin: auto;
/* padding: 10px; */
padding-left: 0px;
paddinh-right: 22px;
z-index: 9;
/* margin: auto; */
margin-left: 0px;
/* border-bottom: 2px solid #d9a900; */
}
.services  .card-body .svg-img{
width: 100%;
/* padding: 8px; */
margin: auto !important;
}
.services  .card-body .card-svg{
background: #d9a900;
width: 71px;
height: 65px;
margin: auto;
padding: 10px;
margin-top: -10px;
}
.services .card .card-body h2{
font-size: 20px;
color: #000 !important;
font-weight: bold;
text-align: center;
}

.services .card .card-body p{
font-size: 15px;
color: #000 !important;
text-align: center;
}
.services .contain {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.image {
display: block;
width: 100%;
height: 286px;
margin-top: 98px;
border-radius: 20px;

}


.overlay {
position: absolute;
bottom: 196%;
background-color: #ffffff;
left: 18px;
right: 0;
    overflow: hidden;
    width: 92%;
    padding: -7px;
    border-radius: 11px;
    height: 180px;
    z-index: 9;
    top: 206px;
    transition: .5s ease;
    box-shadow: 0px 3px 30px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);


}

.services .contain{
bottom: 72px;
height: 79%;
    margin-bottom: 29px;
}
.services .contain .overlay p{
    font-size: 15px;
color: #000;
margin: 10px;
}
.services .header-btn21 {
    display: inline-block;
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s18);
    line-height: var(--ztc-font-size-font-s18);
    font-weight: var(--ztc-weight-bold);
    color: #fff;
    padding: 0px 1px 1px 18px;
    border-radius: 0px;
    position: relative;
    border-radius: 0px;
    font-size: 15px;
    z-index: 1;
    border-radius: 11px;
    text-decoration: none;
    background: var(--ddd, linear-gradient(91deg, #e3b077 0.78%, #18162b 99.88%));
    background: none;
    color: #000;
}
.services .contain .card-body{
    background: #003880;
    color: #fff;
    width: 325px;
    position: relative;
    left: 23px;
    border-radius: 20px;
    height: 156px;
    margin-top: -75px;
    z-index: 9;

}
.services .overlay .text{
    font-size: 17px;
    color: #000;
}
.text {
color:#000;
font-size: 18px;
    position: relative;
    top: 50%;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;


}
/*--------------- sec-products end ---------------------------*/
/*.why-choose*/

.why-choose{
  
    background:#f7fbff;
}



.why-choose .why-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.why-choose .sub-title{
    display:inline-block;
    background:#ffd54f;
    color:#0d3b66;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}


.why-choose .why-content p{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
}

.why-choose .why-btn{
    display:inline-block;
    background:#0d3b66;
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.why-choose .why-btn:hover{
    background:#f5b400;
    color:#0d3b66;
}

/* Feature Box */

.why-choose .feature-box{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.why-choose .feature-item{
    background:#fff;
    padding:18px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    font-size:15px;
    font-weight:600;
    color:#0d3b66;
    transition:.3s;
    border-left:5px solid #f5b400;
}

.why-choose .feature-item:hover{
    transform:translateY(-6px);
    background:#0d3b66;
    color:#fff;
}

/* Responsive */

/*.expert-section*/
 .expert-section{
    background:#f8fafc;
}


.expert-section .section-desc{
    color:#666;
    max-width:700px;
    margin:auto;
}

.expert-section .doctor-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    text-align:center;
}

.expert-section .doctor-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.expert-section .doctor-img{
    overflow:hidden;
}

.expert-section .doctor-img img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:.5s;
}

.expert-section .doctor-card:hover img{
    transform:scale(1.08);
}

.expert-section .doctor-content{
    padding:25px;
}

.expert-section .doctor-content h4{
    color:#0b3c6d;
    font-size:22px;
    font-weight:700;
    margin-bottom:8px;
}

.expert-section .qualification{
    display:block;
    color:#666;
    font-size:15px;
    margin-bottom:12px;
}

.expert-section .speciality{
    display:inline-block;
    background:#fff5d9;
    color:#d28a00;
    padding:7px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.expert-section .doctor-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:25px;
}

.expert-section .doctor-btn{
    display:inline-block;
    padding:12px 28px;
    background:#0b3c6d;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.3s;
    font-weight:600;
}

.expert-section .doctor-btn:hover{
    background:#f5b400;
    color:#000;
}
/*.expert-section-end*/
/*.team-section*/
.team-section{

    background:#f8fbff;
}

.team-section .section-tag{
    display:inline-block;
    background:#FFD54F;
    color:#0D3B66;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}

.team-section .section-title{
    font-size:46px;
    color:#0D3B66;
    font-weight:700;
    margin-bottom:20px;
}

.team-section .section-title span{
    color:#F5B400;
}

.team-section .section-desc{
    color:#666;
    font-size:17px;
    line-height:1.9;
}

.team-section .team-card{
    background:#fff;
    padding:35px 25px;
    text-align:center;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    border-top:5px solid #FFD54F;
}

.team-section .team-card:hover{
    background:#0D3B66;
    transform:translateY(-8px);
}

.team-section .team-card:hover h4,
.team-card:hover .team-icon{
    color:#fff;
}

.team-section .team-icon{
    width:70px;
    height:70px;
    background:#FFD54F;
    color:#0D3B66;
    font-size:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    transition:.3s;
}

.team-section .team-card h4{
    font-size:20px;
    color:#0D3B66;
    font-weight:600;
    margin:0;
    transition:.3s;
}

.team-section .team-bottom{
    background:#0D3B66;
    color:#fff;
    padding:35px;
    border-radius:18px;
    text-align:center;
}

.team-section .team-bottom p{
    margin:0;
    font-size:18px;
    line-height:1.8;
}

.team-section .team-bottom strong{
    color:#fff;
}

.team-section .team-bottom p{
    color:#fff;
}


 .doctor-profile{
    background:#f8fafc;
}

.doctor-image{
    position:relative;
}

.doctor-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.doctor-subtitle{
    display:inline-block;
    color:#f4b400;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.doctor-title{
    color:#0b3c6d;
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.doctor-designation{
    display:inline-block;
    background:#fff4d7;
    color:#c68a00;
    padding:10px 20px;
    border-radius:40px;
    font-weight:600;
    margin-bottom:25px;
}

.doctor-info{
    list-style:none;
    padding:0;
    margin:0 0 25px;
}

.doctor-info li{
    margin-bottom:15px;
    color:#555;
    font-size:17px;
    line-height:28px;
}

.doctor-info strong{
    color:#0b3c6d;
}

.doctor-profile p{
    color:#666;
    line-height:30px;
    margin-bottom:30px;
}

.doctor-btn{
    display:inline-block;
    background:#0b3c6d;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.doctor-btn:hover{
    background:#f4b400;
    color:#000;
}

@media(max-width:991px){

.doctor-title{
    font-size:32px;
}

.doctor-image{
    margin-bottom:30px;
}

}


/*.team-section-end*/

/*.faq-section*/
.faq-section .faq-section{
    background:#eee;
}

.faq-section .faq-subtitle{
    display:inline-block;
    color:#f4b400;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.faq-section .faq-title{
    font-size:42px;
    font-weight:700;
    color:#0b3c6d;
    margin-bottom:15px;
}

.faq-section .faq-text{
    color:#666;
    line-height:28px;
}

.faq-section .faq-accordion .accordion-item{
    border:none;
    border-radius:15px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.faq-section .faq-accordion .accordion-button{
    background:#fff;
    color:#0b3c6d;
    font-size:18px;
    font-weight:600;
    padding:22px 25px;
    box-shadow:none;
}

.faq-section .faq-accordion .accordion-button:not(.collapsed){
    background:#0b3c6d;
    color:#fff;
}

.faq-section .faq-accordion .accordion-button::after{
    filter:brightness(0);
}

.faq-section .faq-accordion .accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
}

.faq-section .faq-accordion .accordion-body{
    background:#fff;
    color:#666;
    line-height:30px;
    padding:25px;
    font-size:16px;
}

/*.faq-section-end*/

/*.testimonial-section*/
.testimonial-section{
    background:#f7f9fc;
}



.testimonial-sectionv .testimonial-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.testimonial-section .testimonial-card:hover{
    transform:translateY(-8px);
}

.testimonial-section .video-box img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.testimonial-section .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    background:#ffc107;
    color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:80px;
    font-size:30px;
    text-decoration:none;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.testimonial-section .play-btn:hover{
    background:#0b3c6d;
    color:#fff;
}

.testimonial-section .testimonial-content{
    padding:30px;
}

.testimonial-section .testimonial-content h4{
    color:#0b3c6d;
    margin-bottom:15px;
    font-weight:700;
}

.testimonial-section .testimonial-content p{
    color:#666;
    line-height:1.8;
}

.testimonial-section .review-card{
    padding: 40px;
    display: flex;
    flex-direction: column;
    height: 597px;
    border-radius: 23px;
    justify-content: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.testimonial-section .quote-icon{
    font-size:70px;
    color:#ffc107;
    line-height:1;
}
.testimonial-section .quote-icon img{
    width: 100px;
    height: 100px;


}

.testimonial-section .review-text{
font-size: 16px;
    line-height: 1.5;
    color: 000;
    margin: 20px 0;
    height: 222px;
}





.testimonial-section .rating{
    font-size:22px;
    color:#ffc107;

}

.testimonial-section .author h6{
    color:#0b3c6d;
    margin-bottom:5px;
    font-weight:700;
}

.testimonial-section .author span{
    color:#888;
}
/*.testimonial-section-end*/

/*.why-choose-end*/


.emergency .card{ 
    border-radius: 20px;

}
.quality ul li {
    font-size: 17px;
    height: 160px;
    margin-top: 34px;
    background: #fff;
    padding: 20px;
    color: #000;
    border-bottom: 3px solid #39bae6;
    list-style: none;
    border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
}
/*------------- sec-People--------------------------------------*/
.People .box-4{
background: #a9eda0;
padding: 32px;
width: 60%;
margin-left: 258px;
border-radius: 73px;
height: 391px;
}
.people .back .img {
    z-index: 9;
    /* margin: auto; */
    height: 45px;
    /* position: relative; */
    width: 45px;
    border-radius: 50%;
}
.people .back ul i {
color: #ed8331;
}
.people .back-line2
{
height: 183px;
position: absolute;
width: 158px;
z-index: 2;
margin-top: -224px;
margin-left: 433px;
}

/*
.people .back-line {
    margin: auto;
    height: 291px;
    position: relative;
    width: 276px;
    background: #f6882d;
    z-index: 2;
    margin-top: -137px;
    border-radius: 50%;
}
*/
.people .back {
padding: 11px;
width: 100%;

padding-right: 83px;
z-index: 9;

border-radius: 22px;
padding: 19px;
margin-top: 2px;
height: 277px;
}
.people .slick-slide {
height: 247px;
    width: 344px;
    margin-left: 5px;
    margin-right: 5px;
}

.people1 .box-4 p{
color: #000;
text-align: center;
}
.people1 h3{
font-size: 21px;
color: #000;
padding: 45px;
border-radius: 12px;
text-align: center;
margin-top: -34px;
}
.people1 .img{
margin-left: 224px;
height: 313px;
margin-top: 197px;
width: 67%;
}

.people .card {
    background: #ffffff;
    text-align: left;
    /* padding: 73px; */
    width: 41%;
    position: absolute;

    /* padding-top: 81px; */
    height: 317px;
    margin-top: 81px;
    /* margin-left: 190px; */
    right: 118px;
    border: navajowhite;
    border-radius: 20px;
}

.people1 .card-body{
background: #fff;
height: 434px;
width: 388px;
position: absolute;
z-index: 27;
left: 50;
margin-top: 7px;
border: 1px solid #f00;
border-top-left-radius: 105px;
}
.people .card-body h3{
font-size: 23px;
color: #000;
text-align: left;
line-height: 36px;

}
.people .card-body p{
font-size: 16px;
color: #000;
margin-top: 10px;
}
.people .card h2{ 
font-size: 45px;
color: #000;
font-weight: bold;
}
.people h4{
font-size: 23px;
color: #fff;
}
.people .tex{
float: right;
margin-right: 242px;
margin-top: 20px;

}
.people .back p{
color: #000;
font-size: 18px;
/* font-weight: bold; */
text-align: left;
}

.people .back h3 {
color: #fff;
font-size: 18px;
position: relative;
/* right: 0; */

color: #000;
/* bottom: 90px; */
}
/*--------------- sec-People end--------------------------------------*/


.testimonials .box-4{
background: #a9eda0;
padding: 32px;
width: 60%;
margin-left: 258px;
border-radius: 73px;
height: 391px;
}
.testimonials.back .img {
    z-index: 9;
    /* margin: auto; */
    height: 45px;
    /* position: relative; */
    width: 45px;
    border-radius: 50%;
}
.testimonials .back ul i {
color: #ed8331;
}
.testimonials  .back .img{
    width: 100px;
    height: 100px;
}
.testimonials .back {
padding: 11px;
width: 100%;

padding-right: 83px;
z-index: 9;

border-radius: 22px;
padding: 19px;
margin-top: 2px;
background: #fff;
height: 320px;
}


.testimonials h3{
    font-size: 21px;
    color: #000;
    /* padding: 45px; */
    border-radius: 12px;
    /* text-align: center; */
    margin-top: -31px;
    /* left: 84px; */
    margin-left: 104px;

}





/*--------------- sec-overview--------------------------------------------*/
.overview {
    background: #fff;
}
.overview h3{
font-size: 23px;
color: #000;
font-weight: bold;
}
.overview p{
font-size: 16px;
color: #000;

}
.overview  .card .card-body:hover{
    background: #fe813d;

}
.overview .btn-danger-2 {
color: #f00;
font-size: 17px;
padding-right: 35px;
padding-left: 35px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: 29px;
}

/*--------------- sec-pricing--------------------------------------*/





.pricing {
    padding: 60px 20px;
    text-align: center;
}

.pricing h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.pricing .subtitle {
    color: #d6760c;
    margin-bottom: 40px;
}

.pricing  .pricing-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.pricing  .card {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    position: relative;
    transition: 0.3s;
}

.pricing  .card:hover {
    transform: translateY(-10px);
}

.pricing  .card h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 22px;
}

.pricing  .price {
    font-size: 28px;
     color: #d6760c;
    margin: 15px 0;
}

.pricing  .card ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.pricing  .card ul li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.pricing  .btn {
    display: inline-block;
    padding: 10px 20px;
background: #18162b;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.pricing  .btn:hover {
    background: #219150;
}

/* Highlight Card */
.pricing  .popular {
    border: 2px solid #27ae60;
}

.pricing  .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #e74c3c;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
}

/* Responsive */
@media (max-width: 768px) {
   .pricing  .pricing-cards {
        flex-direction: column;
        align-items: center;
    }
}

/*--------------- sec pricing end--------------------------------------*/

/*--------------- .pricing-section --------------------------------------*/



.pricing-section2 {
    padding: 60px 20px;
    text-align: center;
}

.pricing-section h2 {
    font-size: 32px;
    margin-bottom: 10px;
}

.pricing-section2 .subtitle {
      color: #d6760c;
    margin-bottom: 40px;
}

.pricing-section2 .pricing-cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.pricing-section2 .card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    width: 280px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.pricing-section2 .card:hover {
    transform: translateY(-10px);
}

.pricing-section2 .card h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 22px;
}

.pricing-section2 .price {
    font-size: 28px;
    color: #d6760c;
    margin: 15px 0;
}

.pricing-section2 .card ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.pricing-section2 .card ul li {
    margin: 10px 0;
}

.pricing-section2 .btn {
    display: inline-block;
    padding: 10px 20px;
background: #18162b;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s;
}

.pricing-section2 .btn:hover {
    background: #219150;
}

/* Featured Package */
.pricing-section2 .featured {
    border: 2px solid #27ae60;
    transform: scale(1.05);
}
/*--------------- ..pricing-section2 end--------------------------------------*/


/*--------------- sec-overview end--------------------------------------*/


/*--------------- sec-download-----------------------------------------*/
.downloads p{
font-size: 20px !important;
color: #000;
} 
.downloads img{
height: 429px;
width: 100%;
margin-bottom: 10px;
}
/*--------------- sec-downloads-end--------------------------------------*/
.sec-client .card:hover +.overlap{
      /* color: #f00; */
    height: 155px;
    width: 235px;
    background: #221b0fbf;
    position: absolute;
    z-index: 9;
    top: 25px;
}
.parallax-contact .img4 {
    position: absolute;
    margin-top: -1px;
    left: 432px;
    /* left: -84px; */
    z-index: 2;
    right: 250px;
    opacity: 0.3;
    width: 177px;
    height: 174px;
    border-radius: 6%;
    animation: spin 10.2s linear infinite;


}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.parallax-contact h2 {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

.parallax-contact h2 {
    text-align: center;
    width: 100%;
    padding-top: 90px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #142444;
    height: 204px;
    margin-bottom: 0px;
}
.contact-btn {
    margin-top: 20px;
}
/*.btn {
    color: #fff;
    border: none;
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e66d39;
    border-radius: 29px;
    box-shadow: rgb(0 0 0 / 25%) 0px 25px 50px -12px;
}
*/
.bg-green {
    background: #4caf50 !important;
}

/*--------------- sec-products ------------------------------------*/
.products.card-body{
text-align: center;
background: #86b778;
height: 75px;
width: 100%;
}
.products .card-body h3{
color: #000;
font-size: 21px;
font-weight: bold;
text-align: center;
}
.products .card-body p{
cursor: pointer;
color: #000;
text-align: center;
font-size: 14px !important;
}

/*--------------- sec-products end---------------------------*/


.box5 {
padding: 80px;
text-align: left;
}
.box5 h4{
color: #fff;
}
.box5 img{
width: 64px;
height: 64px;
margin-bottom: 35px; 
border-radius: 69px;
}
.box5 h2{ 
color: #275834;
text-align: left;
margin-top: -45px;
padding: top;

}
.box5 p{
color: #0e0202;
font-size: 18px;
}
.counter {
font-family: 'Open Sans', sans-serif;
color: #000;

text-align: center;
width: 100%;
padding: 25px 30px 10px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.text-white {
color: #fff!important;
}
.container{
    max-width: 1329px !important;
}

.cart-img{
width: 61px !important;
margin-left: 70px;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
float: right;
right: 0;
    top: 15px;
position: absolute;
}
.box4{
background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.box4 img{
width: 86px;
}
.box-active{
height: 262px !important;
background: #296a46 !important;
}
.box4 h2{
font-size: 23px;
text-transform: uppercase;
color: #4caf50;
font-weight: bold;
margin-top: 12px;
}
.box-active h2{
color: #fff;
}
.box-active p{
color: #fff !important;
padding-top:10px;
} 
.box4{
margin-right: 3.3%;
height: 297px;
margin-top: -78px;
background: #eee;
padding: 40px;
border-radius: 25px;
float: left;
width: 21.6%;
box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset;
text-align: center;
transition: transform 250ms;
}
.parallax-about .box4:hover{
transform: translateY(-20px);
}
.enquiry{
height: 600px;
}
.enquiry-box{
background: #fff;
margin-top: 10%;
padding-left: 25px;
padding-right: 25px;
padding-top: 50px;
padding-bottom: 50px; 
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.enquiry-box input{
background: #eee;
border: none;
margin-bottom: 15px;
height:50px;
border-radius: 5px !important; 
}
.enquiry-box .btn{
width: 100%
}
.color1{
background:  #fff;
}

.color2{
background:  #fff;
}
.color3{
background:  #fff;
}
.color4{
background: #fdf7d1;
}
.price{
color: #000;
font-size: 18px;
}
.sec-enquiry h2{
color: #000;
font-weight: bold;
padding-top: 96px;
}
.sec-enquiry p{
    color: #000;
    font-size: 19px;


}

.parallax-contact h2 {
 
    width: 100%;
    text-transform: capitalize;
    font-weight: bold;
    text-align: left;
    margin-left: 189px;
}
.parallax-contact .btn{

    margin-top: 113px;
}
.sec-enquiry {
    height: 298px;
}
.exp {
float: right;
right: 9%;
margin-top: -137px;
background: #fff;
height: 100px;
position: absolute;
padding-left: 30px;
padding-right: 24px;
padding-top: 12px;
border-bottom: 7px solid #379d62;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
animation: dzMove1 12s linear infinite;
}
.exp h2{
float: left;
font-size: 60px;
color: #379e63;
font-weight: bold;
margin-right: 20px;
}
.exp p
{
float: left;
font-size: 23px;
color: #000;
font-weight: bold;
width: 100px;
line-height: 24px;
margin-top: 10px;
margin-right: 20px;
}
.home-box{
margin-top: 100px;
}
.carousel-caption {
position: absolute !important;
right: 15%  !important;
bottom: 1.25rem  !important;
left: 10%  !important;
padding-top: 1.25rem  !important;
padding-bottom: 1.25rem  !important;
color: #fff  !important;
text-align: left !important; 
top: 20%  !important;
}
.contact-area{
color: #fff;
font-size: 17px;
line-height: 30px;
background: #ff5e14;
padding: 
}
.carousel-caption h5{
font-size: 46px;
text-transform: uppercase;
font-weight: bold;
color: #fff !important;
}
.carousel-caption p{
font-size: 20px;
color: #fff;
}
.footer .card
{
background: #efc21c;
height: 119px;
padding: 12px;
    border-radius: 20px;
}
.footer .card::after {
content: "";
width: 40px;
height: 60px;
background: #ece8e2;
position: absolute;
bottom: -1px;
right: -1px;
transition: all 0.4s ease-in-out;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.footer .card .fa{
font-size: 33px;
color: #1c0047;

    position: absolute;
    padding-right: -13px;
    /* padding-left: 24px; */
  left: 24px;



}
.footer .card p{
    text-align: left;
    color: #1c0047;
    padding-left: 50px;
    font-size: 17px;
}





.footer a{
text-decoration: none;
}
.footer .box .icone {
    font-size: 17px;
    border-radius: 50%;
    margin-top: 21px;
    margin: 19px;
    padding: 10px;
    margin-left: 109px;
    background: #000;
    border: 2px solid #f0003f;
}
.footer h3 {
    color: #000;
    font-size: 24px;
    text-align: center;
}
.footer .icone {
    font-size: 40px;
    color: #f00;
    margin: auto;
}
.footer .box .p-text{
    color: #000;
    font-size: 18px;
    text-align: center;
}
.p-title{
margin-top: -10px;
margin-top: -36px;
font-size: 16px;
}
.footer ul li:before{
content: "\f101";
font-family: FontAwesome;
top: 0;
left: 0;
bottom: 0;
font-size: 13px;
color: #fff;
margin-left: -14px;
margin-right: 8px;
font-weight: 400;
}
.w-100 {
width: 100%!important;
    height: 653px;
position: relative;
/*    margin-top: 124px;*/
}
.sec-client img{
height: 115px;
border-bottom: 2px solid #ffd360;
}
.sec-client .card{
margin-bottom: 60px !important;
    /* margin-top: 42px; */
    margin: 6px;
    margin-top: 49px;

}
.sec-project img{
height: 94px;
}
.sec-client {
background: #fff;
}

.text-p{
color: #9d9aaa;
}
.no-bottom-margin{
padding-bottom: 0px !important;
}

.sec-brands{
background: linear-gradient(125deg, #f3f3f3 54%, #fff2e6 26%);
}

.card a{
color: #000;
font-size: 15px;
list-style: none;
text-decoration: none;
text-transform: capitalize;
}
body {
background-color: #fff;
}
.list li {
display: inline;
width: 100%;
list-style: disc;
float: left;
color: #000;
line-height: 22px;
text-align: left;
font-size: 15px;
background: #fff;
padding: 16px;
margin-top: 21px;
border-left: 4px solid #275834;
border-right: 4px solid #275834;
box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.list li {
display: inline;
width: 100%;
list-style: disc;
float: left;
color: #000;
line-height: 35px;
font-size: 15px;
margin-left: -30px;
margin-right: 50px;
}
.box2 img{
width: 100%;
margin: auto;
padding: 36px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition: all 300ms ease-out 0s;
}
.box3{
height: 100px;
width: 100%;
background: #fff;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.box3 img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
 opacity: 1;
 border:none;
}
.parallax-vission{
background-image: url(../images/vission.jpg);
    min-height: 525px;
    /* background-attachment: fixed; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-size: cover;
}
a {
color: #ffffff;
text-decoration: underline;
}


.parallax-contact{
background-image: url("../images/contact-us.jpg");
/* Set a specific height */
min-height: 240px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax-service{
background-image: url(../images/service.jpg);

background-position: center;
background-repeat: no-repeat;
background-size: cover;
    min-height: 682px;

}
.parallax-why{
background-image: url(../images/before_after_bg_1.svg);
min-height: 490px;
background-repeat: no-repeat;
background-size: cover;

}
.parallax-contact {
background-image: url(../images/contact-us.jpg);
min-height: 300px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.parallax-contact h2 {
text-align: center;
width: 100%;
padding-top: 90px;
font-size: 40px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
height: 204px;
margin-bottom: 0px;
}
.parallax-about {
background-image: url(../images/about-back.png);
min-height: 200px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}
.sec-clients img {
width: 100%;
height: 100px;
}
.contact-btn{
margin-top: 20px;
}
.parallax-contact h2{
text-align: center;
width: 100%;
text-transform: uppercase;
font-weight: bold;
}
.sec-time{
padding: 15px;
text-align: center;
}
.sec-time h2{
font-size: 18px;
margin-top: 10px;
}
.sec-time img{
width: 26px;
margin-right: 15px;
margin-top: -5px;
}
.parallax {
/* The image used */

background-image: url(../images/bg.jpg);
    min-height: 87px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
    height: 361px;


}
.parallax2 {
    background-image: url(../images/bg2.jpg);
    min-height: 472px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* height: 361px;*/
}
.parallax-title {
/* The image used */
background-image: url("../images/13.jpg");
/* Set a specific height */
min-height: 120px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.People .box-4 .carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 17px;
height: 14px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background: #fede2a;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease;
}
.People .box-4 i {
color: #ffcd5d;
font-size: 16px;
}
.People .box-4 p{
padding: 20px;
font-size: 14px;
}
.form {
position: absolute;
border: 5px: pad;
right: 0;
width: 668px;
margin-right: 57px;
background: #eee;
right: 0;
margin-top: 69px;
padding: 28px;
margin-right: 57px;
box-shadow: rgb(0 0 0 / 56%) 0px 22px 70px 4px;
}
.btn{
color: #fff;
border: none;
padding-right: 0px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
background-color: #39bae6;
border-radius: 8px;
    background-color: #ffffff;
}
/*.btn-primary {
color: #fff;
background-color: #f35930;
border-color: #0d6efd;
}*/
.card-text:hover{
color: orange;
}
.section3{
background: linear-gradient(125deg, #f17507 54%, #cccccc 26%);
}
.btn-white2{
background: #fff;
color: #000;
}
.section3 img{
width: 104%;
height: 467px;
margin-top: -70px;
margin-left:-82px;
margin-bottom:-80px;
}
.section3 p{
font-size:24px; 
color: #000;
}
.section4{
background: #eee;
}
.section4 img{
width: 100%;
height: 450px;
}
.section4 .card-body{
margin-bottom: 20px !important
}
.section5{
background: #fff;
}
.section5 h2{
text-align: center;
color: #fff;
font-size: 45px;
position: absolute;
z-index: 9;
margin-top: 15%;
font-weight: bold;
}
.contact{
padding-left: 55px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
border-top-left-radius: 20px !important;
border-bottom-right-radius: 20px !important;
padding-right: 55px !important;
background-color: #db3131 !important;
font-size: 25px !important
}
.contact3 h3{
color: #000;
text-align: right;
font-weight: bold;
}
.contact3 p{
color: #000;
text-align: right;
}
.contact3 a{
text-decoration: none;
}
.contact3 .line {
/* border: 1px solid; */
height: 39px;
background: #bd2a2d;
width: 4px;
margin: 35px;
}
.contact3 input {
line-height: 60px !important;
width: 100%;
margin-top: 25px;
border: none;
border-radius: 7px;
box-shadow: 0px 0px 7.5px rgba(var(--black), 0.1) !important;
}
.contact3 .btn{
margin-top: -50px;
text-align: right;
float: right;
position: relative;
z-index: 9;
right: 18px;
padding: 8px 20px 8px 20px;
}
.contact2{
background: #fff;
padding-left:55px !important;
padding-right: 55px  !important;
padding-top: 20px  !important;
padding-bottom:20px  !important;
}
input{
line-height: 44px !important;
}
.why-list{
margin-top: 20px;
margin-left: -30px;
}
/*.btn-primary{

padding-top: 12px;
padding-bottom: 12px;
color: #fff;
padding-left: 35px;
padding-right: 35px;
background-color: #ffd74a;
border-color: #009fdd;
margin-top: 6px;

}*/
.villa .w-100 {
width: 100%!important;
height: 465px;
background: #fff;
margin-top: 30px;
}
.footer a{
color: #260e09 !importan;
text-decoration:none !important;
font-weight: normal;
}
.footer h2{     
color: #fff;

font-size: 24px;
font-weight: bold;
}
.footer ol, ul {
padding-left: 1rem;
}
.footer ul li{
color: #fff;
list-style: none;
/* text-align: center; */
font-size: 15px !important;
margin-bottom: 4px;
/* text-align: justify; */
text-align: left;
}
.footer p{
color: #fff;
font-size: 17px; 
font-weight: normal;  
text-align: justify;
}
.footer .fa{
color: #000;
}
.footer a {
color: #fff !important;
font-size: 17px;

}
.footer img{
float: left;
margin-top: 23px;
width: 50%;
width: 100px;
height: 71px;
border-radius: 10px;
}
.help{
font-size: 40px !important;
margin-top: 20px;
margin-bottom: 3px !important;
}
.sec-title{
position: relative;
padding: 40px;
font-size: 66px;
color: #000;
font-weight: 600;
height: 282px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.sec-title h2 {
/* position: absolute; */
text-transform: capitalize;
font-size: 50px;
font-weight: bold;
margin-top: 61px;
text-align: center;
z-index: 9;
}
.sec-title:before {
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #06bee42b;
opacity: .70;
position: absolute;
}
.btn-white{
background: #fff;
color: #000;
margin-top: 32px;
}
.social i{
padding: 10px 11px 11px 12px;
background: #fff;
border: 1px solid #4a86c3;
border-radius: -9px;
border-radius: 50px;
}
.career-ul{
color: red;
}
.social-head{
margin: auto;
padding-top: 2px;
padding-bottom: 0px;
}
.social-head i{
padding: 7px;
background:none
}
.section7{
padding-top: 32px;
margin-top: -8px;
background: #0e1720;
}
.section7 p{
color: #fff;
}
.section7 .navbar-nav2 {
display: flex;
/* flex-direction: column; */
margin-bottom: 0;
list-style: none;
margin: auto;
position: absolute;
/* right: 72px; */
/* padding-left: 35px; */
gap: 31px;
margin-left: -46px;
}
.section7 li {
color: #ffffff;
text-decoration: none;
font-size: 16px !important;
border-left: 2px solid;
padding-left: 5px;
margin-top: -6px;
}
.section7 a {
color: #fff;
text-decoration: none;
}
.section7 a:hover {
color: #ffffff;
text-decoration: none;
}
.section7 .navbar-nav2 a {
text-decoration: none;
}
.section-testimonials{
background:#ffecf4;
}
.sec-contact img{
width: 100%;
}


.map .card {
    padding: 49px;
    background: #eec31c;
    height: 284px;
    width: 76%;
    position: relative;
    bottom: 9px;
    z-index: 9;
    inline-size: 100%;
    box-sizing: border-box;
    border-block: 1px solid;
    padding: 46px;
    padding: 23px;
        box-shadow: 0px 3px 35px 0px rgba(23.999999999999996, 22.000000000000004, 43, 0.14);

}
.map .card spin{
font-size: 15px;
color: #eee;
}
.map .card h3{
font-size: 30px;
color: #000;
font-weight: bold;

font-family: "Montserrat", sans-serif;
}
.map .card span{
font-size: 20px;
color: #000;
}
.map .card h5{
font-size: 34px;
    color: #160a48;
font-weight: bold;

}
.map .card p{
font-size: 16px;
color: #000;
padding-top: 2px;
}
.map .card a {
color: #fff;
font-size: 15px;
list-style: none;
text-decoration: none;
text-transform: capitalize;
width: 50%;
margin-top: 9px;
}
.testimonials h5{
margin: 0;
font-size: 20px;
font-style: italic;
margin-bottom: 25px;
color: #000;
font-weight: 400;
}
.testimonials p{
color: #000
} 

.testimonials .carousel-caption{
top: 0px;
}
.test-item{
height: 260px !important;  
}
.test-item img{
display: none
}
.social-head a {
color: #000;
}/*==========================
 NAVBAR
===========================*/

.menubar{
    position:sticky;
    top:0;
    background:#fff;
    z-index:9999;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    padding:0;
}

.logo{
    height:75px;
    width:auto;
}

/*==========================
 MENU
===========================*/

.navbar-nav{
    margin-left:auto;
    align-items:center;
}

.navbar-nav .nav-item{
    position:relative;
}

.navbar-nav .nav-link{
    color:#222 !important;
    font-size:15px;
    font-weight:600;
    padding:30px 16px !important;
    transition:.3s;
    text-transform:capitalize;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover>.nav-link{
    color:#ff6600 !important;
}

/* Active Line */

.navbar-nav .nav-link::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:18px;
    width:0;
    height:3px;
     
    transition:.3s;
    transform:translateX(-50%);
}

.navbar-nav .nav-link:hover::after{
}


/*==========================
 DROPDOWN
===========================*/

.dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.35s;

    min-width:280px;
    border:none;
    border-radius:12px;
    padding:10px 0;

    box-shadow:0 20px 40px rgba(0,0,0,.12);

        margin-top: 31px;
}

.dropdown:hover>.dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.dropdown-item{
    padding:13px 25px;
    font-size:15px;
    color:#444;
    font-weight:500;
    transition:.3s;
    position:relative;
}

.dropdown-item:before{
    content:"";
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:0;
    height:2px;
    background:#ff6600;
    transition:.3s;
}

.dropdown-item:hover{
    padding-left:35px;
    background:#fff7f1;
    color:#ff6600;
}

.dropdown-item:hover:before{
    width:10px;
}

/* Arrow Rotate */

.dropdown-toggle::after{
    transition:.3s;
}

.dropdown:hover .dropdown-toggle::after{
    transform:rotate(180deg);
}


/*==========================
 MOBILE
===========================*/

@media(max-width:991px){

.logo{
    height:60px;
}

.navbar-nav{
    background:#fff;
    padding:15px;
}

.navbar-nav .nav-link{
    padding:12px 15px !important;
}

.dropdown-menu{
    display:none;
    opacity:1;
    visibility:visible;
    transform:none;
    position:relative;
    width:100%;
    box-shadow:none;
    border-radius:8px;
    margin-left:15px;
}

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

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

}