@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
* { padding: 0; margin: 0; box-sizing: border-box;}
body ,html{overflow-x: clip; font-family: 'Raleway', sans-serif}


:root{
    --white: #fff;
    --black:#000;
    --midnight-blue:#020F37;
    --olive-yellow:#C8BE1A;
    --olive-black:#2B2C00;
    --green:#DFE239;
    --snow-grey:#F7F7F7;
    --cloud-grey:#F0F0F0;
    --grey:#F9F9F9;
    --dark-blue:#020f37cc;
    --red:#FF0209;
    --blue:#1877F2;
    --navy-blue:#007EBB;
    --light-grey:#52525B;
    --dark-grey:#CBCBCB;
    --charcol:#0B0B0B;
    --davy-grey:#5C5C5C;
    --flash-white:#F2F2F2;
    --olive:#918C0F;
    --maroon:#A0402C;
    --light-yellow:#FEF3C7;
    --yellow-green:#E8F197;
}

/* Scrollbar */
::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #555;  }


.scrolltop {background: var(--midnight-blue); border:1px solid transparent;}
.scrolltop:hover{border: 1px solid var(--green);background: var(--white);}
.scrolltop:hover i{color: var(--green);}

/* Font Sizes */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; word-break: break-word; }
p, a, span { line-height: 1.5;  word-break: break-word;}

h1{font-size: 46px; font-weight: 700;}
h2{font-size: 36px;font-weight: 700;}
h3{font-size: 32px;font-weight: 700;}
h4{font-size: 24px;font-weight: 400;}
h5{font-size: 20px;font-weight: 500;}
h6{font-size: 18px;font-weight: 400;}
p, .fs-16 { font-size: 16px; font-weight: 500;}

.fs-46 { font-size: 46px;}
.fs-30 { font-size: 30px}
.fs-21{font-size: 21px;}

.fs-14 { font-size: 14px;}
.fs-15 { font-size: 15px;}

/* Font Family */
/*.raleway { font-family: 'Raleway', sans-serif;}*/
.inter{font-family: 'Inter', sans-serif}
.plus-jakarta{font-family: 'Plus Jakarta Sans',  sans-serif;}

/* Font weight */
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.regular { font-weight: 500;}
.normal { font-weight: 400;}

.opacity-text{opacity: 0.5;}
.opacity-dark{opacity: 0.8;}

/* Button */
.button { font-size: 15px; font-weight: 700; font-family: 'Raleway', sans-serif; color: var(--olive-black); background-color: var(--green); border-radius: 6px; display: inline;  padding: 15px 30px; border: 2px solid transparent;}
/*.button { font-size: 15px; font-weight: 700; font-family: 'Raleway', sans-serif; color: var(--olive-black); background-color: var(--green); border-radius: 6px; display: inline-block; height: 55px; padding: 15px 30px; border: 2px solid transparent;}*/
.button1 { color: var(--midnight-blue); background-color: var(--snow-grey);}
.button:hover{background-color: var(--white); border: 2px solid var(--green);color: var(--green)}
.button:hover .icon-svg path{stroke: var(--green);}
.button:hover i.button-icon{color: var(--green);}
i.button-icon{color: var(--olive-black);}
.blue-btn{color:var(--white);border-radius: 5px;background: var(--midnight-blue);padding: 8px 40px;font-size: 16px;font-weight: 400;}
.border-btn{font-weight:700;border: 1px solid var(--midnight-blue); background: transparent;color: var(--midnight-blue);}
.blue-btn i{color: var(--white);}
.green-btn{background: var(--green);color: var(--midnight-blue);}

/* Colors */
.text-color { color: var(--midnight-blue);}
.olive-yellow{color: var(--olive-yellow);}
.dark-blue{color: var(--dark-blue);}
.light-grey{color: var(--light-grey);}
/* Bg Colors */
.bg-white { background-color: var(--white);}
.bg-grey { background-color: var(--grey);}
.bg-blue { background-color: var(--midnight-blue);}

/* Borders */
.border-left { border-left: 3px solid var(--olive-yellow);}

a { text-decoration: none;}
li { list-style: none;}

/*img { height: 100%; width: 100%; object-fit: contain;}*/

/*input{border-radius: 4px; border: 1px solid var(--cloud-grey); background:var(--white);font-size: 14px;  font-weight: 500;padding: 20px;width: 100%}*/
input:focus{outline: none;}
input::placeholder{color: var(--midnight-blue);opacity:0.5 ;}

/* Limit in text */

.limit, .limit-2, .limit-3 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.limit-2 { -webkit-line-clamp: 2; }
.limit-3 { -webkit-line-clamp: 3; }

/* Spacing */

.padding { padding: 5em;}
.padding-4 { padding-block: 4em;}
.p-top { padding-top: 5em;}
.p-bottom { padding-bottom: 5em;}


/* Header */
.navbar-container{border-top: 1px solid rgba(0, 0, 0, 0.08);border-bottom: 1px solid rgba(0, 0, 0, 0.08);background-color: var(--white);}
.navbar-container .navbar-nav .nav-item .nav-link{color: var(--midnight-blue);position: relative;border-bottom: 1px solid transparent;transition: color 0.6s ease;}
.navbar-container .navbar-nav .nav-item .nav-link.active  , .footer .nav-item .nav-link.active{color: var(--olive-yellow);}
.navbar-container .navbar-nav .nav-item a.nav-link::after , .footer  .nav-item a.nav-link::after{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background-color: var(--olive-yellow);transform: scaleX(0);transform-origin: left;transition: transform 0.6s ease;}
.navbar-container .navbar-nav .nav-item a.nav-link:hover::after , .footer .nav-item a.nav-link:hover::after  {transform: scaleX(1);}
.navbar-container .navbar-nav  .nav-item a.nav-link:hover , .footer .nav-item a.nav-link:hover   {color: var(--olive-yellow);}
.navbar-container .dropdown-toggle::after{display: none;}
.navbar-container .dropdown-toggle i{    color: var(--black);font-size: 20px;vertical-align: middle;margin-right: 9px;}
.navbar-container .dropdown-menu.show {padding:16px;display:flex; flex-direction: column;gap:15px;border-radius: 10px;background: var(--white);box-shadow: 2px 0px 19px 0px rgba(0, 0, 0, 0.09);}
.navbar-container .dropdown-menu[data-bs-popper] {left: unset;}
/*------*/

/*Footer*/
.footer{border-top: 1px solid var(--cloud-grey);background: var(--white);}
/*------*/


/* Banners */
.home-banner, .banner { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 300px }
.home-banner { height: 782px; background-position: left; background-size: contain; background-color: #000; }
/*.banner:before { content: ''; position: absolute; top: 0; display: inline-block; height: 100%; width: 100%; background-color: #020F37BF;z-index: 3;  }*/
.banner .content { z-index: 4; color: #fff;}
.home-banner .bg-white{border-radius: 6px;height: 420px;}
.home-banner .bg-white:before{content: ""; position: absolute; bottom: -113px; right: 10px; background-image:  url("../images/home-section.png");height: 100%;
    width: 302px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/*Cards*/
.blogs-card { box-shadow: none;background: transparent; height: 100%;}
.blogs-card .card-header{background-color: transparent;}
.blogs-card .card-image .blog-image{border-radius: 6px;height: 185px; width: 300px; object-fit: fill;}
body .blogs-card .card-footer a.buy-now:hover{color: var(--olive-yellow); text-decoration: underline;}
.blogs-card .card-footer .buy-now:hover .icon-svg path {stroke: var(--olive-yellow);}

    /*OverView*/
.overview-section{background-color: var(--grey);}
.overview-section .overview-img img , .disease-section .overview-img img{border-radius: 8px;}
.disease-section ul {padding-left: 1.5rem;}
.disease-section li{list-style: disc;}
.disease-section .overview-img img{object-fit: cover;}
/*----*/

/* Latest Offers */

.latest-offer .offer-content { padding: 6em; background-image: url("../images/blue-bg.png"); background-size: cover; background-repeat: no-repeat; border-radius: 12px; }
.latest-offer .offer-content .title { max-width: 70%;margin-inline: auto;}

/*Blogs*/
.blogs .form-container{border-radius: 6px;border: 1px solid var(--cloud-grey);padding: 20px;}

.image-content-sec .image-content-img { height: 450px; border-radius: 16px; box-shadow: -10px 10px 0 var(--yellow-green); border: 2px solid #fff; object-fit: cover;}

.comments{border-top: 1px solid var(--cloud-grey);}
.form-comment{border-radius: 6px;background: var(--grey);padding: 30px}
.comment-container > .comment-div:not(:last-child) {border-bottom: 1px solid var(--cloud-grey);}
.comment-container .comment-div{padding-bottom: 20px; margin-bottom: 20px;}
.input-container .form-control{border-radius: 4px; border: 1px solid var(--cloud-grey); background:var(--white);font-size: 14px;  font-weight: 500;padding-inline: 20px;padding-block:10px;width: 100%}
.input-container  input[type="checkbox"] {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #D1D5DB;
    background-color: white;
    cursor: pointer;
    border-radius: 4px;
}

.input-container  input[type="checkbox"]:checked {background-color: var(--green);border:1px solid transparent;}
.input-container  input[type="checkbox"]:checked::after {content: "\f00c";display: block;text-align: center;color: var(--white);font-size: 9px; font-family: 'Font Awesome 6 Free';font-weight: 600;border:1px solid transparent;}

.media{
    border-radius: 50px;
    background-color: var(--black);
    height: 67px;
    width: 69px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.media i{font-size: 43px;color: var(--white);text-align: center;}
.youtube-icon{background-color: var(--red);}
.facebook-icon{background-color: var(--blue);}
.linkedin-icon{background-color: var(--navy-blue);}

/*Cart*/
.border-bottom{border-bottom: 1px solid var(--cloud-grey);}
.cart-container{padding-block: 30px; border-top: 1px solid var(--cloud-grey);border-bottom: 1px solid var(--cloud-grey);}
.gradient-bg {background: linear-gradient(to bottom, var(--grey) 50%, var(--white) 50%);width: 100%;}
.course-container{border-radius: 6px;border: 1px solid var(--cloud-grey);background: var(--white);padding: 50px;}
.course-detail-cards li{list-style: disc;}

.footer .media{width: 26px;height: 26px;}
/*loader*/
.loader-image{height: auto;width: 311px;}
.loader {position: fixed;height: 100%;width: 100%;padding: 0;margin: 0;overflow: hidden;display: flex;z-index: 999;justify-content: center;align-items: center;font-family: "proxima-nova", sans-serif;background-color: var(--white);}
/*Purchase History*/
.box{border-radius: 10px;border: 1px solid var(--dark-grey) ;background: var(--white);padding: 40px;}
.box .input-box{border-radius: 20px;border: 0.5px solid var(--charcol) ;}
.box .input-box i{color: var(--charcol);}
.box .input-box input::placeholder{color: var(--davy-grey);}
table thead tr th:first-child {border-radius: 5px 0px 0px 5px;padding-left: 20px !important;}
table thead tr th:last-child {border-radius: 0px 5px 5px 0px;padding-right: 20px !important;}
table.main-table thead tr th {background-color: var(--green);}
table.main-table tbody tr.even{background-color: var(--flash-white);}
table.main-table tbody tr.even td:first-child{border-radius: 5px 0px 0px 5px;}
table.main-table tbody tr.even td:last-child{border-radius: 0px 5px 5px 0px;}
table.main-table tbody tr td:first-child{padding-left: 20px !important;}
table.main-table tbody tr td:last-child{padding-right: 20px !important;}
table.main-table {border-collapse: separate !important;border-spacing: 0 5px !important;}
.page-item.active .page-link {background: var(--green);color: var(--black);}
.page-item {border-radius: 4px;border: 1px solid var(--off-white) ;background: var(--white);}
table.main-table tbody tr td .action-icon{border-radius: 5px;border: 1px solid var(--olive);padding: 0px 4px;margin-inline: 4px;}
table.main-table tbody tr td .action-icon i{color: var(--olive);}
table.main-table tbody tr td .badge{border-radius: 5px; padding: 2px 3px;font-size: 13px;font-weight: 400;}
table.main-table tbody tr td .complete{background-color: var(--yellow-green);color: var(--olive-yellow);}
table.main-table tbody tr td .pending{background-color: var(--light-yellow);color: var(--maroon);}
.table:not(.table-bordered) td {font-size: 16px; color: var(--midnight-blue);}
.table:not(.table-bordered) th{font-size: 16px; color: var(--olive-black);}
table.main-table tbody tr td .action-icon .icon-svg{width: 16px;height: 16px;stroke: var(--olive);}
.cms_tabs_wapper ul {
    column-gap: 15px;
    border: 0;
}
.booking-tabs a.nav-link.active {
    border-radius: 200px;
    border: 1px solid var(--green);
    background: var(--green);
}
.booking-tabs a.nav-link {
    border-radius: 200px;
    border: 1px solid #C2C2C2;
    color: #6D6D6D;
}
/*.cms_tabs_discription_wrapper {*/
/*    padding: 40px 10px 0 10px;*/
/*}*/
.cms_tabs_discription_wrapper .tab-content .tab-pane{border: 1px dashed var(--green);padding: 20px;
    margin-block: 29px;}
.dropdown-item.blue-btn:hover i {
    color: var(--black);
}