* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    /* overflow: hidden; */
    font-family: "League Spartan", sans-serif;
}

.clr {
    clear: both;
}
.po-duct h6 {
	font-family: myFirstFont;
	color: var(--ascolor);
	font-size: 21pt;
	text-transform: capitalize;
	font-weight: 500;
	padding: 20px 0 7px 0;
}


@font-face {
    font-family: myFirstFont;
    src: url(../font/e.ttf);
}

:root {
    --background-color: #fef6d7;
    --fontColor: #daa700;
    --light: #EFD97B;
    --ascolor: #daa700;
    --merunColor: #663130;
    --font: "League Spartan", sans-serif;
    --black: #808080;
    --bg: #fef6d7;
    --matcolor: #2B2B2B;
    --font2: "myFirstFont", sans-serif;

}


body {
    font-size: 100%;
    overflow-x: hidden;

}

P {
    margin-bottom: 0px;
}

h1 {
    margin-bottom: 0px;
}

h2 {
    margin-bottom: 0px;
}

h3 {
    margin-bottom: 0px;
}

h4 {
    margin-bottom: 0px;
}

h5 {
    margin-bottom: 0px;
}

h6 {
    margin-bottom: 0px;
}

li {
    list-style: none;
}

html {
    font-size: 20px;
}

.container {
    width: 100% !important;
    margin: 0 auto !important;
    max-width: 1320px !important;
}


header {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    z-index: 999;
    position: fixed;
    box-shadow: rgba(100, 100, 111, 0.105) 0px 7px 29px 0px;
    height: 82px;
}

header.sticky {
    /* background-color: rgba(0, 0, 0, 0.9); */
    padding: 0;
}

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

.logo img {
    width: 80px;
    height: auto;
}

/* .navbar{
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
} */
.navbar-light .navbar-nav .nav-link {
    /* font-family: "Khand", Sans-serif !important; */
    font-size: 72% !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: #2B2B2B !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.ser_img img:hover {
    transform: rotate(4deg);
    transition: 0.4s all ease;
}

.rg-no p {
    font-family: "Khand", Sans-serif;
    font-size: 75%;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-color);
}



.rg-no {
    display: flex;
    justify-content: center;
    align-items: center;
}

.head {
    height: 100px;
}


#primary li {
    position: relative;
}

#primary li a {
    position: relative;
    z-index: 1;
    -webkit-background-clip: text;
    font-size: 12pt;
    font-weight: 400;
    text-transform: uppercase;
}

#primary li a:before {
    content: "";
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 0;
    bottom: -3px;
    z-index: 0;
    position: absolute;
    background: var(--ascolor);
    transition: all 0.3s ease-in-out;
}

#primary li a:hover {
    background-position: 0%;
}

#primary li a:hover:before {
    width: 100%;
}

.hrader_btn {
    border: 1px solid #e4be44;
    text-decoration: none;
    padding: 12px 34px;
    color: #e4be44;
    border-radius: 3px;
    font-size: 15px;
}

.hrader_btn:hover {
    background-color: var(--ascolor);
    transition: 0.4s all ease;
    color: #fff;
}

.caro img {
    height: 630px;
    object-fit: cover;
    object-position: top;
    position: relative;
}

.fix {
    position: absolute;
    right: 15%;
    bottom: 6.25rem;
    left: 7%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
}

.fix h5 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
}

.head {
    height: 82px;
}

.fix h2 {
    color: var(--ascolor);
    font-size: 34pt;
    font-weight: 700;
    padding: 5px 0;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.fix p {
    color: #2B2B2B;
    width: 60%;
    margin: 14px 0;
    font-size: 13pt;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.fade-in-text {
    opacity: 0;
    /* Start with text hidden */
    animation: fadeIn 1s ease-in forwards;
    /* Fade in animation */
}

@keyframes fadeIn {
    from {
        opacity: 0;
        /* Start invisible */
    }

    to {
        opacity: 1;
        /* End fully visible */
    }
}

.carousel-control-next,
.carousel-control-prev {
    width: 4%;

}

.lin {
    width: 0;
    /* Start at 0% width */
    background: var(--ascolor);
    height: 4px;
    border-radius: 3px;
    animation: lineForm 2s linear forwards;
    /* Speed up the animation to 2 seconds */
}

/* Keyframes for the line forming animation */
@keyframes lineForm {
    0% {
        width: 0;
        /* Start with 0 width */
    }

    100% {
        width: 30%;
        /* Expand to 100% width */
    }
}




.carousel-indicators [data-bs-target] {
    width: 8px;
    height: 7px;
    background-color: #ca9906;
    border-radius: 10%;
}

.yel {
    background-color: var(--bg);
    padding: 100px 0 46px 0;
    position: relative;
}

.explore_wrp h4 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
}

.explore_wrp h5 {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
}

.explore_wrp p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.lp {
    /* width: 5%; */
    /* background-color: var(--black); */
    /* height: 2px; */
    display: inline-block;
    margin-right: 15px;
}

.lp img {
    width: 30px;
}

.explore_wrp ul {
    margin-top: 23px;
    padding-left: 0;
}

.explore_wrp h6 {
    font-weight: 500;
    color: #000;
    margin-top: 20px;
    font-family: myFirstFont;
    font-size: 21pt;
    color: #2B2B2B;
}

.explore_wrp ul li {
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 13pt;
    line-height: 18pt;
    margin-bottom: 8px;
    text-transform: none;
    font-family: var(--font);
    font-weight: 400;
}

.book_appointment {
    padding: 11px 20px;
    /* border: 1px solid #000; */
    /* color: #000; */
    font-family: var(--font);
    border-radius: 3px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    background-color: var(--ascolor);
    color: #fff;
    text-transform: uppercase;
    transition: 0.4s all ease;
    border: 1px solid var(--ascolor);

}

.book_appointment:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    background: transparent;


}

/* .book_appointment:hover {
border: 1px solid #daa700;
    color: var(--ascolor);
    transition: 0.4s all ease;
    color: #fff;
    border: none;
} */

.bst {
    padding: 100px 0;
    background-color: var(--matcolor);
    position: relative;
}

.ser_overlay {
    position: absolute;
    left: 0;
    right: 0;
    background: url(../images/pattrnF.webp);
    background-size: 58%;
    background-position: center;
    z-index: 10;
    top: 0;
    bottom: 0;
    opacity: 0.2;
}

.sk_learnmore:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    background: transparent;
    transition: 0.4s all ease;
}

.set {
    position: relative;
    z-index: 20;
    width: 63%;
}

.set h6 {
    color: #fff;
    text-transform: none;
    font-family: var(--font);
    font-family: myFirstFont;
    font-size: 21pt;
}

.set h2 {
    color: var(--ascolor);
    /* font-size: 40px; */
    text-transform: uppercase;
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
}

.set p {
    color: #fff;
    font-family: var(--font);
    text-transform: none;
    font-weight: 400;
    margin-top: 15px;
    font-size: 13pt;
}

.ser_img {
    position: relative;
    z-index: 30;
}

.ser_img img {
    width: 100%;
    /* height: 100%; */
    height: 389px;
    object-fit: cover;
    margin-top: 25px;
    border-radius: 5px;
}

.text h3 {
    color: #919191;
    font-family: var(--font);
    font-size: 45px;
}

.text h6 {
    color: #fff;
    font-family: var(--font);
    margin-left: 117px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

.text {
    position: relative;
    z-index: 30;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 25px;
}

/* .heght {
    height: 100% !important;
    min-height: 332px !important;
} */

.counter_par {
    background: url(../images/image.jpg) center no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-attachment: fixed;
}

.spec h2 {
    color: var(--ascolor);
    text-transform: uppercase;
    font-size: 34pt;
    font-weight: 600;
    text-align: right;
    margin-bottom: 10px;
    font-family: var(--font);
}

.navbar-toggler {
    border: 2px solid #000;
}

.navbar-toggler i {
    color: #000;
}

.spec p {
    text-align: right;
    font-size: 13pt;
    color: #2B2B2B;
    text-transform: none;
    font-family: var(--font);
    font-weight: 400;
}

.explore_wrp {
    position: relative;
    z-index: 60;
}

.explore_wrp .rty {
    width: 82%;
    object-fit: cover;
    display: block;
    margin: auto;
    position: relative;
    z-index: 50;
    padding: 41px;
    background: #efd97b;
    border-radius: 50%;
}

.spec {
    width: 40%;
    margin-left: auto;
}

.count_wrp {
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-top: 15px;
}

.counter_num img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

/* .nd {
    position: relative;
    width: 100%;
    height: 100%;
} */

.count_wrp {
    text-align: center;
}

.counts {
    font-weight: 500;
    font-family: var(--font);
    color: var(--ascolor);
    padding: 16px 0 0px 0;
    font-size: 35px;
}

.count_wrp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 20px;
    margin-top: 35px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.borders {
    border-right: 3px dashed #ca9906;
}

.plus {
    font-weight: 700;
    color: var(--ascolor);
    font-size: 45px;
    margin-left: 5px;
    margin-top: 20px;
}

.pq {
    display: flex;
    justify-content: center;
    align-items: center;


}

.elenb svg {
    width: 60%;
    height: 60%;
    margin: auto;
    display: block;
}

.elenb svg:hover {
    fill: #fff;
}

.counter_num h6 {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font);
    color: var(--matcolor);
    text-transform: uppercase;
}

/* ------------ */

.comparison-slider-wrapper {
    position: relative;
    width: 100%;
    /* margin: 20px 0; */
    background-color: white;
}

.comparison-slider {
    position: relative;
    width: 100%;
    margin: 0;
    /* border: 5px white solid; */
    box-sizing: border-box;
}

.comparison-slider>img {
    width: 100%;
    height: auto;
    display: block;
}

.comparison-slider .overlay {
    display: none;
    position: absolute;
    width: 250px;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;
    box-sizing: border-box;
    color: #DDD;
    text-align: right;
}

@media (min-width: 768px) {
    .comparison-slider .overlay {
        display: block;
    }
}

.comparison-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.comparison-slider .resize>img {
    display: block;
}

.comparison-slider .resize .overlay {
    right: auto;
    left: 20px;
    text-align: left;
}

.comparison-slider .divider {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    cursor: ew-resize;
}

.lb {
    width: 1920px;
    height: 1280px;
    object-fit: cover;
}

/* .comparison-slider .divider:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: -9px;
    top: 50%;
    margin-top: -10px;
    background-color: white;
    transform: rotate(45deg);
    transition: all 0.1s ease-in-out;
} */

.comparison-slider .divider::before {
    content: "DRAG";
    position: absolute;
    width: 60px;
    height: 60px;
    left: -30px;
    top: 50%;
    margin-top: -10px;
    background-color: white;
    /* transform: rotate(45deg); */
    transition: all 0.1s ease-in-out;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.comparison-slider .divider::after {
    content: "DRAG";
    position: absolute;
    width: 60px;
    height: 60px;
    left: -30px;
    top: 50%;
    margin-top: -10px;
    background-color: white;
    /* transform: rotate(45deg); */
    transition: all 0.1s ease-in-out;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 18px;
    color: #000000;
    font-weight: 600;
}

/* .comparison-slider .divider:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: -5px;
    top: 50%;
    margin-top: -6px;
    background-color: white;
    transform: rotate(45deg);
    transition: all 0.1s ease-in-out;
} */


.comparison-slider .divider.draggable:before {
    width: 30px;
    height: 30px;
    left: -14px;
    margin-top: -15px;
}

.comparison-slider .divider.draggable:after {
    width: 20px;
    height: 20px;
    left: -9px;
    margin-top: -10px;
    background-color: #555;
}

.comparison-slider .caption {
    position: relative;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-style: italic;
}

.suppoprt-me {
    display: inline-block;
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 20vw;
    max-width: 250px;
    min-width: 200px;
    z-index: 9;
}

.suppoprt-me img {
    width: 100%;
    height: auto;
}

.img-compaire {
    overflow-x: hidden;
}



.working {
    padding: 105px 0;
}

.work_wrapper h6 {
    font-weight: 500;
    text-transform: none;
    /* color: #dbab0e; */
    padding-bottom: 16px;
    /* font-family: var(--font); */
    font-size: 21pt;
    font-family: myFirstFont;
    color: var(--ascolor);
}

.work_wrapper h2 {
    font-family: var(--font);
    font-size: 45px;
    font-weight: 600;
    font-size: 34pt;
    color: var(--matcolor);
    padding-bottom: 10px;
    line-height: 60px;
    text-transform: capitalize;
}

.lines {
    width: 40%;
    height: 1px;
    background-color: #5555554a;
    margin: 0 24px;
}

.works_days {
    display: flex;
    align-items: center;
    margin-top: 25px;
}



.calendar {
    height: 100%;
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 30px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.light .calendar {
    box-shadow: var(--shadow);
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
    color: var(--color-txt);
    padding: 10px;
}

.calendar-body {
    padding: 10px;
}

.calendar-week-day {
    height: 50px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    font-weight: 600;
}

.calendar-week-day div {
    display: grid;
    place-items: center;
    color: #000;
    font-weight: 600;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    color: var(--color-txt);
}

.calendar-days div {
    width: 50px !important;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative;
    cursor: pointer;
    /* animation: to-top 1s forwards; */
    animation: lineForm 0.5s linear forwards;
}

.calendar-days div:hover {
    background-color: #b58803;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.dark .calendar-days div:hover {
    background-color: var(--dark-hover);
}

.calendar-days div span {
    position: absolute;
}

.calendar-days div.curr-date span {
    display: none;
}

.month-picker {
    padding: 5px 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #dfb21f;
}

.month-picker:hover {
    background-color: var(--color-hover);
}

.year-picker {
    display: flex;
    align-items: center;
}

.year-change {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 10px;
    cursor: pointer;
}

.year-change:hover {
    background-color: var(--color-hover);
}

.calendar-footer {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.toggle {
    display: flex;
}

.toggle span {
    margin-right: 10px;
    color: var(--color-txt);
}

.dark-mode-switch {
    position: relative;
    width: 48px;
    height: 25px;
    border-radius: 14px;
    background-color: var(--bg-second);
    cursor: pointer;
}

.dark-mode-switch-ident {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--bg-main);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left 0.2s ease-in-out;
}

.dark .dark-mode-switch .dark-mode-switch-ident {
    top: 2px;
    left: calc(2px + 50%);
}

.month-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--bg-main);
    padding: 20px;
    grid-template-columns: repeat(3, auto);
    gap: 5px;
    display: grid;
    transform: scale(1.5);
    visibility: hidden;
    pointer-events: none;
}

.month-list.show {
    transform: scale(1);
    visibility: visible;
    pointer-events: visible;
    transition: all 0.2s ease-in-out;
    background: #e8e8e8;
}

.month-list>div {
    display: grid;
    place-items: center;
}

.month-list>div>div {
    width: 100%;
    padding: 5px 20px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    color: var(--color-txt);
}

.month-list>div>div:hover {
    background-color: var(--color-hover);
}

@keyframes to-top {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.curr-date {

    font-weight: bold;
    background: var(--ascolor);
    color: #fff;
    border-radius: 3px;
}

/* back to top  */




.swe img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.swe {
    position: relative;
}

/* .swe_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: #ddddddd1;
} */

.test_content {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    position: absolute;
    z-index: 25;
    top: 23%;
    left: 20%;
}

.test_content h2 {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-family: var(--font);
    font-size: 34pt;
    color: #2B2B2B;
}

.test_content p {
    font-size: 17pt;
    font-family: var(--font);
    line-height: 28px;
    margin-bottom: 25px;
    font-weight: 400;
    color: #2B2B2B;
}



/* .swiper-button-next,
.swiper-button-prev {
    color: var(--ascolor);
 
    font-size: 24px;

}


.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #0d00ff;
    
} */

.clints-slider {
    padding: 60px 0;
    background: var(--bg);
}

.doctor_name_box {
    background-color: var(--matcolor);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 15px;
    text-align: center;
    width: 80%;
    margin: 47px auto 0 auto;
}

.doctor_name_box h5 {
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
}

.doctor_name_box p {
    padding: 0 !important;
    color: #fff;
    margin-bottom: 0;
    text-transform: capitalize !important;
}

.contactus {
    display: inline-block;
    border: 1px solid var(--ascolor);
    font-size: 15pt;
    padding: 16px 57px;
    color: var(--ascolor);
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-weight: 500;
    margin-top: 25px;
    font-family: var(--font);
}

.colorp {
    background: var(--ascolor);
    border: none;
    color: #fff !important;
}

/*.e_hover{*/
/*    transition: background 0.5s ease, color 0.5s ease;*/
/*}*/
.e_hover:hover {
    background: var(--ascolor);
    /* color: #2b2b2b; */
    color: #fff !important;
    transition: 0.4s all ease;
}

.gride_fr {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background: #fff;
    padding: 35px;
    border: 1px solid #00000012;
    border-radius: 0;
    text-align: center;
    gap: 9px;
}

.gride_fr input::placeholder {
    text-transform: uppercase;
    color: #2B2B2B;
    font-family: var(--font);


}

.form_book_now {
    background-color: var(--ascolor);
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: inline-block;
    /* margin: 0 15px; */
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
    font-family: var(--font);
    padding: 11px 20px;
     border: 1px solid var(--ascolor) !important;
}

.gride_fr input {
    padding: 11px 10px;
    background-color: #e1e1e16e;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-size: 15px;
    border-radius: 0;
    border: none;
}

.tab-content h3 {
    font-size: 34pt;
    font-weight: 600;
    margin-bottom: 5px;
    color: #2B2B2B;
    text-align: center;
    text-align: center;
    text-transform: capitalize;
    padding: 30px 0 25px 0;
}

#options {
    background-color: #f2f2f2;
    border-radius: 0;
    border-radius: 0;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
    font-family: var(--font);
        padding: 11px 10px;
    /*font-weight: 600;*/
}
.caro_form_wrapper textarea::placeholder{
    font-size: 14px !important;
    margin-top: 1rem;
    color: #212529;
}
.caro_form_wrapper textarea.form-control
 {
    padding-top: 15px;
}

#options option {
    font-size: 13pt;
    text-transform: uppercase;
    font-family: var(--font);
}

.form_book_now:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    transition: 0.4s all ease;
    background: transparent;
}

.caro_from {
    position: absolute;
    /* top: 0; */
    z-index: 30;
    left: 5%;
    bottom: -50px;
    width: 90%;
    /* right: -10%; */
}

.ersd {
    position: relative;
}

.horline {
    width: 2px;
    height: 80px;
    background-color: #2B2B2B;
    margin-left: 48px;
}

.social_link ul li a i {
    color: #2B2B2B;
    font-size: 18px;
    /* background-color: #2B2B2B; */
}

.social_link {
    position: absolute;
    bottom: 154px;
    z-index: 10;
}

.yel_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background: url(..//images/fff.png) no-repeat;
    background-size: 108%;
    background-position: left right;
}

.sdfcz {
    position: relative;
    z-index: 30;
    margin-top: 46px;
}

.test_content h4 {
    font-size: 20px;
    font-weight: 600;

    color: #2B2B2B;
}


.swiper-pagination-bullet {
    width: 36px;
    height: 5px;
    border-radius: 0;
    background: #000;
}

.erds {
    margin-top: 8%;
    position: relative;
}

.changes {
    width: 100%;
    overflow-x: hidden;
}

.erds h5 {
    color: var(--matcolor);
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 21pt;
    font-family: myFirstFont;
    text-transform: capitalize;
}

.erds h2 {
    font-size: 34pt;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--ascolor);
    font-family: var(--font);
}

.erds p {
    text-transform: none;
    font-size: 13pt;
    margin: 25px 0;
    color: #2B2B2B;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.ques {
    width: 60%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.ques h4 {
    font-weight: 600;
    color: #2B2B2B;
    margin-right: 25px;
    font-size: 18px;
}

.ques a {
    font-weight: 600;
    color: var(--ascolor);
    text-transform: uppercase;
    font-size: 18px;
}

.sk_learnmore {
    /* border: 1px solid #000; */
    /*color: #fff;*/
    /*font-weight: 500;*/
    /*font-size: 12pt;*/
    /*display: inline-block;*/
    /*margin-top: 25px;*/
    /*text-decoration: none;*/
    /*padding: 8px 50px;*/
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*-ms-border-radius: 5px;*/
    /*-o-border-radius: 5px;*/
    /*text-transform: uppercase;*/
    /*font-size: var(--font);*/
    /*background-color: var(--ascolor);*/
    padding: 11px 20px;
    /*border: 1px solid #000;*/
    color: #000;
    font-family: var(--font);
    border-radius: 3px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    background-color: var(--ascolor);
    color: #fff;
    text-transform: uppercase;
}


.sq_pattern {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/fff.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 121%;
    z-index: 10;
}

.efg {
    position: relative;
}

.change_wrp {
    position: relative;
}

/* .ro1 {
    width: 50%;
    position: absolute;
    bottom: -1px;
    border: none;
   
    background: #ffffff6e;
    padding: 0px 22px;
    right: 50%;
    height: 145px;
} */

.ro1 {
    background: #ffffff6e;
    border: none;
    width: 50%;
    position: absolute;
    left: 25%;
    top: 87%;
    transform: translate(-50%, -50%);
}

.nav-tabs .nav-link {
    border: none !important;
}

#nav-tabContent {
    position: relative;
    width: 100%;
}

#nav-home-tab {
    border: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: none;
}

.icone svg {
    width: 35px;
    height: 100%;
}

.esd:hover .icone svg {
    fill: #fff;
    filter: grayscale(100%) !important;

}

.esd:hover,
icone h6 {
    background-color: #daa700 !important;

}

.esd {
    padding: 0 !important;
    border-radius: 50%;
    background: #fff !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 0 auto;
}


.icone h6 {
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    font-weight: 600;
}

.change_wrp img {
    height: 515px;
    object-fit: cover;
    max-height: 600px;
    width: 100%;
}

.nav-tabs .nav-link.active {
    background-color: #007bff;
    /* Change to your preferred active color */
    color: white;
    /* Active text color */
}

.clicked {
    /* background-color: #28a745; */
    /* Change to your preferred clicked color */
    color: white;
    /* Change clicked button text color */
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #d6a404 !important;
    width: 100%;
    height: 151px;
    margin: 0 auto;
}

.ro1 .owl-nav .owl-prev {
    position: absolute;
    left: 3%;
    top: 44%;
    transform: translate(-50%, -50%);
}

.ro1 .owl-nav .owl-next {
    position: absolute;
    left: 95%;
    top: 44%;
    transform: translate(-50%, -50%);
}

.ro2 .owl-nav .owl-prev {
    position: absolute;
    left: 3%;
    top: 44%;
    transform: translate(-50%, -50%);
}

.ro2 .owl-nav .owl-next {
    position: absolute;
    left: 95%;
    top: 44%;
    transform: translate(-50%, -50%);
}

.gfd {
    font-size: 12px;
    margin-top: 13px;
    font-weight: 600;
    color: #2B2B2B;
    text-transform: uppercase;
}


.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: none !important;
}

.owl-carouseldfff .item img {
    height: 100px;
    /* Set the desired height */
    object-fit: contain;
    /* Ensures the aspect ratio is maintained */
}

/* .ro2 {
    width: 50%;
    position: absolute;
    bottom: 0px;
    border: none;
    height: 145px;
    background: #ffffff6e;
    padding: 0px 22px;
    left: 50%;
} */
.ro2 {
    position: absolute;
    right: -25%;
    top: 55%;
    transform: translate(-50%, 50%);
    width: 50%;
    background: #ffffff6e;
    border: none;
}

.ques {
    display: none;
}

.leftip {
    margin-left: 90px;
    position: relative;
    z-index: 15;
    margin-right: 45px;
}

.efga {
    margin-left: 45px;
    position: relative;
    z-index: 15;
    margin-right: 90px;
}

.color2 {
    background-color: var(--bg);

}

/* .merunod {
    color: var(--matcolor) !important;
} */

.merunod1 {
    color: #fff;
}

.cl_footer {
    background-color: var(--matcolor);
    position: relative;
    padding: 60px 0 4px 0;
    position: relative;
}

.cl_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/pattrnF.webp) center no-repeat;
    background-size: 100%;
    background-color: #00000067;
    z-index: 5;
    opacity: 0.1;
}

.fl-logo {
    width: 104px;
    height: auto;
    object-fit: cover;
    position: relative;
    z-index: 10;
    background-color: #fff;
    border-radius: 2px;
    padding: 7px;
}

.cl_wrap {
    position: relative;
    z-index: 10;
}

.cl_wrap p {
    padding-top: 15px;
    color: #fff;
    font-size: 12pt;
    font-family: var(--font);
    font-weight: 300;
}

.cl_wrap h6 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    width: 25%;
}


.height {
    height: 395px;
    background-color: #ffffff75;
    width: 1px;
    position: relative;
    z-index: 60;
    position: absolute;
    left: 50%;
    bottom: 0px;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}

/* .sdf .owl-prev {
    position: absolute;
    top: 33%;
    left: -14px;
}

.sdf .owl-next {
    position: absolute;
    top: 33%;
    right: -12px;
} */

.la {
    color: #000;
}



/* .content{
    height: 1000px;
      font-family: 'Questrial';
      line-height: 1.5;
      letter-spacing: 3px;
      font-size: 20px;
      text-decoration: underline;
      text-align: center;
      margin-top: 30px;
  } */
/* .go-top {
    position: fixed;
    bottom: 20%;
    right: 3%;
    padding: 20px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    z-index: 999;
}

.go-top:after {
    font-family: FontAwesome;
    content: "\f106";
    background-color: #E5E8F0;
    padding: 10px 15px;
    color: #6a6e7c;
    position: absolute;
    bottom: 10px;
    font-size: 28px;
}

.go-top-text {
    position: absolute;
    width: 60px;
    text-align: center;
    font-family: 'Questrial';
    line-height: 1.5;
    letter-spacing: 3px;
    font-size: 12px;
    margin: 20px 0 0 -4px;
}

.go-top:hover {
    transition: all .4s linear;
    transform: scale(1.1);
} */

.pilo {
    margin-left: 65px;
}

.details_wrap {
    display: flex;
    align-items: baseline;
    justify-content: left;
}

.ddk {
    margin-left: 15px;
}

.ddk h4 {
    font-weight: 600;
    color: #fff;
    /* font-size: 25px; */
    text-transform: uppercase;
    font-size: 15px;
}

.details_wrap {
    margin-top: 25px;
}

.details_wrap i {
    color: #fff;
}

.ddk li a {
    color: #fff;
    text-decoration: none;
    color: #fff;
    font-size: 14pt;
    line-height: 18px;
    font-family: var(--font);
    font-weight: 300;
}

.quicklinks h6 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    width: 25%;
    margin-top: 25px;
}

.quicklinks ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;

}

.quicklinks ul {
    padding-left: 0;
}

/* .ro2 .owl-carousel .item {
    display: flex;
    align-items: center;
    justify-content: center;
} */

.fil0 {
    fill: black !important;
}

.hover-fill:hover .fil0 {
    fill: white !important;
}

.qa:hover {
    fill: #fff;
}


.esdp {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin-left: 6%;
}

/* .round {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: var(--ascolor);
	position: absolute;
	left: 83%;
	top: 71%;
} */

.round {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--light);
    /* Ensure --ascolor is defined in your CSS variables */
    position: absolute;
    left: 83%;
    top: 71%;
    animation: shake 2s ease-in-out infinite;
}

@keyframes shake {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.round2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--light);
    position: absolute;
    left: 65%;
    top: 0%;
    animation: shake 2s ease-in-out infinite;
}

@keyframes shake {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.round3 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--light);
    position: absolute;
    left: 19%;
    top: 68%;
    animation: shake 2s ease-in-out infinite;
}

@keyframes shake {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.enquery {
    padding: 0;
    position: relative;
}

.card-body .en_wrapper {
    padding: 25px;
}

.en_wrapper form input {
    padding: 6px 19px;
    margin-bottom: 20px;
    border-bottom: 1px solid #9a9a9a84 !important;
    border-radius: 0 !important;
    font-family: var(--font);
}

#wsd {

    border-bottom: 1px solid #9a9a9a84 !important;

}

.en_wrapper form input::placeholder {
    text-transform: uppercase;
    font-size: 13pt;
}

.en_wrapper form textarea::placeholder {
    text-transform: uppercase;
    font-size: 13pt;
}

.en_wrapper h3 {
    font-size: 34pt;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--ascolor);
    font-family: var(--font);
    margin-bottom: 5px;
    line-height: 38pt;
}

.en_wrapper {
    position: relative;
    z-index: 23;
}

.submit_now {
    width: 100%;
    background-color: var(--ascolor);
    display: inline-block;
    padding: 9px 22px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin-top: 35px;
    transition: 0.4s all ease;
    border: 1px solid var(--ascolor);
    font-size: 13pt;
}

.en_wrapper p {
    margin-bottom: 5px;
    font-family: var(--font);
    color: var(--matcolor);
    margin-bottom: 10px;
    font-size: 13pt;
    line-height: 18pt;
    margin-bottom: 29px;
}
.para{
    font-family: var(--font);
    color: var(--matcolor);
    margin-bottom: 10px;
    font-size: 13pt;
    line-height: 18pt;
}
.arj{
    font-family: var(--font);
    font-size: 22pt;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 12px;
}

.submit_now:hover {
    border: 1px solid var(--ascolor);
    background: transparent;
    color: var(--ascolor);

}



.treatment_icon svg {
    width: 100%;
    height: auto;
    fill: #fff;
}

.top_treatment {
    background-color: var(--ascolor);
    width: 100px;
    height: 100px;
    padding: 25px;
    border-radius: 50%;
    display: block;
    margin: auto;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.e_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffffa2;
    z-index: 5;

}

.card {
    box-shadow: rgba(100, 100, 111, 0.153) 0px 7px 29px 0px;
}

.text h6 {
    position: relative;
    text-transform: uppercase;
}


.text h6::before {
    content: "";
    width: 0;
    height: 2px;
    bottom: 5px;
    left: 0;
    bottom: -3px;
    z-index: 0;
    position: absolute;
    background: var(--ascolor);
    transition: all 0.3s ease-in-out;
}

.form-control {
    border: none !important;

}

.elenb:hover {
    background-color: var(--ascolor);
    transition: 0.4s all ease;
}

.elenb {
    width: 70px;
    height: 70px;
    /* background: var(--ascolor); */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
    border: 1px solid var(--ascolor);
}

.elenb svg {
    fill: var(--matcolor);
}

.spec h6 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
    text-align: right;
}

.comparison-slider-wrapper {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

.testimonials {
    padding: 30px 0;
}

.testi {
    padding: 60px 0;
}

/* .elem {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 13px 6px rgb(197 197 197/20%);
	border-radius: 10px;
	padding: 24px 15px 24px 24px;
	height: 100%;

} */

.elem h4 {
    font-size: 13pt;
    font-family: var(--font);
    color: var(--matcolor);

}

.elem p {
    font-family: var(--font);
    padding: 12pt;
    color: var(--matcolor);
}

.testi {
    text-align: center;
}

.testi h6 {
    color: var(--matcolor);
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 21pt;
    font-family: myFirstFont;
    text-transform: capitalize;

    padding-bottom: 5px;
}
.sk-in{
    color: var(--matcolor);
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 16pt;
    text-transform: capitalize;
}

.testi h2 {
    font-size: 34pt;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--ascolor);
    margin-bottom: 25px;
    font-family: var(--font);
}

.ers .owl-prev {
    position: absolute;
    top: 33%;
    left: -94px !important;
    color: var(--ascolor) !important;

}

.ers .owl-next {
    position: absolute;
    top: 33%;
    right: -94px !important;
    color: var(--ascolor) !important;


}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}


.g_button {
    padding: 7px 22px;
    border-radius: 5px;
    border: 1px solid #808080;
    display: inline-block;
    text-decoration: none;
    color: var(--matcolor);
    font-size: 10pt;
    margin-top: 25px;
    text-transform: uppercase;
    font-family: var(--font);
}

.g_button:hover {
    background-color: var(--ascolor);
    color: #fff;
    transition: 0.4s;
    border: 1px solid #00000000;
}

.ab_tree_wrap {
    position: relative;
    z-index: 150;
}

.why_expert {
    position: relative;
    z-index: 150;
}

.ab_tree {
    padding: 60px 45px;
    background-color: var(--bg);
    position: relative;
}

.ab_tree_wrap h6 {
    color: var(--matcolor);
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 21pt;
    font-family: myFirstFont;
    text-transform: capitalize;
}

.ab_tree_wrap h2 {
    font-size: 34pt;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--ascolor);
    font-family: var(--font);
    margin-bottom: 5px;
    line-height: 32pt;
}

.ab_tree_wrap p {
    font-family: var(--font);
    color: var(--matcolor);
    font-size: 13pt;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--ascolor);
    width: 39px;
}

/* .b_icone img {
    width: 15%;
} */

/* .b_icone img {
    width: 19%;
    background: var(--ascolor);
    border-radius: 50%;
    padding: 10px;
} */

.why_expert {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 16px 0 8px 0;
    /* border: 1px solid #0000001a;
	padding: 5px;
	border-radius: 8px; */
}

.b_icone {
    width: 70px;
    height: 70px;
    background: var(--ascolor);
    padding: 12px;
    border-radius: 50%;
    /* margin-right: 25px; */
}

.why_expert h6 {
    font-size: 13pt;
    font-family: var(--font);
    font-weight: 400;
    padding-left: 20px;
}

.ubl {
    text-decoration: none;
    position: relative;
}

.ubl h6:hover {
    color: var(--ascolor);
    transition: 0.4s;
}

.enquery {
    padding: 60px 45px;
    background: url(../images/shutterstock_2435021227-min-1.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.timetable {
    width: 70%;
    margin: 0 auto;
    background: #fff;
    padding: 29px 24px 1px 24px;
    border-radius: 5px;
    margin: 0;
    box-shadow: rgba(100, 100, 111, 0.153) 0px 7px 29px 0px;
}

.table {
    display: flex;
    justify-content: space-between;
    background: #80808017;
    padding: 5px;
    border-radius: 3px;
}

.table li {
    font-size: 13pt;
    color: var(--matcolor);
}

.iuc {
    color: var(--ascolor) !important;

}

.iuc span {
    color: var(--matcolor);
}

.b_icone img {
    width: 45px;
    height: 45px;
}


.esx .owl-prev {
    position: absolute;
    top: 33%;
    left: -70px;
}

.esx .owl-prev i {
    color: #fff;
}

.esx .owl-next i {
    color: #fff;
    /* padding: 10px; */
    background: var(--ascolor);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.esx .owl-prev i {
    color: #000000;
    /* padding: 10px; */
    background: var(--ascolor);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000000;

}

.sdf i {
    color: #000000;
    /* padding: 10px; */
    background: var(--ascolor);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000000;
}



.esx .owl-next {
    position: absolute;
    top: 33%;
    right: -70px;
    overflow-x: hidden;
}

.xzx {
    position: relative;
    z-index: 50;
}

.user1 {
    width: 90px !important;
    height: 90px !important;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 15px auto;
}

.er .owl-next {
    position: absolute;
    left: 95%;
    top: 40%;
}

.er .owl-prev {
    position: absolute;
    right: 95%;
    top: 40%;
}

.er i {
    color: var(--ascolor);
}




/* contact page  */

.inner_banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 180px 0;
}

.iner_wrapper h6 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
}

.iner_wrapper h2 {
    color: var(--ascolor);
    font-size: 34pt;
    font-weight: 700;
    padding: 5px 0;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.inner_wrapper p {
    color: rgb(43, 43, 43);
    width: 60%;
    margin: 14px 0px;
    font-size: 14pt;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.contact_us {
    padding: 60px 0 111px 0;
}

.ert h2 {
    font-family: var(--font);
    color: #111;
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.ert p {
    color: #2B2B2B;
    width: 100%;
    margin: 10px 0;
    font-size: 13pt;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
    text-align: center;
}

.ersx input {
    padding: 12px 22px;
    margin-bottom: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ersx textarea {
    padding: 12px 22px;
    margin-bottom: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}



.ans {
    padding: 11px 20px;
    color: var(--matcolor);
    font-family: var(--font);
    border-radius: 3px;
    text-decoration: none;
    /* margin-top: 20px; */
    display: inline-block;
    font-size: 18px;
    background-color: var(--ascolor);
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21%;
    border: none;
}

.ans:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    background: transparent;
    transition: 0.4s all ease;
}

.book_appointment1 {
    padding: 60px 0;
    position: relative;
    background-color: #f4f4f4;
}

.book_overlayz {
    width: 37%;
    height: 100%;
    background-color: var(--ascolor);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.book_ {
    position: relative;
    z-index: 3;
}


.book_ h3 {
    font-family: var(--font);
    color: var(--matcolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.book_ p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}


.erh p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.ans1 {
    padding: 11px 20px;
    color: var(--matcolor);
    font-family: var(--font);
    border-radius: 3px;
    text-decoration: none;
    /* margin-top: 20px; */
    display: inline-block;
    font-size: 18px;
    background-color: var(--ascolor);
    color: #fff;
    text-transform: uppercase;
    align-items: left;
    width: 31%;
    margin-top: 25px;
}

.ans1:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    background: transparent;
    transition: 0.4s all ease;
}

.e2 {
    color: var(--matcolor);
}

.vision {
    padding: 60px 0 0 0;
}

.vision h1 {
    color: var(--matcolor);
    font-size: 34pt;
    font-weight: 700;
    padding: 5px 0;
    line-height: 55px;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
}

.real {
    color: var(--ascolor);
}

.vision p {
    color: #2B2B2B;
    width: 100%;
    margin: 10px 0;
    font-size: 13pt;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.unbcx {
    color: var(--ascolor);
}

.mission {
    padding: 60px 0;
}

.rtaas h6 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
}

.rtaas h2 {
    font-family: var(--font);
    color: var(--matcolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
}

.rtaas p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.mission_warw ul {
    padding: 0;
}

.mission_warw ul li i {
    background: var(--ascolor);
    padding: 5px;
    border-radius: 50%;
    margin-right: 5px;
    color: #fff;
}

.mission_warw ul li {
    margin-bottom: 15px;
}


.exp_icon {
    width: 20%;
    /* border: 1px solid #000; */
    padding: 5px;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.47) 0px 7px 29px 0px;
}

.exp {
    display: flex;
    justify-content: left;
    align-items: center;
}

.exp_head {
    text-align: center;
}

.exp_head h2 {
    font-family: var(--font);
    font-size: 19pt;
    text-align: left;
}

.exp_head {
    margin-left: 15px;
}

.vison {
    padding: 60px 0;
}



.learnmore {
    padding: 11px 20px;
    color: #000;
    font-family: var(--font);
    border-radius: 3px;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
    font-size: 18px;
    background-color: var(--ascolor);
    color: #fff;
    text-transform: uppercase;
    margin-right: 15px;
    border: 1px solid #00000000;

}

.learnmore:hover {
    border: 1px solid var(--ascolor);
    color: var(--ascolor);
    background: transparent;
    transition: 0.4s all ease;
}

.cllaing i {
    color: var(--ascolor);
    margin: 0 5px;
}

.cllaing {
    color: var(--matcolor);
    font-weight: 600;
    text-decoration: none;
}

.vison_wrap h6 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
}

.vison_wrap h2 {
    font-family: var(--font);
    color: var(--matcolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
}

.vison_wrap p {
    text-transform: none;
    font-size: 13pt;
    margin: 25px 0;
    color: #2B2B2B;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.vison_wrap {
    position: relative;
}

.count_box {
    background-color: #daa700d1;
    width: 91%;
    height: 143px;
    margin: 0 auto;
    position: absolute;
    left: 5%;
    top: 210px;
}

.count_rev {
    margin-left: 80px;
    padding-top: 35px;
}

.count_rev h2 {
    color: #fff;
    margin-bottom: 0;
}

.count_rev p {
    margin: 0 !important;
    color: #fff;
    font-family: var(--font);
}

.xcddd {
    color: var(--ascolor);
}

.countss {
    background-color: var(--ascolor) !important;
    padding: 60px 0;
}


/* back to top  */

#button {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50%;
    text-decoration: none;
}

#button::after {
    content: "\f062";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

/* Styles for the content section */

.content {
    width: 77%;
    margin: 50px auto;
    font-family: 'Merriweather', serif;
    font-size: 17px;
    color: #6c767a;
    line-height: 1.9;
}

@media (min-width: 500px) {
    .content {
        width: 43%;
    }

    #button {
        margin: 30px;
    }
}

.content h1 {
    margin-bottom: -10px;
    color: #03a9f4;
    line-height: 1.5;
}

.content h3 {
    font-style: italic;
    color: #96a2a7;
}

.erxx {
    width: 17%;
    text-align: center;
    margin: 0 auto 15px auto;
    border-radius: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 11px 19px;
    font-family: var(--font);
}

.erxx i {
    color: #28a745;
    padding-right: 5px;
}

.ers iframe {
    width: 100%;
}





/* service  */

.service_banner h1 {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
}

.service_banner {
    padding: 150px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.yela {
    color: var(--matcolor);
}


.our_Service {
    padding: 60px 0;
    /* margin: 0 25px; */
}

.colg {
    background-color: #f7efcb;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 40px;
}

.colg h3 {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
    text-transform: capitalize;
}

.colg ul {
    padding: 0;
}

.colg ul li a {
	color: var(--matcolor);
	font-weight: 400;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 13pt;
}

.colg ul li {
    padding: 11px 0;
    border-bottom: 1px solid #0000002d;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.colg ul li a:hover {
    color: var(--black);
}

.colg ul li i {
    transition: 0.10s;
    -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
    -ms-transition: 0.10s;
    -o-transition: 0.10s;
}

.colg ul li i {
    rotate: -45deg;
}

.colg ul li:hover i {
    rotate: 0deg;
}

.service_wrap {
    overflow: hidden;
}

.service_wrap img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    margin-bottom: 10px;

}

/* .service_wrap img:hover {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
} */


.service_wrap h3 {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 0 7px 0;
}

.service_wrap p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.xzcf li i {
    padding: 3px;
    color: #fff;
    background-color: var(--ascolor);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 5px;
    font-size: 12px;
}

.xzcf li {
    padding-bottom: 10px;
}

.xzcf ul {
    padding: 0;
    margin-top: 15px;
}

.el .accordion-button {
    font-weight: 600;
    color: var(--matcolor);
    text-transform: capitalize;
    font-size: 14pt;
    background: transparent;
    font-family: var(--font);
}

.el .accordion-body p {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.help {
    text-align: center;
}

.help {
    background-color: var(--ascolor);
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 40px;
}

.help h3 {
    font-size: 35pt;
    color: #fff;
}

.help i {
    color: var(--matcolor);
    font-size: 45px;
}

.help p {
    color: #ffffff;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
}

.help_contact {
    text-align: center;
    display: inline-block;
    padding: 5px 22px;
    border: 1px solid #fff;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    background: #fff;
    margin-top: 29px;

}

.help_contact:hover {
    border: 1px solid #fff;
    background: transparent;

}

.service_wrap .erxxssd {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.xzcf img {
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.la {
    color: #000;
    background: var(--ascolor);
    padding: 10px;
    border-radius: 50%;
    border: 2px solid #0000;
}

.rsdd {
    display: flex;
    justify-content: left;
    align-items: center;
}

.pluss {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    margin-right: 5px;
}




#carouselExampleControls .carousel-item {
    display: flex;
}

#carouselExampleControls .carousel-item .col {
    flex: 1 0 50%;
    /* Two items per slide */
}

.comparison-slider-wrapper {
    width: 100%;
    margin: auto;
}


.befotre {
    padding-bottom: 60px;
    background-color: var(--bg);

}

.gallerywrap {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 5;
}

.gallerywrap a {
    margin: 5px;
}

.gal_skin {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    text-align: center;
}

.gals {
    background-color: var(--bg);
    padding: 60px 25px;
}

.gallery_doc {
    padding: 0 0 30px 0;
}

.galer_wrap_dc {
    position: relative;

}

.gallery_doc h3 {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}

/* 
.l1 {
    position: absolute;
    left: 80%;
} */

.erdaa {
    margin-right: 17px !important;
}

/* .esppee {
	position: relative;
	left: 44%;
} */
/* .n-ww{
    position: relative;
    left: 145px;
}
.nw-w1{
    position: relative;
    left: 10px;
} */
.why_expert.esppee:nth-child(1) {
    position: relative;
    left: 145px;
}

.why_expert.esppee:nth-child(2) {
    position: relative;
    left: 80px;
}

.why_expert.esppee:nth-child(3) {
    position: relative;
    left: 30px;
}

.why_expert.esppee:nth-child(4) {
    position: relative;
    left: 10px;
    top: 5px;
}

.why_expert.esppee:nth-child(5) {
    position: relative;
    left: 32px;
    top: 5px;
}

.why_expert.esppee:nth-child(6) {
    position: relative;
    left: 100px;
    top: 5px;
}




.why_expert.esppee1:nth-child(1) {
    position: relative;
    right: 63px;
}

.why_expert.esppee1:nth-child(2) {
    position: relative;
    right: -12px;
}

.why_expert.esppee1:nth-child(3) {
    position: relative;
    right: -23px;
}

.why_expert.esppee1:nth-child(4) {
    position: relative;
    right: -48px;
    top: 5px;
}

.why_expert.esppee1:nth-child(5) {
    position: relative;
    right: -8px;
    top: 5px;
}

.why_expert.esppee1:nth-child(6) {
    position: relative;
    right: 37px;
    top: 5px;
}

.service_wrap.colg {
    /* margin-right: 25px; */
    position: sticky;
    /* top: 20px; */
    top: 100px;

    height: 550px;
    overflow-y: scroll;
}


/* slider */

section.portfolio_slider_image.mt-5 {
    overflow-x: hidden;
}

.slider-track {
    display: grid;
    grid-template-columns: repeat(6, 40%);
    animation: scroll 15s linear infinite;
    gap: 10px;
}

.slider-track2 {
    display: grid;
    grid-template-columns: repeat(6, 40%);

    animation: scroll1 15s linear infinite;
    gap: 10px;
}


.slided {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.slide1 {
    width: 100%;
}

@keyframes scroll1 {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

img.slided {
    height: 350px;
    object-fit: contain;
}


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

.dropdown-menu {
    display: none;
    /* Keep the dropdown hidden by default */
}

.dropdown-menu {
    --bs-dropdown-min-width: 9rem;
    --bs-dropdown-padding-y: 0.6rem;
}



.ersaa {
    background-color: #fff;
    padding: 12px 22px;
    margin-bottom: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.our_b_gallery {
    padding: 60px 0;



}

.our_b_gallery h3 {
    text-align: center;
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 35px;
}

/* Hide dots */
.enor .owl-dots {
    display: none;
}



.enor .owl-prev i {
    color: #fff;
    /* padding: 10px; */
    background: var(--ascolor);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.enor .owl-next i {
    color: #fff;
    /* padding: 10px; */
    background: var(--ascolor);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

.our_b_gallery img {
    border-radius: 5px;
}

.gallery-item {
    display: none;
    /* Hide items by default */
}

.show {
    display: block;
    /* Show items with 'show' class */
}

.filterable_gallery {
    padding: 60px 0 0 0;
}

.btn-yel {
    background-color: var(--ascolor);
}

.btn-nd {
    border: 1px solid #FF9800;
    color: var(--matcolor);
}

.esdaa button {
    padding: 10px 22px;
    border-radius: none;
    margin: 0 10px;
    margin-top: 6px;
    font-size: 15px;

    &:hover {
        background-color: var(--ascolor);
    }
}

.filterable_gallery h1 {
    text-align: center;
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 35px;
}

.follow_us h3 {
    text-align: center;


}

.follow_us {
    padding: 60px 0;


}

.follow_us h4 {
    text-align: center;
}

.follow_us h4 a {
    text-align: center;
    color: #000;
}


.follow_us h4 a {
    text-align: center;
    color: #000;
    /* Default link color */
}

.follow_us h4 a.instagram {
    background: linear-gradient(45deg, #C13584, #E1306C, #FD1D1D, #FBB034);
    -webkit-background-clip: text;
    /* For Safari */
    -webkit-text-fill-color: transparent;
    /* For Safari */
    background-clip: text;
    /* Standard property */
    color: transparent;
    /* Fallback for non-supporting browsers */
    transition: transform 0.2s ease, color 0.2s ease;
    /* Smooth transition for transform and color */
}

/* Optional: Add hover effect */
.follow_us h4 a.instagram:hover {
    transform: translateY(-5px);
    /* Move the text up by 5 pixels */
    color: #E1306C;
    /* Change to a lighter Instagram color on hover */
}


.instagram-icon {
    background: linear-gradient(45deg, #C13584, #E1306C, #FD1D1D, #FBB034);
    -webkit-background-clip: text;
    /* For Safari */
    -webkit-text-fill-color: transparent;
    /* For Safari */
    background-clip: text;
    /* Standard property */
    color: transparent;
    /* Fallback for non-supporting browsers */
    font-size: 2rem;
    /* Adjust size as needed */
}



.sk_learnmore {
    display: none;
}

.dropdown-menu {
    /* width: 305px; */
    width: auto;
    text-align: left;

}

#primary li a:hover {
    color: var(--ascolor);
    transition: 0.4s all ease;
}

.nav-link:hover {
    color: var(--ascolor);
    transition: 0.4s all ease;
}

.whatsapp-float {
    position: fixed;
    left: 20px;
    /* Adjust as per your preference */
    bottom: 20px;
    /* Adjust as per your preference */
    z-index: 1000;
    width: 60px;
    /* Adjust the size */
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    /* Slight zoom on hover */
}

.whatsapp-icon {
    width: 40px;
    height: 40px;
}

.card-body h5 {
    text-transform: capitalize;
}


.nav-tabs .nav-link {
    border: none !important;
    display: block;
    margin: auto;
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
    height: 275px;
}

img.sk-mg {
    width: 100%;
    height: 280px !important;
    object-fit: cover;
}

.mg-img-gr {
    display: block;
    margin: auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #daa700;
}

.gr-txt {
    color: var(--ascolor);
    font-family: var(--font);
    font-size: 17pt;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 12px;
}

.gr-p {
    text-align: center;
    font-size: 13pt;
    color: #2B2B2B;
    text-transform: none;
    font-family: var(--font);
    font-weight: 400;
    padding-top: 10px;
}

.grid-wrapper {
    display: grid;
    grid-gap: 1.5rem;
    /* grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); */
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font);

}

.grid-wrapper li {
    background-color: transparent;
    list-style-type: none;
    padding: 1rem 0rem 0rem 0rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}

.tit {

    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;

}

.sub-he {
    color: #2B2B2B;
    font-family: myFirstFont;
    font-size: 21pt;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}

.para-jh {
    color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font);
    font-weight: 400;
    line-height: 18pt;
    text-align: center;
    /* padding-bottom: 20px; */
}

/* .be-img{
    height: 550px;
} */
img.be-img {
    height: 620px;
    object-fit: contain;
}

.comparison-slider-wrapper {
    display: block;
}

/* new start  */




.our_tmn {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.our_team {
    padding: 60px 0;
}

.team_wrap img {
    width: 35%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.team_wrap {
    padding: 19px 31px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 45px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.team_wrap h6 {
    font-weight: 500;
    color: var(--matcolor);
    margin-top: 15px;
}

.team_wrap h5 {
    font-weight: 300;
    font-size: 18px;
    color: var(--black);
    margin-top: 7px;
}

.team_wrap p {
    font-size: 16px;
    color: var(--black);
}

.social li a i {
    color: var(--matcolor);
}

.social {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social li {
    padding: 0 5px;
}

.social li a i:hover {
    color: #007bff;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

.team_wrap:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.po-duct img {
    width: 600px;
    height: 400px;
    object-fit: cover;
}


.service_wrap h4 strong{

   font-family: myFirstFont;
  color: var(--ascolor);
  font-size: 21pt;
  text-transform: capitalize;
  font-weight: 500;
  padding: 20px 0 7px 0;

}
.po-duct h4{
       font-family: myFirstFont;
  color: var(--ascolor);
  font-size: 21pt;
  text-transform: capitalize;
  font-weight: 500;
  padding: 20px 0 7px 0;
}



strong {
    font-weight: 500;

}

.po-duct ul li {
	list-style: disc !important;
	color: #2B2B2B;
    font-size: 13pt;
    text-transform: none;
    padding: 5px 0;
    font-family: var(--font) !important;
    font-weight: 400 !important;
    line-height: 18pt;
}



/* WebKit browsers */
.service_wrap.colg::-webkit-scrollbar {
    width: 18px;
    /* Width of the scrollbar */
}

.service_wrap.colg::-webkit-scrollbar-thumb {
    background-color: #3498db;
    /* Scrollbar thumb color */
    border-radius: 5px;
    /* Rounded corners */
}

.service_wrap.colg::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    /* Scrollbar track color */
}

/* Firefox */
.service_wrap.colg {
    scrollbar-width: thin;
    /* Thin scrollbar */
    scrollbar-color: #daa700 #f0f0f0;
}

.ab_details {
    padding: 30px 0;
}

.abr_qualit_details h6 {
    color: var(--matcolor);
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 21pt;
    font-family: myFirstFont;
    text-transform: capitalize;
}


.abr_qualit_details p {
    color: var(--matcolor);
    font-size: 13pt;
}

.abr_qualit_details {
    margin-bottom: 34px;
}

/* .abr_qualit_details h6::before{
    content: 'f111';
} */


.carousel-control-next,
.carousel-control-prev {
    opacity: 1 !important;
}

.abr_qualit_details h6 img {
    width: 45px;
    margin-right: 15px;
}

.ab_detals_wrap h3 {
    font-family: var(--font);
    color: var(--ascolor);
    font-size: 34pt;
    text-transform: uppercase;
    font-weight: 600;
    /* text-align: center; */
    line-height: 40pt;
    margin-bottom: 15px;
}

.ab_detals_wrap p {
    font-size: 13pt;
}

.mbc {
    color: var(--matcolor);
}
video {
	width: 100%;
	height: 500px;
	object-fit: contain;
	transform: none !important;
}
.cxzaa {
	margin-top: 10rem !important;
}
@media only screen and (max-width: 767px){
    .cxzaa {
	margin-top: 3rem !important;
}
}

  /* For fullscreen mode */
  video:-webkit-full-screen {
    object-fit: contain; /* Maintains aspect ratio in fullscreen */
  }
  video:-moz-full-screen {
    object-fit: contain;
  }
  video:-ms-fullscreen {
    object-fit: contain;
  }
  video:fullscreen {
    object-fit: contain;
  }