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

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

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



/**

  1. General
     - Variables
     - Extra-outer

  2. Spacing

  3. Color
     - Skin-color, Skin-bg-color, Skin-border-color
     - darkGrey-color, darkGrey-bg-color
     - white-color, white-bg-color, white-border-color
     - Grey-color, Grey-bg-color, grey-border-color

  4. Pre-loader

  5. SocialIcon / TooltipTop

  6. Slick_dots/arrows

  7. TopBar

  8. Header
     - SiteBrand(logo)
     - SiteNavigation(Menu)
     - side-menu

  9. Footer
     - FirstFooter
     - SecondFooter
 
  10. GoTop BUtton
  
  11. Page-Title-Row

  12. Inner-Pages
      - single-pages-content
      - Classic_Blog
      - Single_Blog
      - Contact_page
      - Error_page
      - Map

**/
 
 
/* ===============================================
    General
------------------------*/

/** Variables **/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
a, button, input { 
    outline: none; 
}
ol, ul{ 
    padding: 0; 
    margin: 0;
}
b, strong{ 
  font-weight: 600;
}
iframe{
  width: 100%;
  border: none;
  display: block;
}
p { 
    margin: 0 0 30px; 
}
*::-moz-selection { 
    background: #1f6306; 
    color: #fff; 
    text-shadow: none; 
}
::-moz-selection { 
    background: #1f6306; 
    color: #fff;
    text-shadow: none; 
}
::selection { 
    background: #1f6306; 
    color: #fff; 
    text-shadow: none; 
}

textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input, 
select{
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #666666;
    padding: 12px 15px 12px;
    border-radius: 0;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    border: 1px solid rgba(0, 43, 92, 0.08);
    font-size: 14px;
    outline: none;
    line-height: inherit;
    letter-spacing: 0px;
}
button, input[type="submit"], 
input[type="button"], 
input[type="reset"] {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
    padding: 11px 40px 11px;
    border: 2px solid transparent;
    border-radius: 0;
    color: #fff;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    cursor: pointer;
    outline: none;
    -webkit-font-smoothing: antialiased;
}
.rs-layer input[type="email"]{
    border-color: transparent !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 0px !important;
    padding-right: 50px !important;
}
button:focus{
    box-shadow: none;
}
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus {
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: searchfield;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

textarea::placeholder,
textarea::-moz-placeholder,
textarea::-webkit-input-placeholder,
select::placeholder,
select::-moz-placeholder,
input::placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {   
  color: var(--body-font-color) !important;
}
menu, ol, ul {
    margin: 16px 0;
    padding: 0 0 0 25px;
}

/** Typography Variable **/
:root {
    --base-bodyfont: 'Poppins', sans-serif;
    --base-bodyfont-Size: 15px;
    --base-bodyfont-color: #888888;    
    --base-skin: #1f6306;
    --base-dark: #1f6306;
    --base-darkblack: #000000;
    --base-grey: #f7f7f7;
    --base-white: #ffffff;
    --base-headingfont: 'Poppins', sans-serif;
    --base-headingfontone: 'SamarkanNormal';
    --base-headingfont-color: #194608;
}

/** Typo Colors **/
.border-color: { color: #ece9e0;}
.bodyfont-color { color: var(--base-bodyfont-color);}
.headingfont-color { color: var(--base-headingfont-color); }

/** Background Colors **/
.bg-base-skin { background-color: var(--base-skin);}
.bg-base-dark { background-color: var(--base-dark);}
.bg-base-darkblack { background-color: var(--base-darkblack);}
.bg-base-grey { background-color: var(--base-grey);}
.bg-base-white { background-color: var(--base-white);}
  
/** Text Colors **/
.text-base-skin { color: var(--base-skin);}
.text-base-dark { color: var(--base-dark);}
.text-base-grey { color: var(--base-grey);}
.text-base-white { color: var(--base-white);}

/** Bg-layer Colors **/
.bg-base-skin > .prt-bg-layer{background-color: var(--base-skin);}
.bg-base-dark > .prt-bg-layer{background-color: var(--base-dark);}
.bg-base-darkblack > .prt-bg-layer{background-color: var(--base-darkblack);}
.bg-base-grey > .prt-bg-layer{background-color: var(--base-grey);}
.bg-base-white > .prt-bg-layer{background-color: var(--base-white);}

.bg-base-skin >.prt-bg-layer >.prt-col-wrapper-bg-layer-inner{background-color: var(--base-skin);}
.bg-base-dark >.prt-bg-layer >.prt-col-wrapper-bg-layer-inner{background-color: var(--base-dark);}
.bg-base-darkblack >.prt-bg-layer >.prt-col-wrapper-bg-layer-inner{background-color: var(--base-darkblack);}
.bg-base-grey >.prt-bg-layer >.prt-col-wrapper-bg-layer-inner{background-color: var(--base-grey);}
.bg-base-white >.prt-bg-layer >.prt-col-wrapper-bg-layer-inner{background-color: var(--base-white);}

.text-base-white h1:not(.text-base-skin, .text-base-dark),
.text-base-white h2:not(.text-base-skin, .text-base-dark),
.text-base-white h3:not(.text-base-skin, .text-base-dark),
.text-base-white h4:not(.text-base-skin, .text-base-dark),
.text-base-white h5:not(.text-base-skin, .text-base-dark),
.text-base-white h6:not(.text-base-skin, .text-base-dark),
.text-base-white a:not(.text-base-skin, .text-base-dark),
.bg-base-dark h1, .bg-base-dark h2, .bg-base-dark h3,
.bg-base-dark h4, .bg-base-dark h5, .bg-base-dark h6,
.bg-base-darkblack h1, .bg-base-darkblack h2, .bg-base-darkblack h3,
.bg-base-darkblack h4, .bg-base-darkblack h5, .bg-base-darkblack h6,
.bg-base-skin h1, .bg-base-skin h2, .bg-base-skin h3,
.bg-base-skin h4, .bg-base-skin h5, .bg-base-skin h6  {
    color: var(--base-white);
}
.bg-base-dark .text-base-white a:not(.text-base-skin, .text-base-dark){color: var(--base-skin);}
.bg-base-dark .section-title h3{color: #fff;}
.bg-base-dark .section-title h3:before,
.bg-base-dark .section-title h3:after{
    color: #fff;
}
.bg-base-dark, .bg-base-skin {
    color: rgba(255,255,255,.50);
}
.bg-base-dark.text-base-white, .bg-base-skin.text-base-white {
    color: rgba(255,255,255,.950);
}

body { font-family: var(--base-bodyfont);
    font-weight: 400;
    font-size: var(--base-bodyfont-Size);
    line-height: 28px;
    color: #677765;
}
h1, h2, h3, h4, h5, h6 { 
    font-family: var(--base-headingfont); 
    margin-bottom: 15px; 
    font-weight: 500; 
    color : var(--base-headingfont-color);
}
h1 { font-size: 60px; line-height: 72px; }
h2 { font-size: 50px; line-height: 60px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 30px; line-height: 40px; }
h5 { font-size: 20px; line-height: 26px; }
h6 { font-size: 18px; line-height: 20px; }

.container-fluid{padding: 0 15px;}
.container {
    max-width: 1330px;
    padding: 0 15px;
}
.row:not(.g-0) {
    margin-left: -15px;
    margin-right: -15px;
}
.row:not(.g-0) > [class*='col-'] {
    padding-left: 15px;
    padding-right: 15px;
}

/** Extra-outer **/
body .page {
    overflow: hidden;
    position: relative;
    z-index: 10;
}
body .site-main {
    background-color: #fff;
    position: relative;
    z-index: 1;
}
body .page.sidebar-true .site-main{ 
    padding: 0;
    background-color: #fff;
}
a {
    color: var(--base-headingfont-color);
}
a:hover { color: var(--base-dark); }
a, img{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
label { font-size: 14px; }
.fs-15 { font-size: 15px !important; line-height: 25px; }
.fs-16 { font-size: 16px !important; line-height: 24px; }
.fs-17 { font-size: 17px !important; line-height: 28px; }
.fs-18 { font-size: 18px !important; line-height: 26px; }
.fs-20 { font-size: 20px !important; line-height: 26px; }
.fs-22 { font-size: 22px !important; line-height: 35px; }

.lh-base {line-height: 20px!important;}

.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }

.box-shadow{ box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10) }
.box-shadow_1{box-shadow: 0 0 10px 0 rgba(2, 20, 47, 0.08); }

.border-rad_5 { border-radius: 5px;}
.border-rad_10 { border-radius: 10px;}
.border-rad_20 { border-radius: 20px;}
.border-rad_30 { border-radius: 30px;}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.z-index_1{ z-index: -1; }
.z-index-0{ z-index: 0; }
.z-index-1{ z-index: 1; }
.z-index-2{ z-index: 2; }
.z-index-9{ z-index: 9; }

.underline { position: relative; }
.underline:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: var(--base-white) !important;
    top: unset;
    bottom: 0px;
    left: 0;
    transition: all 0.1s ease 0s;
    clip-path: unset;
}
.underline:hover:before{
    background-color: var(--base-skin);
    transition: all 0.5s ease-in-out;
    background-size: 0 3px, 100% 3px;
}
.prt-btn-color-whitecolor.underline:before{ background-color: var(--base-white) !important; }
.prt-btn-color-whitecolor:hover.underline:before{ background-color: var(--base-white) !important; }
.prt-btn-color-darkcolor.underline:before{ background-color: var(--base-dark) !important; }
.prt-btn-color-darkcolor:hover.underline:before{ background-color: var(--base-skin) !important; }

.border_1 { border: 2px dashed #e7e7e7; }
.border-rounded { border-radius: 50%; }
.overlay-opacity-box {
    background: rgba(255, 255, 255, 0.80);
    padding: 70px 0;
    opacity: 1;
}

/* ===============================================
    Spacing
------------------------*/
/** Padding **/
.spacing-1 { padding: 40px 40px 45px; }
.spacing-2 { padding: 96px 15px 68px 100px; }
.spacing-3 { margin-top: -50px; }
.spacing-4 { padding: 260px 0 100px; }
.spacing-5 { margin-top: -175px; }

.p-10 { padding: 10px ! important ; }
.p-15 { padding: 15px ! important ; }
.p-20 { padding: 20px ! important ; }
.p-25 { padding: 25px ! important ; }
.p-30 { padding: 30px ! important ; }
.p-40 { padding: 40px ! important ; }
.p-45 { padding: 45px ! important ; }
.p-50 { padding: 50px ! important ; }

.pr-0{ padding-right: 0 !important ; }
.pr-5{ padding-right: 5px ! important ;}
.pr-10{ padding-right: 10px ! important ; }
.pr-15{ padding-right: 15px ! important ; }
.pr-20{ padding-right: 20px ! important ; }
.pr-25{ padding-right: 25px ! important ; }
.pr-30{ padding-right: 30px ! important ; }
.pr-35{ padding-right: 35px ! important ; }
.pr-40{ padding-right: 40px ! important ; }
.pr-45{ padding-right: 45px ! important ; }
.pr-50{ padding-right: 50px ! important ; }
.pr-70{ padding-right: 70px ! important ; }
.pr-100{ padding-right: 100px ! important ; }

.pl-0{ padding-left: 0px !important ; }
.pl-2{ padding-left: 2px ! important ; }
.pl-3{ padding-left: 3px ! important ; }
.pl-5{ padding-left: 5px ! important ; }
.pl-10{ padding-left: 10px ! important ; }
.pl-15{ padding-left: 15px ! important ; }
.pl-20{ padding-left: 20px ! important ; }
.pl-25{ padding-left: 25px ! important ; }
.pl-30{ padding-left: 30px ! important ; }
.pl-35{ padding-left: 35px ! important ; }
.pl-40{ padding-left: 40px ! important ; }
.pl-45{ padding-left: 45px ! important ; }
.pl-50{ padding-left: 50px ! important ; }
.pl-80{ padding-left: 80px ! important ; }

.pt-0{ padding-top: 0px !important ;}
.pt-5{ padding-top: 5px ! important ;}
.pt-10{ padding-top: 10px ! important ; }
.pt-15{ padding-top: 15px ! important ; }
.pt-20{ padding-top: 20px ! important ; }
.pt-23{ padding-top: 23px ! important ; }
.pt-25{ padding-top: 25px ! important ; }
.pt-30{ padding-top: 30px ! important ; }
.pt-35{ padding-top: 35px ! important ; }
.pt-40{ padding-top: 40px ! important ; }
.pt-45{ padding-top: 45px ! important ; }
.pt-50{ padding-top: 50px ! important ; }

.pb-0{ padding-bottom: 0px !important ; }
.pb-5{ padding-bottom: 5px ! important ; }
.pb-10{ padding-bottom: 10px ! important ; }
.pb-15{ padding-bottom: 15px ! important ; }
.pb-20{ padding-bottom: 20px ! important ; }
.pb-25{ padding-bottom: 25px ! important ; }
.pb-30{ padding-bottom: 30px ! important ; }
.pb-35{ padding-bottom: 35px ! important ; }
.pb-40{ padding-bottom: 40px ! important ; }
.pb-45{ padding-bottom: 45px ! important ; }
.pb-50{ padding-bottom: 50px ! important ; }

/** Margin **/
.mt-0{ margin-top: 0px !important ; }
.mt-5{ margin-top: 5px ! important ; }
.mt-10 { margin-top: 10px ! important ; }
.mt-12 { margin-top: 12px ! important ; }
.mt-15{ margin-top: 15px ! important ; }
.mt-20{ margin-top: 20px ! important ; }
.mt-25{ margin-top: 25px ! important ; }
.mt-30{ margin-top: 30px ! important ; }
.mt-35{ margin-top: 35px ! important ; }
.mt-40{ margin-top: 40px ! important ; }
.mt-45{ margin-top: 45px ! important ; }
.mt-50{ margin-top: 50px ! important ; }
.mt-60{ margin-top: 60px ! important ; }
.mt-65{ margin-top: 65px ! important ; }
.mt-70{ margin-top: 70px ! important ; }
.mt-80{ margin-top: 80px ! important ; }

.mt_5{ margin-top: -5px ! important ; }
.mt_10{ margin-top: -10px ! important ; }
.mt_15{ margin-top: -15px ! important ; }
.mt_20{ margin-top: -20px ! important ; }
.mt_25{ margin-top: -25px ! important ; }
.mt_30{ margin-top: -30px ! important ; }
.mt_35{ margin-top: -35px ! important ; }
.mt_40{ margin-top: -40px ! important ; }
.mt_50{ margin-top: -50px ! important ; }
.mt_55{ margin-top: -55px ! important ; }
.mt_60{ margin-top: -60px ! important ; }
.mt_65{ margin-top: -65px !important ; }
.mt_70{ margin-top: -70px ! important ; }
.mt_75{ margin-top: -75px ! important ; }
.mt_80{ margin-top: -80px ! important ; }
.mt_90{ margin-top: -90px ! important ; }
.mt_100{ margin-top: -100px ! important ; }
.mt_105{ margin-top: -105px ! important ; }
.mt_110{ margin-top: -110px ! important ; }
.mt_120{ margin-top: -120px ! important ; }
.mt_135{ margin-top: -135px ! important ; }

.mb-0{ margin-bottom: 0px !important ; }
.mb-5{ margin-bottom: 5px ! important ; }
.mb-10{ margin-bottom: 10px ! important ; }
.mb-12{ margin-bottom: 12px ! important ; }
.mb-15{ margin-bottom: 15px ! important ; }
.mb-25{ margin-bottom: 25px ! important ;}
.mb-20{ margin-bottom: 20px ! important ; }
.mb-30{ margin-bottom: 30px ! important ; }
.mb-35{ margin-bottom: 35px ! important ; }
.mb-40{ margin-bottom: 40px ! important ; }
.mb-45{ margin-bottom: 45px ! important ; }
.mb-50{ margin-bottom: 50px ! important ; }
.mb-55{ margin-bottom: 55px ! important ; }
.mb-60{ margin-bottom: 60px ! important ; }
.mb-65{ margin-bottom: 65px ! important ; }
.mb-70{ margin-bottom: 70px ! important ; }
.mb-80{ margin-bottom: 80px ! important ; }
.mb-90{ margin-bottom: 90px ! important ; }
.mb-100{ margin-bottom: 100px ! important ; }

.mb_5{ margin-bottom: -5px ! important ; }
.mb_10{ margin-bottom: -10px ! important ; }
.mb_12{ margin-bottom: -12px ! important ; }
.mb_15{ margin-bottom: -15px ! important ; }
.mb_20{ margin-bottom: -20px ! important ; }
.mb_25{ margin-bottom: -25px ! important ; }
.mb_30{ margin-bottom: -30px ! important ; }
.mb_35{ margin-bottom: -35px ! important ; }
.mb_40{ margin-bottom: -40px ! important ; }
.mb_45{ margin-bottom: -45px ! important ; }
.mb_50{ margin-bottom: -50px ! important ; }
.mb_55{ margin-bottom: -55px ! important ; }
.mb_60{ margin-bottom: -60px ! important ; }
.mb_70{ margin-bottom: -70px ! important ; }
.mb_80{ margin-bottom: -80px ! important ; }
.mb_90{ margin-bottom: -90px ! important ; }
.mb_100{ margin-bottom: -100px ! important ; }
.mb_145{ margin-bottom: -145px ! important ; }
.mb_300{ margin-bottom: -300px ! important ; }

.ml-0{ margin-left: 0px !important ; }
.ml-10{ margin-left: 10px ! important ; }
.ml-15{ margin-left: 15px ! important ; }
.ml-20{ margin-left: 20px ! important ; }
.ml-30{ margin-left: 30px ! important ; }
.ml-40{ margin-left: 40px ! important ; }
.ml-45{ margin-left: 45px ! important ; }
.ml-50{ margin-left: 50px ! important ; }
.ml-60{ margin-left: 60px ! important ; }
.ml-70{ margin-left: 70px ! important ; }
.ml-80{ margin-left: 80px ! important ; }
.ml-90{ margin-left: 90px ! important ; }
.ml-100{ margin-left: 100px ! important ; }
.ml-110{ margin-left: 110px ! important ; }
.ml-120{ margin-left: 120px ! important ; }
.ml-120{ margin-left: 120px ! important ; }
.ml-130{ margin-left: 130px ! important ; }
.ml-140{ margin-left: 140px ! important ; }
.ml-150{ margin-left: 150px ! important ; }
.ml-160{ margin-left: 160px ! important ; }
.ml-170{ margin-left: 170px ! important ; }
.ml-180{ margin-left: 180px ! important ; }
.ml-190{ margin-left: 190px ! important ; }
.ml-200{ margin-left: 200px ! important ; }

.ml_10{ margin-left: -10px ! important ; }
.ml_15{ margin-left: -15px ! important ; }
.ml_20{ margin-left: -20px ! important ; }
.ml_25{ margin-left: -25px ! important ; }
.ml_30{ margin-left: -30px ! important ; }
.ml_35{ margin-left: -35px ! important ; }
.ml_40{ margin-left: -40px ! important ; }
.ml_50{ margin-left: -50px ! important ; }
.ml_60{ margin-left: -60px ! important ; }
.ml_70{ margin-left: -70px ! important ; }
.ml_80{ margin-left: -80px ! important ; }
.ml_90{ margin-left: -90px ! important ; }
.ml_100{ margin-left: -100px ! important ; }
.ml_110{ margin-left: -110px ! important ; }
.ml_120{ margin-left: -120px ! important ; }
.ml_130{ margin-left: -130px ! important ; }
.ml_140{ margin-left: -140px ! important ; }
.ml_150{ margin-left: -150px ! important ; }
.ml_160{ margin-left: -160px ! important ; }
.ml_180{ margin-left: -180px ! important ; }
.ml_200{ margin-left: -200px ! important ; }
.ml_210{ margin-left: -210px ! important ; }
.ml_220{ margin-left: -220px ! important ; }
.ml_240{ margin-left: -240px ! important ; }
.ml_260{ margin-left: -260px ! important ; }
.ml_280{ margin-left: -280px ! important ; }
.ml_300{ margin-left: -300px ! important ; }

.mr-0{ margin-right: 0px !important ; }
.mr-5{ margin-right: 5px ! important ; }
.mr-10{ margin-right: 10px ! important ; }
.mr-15{ margin-right: 15px ! important ; }
.mr-20{ margin-right: 20px ! important ; }
.mr-25{ margin-right: 25px ! important ; }
.mr-30{ margin-right: 30px ! important ; }
.mr-35{ margin-right: 35px ! important ; }
.mr-40{ margin-right: 40px ! important ; }
.mr-50{ margin-right: 50px ! important ; }
.mr-60{ margin-right: 60px ! important ; }
.mr-70{ margin-right: 70px ! important ; }
.mr-80{ margin-right: 80px ! important ; }
.mr-90{ margin-right: 90px ! important ; }
.mr-100{ margin-right: 100px ! important ; }
.mr-110{ margin-right: 110px ! important ; }
.mr-120{ margin-right: 120px ! important ; }
.mr-130{ margin-right: 130px ! important ; }
.mr-140{ margin-right: 140px ! important ; }
.mr-150{ margin-right: 150px ! important ; }
.mr-160{ margin-right: 160px ! important ; }
.mr-170{ margin-right: 170px ! important ; }
.mr-180{ margin-right: 180px ! important ; }
.mr-190{ margin-right: 190px ! important ; }
.mr-200{ margin-right: 200px ! important ; }

.mr_10{ margin-right: -10px ! important ; }
.mr_15{ margin-right: -15px ! important ; }
.mr_20{ margin-right: -20px ! important ; }
.mr_25{ margin-right: -25px ! important ; }
.mr_30{ margin-right: -30px ! important ; }
.mr_35{ margin-right: -35px ! important ; }
.mr_40{ margin-right: -40px ! important ; }
.mr_50{ margin-right: -50px ! important ; }
.mr_60{ margin-right: -60px ! important ; }
.mr_70{ margin-right: -70px ! important ; }
.mr_80{ margin-right: -80px ! important ; }
.mr_90{ margin-right: -90px ! important ; }
.mr_100{ margin-right: -100px ! important ; }
.mr_130{ margin-right: -130px ! important ; }
.mr_140{ margin-right: -140px ! important ; }
.mr_150{ margin-right: -150px ! important ; }
.mr_160{ margin-right: -160px ! important ; }
.mr_180{ margin-right: -180px ! important ; }
.mr_200{ margin-right: -200px ! important ; }
.mr_210{ margin-right: -210px ! important ; }
.mr_220{ margin-right: -220px ! important ; }
.mr_240{ margin-right: -240px ! important ; }
.mr_260{ margin-right: -260px ! important ; }
.mr_280{ margin-right: -280px ! important ; }
.mr_300{ margin-right: -300px ! important ; }


/* ===============================================
    Pre-loader
------------------------*/
.blobs-wrapper {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    display: flex;
    text-align: center;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}
.loader-blob {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin: 3em;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
}
.loader-blob,
.loader-blob:before,
.loader-blob:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -ms-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out;
}
.loader-blob:before,
.loader-blob:after {
    width: 100%; 
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.loader-blob { animation-name: loader-blob;
    -o-animation-name: loader-blob;
    -ms-animation-name: loader-blob;
    -webkit-animation-name: loader-blob;
    -moz-animation-name: loader-blob; }
@keyframes loader-blob {
    from { transform: scale(0); opacity: 1; }
    to   { transform: scale(1); opacity: 0; }
}
@-o-keyframes loader-blob {
    from { -o-transform: scale(0); opacity: 1; }
    to   { -o-transform: scale(1); opacity: 0; }
}
@-ms-keyframes loader-blob {
    from { -ms-transform: scale(0); opacity: 1; }
    to   { -ms-transform: scale(1); opacity: 0; }
}
@-webkit-keyframes loader-blob {
    from { -webkit-transform: scale(0); opacity: 1; }
    to   { -webkit-transform: scale(1); opacity: 0; }
}
@-moz-keyframes loader-blob {
    from { -moz-transform: scale(0); opacity: 1; }
    to   { -moz-transform: scale(1); opacity: 0; }
}


/*  ===============================================
    SocialIcon / TooltipTop
------------------------*/
ul.social-icons{ 
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative;
}
.social-icons li{
    margin: 0 2px;
}
.prt-header-style-02 .social-icons li:last-child,
.social-icons li:last-child{
    margin-right: 0px;
}
.social-icons li a{
    display: block;
    min-width: 26px;
    text-align: center;
}
.social-icons.circle li>a {
    border-width: 1px ;
    border-style: solid;
    height: 33px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    display: block;
    background-color: transparent;
    font-size: 13px;
    border-radius: 50%;
}
/*style1*/
ul.social-icons.style1 {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    z-index: 0;
    position: relative;
}
ul.social-icons.style1 li{
    display: inline-block;
    flex: 1;
    margin: 0;
    padding: 0;
}
ul.social-icons.style1 li a{
    font-size: 17px;
    position: relative;
    text-transform: capitalize;
    transition: opacity .35s ease-in-out;
    height: 70px;
    line-height: 58px;
    width: 100%;
    border-radius: inherit;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    border: 0;
    color: #fff;
    text-align: center;
}
ul.social-icons.style1 li i{ font-size: 20px; }
ul.social-icons.style1 li:nth-child(1) a{
    background-color: #4583bc;
    border: 8px solid #4583bc;
}
ul.social-icons.style1 li:nth-child(2) a{
    background-color: #2cbfd9;
    border: 8px solid #2cbfd9;
}
ul.social-icons.style1 li:nth-child(3) a{
    background-color: #ED1384;
    border: 8px solid #ED1384;
}
ul.social-icons.style1 li:nth-child(4) a{
    background-color: #0b84b3;
    border: 8px solid #0b84b3;
}
ul.social-icons.style1 li:hover:nth-child(1) a,
ul.social-icons.style1 li:hover:nth-child(2) a,
ul.social-icons.style1 li:hover:nth-child(3) a,
ul.social-icons.style1 li:hover:nth-child(4) a{
     border: 8px solid rgba(0, 0, 0, 0.20);
     color: #fff !important;
}
/*style2*/
ul.social-icons.style2 li a{
    display: block;
    font-size: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #000;
    border-radius: 50px;
    margin-right: 0;
    background-color: #fff;
    color: #000;
    transition: all 0.3s ease 0s;
}
ul.social-icons.style2 li a:hover{
    background-color: var(--base-skin);
    color: #fff;
    border: 1px solid #fff;
}
ul.social-icons.style2 li a:after,
ul.social-icons.style2 li a:before{  display: none; }

/*style3*/
ul.social-icons.style3 li{ margin: 5px 2px; }
ul.social-icons.style3 li a{
    text-transform: uppercase;
    color: var(--base-headingfont-color);
    font-weight: 600;
    font-size: 14px;
    padding: 2px 15px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    background-color: var(--base-white);
}
ul.social-icons.style3 li a:hover{
    background-color: var(--base-skin);
    border: 1px solid var(--base-skin);
    color: var(--base-white);
}
h3.social-icons-title{
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: var(--base-bodyfont-color);
    margin-bottom: 10px;
}

/* TooltipTop */
.tooltip-top{ position: relative; }
.tooltip:after, .tooltip:before, [data-tooltip]:after, [data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(.71,1.7,.77,1.24);
    -moz-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(.71,1.7,.77,1.24);
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    pointer-events: none;
}
.tooltip:before, [data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: 0 0;
    content: "";
}
.tooltip-top:before, .tooltip:before, [data-tooltip]:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: inherit;
}
.tooltip-top:after, .tooltip-top:before, .tooltip:after, .tooltip:before, 
[data-tooltip]:after, [data-tooltip]:before {
    bottom: 100%;
    left: 50%;
}
.tooltip-bottom:after{
    bottom: -100%;
}
.tooltip-bottom:before{
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: transparent;
}
.tooltip-bottom:before{
    bottom: -7px;
}
.tooltip-top:focus:after, .tooltip-top:focus:before, .tooltip-top:hover:after, .tooltip-top:hover:before, 
.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, [data-tooltip]:focus:after, 
[data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}
.tooltip-top:after, .tooltip:after, [data-tooltip]:after {
    margin-left: -60px;
}
.tooltip:after, [data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 120px;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
}
.tooltip:focus:after, .tooltip:focus:before, .tooltip:hover:after, .tooltip:hover:before, 
[data-tooltip]:focus:after, [data-tooltip]:focus:before, [data-tooltip]:hover:after, [data-tooltip]:hover:before {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(Opacity=100);
    opacity: 1;
}


/*  ===============================================
    Slick_dots/arrows
------------------------*/
.slick-slide{ border: 0; outline: 0; padding: 0 15px;}
.slick_slider.no-gutters .slick-slide { padding: 0; }
.slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after{
    position: absolute;
    content: "";
    top: 0;
    left: -15px;
    height: 100%;
    width: 1px;
    background-color: #e4e4e4;
}
.prt-bgcolor-darkgrey .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after,
.prt-bgcolor-skincolor .slick-slide_ver-sep .slick-slide.slick-active:not(.slick-current) > div:after{
    background-color: rgba(255,255,255,.3);
}
.slick_slider.slick_slider-opacity_block .slick-list {
    overflow: visible;
}


.slick_slider .slick-arrow {
    height: 37px;
    width: 37px;
    border-radius: 5px;
    z-index: 1;
    border: 0;
    color: inherit;
    background-color: rgba(255,255,255,.07);
    box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08);
    border: 0;
}
.slick_slider .slick-next{ right: 0; }
.slick_slider .slick-prev:before, .slick_slider .slick-next:before {
    font-family: 'themify';
    font-size: 10px;
    line-height: 1;
    color: #000;
    opacity: 1;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick_slider .slick-prev:before {
    content: "\e64a";
}
.slick_slider .slick-next:before {
    content: "\e649";
}
.slick-prev,.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

/* style1 */
.slick_slider.slick-arrow-style1 .slick-arrow{
    height: 50px;
    width: 50px;
    border-radius: 50px;
    z-index: 1;
    color: inherit;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}
.slick_slider.slick-arrow-style1 .slick-next{ 
    left: -10px;
    top: 50%;
}
.slick_slider.slick-arrow-style1 .slick-prev {
    right: -10px;
    top: 50%;
}
.slick_slider.slick-arrow-style1 .slick-prev:before,
.slick_slider.slick-arrow-style1 .slick-next:before{
    font-size: 14px;
}
.slick_slider.slick-arrow-style1 .slick-prev:before {
    content: '\e826';
    font-family: 'fontello';
}
.slick_slider.slick-arrow-style1 .slick-next:before {
    content: '\e834';
    font-family: 'fontello';
}
.slick-prev.slick-arrow-style1,
.slick-next.slick-arrow-style1{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick_slider.slick-arrow-style1 .slick-next:hover:before,
.slick_slider.slick-arrow-style1 .slick-prev:hover:before{
    color: var(--base-white);
}
.slick_slider.slick-arrow-style1 .slick-next:hover,
.slick_slider.slick-arrow-style1 .slick-prev:hover{
    background-color: var(--base-skin);
    border-color: var(--base-skin);
}

/*slick-arrow-style2*/


.slick_slider_center.slick-arrow-style2 .slick-prev:before,
.slick_slider_center.slick-arrow-style2 .slick-next:before {
    font-family: 'themify';
    font-size: 10px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick_slider_center.slick-arrow-style2 .slick-prev:before {
    content: "\e64a";
}
.slick_slider_center.slick-arrow-style2 .slick-next:before {
    content: "\e649";
}
.slick_slider_center.slick-arrow-style2 .slick-arrow{
    height: 30px;
    width: 30px;
    border-radius: 50px;
    z-index: 1;
    color: inherit;
    background-color: transparent;
    border: 2px solid #fff;
}
.slick_slider_center .slick-prev:hover:before,
.slick_slider_center .slick-next:hover:before{color: var(--base-white);}

.slick_slider_center.slick-arrow-style2 .slick-next{ 
    left: 48.6%;
    top: 545px;
}
.slick_slider_center.slick-arrow-style2 .slick-prev {
    left: 50.3%;
    top: 545px;
}
/*slick-dots
*/

.slick_slider.slick-dots-style1 ul.slick-dots {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.slick_slider.slick-dots-style1 ul.slick-dots li{
    display: inline-block;
    list-style: none;
    line-height: 0;
}

.slick_slider.slick-dots-style1 ul.slick-dots li button {
    height: 10px;
    width: 10px;
    border: 0;
    font-size: 0;
    padding: 0;
    border-radius: 50%;
    position: relative;
    margin: 0px 10px 0 0;
    background-color: rgba(255, 255, 255, 0.32);
}
.slick_slider.slick-dots-style1 ul.slick-dots{margin-top: 13px;}
.slick_slider.slick-dots-style1 ul.slick-dots li.slick-active button{
    background-color: #fff;
}


/*  ===============================================
    TopBar
------------------------*/
.top_bar {
    width: 100%;
    z-index: 3;
    height: 44px;
    line-height: 44px;
    position: relative;
    background-color: var(--base-dark);
    text-align: center;
    display: flex;
    align-items: center;
}
.top_bar_contact_item.text-center {
    font-size: 13px;
    line-height: 23px;
    color: rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_bar_icon {
    display: inline-block;
    margin-right: 8px;
    line-height: 6px;
}
.top_bar_icon i{
    font-size: 18px;
    line-height: 6px;
    color: var(--base-skin);
}
.top_bar .top_bar_contact_item a{ color: var(--base-white); padding-left: 6px; }
.top_bar .top_bar_contact_item a:hover{ color: var(--base-skin); }

/*  ===============================================
    Header
------------------------*/
/** SiteBrand(logo) **/
.site-branding{
    display: flex;
}
.site-branding h1{margin-bottom: 0; line-height: 0;}
.site-branding #logo-img{
    max-width: 165px;
    z-index: 1;
    position: relative;
}

/* header_extra */

.header_extra { position: relative; }
.header_extra .contact_item.with-icon span{ 
    display: flex;
    align-items: center;
    padding-left: 15px;
    margin-left: 15px;
    position: relative;
}
.header_extra .contact_item.with-icon span:before{
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #dedede;
}
.header_extra .contact_item.with-icon a{ 
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}
.header_extra .contact_item.with-icon i{ 
    color: #67d449;
    font-size: 20px;
    line-height: 20px;
}
.header_extra .contact_item-link a{ font-size: 14px; line-height: 24px; font-weight: 400; }

.header_extra ul.social-icons{ margin-left: 22px; }
.header_extra ul.social-icons li a{
    font-size: 13px;
    line-height: 32px;
    font-weight: 500;
    width: 32px;
    height: 32px;
    border: 1px solid #dddddd;
    background-color: transparent;
    border-radius: 5px;
    text-align: center;
}
.header_extra ul.social-icons li a:hover{
    background-color: var(--base-dark);
    border: 1px solid var(--base-dark);
    color: var(--base-white);
}


/** SiteNavigation(Menu) **/
.site-navigation {
    position: relative;
    z-index: 2;
}
nav.main-menu ul {
    position: relative;
    margin: 0;
}
#site-header-menu .site-navigation ul.menu > li >a {
    font-size: 20px;
    text-decoration: none;
    z-index: 1;
}
#site-header-menu .site-navigation ul.menu > li >a:before,
#site-header-menu .site-navigation ul.menu > li.active >a:before{
    content: "";
    width: 0%;
    height: 1px;
    background-color: var(--base-dark);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 52px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
#site-header-menu .site-navigation ul.menu > li:hover >a:before,
#site-header-menu .site-navigation ul.menu > li.active >a:before{
    width: 100%;
    opacity: 1;
}
#site-header-menu .site-navigation ul.menu{ display: flex; }

/* banner_slider */
.banner_slider.slick-slider .slick-prev, .banner_slider.slick-slider .slick-next{
    opacity: 0;
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding-right: 3px;
    text-align: center;
    position: absolute;
    display: block;
    z-index: 1;
    margin: 0 20px;
    background: rgba(34, 54, 69, 0.5);
    border-radius: 50%;
}
.banner_slider.slick-slider .slick-next { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.banner_slider.slick-slider:hover .slick-prev, .banner_slider.slick-slider:hover .slick-next{
    opacity: 1;
    visibility: visible;
}
.banner_slider.slick-slider .slick-prev:hover, .banner_slider.slick-slider .slick-next:hover {
  background: #000;
}
.banner_slider.slick-slider .slick-prev:before, .banner_slider.slick-slider .slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    opacity: 1;
    color: #fff;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.banner_slider.slick-slider .slick-prev:before {
    content: "\f053";
}
.banner_slider.slick-slider .slick-next:before {
    content: "\f054";
}

/* banner_slide */
.slide  {
    height: 680px;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
.slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0;
}
.slide .slide__img img {
    opacity: 1 ;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    transition: all 1s ease;
}
.slide .slide__content {
    position: relative;
    height: 100%;
    display: flex;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
}
.slide .slide__content--headings {
    padding: 15px 0;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    align-items: center;
    transition: all 0.5s ease;
}

/* banner_slider_1 */
.banner_slider_1 .slide__content {
    background-color:rgba(0,17,62,0.35);
}
.banner_slider_1 .slide__content--headings h2 {
    line-height: 112px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 87px;
}
.banner_slider_1 .slide__content--headings > h3 {
    line-height: 50px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 34px;
    margin-bottom: 0;
}
.banner_slider_1 .slide__content--headings p {
    color: rgb(220, 221, 222);
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 21px;
}

/* banner_slider_2 */
.banner_slider_2 .slide__content--headings{
    padding: 15px 0;
    position: relative;
    z-index: 1;
    display: table;
    margin: 0 auto;
    transition: all 0.5s ease;
}
.banner_slider_2 .slide__content--headings h3 { 
    text-align: left;
    line-height: 0;
}
.banner_slider_2 .slide__content--headings span.num {
    font-weight: 700;
    font-size: 18px;
    position: relative;
    padding-right: 200px;
}
.banner_slider_2 .slide__content--headings span.num:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 0;
}
.banner_slider_2 .slide__content--headings span {
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 24px;
}
.banner_slider_2 .slide__content--headings h2 {  
    display: inline-block;
    line-height: 102px;
    font-weight: 700;
    font-size: 87px;
    position: relative;
}
.banner_slider_2 .slide__content--headings h2:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 46.5%;
    left: auto;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/* banner_slider_3 */
.banner_slider_3_overlay .slide { height: 742px; }
.banner_slider_3 .slide__content {
    background-color: rgba(0, 18, 62, 0.54);
}
.banner_slider_3 .slide__content--headings {
    padding: 15px 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
    transition: all 0.5s ease;
}
.banner_slider_3 .slide__content--headings .quotes-1,
.banner_slider_3 .slide__content--headings .quotes-2 {
    width: 55%;
    height: 100%;
    padding-right: 120px;
    position: relative;
}
.banner_slider_3 .slide__content--headings .quotes-2 {
    padding-left: 100px;
    padding-right: 0;
}
.banner_slider_3 .slide__content--headings .quotes-1:after,
.banner_slider_3 .slide__content--headings .quotes-2:after {
    position: absolute;
    content: "";
    /* height: 100%; */
    width: 3px;
    right: 60px;
    top: -5%;
    bottom: -5%;
}
.banner_slider_3 .slide__content--headings .quotes-2:after {
    left: 0;
}
.banner_slider_3 .slide__content--headings .quotes-1 blockquote ,
.banner_slider_3 .slide__content--headings .quotes-2 blockquote {
    line-height: 34px;
    letter-spacing: 0px;
    font-weight: 300;
    font-size: 18px;
    text-decoration: underline;
    font-style: italic;
    position: relative;
    padding: 60px 0 30px 0;
    margin: 0;
}
.banner_slider_3 .slide__content--headings .quotes-2 blockquote {
    text-decoration: none;
    padding: 20px 0 20px 0;
}
.banner_slider_3 .slide__content--headings .quotes-1 blockquote:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 40px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    top: 0;
    left: 0;
}
.banner_slider_3 .slide__content--headings h2 {
    line-height: 82px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 72px;
    margin-bottom: 20px;
}
.banner_slider_3 .slide__content--headings h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 10px;
}
.banner_slider_3 .slide__content--headings p {
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 16px;
}

@media only screen and (max-width: 1200px){
    .banner_slider_3_overlay .slide { height: 660px; }
    .banner_slider_3 .slide__content--headings h2 { font-size: 62px; line-height: 72px; }
}

@media only screen and (max-width: 1024px){
    .banner_slider .slide { height: 460px; }
    .banner_slider_1 .logo-icon img { max-height: 58px; }
    .banner_slider_1 .slide__content--headings h2 { font-size: 72px; line-height: 82px; }
    .banner_slider_3 .slide__content--headings h2 { font-size: 52px; line-height: 62px; margin-bottom: 10px; }
    .banner_slider_3 .slide__content--headings .quotes-2 { padding-left: 70px; }
}

@media only screen and (max-width: 991px){ 
    .banner_slider_1 .slide__content--headings h2 { font-size: 55px; line-height: 65px; }
    .banner_slider_1 .slide__content--headings p { font-size: 16px; line-height: 26px; }

    .banner_slider_2 .slide__content--headings span.num { padding-right: 80px; }
    .banner_slider_2 .slide__content--headings span { font-size: 20px; line-height: 1; }
    .banner_slider_2 .slide__content--headings h2 { font-size: 60px; line-height: 70px; }

    .banner_slider_3 .slide__content--headings .quotes-1,
    .banner_slider_3 .slide__content--headings .quotes-2 { display: none; }
    .banner_slider_3 .slide__content--headings { text-align: center; display: block; }
    .banner_slider_3 .slide__content--headings p { padding: 0 0 15px 0; margin: auto; width: 70%; }

}

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

    .banner_slider .slide { height: 400px; }

    .banner_slider .slide__content--headings p { display: none; }

    .banner_slider_1 .logo-icon img { max-height: 50px; }

    .banner_slider_2 .slide__content--headings h3 { text-align: center; margin-bottom: 15px; }
    .banner_slider_2 .slide__content--headings span.num { display: none; }

    .banner_slider_3 .slide__content--headings h2 { font-size: 46px; line-height: 56px; margin-bottom: 0; }
}

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

    .banner_slider .slide { height: 300px; }

    .banner_slider_1 .logo-icon img { max-height: 40px; }
    .banner_slider_1 .prt-icon { height: 50px; width: 50px; line-height: 50px; margin-bottom: 15px; }
    .banner_slider_1 .prt-icon i { font-size: 32px; }

    .banner_slider_2 .slide__content--headings span { font-size: 18px; line-height: 1; }
    .banner_slider_1 .slide__content--headings h2 { font-size: 33px; line-height: 46px; margin-bottom: 0; }
    .banner_slider_2 .slide__content--headings h2 { font-size: 38px; line-height: 50px; margin-bottom: 0; }

    .banner_slider_3 .slide__content--headings h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; }
    .banner_slider_3 .slide__content--headings h2 { font-size: 33px; line-height: 46px; margin-bottom: 0; }

    .slide .prt-btn.prt-btn-size-md:not(.btn-inline) {
        padding: 9px 20px;
        font-size: 12px;
    }

}

@media only screen and (max-width: 480px){
    .banner_slider .slide { height: 320px; }
}

/* /////////// IMAGE ZOOM /////////// */
.banner_slider .slide_img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right;
    background-size: cover;
}
.slick-active .slide_img {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear 0s;
    -moz-animation: imageAnimation 36s linear 0s;
    -o-animation: imageAnimation 36s linear 0s;
    -ms-animation: imageAnimation 36s linear 0s;
    animation: imageAnimation 36s linear 0s;
}
@keyframes imageAnimation { 
  0% { animation-timing-function: ease-in; }
  8% { transform: scale(1.02); animation-timing-function: ease-out; }
  17% { transform: scale(1.04); animation-timing-function: ease-out; }
  22% { transform: scale(1.02); } 25% { -transform: scale(1.1); }
}


/* ===============================================
    Footer
------------------------*/
.footer{
    position: relative;
    background-color: var(--base-dark);
    background-image: url(../images/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.footer.text-base-white,
.footer.text-base-white a {
    color: rgb(255, 255, 255);
}


/*second-footer*/
.second-footer{ padding: 50px 0 50px; }
.footer-widget-box.prt-pr { padding-right: 30px; }
.footer-widget-box.prt-pl { padding-left: 30px; }

.footer-menu-links,
ul.prt-list.footer-cta-list{ margin-top: 15px; }

.footer-widget-box .social-icons{ margin-top: 25px; }

.newsletter-form-main{ margin-top: 25px; }

.footer-widget-box .footer-img{ margin: 0 -15px; }

.widget-title-h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: var(--base-white);
}
ul.footer-menu-list,
ul.footer-social-icons {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.footer-menu-list li.footer-menu-item{
    padding: 7px 0;
    font-size: 14px;
    line-height: 24px;
    width: calc(49% - 15px);
    display: inline-block;
}
ul.footer-menu-list li.footer-menu-item a{
    color: var(--base-white);
}
ul.footer-menu-list li.footer-menu-item a:hover{ color: var(--base-skin); }


/*.newsletter-form*/
.second-footer .newsletter-form {
    position: relative;
    margin-bottom: 0px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.second-footer .newsletter-form .mailchimp-inputbox {
    display: table;
    width: 100%;
    padding: 0px;
    position: relative;
    z-index: 1;
}
.second-footer .newsletter-form input[type="email"] {
    background-color: transparent;
    border-color: transparent;
    color: var(--base-white);
    padding: 15px 60px 15px 20px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 15px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    position: relative;
}
.second-footer .newsletter-form input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.50); }

.second-footer .newsletter-form button[type="submit"] {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    top: 0px;
    bottom: 0;
    right: 20px;
    font-size: 15px;
    line-height: 52px;
    color: var(--base-white);
    background-color: transparent;
    cursor: pointer;
}

/* checkbox  */
.footer input[type=checkbox]{
    visibility: hidden;
    position: absolute;
}
.footer input[type=checkbox] + label{
    height: 16px;
    width: 16px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 5px;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-right: 8px;
}
.footer input[type=checkbox] + label:before{
    height: 15px;
    width: 15px;
    border: 1px solid #fff;
    border-radius: 3px;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-right: 8px;
}
.footer .widget-form p.cookies,
.footer .widget-form p.cookies a {
    color: rgb(255 255 255);
    font-size: 14px;
    line-height: 24px;
}
.footer input[type=checkbox]:checked + label:before{
    content: "";
    border: solid;
    border-color: var(--base-skin);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    background-color: transparent!important;
    border-radius: 0;
    position: relative;
    vertical-align: middle;
}
.footer .widget-form p.cookies a.underline:before{
    height: 1px;
    background-color: rgb(255 255 255 / 60%);
}


/*prt-footer-cta*/
ul.prt-list.footer-cta-list li{
    width: calc(49% - 1px);
    display: inline-block;
    padding: 6px 0;
}
ul.prt-list.footer-cta-list li,
ul.prt-list.footer-cta-list li a{
    font-size: 15px;
    line-height: 25px;
    color: rgba(255 255 255 / 0.70);
}
ul.prt-list.footer-cta-list li a:hover{ color: var(--base-skin) ; }

/*footer-social-icons*/
ul.footer-social-icons li a{
    font-size: 14px;
    padding: 3px 16px;
    border: 1px solid rgb(255 255 255 / 25%);
    border-radius: 5px;
    margin: 5px 5px 5px 0;
}
ul.footer-social-icons li a:hover { background-color: var(--base-dark); color: var(--base-white) !important; }

/** copyright **/
.copyright{ margin: 40px 0 0; }

.copyright .cpy-text,
.copyright .cpy-text a{
    font-size: 14px;
    line-height: 24px;
    color: rgba(255 255 255 / 0.70);
    margin-top: 5px;
}
.copyright .cpy-text p{ margin-bottom: 0; }
.copyright .footer-nav-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.copyright ul.footer-nav-menu li {
    display: inline-block;
    margin-left: 2px;
    padding-left: 9px;
    font-size: 14px;
    padding-bottom: 0px;
    position: relative;
}
.copyright ul.footer-nav-menu li a{
    color: rgba(255 255 255 / 0.70);
}
.copyright ul.footer-nav-menu li a:hover{ color: var(--base-skin); }
.copyright ul.footer-nav-menu li:not(:first-child):after {
    position: absolute;
    content: "|";
    top: 0;
    left: 0;
    color: rgba(255 255 255 / 0.70);
}
.copyright ul.footer-nav-menu li:first-child{
    padding-left: 0;
    margin-left: 0;
}

/*bottom-footer*/
.bottom-footer{
    background-color: var(--base-dark);
    padding: 10px 0;
}



/* ===============================================
    GoTop BUtton
------------------------*/
#totop{
    font-weight: 900;
    color: #fff;
    display: none;
    position: fixed;
    right: 34px;
    bottom: 50px;
    z-index: 999;
    height: 0;
    width: 0;
    font-size: 0;
    text-align: center;
    padding-top: 3px;
    line-height: 34px;
    border-radius: 3px;
    transition: .3s ease-in-out;
}
#totop.top-visible {
    height: 40px;
    width: 40px;
    font-size: 22px;
    display: inline;
    background-color: var(--base-skin);
    background: linear-gradient(to right,var(--base-first-gradientcolor) 0%, 
                var(--base-second-gradientcolor) 100%,var(--base-first-gradientcolor) 100%);
}
@keyframes jump {
  0% { bottom: 20px; } 50% { bottom: 40px; } 100% { bottom: 20px; }
}
#totop.top-visible  {
  animation: jump 4s infinite;
}


/* ===============================================
    Page-Title-Row
------------------------*/
.prt-page-title-row { 
    background-image: url(../images/pagetitle-bg.jpg);
    width: 100%;
    position: relative;
    z-index: 1;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--base-dark);
}
.prt-page-title-row-inner {
    position: relative;
    width: 100%;
    padding: 77px 0 85px;
    text-align: center;
    background-color: rgba(0,0,0,0.50);
}
.page-title-heading h2 {
    font-weight: 500;
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 12px;
    color: var(--base-white);
    font-family: var(--base-headingfont);
}
.breadcrumb-wrapper {
    z-index: 99;
    margin: 0;
    padding: 10px 0 0;
    border-top: 1px solid rgb(255 255 255 / 30%);
    position: relative;
}
.breadcrumb-wrapper span{
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    font-family: var(--base-headingfont);
    position: relative;
    color: var(--base-skin);
    padding-right: 13px;
}
.breadcrumb-wrapper span:last-child{
    padding-right: 0;
}
.breadcrumb-wrapper span a{
    color: var(--base-white);
}
.breadcrumb-wrapper span a:first-child:after,
.breadcrumb-wrapper span a:nth-child(2):after {
    position: absolute;
    content: "/";
    font-size: 15px;
    right: 4px;
    top: 3px;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

/*style1*/
.prt-page-title-row.style1 .prt-page-title-row-inner {
    padding: 60px 0;
    background-color: rgba(0,0,0,0.30);
}
.prt-page-title-row.style1 .prt-schedule{
    position: relative;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 10px;
    padding: 41px 50px 50px;
    text-align: left;
}
.prt-page-title-row.style1 .prt-schedule-title h2{
    font-size: 34px;
    line-height: 44px;
    font-weight: 500;
    color: var(--base-white);
}
.prt-page-title-row.style1 .prt-schedule-title p{
    font-size: 18px;
    line-height: 25px;
    color: var(--base-white);
}
.prt-page-title-row.style1 .prt-schedule-block h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: var(--base-white);
    margin-bottom: 10px;
}
.prt-page-title-row.style1 .prt-schedule-block p{
    color: var(--base-white);
}

/*style2*/
.prt-page-title-row.style2{
    background-image: url(../images/pagetitle-bg01.jpg);
}
.prt-page-title-row.style2 .prt-page-title-row-inner{ 
    text-align: left; 
    background-color: rgba(0,0,0,0.30);
    padding: 65px 0;
}
.prt-page-title-row.style2 .prt-page-title-row-heading{
    padding-right: 100px;
}
.prt-page-title-row.style2 .page-title-heading h3{
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: var(--base-white);
}
.prt-page-title-row.style2 .page-title-heading h2 {
    font-size: 54px;
    line-height: 64px;
    font-weight: 600;
    margin-bottom: 23px;
    color: var(--base-white);
    font-family: var(--base-headingfont);
}
.prt-page-title-row.style2 .page-title-desc p{ color: rgba(255, 255, 255, 0.70); margin-bottom: 0; }
.prt-page-title-row.style2 .prt-pagetitle-appointment-block{
    position: relative;
    border: 1px solid rgba(255 255 255 / 0.15);
    background-color: rgba(255 255 255 / 0.08);
    border-radius: 10px;
    padding: 20px 30px 40px;
}
/*style3*/
.prt-page-title-row.style3 .prt-page-title-row-inner{
    padding: 97px 0 105px;
    min-height: 400px;
}

/*style4*/
.prt-page-title-row.style4 .prt-page-title-row-inner{
    padding: 100px 0 100px;
}
.prt-page-title-row.style4 .page-title-heading h3{
    display: inline-block;
    padding: 8px 30px;
    background-color: var(--base-skin);
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 25px;
}
.prt-page-title-row.style4 .page-title-heading h2{
    font-size: 54px;
    line-height: 64px;
    font-weight: 600;
}
.prt-page-title-row.style4 .user-id { 
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
}
.prt-page-title-row.style4 span.user-image img { border-radius: 50%; }
.prt-page-title-row.style4 span.auther-name {
    font-size: 16px;
    font-weight: 400;
    color: var(--base-white);
    padding: 3px 10px;
    display: inline-block;
}

/* ===============================================
    Inner-Pages
------------------------*/

/*------------------------------------------------------------------------------*/
/*  single_services
/*------------------------------------------------------------------------------*/ 
.prt-service-single-content-area div:not(.featured-title) > h3 { font-size: 40px;line-height: 50px;margin-bottom: 28px; }
.prt-service-single-content-area p:not(:last-child) { margin-bottom: 25px; }
.prt-service-single-content-area .prt_fatured_image-wrapper { position: relative; overflow: hidden;}
.prt-service-single-content-area img { width: 100%; }

.prt-service-description .progress-bar-content h3.title{
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 15px;
}
.aboutservice-block {
    text-align: center;
    padding: 40px 40px 30px;
    border-radius: 10px;
}
.aboutservice-content {
    text-align: center;
    position: relative;
}
.aboutservice-content h3.title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
}
/*------------------------------------------------------------------------------*/
/*  single_team
/*------------------------------------------------------------------------------*/ 
.team-details-content {
    padding: 50px;
    background-color: var(--base-grey);
    border-radius: 10px;
}
.team-details-image-wrapper .team-details-image {
    border-radius: 10px;
}
.team-details-info-title h3 {
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 10px;
}
.team-details-info-position span {
    font-weight: 500;
    color: var(--base-dark);
}
.team-details-info-desc p {
    margin-top: 25px;
    margin-bottom: 10px;
}
.team-details-social {  margin-top: 20px; }
.team-details-social .social-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.team-details-social .social-icons li a{
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: var(--base-darkblack);
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.team-details-social .social-icons li a:hover {
    background-color: var(--base-dark);
    border-color: transparent;
    color: #fff;
}

.team-details-form-block {
    position: relative;
    padding: 68px 120px 80px;
    background-color: var(--base-grey);
    border-radius: 10px;
}
.team-details-form-block h3 {
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 48px;
}
/*team-details-list*/
.team-details-list li {
   padding: 6px 0;
}
.team-details-list li span {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: var(--base-headingfont-color);
    padding-right: 10px;
}
.team-details-list li a {
    font-size: 15px;
    color: var(--base-bodyfont-color);
}
.team-details-list li a:hover { color: var(--base-skin); }

/*------------------------------------------------------------------------------*/
/*  single_portfolio
/*------------------------------------------------------------------------------*/ 
.prt-case-single-content div:not(.featured-title) > h3,
.prt-case-single-content-area h3,
.process-content h3{ font-size: 40px; line-height: 50px; }
.prt-about-solutions-content{ 
    background-color: var(--base-white);
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 8%);
    padding: 40px 40px 40px;
}
.prt-about-solutions-content h3{ font-size: 26px; line-height: 36px; }
.prt-about-solutions-img{ box-shadow: 0px 0px 30px rgb(0 0 0 / 8%); }

/*------------------------------------------------------------------------------*/
/*  Project_patient
/*------------------------------------------------------------------------------*/ 
.prt-patient-single-content-wrapper-innerbox h2{ font-size: 40px; line-height: 50px; }
.prt-patient-single-content-area div:not(.featured-title) > h3,
.patient-section-title h3.title { font-size: 26px; line-height: 36px; }

.prt-patient-detail-box { 
    position: relative;
    padding-right: 110px;
}
.prt-patient-detail-box:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 38px;
    background-color: #000000;
}
.prt-patient-detail-box .prt_patient_image-wrapper { 
    border-radius: 10px;
    overflow: hidden;
}
.prt-portfolio-description.prt-patient-detail-box p:last-child {
    margin-bottom: 0;
}
.prt-patient-single-detail-box ul.project-details{
    margin: 26px 0 0;
    padding: 0;
}
.prt-patient-single-detail-box ul.project-details li {
    position: relative;
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: var(--base-headingfont-color);
    padding: 14px 0;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.prt-patient-single-detail-box ul.project-details li > span { 
    display: inline;
    font-size: 18px;
    font-weight: 600;
}

.prt-patient-single-detail-box ul.project-details li:last-child { padding: 11px 0 0 0;border-bottom: 0 }

.prtpatient-single-content-area {
    padding-top: 15px;
}
.prt-patient-single-content-area h2 {
    text-align: left;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 25px;
}
.prt-patient-single-content-area .social-media-block {
    display: block;
    clear: both;
    padding: 3px 0 25px;
    border-bottom: 1px solid #e6e9ef;
}
.prt-patient-single-content-area .social-icons li>a {
    border: 1px solid #e7e7e7;
    background-color: transparent;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    color: #676b72;
}
.prt-patient-single-content-area .social-icons li>a:hover {
    border-color: var(--base-white);
    color: var(--base-white);
    background-color: var(--base-skin);
}
.prt-patient-single-content-area .prt-patient-single-category span {
    color: var(--base-skin);
    font-size: 15px;
    font-weight: 600;
}
.prt-patient-single-content-area .prt-patient-single-category a:not(:hover ) {
    color: inherit;
}
.prt-nextprev-bottom-nav {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.patient-img img{ border-radius: 30px; }
/*------------------------------------------------------------------------------*/
/*  Single_Blog
/*------------------------------------------------------------------------------*/

.blog-content-area .profile-block{
    background-color: var(--base-white);
    border: 1px solid #e7e7e7;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
    padding: 30px 30px 30px 26px;
    border-radius: 15px;
    text-align: center;
}
.blog-content-area .profile-block .profile-img{
    border-radius: 50%;
    overflow: hidden;
    width: 120px;
    margin: 0 auto;
}
.blog-content-area .profile-block h3.profile-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 70px;
    position: relative;
}
.blog-content-area .profile-block h3.profile-title:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 10%);
    margin: 0 auto;
}
.prt-blog-single-content .blog-single-title h3 {
    font-size: 33px;
    line-height: 43px;
    font-family: var(--base-headingfont);
}
.profile-social-icons ul li{
    display: inline-block;
    font-size: 15px;
    font-family: var(--base-headingfont);
    padding: 2px 30px 4px;
    border: 1px solid rgb(0 0 0 / 20%);
    border-radius: 50px;
    margin: 10px 5px 0;
    width: 150px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.profile-social-icons ul li:hover{
    background-color: var(--base-dark);
    border: 1px solid var(--base-dark);
}
.profile-social-icons ul li:hover a{
    color: var(--base-white);
}
.prt-blog-single .prt-blog-single-content h2.entry-title{
    font-size: 44px;
    line-height: 54px;
}
.prt-blog-single h3 {
    font-size: 26px;
    line-height: 36px;
}

.prt-blog-single blockquote {
    display: block;
    position: relative;
    text-align: left;
    background: var(--base-grey);
    border: 1px solid #e7e7e7;
    border-radius: 15px;
    padding: 55px 35px 30px;
    margin: 0;
}
.prt-blog-single-content .social-media-block .social-icons li a {
    color: var(--base-headingfont-color);
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin: 5px 0 5px 3px;
}
.prt-blog-single-content .social-media-block .social-icons li a:hover{
    background-color: var(--base-dark);
    border-color: var(--base-dark);
    color: var(--base-white);
    
}
.prt-blog-single blockquote .qoute-text{
    color: var(--base-bodyfont-color);
    font-family: var(--base-headingfont);
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    font-style: italic;
    position: relative;
}
.prt-blog-single blockquote .qoute-text:after{
    content: "";
    position: absolute;
    top: -38px;
    left: 25px;
    width: 88px;
    height: 74px;
    background-image: url(../images/icon11.html);
    background-repeat: no-repeat;
}
.prt-blog-single blockquote cite{
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    color: var(--base-dark);
}
.prt-blog-single blockquote cite span{
    font-weight: 400;
    color: var(--base-bodyfont-color);
    font-size: 16px;
    padding-left: 5px;
}
/*.blog-cta*/
.prt-blog-single .blog-cta{
    border-radius: 30px;
    text-align: center;
    padding: 65px 50px 39px;
}
.prt-blog-single .blog-cta h3{
    font-size: 24px;
    line-height: 34px;
}
.prt-blog-single .blog-cta a{ border-bottom: 1px solid rgba(255, 255, 255, 0.30);padding-bottom: 2px; }
/*post-meta-block*/
.prt-blog-single .post-meta-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.prt-blog-single .post-meta img{ 
    max-width: 81px;
    height: 81px;
    object-fit: cover;
    border-radius: 50%; 
    margin-right: 22px;
}
.prt-blog-single .post-meta span.prt-meta-line{
    font-size: 18px;
    line-height: 28px;
    color: var(--base-headingfont-color);
}
.prt-blog-single .post-meta span.prt-meta-line.date{
     padding-right: 15px;
     margin-right: 15px;
     position: relative;
     border-right: 1px solid rgba(0, 0, 0, 0.10);
}
/*social-media-block*/
.social-media-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 15px;
    border-bottom: 1px solid #ece9e0;
    border-top: 1px solid #ece9e0;
}
.prt-blog-single span.prt-tags-links-title{
    font-size: 15px;
    color: var(--base-dark);
    font-weight: 700;
}
.prt-blog-single .social-media-block .prt-tags-links a {
    font-size: 15px;
    display: inline-block;
    font-weight: 500;
    font-family: var(--base-headingfont);
    color: var(--base-dark);
    padding: 2px 15px 4px;
    border-radius: 50px;
    border: 1px solid rgb(0 0 0);
    margin: 5px 5px 5px 0;
}
.prt-blog-single .social-media-block .prt-tags-links a:last-child {
    margin: 0;
}
.prt-blog-single .social-media-block .prt-tags-links a:hover {
    background-color: var(--base-dark);
    color: #fff;
    border: 1px solid var(--base-dark);
}
.prt-blog-single .prt-social-share-wrapper{
    display: flex;
    align-items: center;;
    padding-top: 0;
}
.prt-blog-single .prt-social-share-wrapper ul li {
    display: inline-block;
    margin: 5px 6px 5px 0;
}
.prt-blog-single .prt-social-share-wrapper ul li:last-child { margin: 5px 0 5px 0; }
.prt-blog-single .prt-social-share-wrapper ul li a {
    border: 1px solid rgba(0 0 0 / 0.10);
    text-align: center;
    display: block;
    font-size: 15px;
    padding: 0;
    color: rgba(0, 0, 0, 0.50);
    font-weight: 400;
    border-radius: 50px;
    width: 38px;
    height: 38px;
    line-height: 38px;
}
.prt-blog-single .prt-social-share-wrapper ul li a:hover {
    background-color: var(--base-skin);
    color: #fff;
    border: 1px solid var(--base-skin);
}
.prt-social-share-wrapper a{
    border-radius: 10px;
    padding: 7px 20px;
    font-size: 15px;
    font-family: var(--base-headingfont);
    font-weight: 400;
    margin-right: 5px;
    background-color: var(--base-grey);
    border: none !important;
}


/*blog-comment*/
.prt-blog-classic-box-comment_1 h3{
    font-size: 34px;
    line-height: 44px;
    font-weight: 500;
}
.comments-area {
    position: relative;
}
.comments-area h3.comment-reply-title{
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 14px
}
.comments-area p { margin-bottom: 20px; }
.comment-form textarea, .comment-form input[type="date"],
.comment-form input[type="text"], 
.comment-form input[type="email"], .comment-form input[type="url"],
.comment-form select {
    vertical-align: middle;
    width: 100%;
    color: #000;
    padding: 9px 15px;
    font-weight: 500;
    background-color: var(--base-grey);
    text-transform: inherit;
    font-size: 15px;
    line-height: inherit;
    border: none;
    border-radius: 10px;
}
.comment-form label { display: unset; }
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="date"]:focus {
  border-color: transparent;
  border: 1px solid var(--base-skin);
}
.comment-form textarea::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form input[type="date"]::placeholder,
.comment-form input[type="text"]::placeholder,
.comment-form input[type="date"]::placeholder,
.comment-form select::placeholder{
    color: var(--base-bodyfont-color);
}
.comment-form span.text-input select { color: rgb(255 255 255 / 80%); }
.comment-form span.text-input option { color: var(--base-dark); }
.comment-form select{ padding: 11px 20px 14px 0; color: rgba(0, 0, 0, 0.50); }
.comments-area .comment-form .comment-form-author, 
.comments-area .comment-form .comment-form-phone,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-age,
.comments-area .comment-form .comment-form-doctors,
.comments-area .comment-form .comment-form-date {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 2%;
}
.comments-area .comment-form span.date-bday input[type="date"] {
    background-color: var(--base-dark);
    padding: 18px 15px 12px 0;
    color: rgb(255 255 255 / 80%);
}
.comments-area .comment-form input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.comments-area .comment-form .comment-form-phone,
.comments-area .comment-form .comment-form-age,
.comments-area .comment-form .comment-form-date {
    margin-right: 0;
}
.comments-area .comment-form .select-option{ position: relative; }
.comments-area .comment-form .comment-form-diseases{ position: relative; width: 100%; float: left; }
.comments-area .comment-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #888;
}
.comments-area .comment-form .select-option:before{
    right: 20px;
    position: absolute;
    content: "\e64b";
    top: 0;
    bottom: 0;
    font-size: 13px;
    line-height: 57px;
    pointer-events: none;
    font-family: 'themify';
}
.comments-area .comment-form span.text-input {
    margin-bottom: 15px;
    display: block;
    padding-top: 5px;
    position: relative;
}
.comments-area .comment-form span.text-input i {
    position: absolute;
    left: 0;
    top: 20px;
    opacity: .9;
    font-size: 16px;
    z-index: 1;
    color: rgb(255 255 255 / 80%);
}
.bg-img3 .comments-area .comment-form span.date-bday input[type="date"] { background-color: transparent; }

.comments-area_1 h3.comment-reply-title{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.comments-area_1 p.comment-notes { 
    font-size: 16px;
    line-height: 26px;
    font-style: italic;
    color: var(--base-dark);
    margin-bottom: 25px;
}
.comments-area_1 textarea, .comment-form input[type="text"], 
.comments-area_1 input[type="email"], .comment-form input[type="url"] ,
.comments-area_1 input[type="author"], .comment-form input[type="author"] ,
.comments-area_1 input[type="web"], .comment-form input[type="web"] ,
.comments-area_1 .comment-form_1 .comment-form-author input[type="text"], 
.comments-area_1 .comment-form_1 .comment-form-email input[type="text"],
.comments-area_1 .comment-form_1 .comment-form-web input[type="text"] {
    text-transform: inherit;
    padding: 11px 15px;
    border: 1px solid rgba(0 0 0 / 0.10);
    background-color: var(--base-grey);
    border-radius: 10px;
    text-transform: capitalize;
}
.comments-area_1 input[type=checkbox] {
    margin: 0 6px 0 0;
}
.comments-area_1 span.checkbox{
    font-size: 15px;
    line-height: 25px;
    color: var(--base-dark);
}
.comments-area_1 .comment-form_1 textarea::placeholder,
.comments-area_1 .comment-form_1 input[type="text"]::placeholder{
    color: var(--base-bodyfont-color);
}
.comments-area_1 .comment-form_1 .comment-form-author, 
.comments-area_1 .comment-form_1 .comment-form-email,
.comments-area_1 .comment-form_1 .comment-form-web {
    position: relative;
    float: left;
    width: 32%;
    margin-top: 10px;
    margin-right: 2%;
}
.comments-area_1 .comment-form_1 .comment-form-web {
    margin-right: 0;
}
.comments-area_1 textarea:focus, 
.comments-area_1 input[type="text"]:focus, 
.comments-area_1 input[type="email"]:focus, 
.comments-area_1 input[type="author"]:focus,
.comments-area_1 input[type="web"]:focus,
.comments-area_1 input[type="url"]:focus { border: 1px solid var(--base-skin); }
.comments-area_1 .prt-btn-color-skincolor:not(.btn-inline):before {
    background-color: var(--base-dark);
}


/*------------------------------------------------------------------------------*/
/*  Contact_page
/*------------------------------------------------------------------------------*/ 
.prt_contact_widget_wrapper {
    position: relative;
    z-index: 1;
}
.contact-logo-block{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-logo-block h3{
    font-size: 16px;
    line-height: 26px;
    padding: 8px 0 8px 25px;
    margin: 0 0 0 25px;
    border-left: 1px solid rgba(31 99 6 / 0.10);
}
.prt-contact-block1 h3{
    font-size: 20px;
    line-height: 30px;
}
.prt-contact-block1 p.prt-time{
    color: rgba(255, 255, 255, 0.70);
    margin-bottom: 6px;
}
.prt_contact_widget_wrapper .rating-star{  margin-right: 15px; }
.prt_contact_widget_wrapper .rating-star li{
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: #ffa800;
   
}
.prt_contact_widget_wrapper span.headingfont-color{
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
}
.prt_contact_widget_wrapper h2.prt-logo{
    font-size: 56px;
    line-height: 66px;
    font-family: var(--base-headingfontone);
    color: var(--base-dark);
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 0;
}

/*------------------------------------------------------------------------------*/
/*  Map
/*------------------------------------------------------------------------------*/
#map { display: block; height: 450px; width: 100%; }
#map iframe {
    width: 100%;
    height: 100%;
    margin-top: 0;
    filter: brightness( 132% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );;
}

body .page.sticky-column {
      overflow: unset;
}
.main-box{ 
    position: relative; 
    min-height: 680px;
}

.about-preview{

background:#fff;

}

.about-image{

position:relative;

}

.about-image img{

border-radius:30px;

box-shadow:var(--shadow);

}

.floating-box{

position:absolute;

right:-20px;

bottom:30px;

background:var(--primary);

color:#fff;

padding:25px;

border-radius:20px;

text-align:center;

box-shadow:var(--shadow);

}

.floating-box h3{

font-size:40px;

color:#fff;

}

.feature-item{

background:var(--light);

padding:25px;

border-radius:18px;

text-align:center;

margin-bottom:20px;

transition:var(--transition);

}

.feature-item:hover{

transform:translateY(-8px);

background:var(--primary);

color:#fff;

}

.feature-item i{

font-size:40px;

color:#9BC53D;

margin-bottom:15px;

}

.feature-item:hover i{

color:#046404;

}

/* ======================================
        PREMIUM EFFECTS
======================================*/

:root{

--glass:rgba(255,255,255,.18);

--glassBorder:rgba(255,255,255,.35);

--greenGlow:#9BC53D;

--shadowLarge:
0 35px 80px rgba(0,0,0,.15);

}



/*==============================
        GLASS NAVBAR
==============================*/

.navbar{

backdrop-filter:blur(20px);

-webkit-backdrop-filter:blur(20px);

background:rgba(255,255,255,.15);

border-bottom:1px solid rgba(255,255,255,.25);

transition:.5s;

}

.navbar.scrolled{

background:white;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}



/*==============================
        GLASS CARDS
==============================*/

.why-card,
.treatment-card,
.blog-card,
.testimonial-card,
.process-card{

background:rgba(255,255,255,.85);

backdrop-filter:blur(20px);

border:1px solid rgba(255,255,255,.4);

}



/*==============================
        PREMIUM SHADOW
==============================*/

.why-card:hover,
.treatment-card:hover,
.blog-card:hover,
.gallery-item:hover,
.process-card:hover{

box-shadow:

0 40px 80px rgba(0,0,0,.12);

}



/*==============================
        GRADIENT TEXT
==============================*/

.section-heading h2,
.hero h1 span{

background:

#1C5B37
;

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}



/*==============================
        FLOATING LEAF
==============================*/

.floating-leaf{

position:absolute;

width:120px;

opacity:.12;

animation:leafFloat 12s linear infinite;

pointer-events:none;

}

.leaf-left{

left:30px;

top:25%;

}

.leaf-right{

right:30px;

bottom:10%;

}

@keyframes leafFloat{

0%{

transform:
translateY(0)
rotate(0deg);

}

50%{

transform:
translateY(-40px)
rotate(15deg);

}

100%{

transform:
translateY(0)
rotate(0deg);

}

}



/*==============================
        IMAGE SHINE
==============================*/

.gallery-item{

position:relative;

overflow:hidden;

}

.gallery-item::after{

content:"";

position:absolute;

top:-120%;

left:-60%;

width:50%;

height:300%;

background:

rgba(255,255,255,.35);

transform:rotate(25deg);

transition:1s;

}

.gallery-item:hover::after{

left:140%;

}



/*==============================
        HERO GLOW
==============================*/

.hero::before{

content:"";

position:absolute;

width:600px;

height:600px;

background:

radial-gradient(

rgba(155,197,61,.25),

transparent 70%

);

top:-180px;

right:-150px;

filter:blur(60px);

}



/*==============================
        BUTTON GLOW
==============================*/

.btn-main{

position:relative;

overflow:hidden;

}

.btn-main:hover{

box-shadow:

0 0 35px rgba(155,197,61,.6),

0 20px 45px rgba(47,107,53,.35);

}



/*==============================
        HOVER BORDER
==============================*/

.why-card::after,
.blog-card::after{

content:"";

position:absolute;

inset:0;

border:2px solid transparent;

border-radius:25px;

transition:.4s;

}

.why-card:hover::after,
.blog-card:hover::after{

border-color:#9BC53D;

}



/*==============================
        SMOOTH IMAGES
==============================*/

img{

transition:.5s;

}
/*==============================
        SCROLL PROGRESS
==============================*/

#progressBar{

position:fixed;

top:0;

left:0;

height:4px;

width:0;

z-index:99999;

background:linear-gradient(
90deg,
#2F6B35,
#9BC53D
);

box-shadow:0 0 15px #9BC53D;

}

.progress-circle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 32px;
    font-weight: bold;
    color: #2F6B35;
    background: #ddd;
    position: relative;
flex: 0 0 160px;
}

.progress-circle span {
    width: 120px;
    height: 120px;
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*==============================
        FLOATING LEAVES
==============================*/

.leaf{

position:absolute;

width:120px;

height:120px;

background:rgba(155,197,61,.08);

border-radius:50%;

filter:blur(8px);

}

.leaf1{

top:10%;

left:5%;

}

.leaf2{

bottom:12%;

right:8%;

}

.leaf3{

top:40%;

right:25%;

}
/*==============================
        WHY CHOOSE US
==============================*/
/*==============================
WHY CHOOSE US
===============================*/

.why-choose{

    padding-top:50px;

    background:linear-gradient(
    180deg,
    #ffffff,
    #F8FCF7
    );

    position:relative;
}

.section-title span{

    color:#73756ef1;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:50px;

    color:#045c2a;

    margin:20px 0;

    font-weight:500;

}

.section-title p{

    max-width:700px;

    margin:auto;

    color:#657767;

    line-height:1.8;

}

/*==============================
CARD
===============================*/

.why-choose{

    background:var(--light);

    position:relative;

}

.why-card{

   background: #155c3a;          /* Dark green */
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    min-height: 420px;            /* Equal height */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);

}

.why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,var(--secondary),var(--primary));

}

.why-card:hover{

    transform:translateY(-12px);

}

.icon-box{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 25px;

}

.icon-box i{

    font-size:38px;

    color:var(--primary);

}

.why-card h4{

    font-size:28px;

    margin-bottom:15px;
    color:#fff;

}

.why-card p{

    margin:0;
    color:#fff;

}




/*==============================
        TREATMENTS
==============================*/

.treatments{

    background:#fff;

}

.treatment-card{

    background:#174F36;

    border-radius:25px;

    overflow:hidden;

    box-shadow:var(--shadow);

    transition:.4s;

    height:100%;

}

.treatment-card:hover{

    transform:translateY(-12px);

}

.treatment-image{

    overflow:hidden;

}

.treatment-image img{

    width:100%;

    height:270px;

    object-fit:cover;

    transition:.6s;

}

.treatment-card:hover img{

    transform:scale(1.08);

}

.treatment-content{

    padding:30px;

}

.treatment-content span{

color:#58c92f;
    font-weight:600;

    text-transform:uppercase;

    font-size:14px;

    letter-spacing:2px;

}

.treatment-content h3{

    margin:15px 0;

    font-size:34px;
    color:#fff;

}

.treatment-content a{

    color:#fff;

    font-weight:600;

}

.treatment-content a i{

    margin-left:8px;

    transition:.3s;

}

.treatment-content a:hover i{

    transform:translateX(8px);

}
.treatment-content p{
    color:#fff;
}

.cta-section{
    padding:80px 0 !important;
    min-height:450px;
}
.middle-card{
    border:2px solid #dcebdc;
}

.middle-card .featured-title h3{
    color:#174F36;
}

.middle-card .featured-desc p{
    color:#5b6b5f;
}

.middle-card .prt-icon{
    background:#174F36;
    color:#fff;
    border-radius:50%;
}
.blog-section .section-title{
    text-align:center;
    margin-bottom:50px;
}

.blog-section .section-title h3{
    color:#6a6d62;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:5px;
}

.blog-section .section-title .title{
    color:#195C3A;
    font-size:55px;
    font-weight:500;
    line-height:1.2;
    margin-bottom:20px;
}

.blog-section .title-desc{
    max-width:700px;
    margin:0 auto;
}

.blog-section .title-desc p{
    font-size:18px;
    color:#6b6b6b;
    line-height:1.8;
}

/* Equal height blog cards */
.featured-imagebox-post{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.featured-imagebox-post .featured-thumbnail img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.featured-imagebox-post .featured-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.featured-imagebox-post .post-title{
    min-height: 95px;   /* Same height for all titles */
}

.featured-imagebox-post .post-desc{
    margin-top: auto;
}
.learn-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 34px;
    background:#195C3A;      /* Dark Green */
    color:#fff;
    border:2px solid #195C3A;
    border-radius:10px;
    font-size:17px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease;
    margin-top:25px;
    margin-left:40px;
   
}

.learn-more-btn:hover{
    background:#2F7A49;
    border-color:#2F7A49;
    color:#fff;
    transform:translateY(-2px);
}
/* Why Choose Us Cards */
.featured-icon-box.style2 {
    background: #155c3a;          /* Dark green */
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    min-height:25px;; ;            /* Equal height */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* Hover Effect */
.featured-icon-box.style2:hover {
    transform: translateY(-8px);
}

/* Icon Circle */
.featured-icon-box.style2 .featured-icon {
    width: 90px;
    height: 90px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.featured-icon-box.style2 .featured-icon i {
    font-size: 40px;
    color: #155c3a;
}

/* Title */
.featured-icon-box.style2 h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 18px;
}

/* Description */
.featured-icon-box.style2 p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}

/* Learn More Button */
.featured-icon-box.style2 .prt-btn {
    margin-top: auto;
    color: #a8d533;
    font-weight: 700;
    text-decoration: none;
}

.featured-icon-box.style2 .prt-btn i {
    margin-left: 8px;
}
/* Our Doctors Heading */
.section-heading {
    margin-bottom: 60px;
}

.section-heading span{
    color:#60615d;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-heading h3{
    font-size:50px;
    color:#0f6b3d;
    font-weight:500;
}
.padding_zero-section{
    margin-top:60px;
}
.col-bg-img-three{
    padding-right:40px;
}
@media (max-width: 991.98px) {
    .col-bg-img-three{
        padding-right:5px;
    }
}
/* 
///// manualcss//// */


.imgdoctor{
    width:100%;
    height: 512px;
    object-fit:cover;
}


/*==============================
        FOOTER
==============================*/

footer{

    background:#1E2E20;

    color:#d8d8d8;

    padding:100px 0 30px;

}

.footer-logo{

    width:170px;

    margin-bottom:25px;

}

footer h4{

    color:#fff;

    margin-bottom:20px;
    padding:-15px;

}

footer ul{

    padding:0;

}

footer li{

    margin-bottom:12px;

}

footer a{

    color:#d8d8d8;

    transition:.3s;

}

footer a:hover{

    color:var(--secondary);

    padding-left:8px;

}

.social-icons{

    display:flex;

    gap:15px;

    margin-top:20px;

}

.social-icons a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(255,255,255,.08);

    color:#fff;

    transition:.3s;

}

.social-icons a:hover{

    background:var(--secondary);

    transform:translateY(-5px);

}

footer hr{

    margin:40px 0 20px;

    border-color:rgba(255,255,255,.1);

}

.copyright{

    text-align:center;

    color:#aaa;

}

.prt-row.cta-section{
    margin-bottom: 80px;
}
.product-section{
    margin-top: 60px;
}
.container{
    max-width: 1450px;
}
@media (min-width:1200px){
    .container{
        max-width:1450px;
    }
}
.appointment-section{
    margin-top: 70px;   /* Increase/decrease as needed */
}
.cta-section{
    margin-top: 80px;
}
/*=========================
    Header
=========================*/

.main-header{
    position: sticky;
    top:0;
    z-index:999;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.08);
}

/* Top Strip */

.brand-strip{
    background:#155c3a;
    color:#fff;
    font-size:15px;
    letter-spacing:2px;
    padding:10px 0;
    font-weight:600;
}

/* Navbar */

.navbar{
    
    background:#fff;
}

.navbar-brand img{
    height:70px;
}

/* Navigation */

.navbar-nav .nav-link{
    color:#222;
    font-size:14px;
    font-weight:600;
    margin:0 10px;
    transition:.3s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:#2E7D32;
}

/* Dropdown */

.dropdown-menu{
    border:none;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.dropdown-item{
    padding:10px 18px;
}

.dropdown-item:hover{
    background:#2E7D32;
    color:#fff;
}

/* Button */

.appointment-btn{
    background:#2E7D32;
    color:#fff;
    padding:10px 15px;
    border-radius:40px;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.appointment-btn:hover{
    background:#A8D533;
    color:#155c3a;
}

/* Mobile */

@media(max-width:991px){

.navbar-brand img{
    height:60px;
}

.navbar-nav{
    margin-top:20px;
    text-align:center;
}

.appointment-btn{
    display:block;
    margin:20px auto 0;
    text-align:center;
}

}
/* ==========================================
   Mobile Responsive (Max Width 768px)
========================================== */

@media (max-width:768px){

/* Container */

.container{
    width:95%;
    padding-left:15px;
    padding-right:15px;
}

/* Section spacing */

section{
    padding:50px 0 !important;
}

/* Headings */

.section-heading h2,
.section-title .title,
.section-title h2{
    font-size:32px !important;
    line-height:1.3;
}

.section-heading p,
.title-desc p{
    font-size:15px;
}

/* Hero */

.banner-content h1,
.banner-content h2{
    font-size:40px !important;
}

.banner-content p{
    font-size:16px;
}

.banner-btn{
    flex-direction:column;
    gap:15px;
}

/* Navigation */

.navbar-brand img{
    width:130px;
}

.navbar-nav{
    text-align:center;
    padding-top:20px;
}

.navbar-nav .nav-item{
    margin-bottom:10px;
}

/* About */

.about-img{
    margin-bottom:30px;
}

.about-content{
    text-align:center;
}

/* Why Choose Us */

.featured-icon-box{
    margin-bottom:20px;
}

/* Services */

.featured-imagebox{
    margin-bottom:25px;
}

/* Doctor */

.doctor-section img{
    margin-bottom:25px;
}

.doctor-section .row{
    text-align:center;
}

/* CTA */

.cta-title{
    font-size:40px !important;
}

.cta-titlepre{
    font-size:28px !important;
}

/* Feature Boxes */

.featured-icon-box.style1{
    min-height:auto;
    padding:30px 20px;
}

/* Appointment */

.prt-appointment-block{
    padding:25px;
}

.query_form input,
.query_form select,
.query_form textarea{
    margin-bottom:15px;
}

/* Footer */

.footer .row>div{
    margin-bottom:35px;
    text-align:center;
}

/* Blog */

.post{
    margin-bottom:25px;
}

}
img{
    max-width:100%;
    height:auto;
    display:block;
}
@media(max-width:768px){

.doctor-section .row{
    flex-direction:column;
}

.doctor-section img{
    width:100%;
}

}
@media(max-width:768px){

.cta-title{
    font-size:38px;
}

.cta-titlepre{
    font-size:22px;
}

}
@media(max-width:768px){

.query_form .col-md-6,
.query_form .col-lg-4,
.query_form .col-lg-8{
    width:100%;
}

}
@media(max-width:768px){

.post{
    margin-bottom:30px;
}

}
@media(max-width:768px){

.footer-widget{
    text-align:center;
}

}
@media (max-width: 767px) {

    .featured-icon-box.style2{
        margin-bottom: 20px;
    }

}
.featured-icon-box.style2{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 25px;
    border-radius: 20px;
}

.featured-content{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.featured-desc{
    flex: 1;
}

.featured-content a{
    margin-top: auto;
}
.footerbg ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footerbg ul li {
    margin-bottom: 10px; /* Optional spacing */
}
#map {
    border: 6px solid #1B5E20; /* Dark Green */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

#map iframe {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
    margin-right:20px;
}
/*==============================
        GALLERY
==============================*/

.gallery{

    background:var(--light);

}

.gallery-item{

    overflow:hidden;

    border-radius:25px;

    box-shadow:var(--shadow);

    position:relative;

}

.gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.6s;

}

.gallery-item:hover img{

    transform:scale(1.1);

}

.gallery-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(47,107,53,.25);

    opacity:0;

    transition:.4s;

    z-index:2;

}

.gallery-item:hover::before{

    opacity:1;

}
.about-hero{

padding:80px 0;
 background-image: url("images/hero1.png");

}

.sub-title{

color:#9ad76f;
font-weight:600;
font-size:18px;

}

.about-hero h1{

font-size:60px;
font-weight:400;
color:#fff;
margin:20px 0;

line-height:1.2;

}

.about-hero p{

color:#d8d8d8;
font-size:18px;
line-height:32px;

margin-bottom:35px;

}

.hero-btn{

background:#fff;
color:#1d5f2f;
padding:15px 35px;
border-radius:30px;
font-weight:600;

}

.hero-btn:hover{

background:#2c6a2f;
color:#fff;

}

.hero-image{

border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.35);

}



/*================ STATS ================*/

/*==============================
        STATS
===============================*/

.stats-section{

    margin-top:-45px;
    position:relative;
    z-index:100;

}

.stats-wrapper{

    background:#fff;

    border-radius:18px;

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

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:35px 20px;
    margin-right:50px;
    margin-left:50px;

}

.stat-item{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:0 20px;

    border-right:1px solid #ececec;

}

.stat-item.last{

    border-right:none;

}

.stat-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#edf6ea;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#5d8745;

    font-size:28px;

}

.stat-content h3{

    margin:0;

    color:#2d5f28;

    font-size:20px;

    font-weight:700;

}

.stat-content span{

    color:#666;

    font-size:15px;

    display:block;

    margin-top:3px;

}

/*================ RESPONSIVE ================*/

@media(max-width:991px){

.about-hero{

text-align:center;


}

.about-hero h1{

font-size:42px;

}

.hero-image{

margin-top:40px;


}

.stats-section{

margin-top:40px;

}

}


@media(max-width:576px){

.logo{

height:55px;

}

.about-hero{

padding:60px 0;

}

.about-hero h1{

font-size:32px;

}

.about-hero p{

font-size:15px;

line-height:28px;

}

.stat-box{

padding:25px;

}

}
/*========================
OUR STORY
=========================*/

.our-story{

padding:90px 0;

background:#fff;

}

.section-subtitle{

color:#73756ef1;

font-weight:600;

font-size:15px;

display:inline-block;

margin-bottom:15px;
letter-spacing:3px;

}

.section-title{

font-size:15px;

font-weight:500;

line-height:1.2;

margin-bottom:25px;

}

.story-text{

font-size:17px;

line-height:31px;

color:#666;

margin-bottom:18px;

}


/* Images */

.story-images{

position:relative;

width:100%;

height:520px;

}

.story-img-main{

width:78%;

height:520px;

object-fit:cover;

border-radius:25px;

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

}

.story-img-small{

position:absolute;

bottom:-20px;

right:15px;

width:48%;

height:250px;

object-fit:cover;

border-radius:22px;

border:8px solid #fff;

box-shadow:0 15px 35px rgba(0,0,0,.18);

}


/* Feature Cards */

.feature-card{

display:flex;

align-items:flex-start;

gap:20px;

background:#fff;

padding:28px;

border-radius:18px;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.feature-card:hover{

transform:translateY(-8px);

}

.feature-icon{

width:70px;

height:70px;

background:#edf7ea;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.feature-icon i{

font-size:28px;

color:#2c6a2f;

}

.feature-card h5{

font-weight:700;

margin-bottom:10px;

}

.feature-card p{

margin:0;

line-height:28px;

color:#666;

}


/* Responsive */

@media(max-width:991px){

.story-images{

height:auto;

margin-bottom:50px;

}

.story-img-main{

width:100%;

height:auto;

}

.story-img-small{

position:relative;

width:60%;

right:auto;

bottom:auto;

margin-top:-80px;

margin-left:auto;

display:block;

}

.section-title{

font-size:36px;

}

}

@media(max-width:576px){

.story-img-small{

width:75%;

margin-top:-60px;

}

.section-title{

font-size:15px;

}

.story-text{

font-size:15px;

line-height:28px;

}

.feature-card{

padding:22px;

}

}
/*==============================
MISSION
===============================*/

/*=============================
        MISSION
==============================*/

.mission-section{

    padding:80px 0;

}

.mission-banner{

    background:linear-gradient(rgba(11,60,23,.94),
    rgba(11,60,23,.94)),
    url(images/leaf-bg.png);

    background-size:cover;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:45px 40px;

    overflow:hidden;

}

.mission-left{

    width:28%;

}

.mission-left h2{

    color:#fff;

    font-size:38px;

    font-weight:700;

    margin-bottom:15px;

}

.mission-left p{

    color:#f2f2f2;

    line-height:1.8;

    font-size:16px;

}

.mission-divider{

    width:1px;

    height:120px;

    background:rgba(255,255,255,.25);
    

}

.mission-icons{

    width:45%;

    display:flex;

    justify-content:space-evenly;
    margin-right:200px;

}

.mission-item{

    text-align:center;

}

.circle{

    width:70px;

    height:70px;

    border-radius:50%;

    border:2px solid rgba(25, 150, 35, 0.966);

    color:#f0f0f0ec;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin:auto auto 12px;

    transition:.35s;

}

.circle:hover{

    background:#3edb0e;

    color:#154118;

}

.mission-item span{

    display:block;

    color:#fff;

    font-size:15px;

}

.mission-image{

    width:22%;

}

.mission-image img{

    width:100%;

    display:block;

}

/*==============================
WHY US
===============================*/

.why-us{

padding:100px 0;

background:#fff;

}

.why-text{

color:#666;

line-height:30px;

margin-bottom:25px;

}

.why-list{

padding:0;

margin:0;

list-style:none;

}

.why-list li{

margin-bottom:18px;

font-size:17px;

font-weight:500;

display:flex;

align-items:center;

}

.why-list i{

margin-right:15px;

color:#2d7c31;

font-size:20px;

}


.benefit-card{

background:#045c2a;

padding:35px;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

height:100%;

transition:.35s;

}

.benefit-card:hover{

transform:translateY(-8px);

}

.benefit-icon{

width:70px;

height:70px;

background:#edf7ea;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:20px;

}

.benefit-icon i{

font-size:30px;

color:#2d7c31;

}

.benefit-card h5{

font-weight:700;

margin-bottom:15px;
color:#fff;

}

.benefit-card p{

color:#fff;

line-height:28px;

margin:0;

}




/*==============================
RESPONSIVE
===============================*/

@media(max-width:991px){

.mission-box{

padding:40px;

text-align:center;

}

.mission-icons{

margin:40px 0;

}

.mission-image{

margin-top:30px;

}

.why-us{

text-align:center;

}

.why-list li{

justify-content:center;

}

}

@media(max-width:576px){

.mission-box h2{

font-size:30px;

}

.mission-item{

width:100px;

}

.benefit-card{

padding:25px;

}

}

/*====================================================
            ABOUT STORY SECTION
====================================================*/

.about-story{
    background:#ffffff;
    padding:90px 0;
    overflow:hidden;
}

/* Left Images */

.story-images{
    position:relative;
    width:100%;
    min-height:500px;
}

.main-image{
    width:82%;
}

.main-image img{
    width:100%;
    height:430px;
    object-fit:cover;
    border-radius:22px;
    display:block;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.floating-image{
    position:absolute;
    right:0;
    bottom:20px;
    width:48%;
}

.floating-image img{
    width:100%;
    height:230px;
    object-fit:cover;
    border-radius:20px;
    border:8px solid #fff;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

/* Right Content */

.story-subtitle{
    display:inline-block;
    color:#73756ef1;
    font-weight:600;
    font-size:15px;
    margin-bottom:15px;
    letter-spacing:3px;
}

.story-title{
    font-size:50px;
    font-weight:500;
    line-height:1.15;
    color:#045c2a;
    margin-bottom:28px;
}

.story-text{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:18px;
}

/*====================================================
            FEATURE BOXES
====================================================*/

.feature-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:20px;
    transition:.35s;
}

.feature-box:hover{
    transform:translateY(-8px);
}

.feature-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#2d6b28;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    flex-shrink:0;
}

.feature-box h5{
    font-weight:700;
    margin-bottom:8px;
    color:#222;
}

.feature-box p{
    color:#666;
    margin:0;
    line-height:1.7;
    font-size:15px;
}

/*====================================================
            MISSION SECTION
====================================================*/

.mission-section{
    padding:80px 0;
}

.mission-box{

    background:linear-gradient(135deg,#0d3813,#18491b,#275c24);

    border-radius:30px;

    padding:70px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.mission-box::before{

    content:"";

    position:absolute;

    top:-120px;

    left:-120px;

    width:320px;

    height:320px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

}

.mission-subtitle{

    color:#d7d992;

    font-weight:700;

    letter-spacing:.5px;

}

.mission-title{

    font-size:46px;

    font-weight:700;

    margin:18px 0 25px;

    line-height:1.2;

}

.mission-text{

    color:#ececec;

    font-size:17px;

    line-height:1.9;

}

.mission-image{

    text-align:right;

}

.mission-image img{

    width:100%;

    max-width:430px;

    border-radius:22px;

    box-shadow:0 20px 45px rgba(0,0,0,.35);

}

/*====================================================
            ICONS
====================================================*/

.mission-icon-box{

    transition:.4s;

}

.mission-icon-box:hover{

    transform:translateY(-8px);

}

.mission-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    margin:auto;

    border:2px solid rgba(255,255,255,.35);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#f6df73;

    margin-bottom:18px;

    transition:.4s;

}

.mission-icon-box:hover .mission-icon{

    background:#66f812;

    color:#1d4b1b;

    border-color:#f8f7ef;

}

.mission-icon-box h6{

    color:#fff;

    font-size:18px;

    font-weight:600;

}

/*====================================================
            RESPONSIVE
====================================================*/

@media(max-width:992px){

.story-images{

min-height:auto;

margin-bottom:40px;

}

.main-image{

width:100%;

}

.main-image img{

height:360px;

}

.floating-image{

width:50%;

bottom:-20px;

right:20px;

}

.story-title{

font-size:38px;

}

.mission-box{

padding:45px;

}

.mission-title{

font-size:34px;

}

.mission-image{

margin-top:40px;

text-align:center;

}

}

@media(max-width:768px){

.about-story{

padding:60px 0;

}

.story-title{

font-size:32px;

}

.story-text{

font-size:16px;

}

.main-image img{

height:300px;

}

.floating-image{

position:relative;

width:70%;

margin:-60px auto 0;

right:auto;

bottom:auto;

}

.mission-box{

padding:35px 25px;

border-radius:20px;

}

.mission-title{

font-size:30px;

text-align:center;

}

.mission-subtitle{

display:block;

text-align:center;

}

.mission-text{

text-align:center;

}

.mission-image img{

max-width:100%;

}

.feature-box{

text-align:center;

flex-direction:column;

align-items:center;

}

}
@media(min-width:992px){

.feature-box{
    position:relative;
}

.col-lg-4:not(:last-child) .feature-box::after{

    content:"";

    position:absolute;

    right:-15px;

    top:15%;

    width:1px;

    height:70%;

    background:#e6e6e6;

}

}
.about-story .container,
.features-section .container,
.mission-section .container,
.why-us .container,
.team-section .container,
.gallery.container{

    max-width:1250px;
   

}
.about-story{
    padding:90px 0 70px;
}

.mission-section{
    padding:70px 0;
}

.why-us{
    padding:90px 0;
}

.team-section{
    padding:70px 0 100px;
}
.about-hero{
    position: relative;
    width: 100%;
    min-height: 100vh;          /* Full screen height */
    display: flex;
    align-items: center;

    background-image: url("../images/hero1.png");
    background-size: cover;      /* Cover the whole hero */
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark overlay */
.about-hero::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(7, 45, 18, 0.55);
}

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

.about-hero h1,
.about-hero p,
.about-hero .sub-title{
    color: #fff;
}

.sub-title{
    color: #8dd35f !important;
}

.hero-btn{
    background: #fff;
    color: #0d4b1f;
    padding: 15px 35px;
    border-radius: 50px;
}

.hero-btn:hover{
    background: #7fbf4d;
    color: #fff;
}
.mission-banner{
    position: relative;

    background: url("../images/Our mission.png") center center/cover no-repeat;

    min-height: 250px;
    border-radius: 30px;

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

    padding: 70px;
    overflow: hidden;
}
 .section-subtitle{
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #797773;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.why-heading{
    color: #0b5d3b;   /* Dark Green */
    font-size: 50px;
    font-weight: 500;
    line-height: 1.15;
}
/* ===========================
   Mobile Responsive Stats Section
=========================== */

@media (max-width: 991px) {

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

    .stat-item{
        justify-content: center;
        text-align: center;
        flex-direction: column;
        border-right: none !important;
    }

    .stat-icon{
        margin-bottom: 15px;
        margin-right: 0;
    }

    .stat-content h3{
        font-size: 32px;
    }

    .stat-content span{
        font-size: 16px;
    }
}

@media (max-width: 576px) {

    .stats-section{
        padding: 40px 0;
    }

    .stats-wrapper{
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 25px 15px;
    }

    .stat-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 20px;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.15);
    }

    .stat-item:last-child{
        border-bottom: none;
    }

    .stat-icon{
        width: 65px;
        height: 65px;
        font-size: 28px;
        margin-bottom: 15px;
    }

    .stat-content h3{
        font-size: 30px;
        margin-bottom: 5px;
    }

    .stat-content span{
        font-size: 15px;
        line-height: 1.5;
    }
}
/* ===========================
   Responsive Mission Section
=========================== */

/* Tablet */
@media (max-width: 991px) {

    .mission-banner{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 50px 30px;
        gap: 35px;
    }

    .mission-left{
        max-width: 100%;
    }

    .mission-left h2{
        font-size: 38px;
    }

    .mission-left p{
        font-size: 17px;
        line-height: 1.8;
    }

    .mission-divider{
        width: 80px;
        height: 2px;
    }

    .mission-icons{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 30px;
        width: 100%;
    }

    .mission-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}


/* Mobile */
@media (max-width: 576px) {

    .mission-banner{
        padding: 40px 20px;
        border-radius: 20px;
    }

    .mission-left h2{
        font-size: 32px;
    }

    .mission-left p{
        font-size: 15px;
        line-height: 1.7;
    }

    .mission-divider{
        display: none;
    }

    .mission-icons{
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .circle{
        width: 70px;
        height: 70px;
    }

    .circle i{
        font-size: 28px;
    }

    .mission-item span{
        font-size: 16px;
    }
}
@media (max-width:576px){

    .mission-left{
        width:100%;
        max-width:100%;
    }

}
@media (max-width:576px){

    .mission-left p{
        width:100%;
        max-width:100%;
        text-align:center;
    }

}
/* ==========================
   Mobile (≤576px)
========================== */

@media (max-width:576px){

    .mission-banner{
        display:flex;
        flex-direction:column;
        align-items:center;
        padding:35px 20px;
        gap:30px;
        text-align:center;
    }

    .mission-divider{
        display:none;
    }

    .mission-left{
        width:100%;
        max-width:100%;
    }

    .mission-left h2{
        font-size:32px;
        margin-bottom:15px;
    }

    .mission-left p{
        font-size:16px;
        line-height:1.7;
        max-width:100%;
    }

    /* 2 icons per row */
    .mission-icons{
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:25px 15px;
        justify-items:center;
    }

    .mission-item{
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        width:100%;
    }

    .circle{
        width:70px;
        height:70px;
        margin-bottom:12px;
    }

    .circle i{
        font-size:28px;
    }

    .mission-item span{
        font-size:15px;
        line-height:1.4;
        white-space:normal;   /* allows text to wrap normally */
    }

}
/*==========================
CTA SECTION
==========================*/

.cta-section{
    position:relative;
    background:url("../images/bg-image/row-bgimage-1.png") center center/cover no-repeat;
    padding:110px 20px;
    overflow:hidden;
}

.cta-overlay{
    position:absolute;
    inset:0;
   
}

.cta-content{
    position:relative;
    z-index:2;
    max-width:750px;
    margin:auto;
    color:#fff;
}

.cta-subtitle{
    display:inline-block;
    background:#fff;
    color:#fff;
    padding:8px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.cta-content h2{
    font-size:52px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
}

.cta-content p{
    font-size:18px;
    color:#f2f2f2;
    line-height:1.8;
    margin-bottom:40px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.btn-book,
.btn-call{
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
}

.btn-book{
    background:#C79A3B;
    color:#fff;
}

.btn-book:hover{
    background:#d8ac4d;
    color:#fff;
    transform:translateY(-3px);
}

.btn-call{
    border:2px solid #fff;
    color:#fff;
}

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

@media(max-width:991px){

.cta-section{
    padding:80px 20px;
}

.cta-content h2{
    font-size:38px;
}

}

@media(max-width:576px){

.cta-content h2{
    font-size:30px;
}

.cta-content p{
    font-size:16px;
}

.btn-book,
.btn-call{
    width:100%;
}

}
/* ==========================
   GALLERY PAGE
==========================*/

body{
    margin:0;
    padding:0;
    font-family:'Poppins',sans-serif;
    background:#f8f5ef;
    color:#333;
}

/*=========================
 HERO SECTION
=========================*/

.gallery-hero{
    position:relative;
    height:520px;
    
    overflow:hidden;
}
.hero-bg{
    position:absolute;
    inset:0;
    background:url("../images/galleryhero.png") center center/cover no-repeat;

    filter:blur(8px);

    transform:scale(1.1);

    z-index:1;
}
.gallery-hero .overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
}

.hero-content h1{
    font-size:70px;
    font-weight:700;
    margin-bottom:15px;
    font-family:serif;
    margin-top:175px;
    color:#fff;
}

.hero-content p{
    width:650px;
    max-width:95%;
    margin:auto;
    line-height:30px;
    font-size:18px;
}

.hero-content .line{
    width:90px;
    height:3px;
    background:#8dca1a;
    margin:20px auto;
}

/*=========================
 FILTER
=========================*/

.gallery-filter{
    padding:70px 0 30px;
    background:#fff;
}

.filter-buttons{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.filter-buttons button{
    border:none;
    background:transparent;
    padding:12px 28px;
    border-radius:40px;
    font-weight:500;
    transition:.35s;
    color:#234321;
    border:1px solid #d8d8d8;
}

.filter-buttons button:hover{
    background:#355f2e;
    color:#fff;
}

.filter-buttons button.active{
    background:#355f2e;
    color:#fff;
}

/*=========================
 GALLERY
=========================*/

.gallery-section{
    padding-bottom:90px;
    background:#fff;
}

.gallery-grid{

    column-count:3;
    column-gap:22px;

}

.gallery-item{

    margin-bottom:22px;
    break-inside:avoid;
    overflow:hidden;
    border-radius:12px;
    cursor:pointer;
    position:relative;

}

.gallery-item img{

    width:100%;
    display:block;
    transition:.6s;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-item::after{

    content:'';
    position:absolute;
    inset:0;
    background:rgba(34,68,25,.18);
    opacity:0;
    transition:.4s;

}

.gallery-item:hover::after{

    opacity:1;

}

/* Different Heights */

.gallery-item:nth-child(1) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(2) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(3) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(4) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(5) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(6) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(7) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(8) img{
    height:330px;
    object-fit:cover;
}

.gallery-item:nth-child(9) img{
    height:330px;
    object-fit:cover;
}

/*=========================
 HOVER SHADOW
=========================*/

.gallery-item{

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.4s;

}

.gallery-item:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.18);

}

/*=========================
 RESPONSIVE
=========================*/

@media(max-width:992px){

.gallery-grid{

column-count:2;

}

.hero-content h1{

font-size:55px;

}

.hero-content p{

font-size:17px;

}

}

@media(max-width:768px){

.gallery-hero{

height:380px;

}

.hero-content h1{

font-size:42px;

}

.hero-content p{

font-size:16px;

line-height:28px;

}

.filter-buttons{

gap:10px;

}

.filter-buttons button{

padding:10px 20px;
font-size:14px;

}

.gallery-grid{

column-count:1;

}

}

@media(max-width:576px){

.hero-content h1{

font-size:36px;


}

.hero-content p{

font-size:15px;

}

.gallery-filter{

padding-top:50px;

}

}
/*=========================================
      HEALING CTA
==========================================*/

.gallery-cta{
    background:url("../images/gallerycta2.png");
    padding:40px 0;
    position:relative;
    overflow:hidden;
    margin-bottom:70px;
    height:350px;
    

}
.gallery-cta .overlay{
    position:absolute;
    inset:0;
    background:rgba(5, 77, 11, 0.603);
}

.gallery-cta::before{
    content:"";
    position:absolute;
    left:-70px;
    bottom:-40px;
    width:220px;
    height:220px;
    background:url("../images/lea.png") no-repeat center/contain;
    opacity:.15;
}

.gallery-cta::after{
    content:"";
    position:absolute;
    right:-70px;
    top:-30px;
    width:220px;
    height:220px;
    background:url("../images/lea.png") no-repeat center/contain;
    opacity:.15;
}

.cta-box{
    max-width:720px;
    margin:auto;
    text-align:center;
    position:relative;
    z-index:2;
}

.leaf-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:34px;
    margin-bottom:25px;
}

.cta-box h2{
    font-size:50px;
    font-family:var(--base-headingfont);
    color:#fff;
    margin-bottom:20px;
}

.cta-box p{
    max-width:560px;
    margin:auto;
    color:#fff;
    line-height:30px;
    margin-bottom:35px;
}

.cta-btn{
    display:inline-block;
    background:#355f2e;
    color:#fff;
    padding:15px 38px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
}

.cta-btn:hover{
    background:#2bb619;
    color:#fff;
    transform:translateY(-4px);
}


/*=========================================
      IMAGE ANIMATION
==========================================*/

.gallery-item{
    opacity:0;
    transform:translateY(40px);
    animation:fadeUp .8s forwards;
}

.gallery-item:nth-child(1){animation-delay:.1s;}
.gallery-item:nth-child(2){animation-delay:.2s;}
.gallery-item:nth-child(3){animation-delay:.3s;}
.gallery-item:nth-child(4){animation-delay:.4s;}
.gallery-item:nth-child(5){animation-delay:.5s;}
.gallery-item:nth-child(6){animation-delay:.6s;}
.gallery-item:nth-child(7){animation-delay:.7s;}
.gallery-item:nth-child(8){animation-delay:.8s;}
.gallery-item:nth-child(9){animation-delay:.9s;}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media(max-width:768px){

.cta-box h2{
    font-size:32px;
}

.gallery-cta{
    padding:70px 20px;
}

footer{
    text-align:center;
}

footer .col-lg-2,
footer .col-lg-3,
footer .col-lg-4{
    margin-bottom:35px;
}

}
.gallery-item{
position:relative;
overflow:hidden;
border-radius:15px;
}

.gallery-item img{
transition:.6s;
}

.gallery-item:hover img{
transform:scale(1.15);
}

.gallery-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:linear-gradient(
to top,
rgba(20,50,20,.85),
transparent
);
display:flex;
justify-content:flex-end;
flex-direction:column;
padding:25px;
opacity:0;
transition:.5s;
}

.gallery-item:hover .gallery-overlay{
opacity:1;
}

/*==========================
      LIGHTBOX
==========================*/

.lightbox{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9);
    justify-content:center;
    align-items:center;
    z-index:9999;
}

.lightbox img{
    max-width:90%;
    max-height:90%;
}

.close{
    position:absolute;
    top:20px;
    right:35px;
    color:#fff;
    font-size:40px;
    cursor:pointer;
}
/* ===============================
BLOG HERO
================================ */

.blog-hero{

    background:url("../images/bloghero.png") center center/cover no-repeat;

    height:600px;

   

    overflow:hidden;

    position:relative;

    

}

/* Left white gradient */

.blog-hero-overlay{

    width:100%;
    height:100%;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        90deg,
        rgba(248,246,238,0.98) 0%,
        rgba(248,246,238,0.92) 28%,
        rgba(248,246,238,0.72) 42%,
        rgba(248,246,238,0.20) 58%,
        rgba(248,246,238,0) 72%
    );

}

.blog-hero-content{

    max-width:500px;

    padding-left:20px;

}

.blog-hero-subtitle{

    color:#406337;

    font-size:14px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}

.blog-hero-content h1{

    margin:40px 0;

    font-size:60px;

    line-height:1.2;

    color:#23461d;

    font-family:var(--base-headingfont);

    font-weight:500;
    text-align: left;
    max-width:700px;

}

.blog-hero-content p{

    font-size:20px;

    color:#051401;

    line-height:1.8;

    max-width:450px;
    text-align:left;

}
@media(max-width:992px){

.blog-hero{

    height:550px;

}

.blog-hero-overlay{

    background:
    linear-gradient(
        rgba(248,246,238,.92),
        rgba(248,246,238,.82)
    );

}

.blog-hero-content{

    max-width:100%;
    padding:40px;

}

.blog-hero-content h1{

    font-size:45px;

}

.blog-hero-content p{

    font-size:17px;

}

}
@media (max-width: 991px){

.blog-hero{
    min-height:550px;
}

.blog-hero-overlay{
    padding:70px 0;
}

.blog-hero-content{
    width:100%;
    max-width:100%;
    padding:0 25px;
}

.blog-hero-content h1{
    font-size:46px;
    line-height:1.2;
}

.blog-hero-content p{
    font-size:18px;
    line-height:1.7;
}

}
@media (max-width: 576px){

.blog-hero{
    min-height:480px;
}

.blog-hero-overlay{
    padding:50px 0;
}

.blog-hero-content{
    padding:0 20px;
}

.blog-hero-content h1{
    font-size:32px;
    line-height:1.25;
    margin-bottom:18px;
}

.blog-hero-content p{
    font-size:16px;
    line-height:1.6;
    max-width:100%;
}

}
/*=========================
 BLOG CTA
==========================*/

.blog-cta{

    padding:100px 0;

}

.blog-cta-box{

    background:
   
    url("../images/blogcta.png") center center/cover no-repeat;

    

    padding:90px 40px;

    text-align:center;

    overflow:hidden;

    position:relative;
    

}
.blog-cta .container{
    padding:0 0;
}

/* Icon */

.blog-cta-box .fas{

    width:80px;
    height:80px;

    background:rgba(255,255,255,.18);

    border:1px solid rgba(255,255,255,.25);

    border-radius:50%;

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

    margin:0 auto 30px;

    backdrop-filter:blur(6px);

}

.blog-cta-box .fas i{

    font-size:34px;

    color:#2e3333;

}

/* Heading */

.blog-cta-box h2{

    font-size:48px;

    color:#095f26;

    font-family:var(--base-headingfont);

    font-weight:600;

    margin-bottom:20px;

}

/* Paragraph */

.blog-cta-box p{

    max-width:650px;

    margin:0 auto 35px;

    font-size:18px;

    line-height:1.8;

    color:rgba(8, 77, 50, 0.92);

}

/* Button */

.blog-cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 38px;

    background:#1d5b37;

    color:#fff;

    font-size:17px;

    font-weight:600;

    border-radius:50px;

    text-decoration:none;

    transition:.35s ease;

}

.blog-cta-btn:hover{

    background:#2d6d45;

    color:#ffffff;

    transform:translateY(-3px);

}

/* Decorative circles */

.blog-cta-box::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-120px;
    left:-100px;

}

.blog-cta-box::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    bottom:-140px;
    right:-120px;

}

/*=========================
 Responsive
==========================*/

@media(max-width:991px){

.blog-cta{

    padding:70px 0;

}

.blog-cta-box{

    padding:60px 25px;

}

.blog-cta-box h2{

    font-size:36px;

}

.blog-cta-box p{

    font-size:16px;

}

.blog-cta-btn{

    padding:14px 30px;

}

}

@media(max-width:576px){

.blog-cta-box{

    padding:50px 20px;

}

.blog-cta-box h2{

    font-size:30px;

}

.blog-cta-box .fas{

    width:65px;
    height:65px;

}

.blog-cta-box .fas i{

    font-size:28px;

}

}
.blog1.container{
    padding-top:100px;
}
/*=========================
Google Font
=========================*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600&display=swap');

body{

background:#FFFDF8;

font-family:'Manrope',sans-serif;

overflow-x:hidden;

}

/*=========================
Hero
=========================*/

.review-hero{

padding:90px 0 150px;

background:
url("../images/reviewhero.png");

position:relative;

overflow:hidden;
background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;

}

.review-hero::before{

content:"";

position:absolute;

width:260px;

height:260px;

background:rgba(87,145,74,.08);

filter:blur(120px);

left:-80px;

top:-40px;

border-radius:50%;

}

.review-hero::after{

content:"";

position:absolute;

width:250px;

height:250px;

background:rgba(87,145,74,.08);

right:-80px;

bottom:-70px;

border-radius:50%;

filter:blur(120px);

}

.review-trust-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 24px;

background:#F4F8EE;

border:1px solid #C9DDBD;

border-radius:50px;

font-size:18px;

font-weight:600;

color:#2D5B30;

margin-bottom:30px;
margin-left:25px;

}

.review-trust-badge i{

color:#6FA53A;

}

.review-hero h1{

font-family:'Cormorant Garamond',serif;

font-size:72px;

line-height:1.05;

color:#194B2D;

font-weight:700;

margin-bottom:25px;
margin-left:25px;

}

.review-hero h1 span{

display:block;

}

.review-hero p{

font-size:26px;

line-height:42px;

color:#555;

margin-bottom:35px;
margin-left:25px;

}

.review-hero-line{

width:160px;

height:3px;

background:#6FA53A;

border-radius:50px;
margin-left:25px;

}

.review-hero-image{

max-width:100%;

animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/*=========================
Stats
=========================*/

.review-stats{

margin-top:-80px;

position:relative;

z-index:5;
margin-left:50px;
margin-right:50px;


}

.review-stats-wrapper{

background:white;

border-radius:30px;

padding:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.review-stat-box{

display:flex;

align-items:center;

gap:20px;

justify-content:center;

padding:10px;

}

.review-icon{

width:80px;

height:80px;

background:#F2F7EC;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:32px;

color:#5A9A3A;

border:2px solid #D8E8CC;

}

.review-stat-box h3{

font-family:'Cormorant Garamond',serif;

font-size:20px;

font-weight:700;

margin:0;

color:#194B2D;

}

.review-stat-box p{

margin:0;

font-size:18px;

color:#555;

}

/*=========================
Responsive
=========================*/

@media(max-width:991px){

.review-hero{

padding:70px 0 130px;

text-align:center;

}

.review-hero h1{

font-size:52px;

}

.review-hero p{

font-size:20px;

line-height:34px;

}

.review-hero-line{

margin:auto;

}

.review-stats-wrapper{

padding:25px;

}

.review-stat-box{

margin:20px 0;

justify-content:flex-start;

}

}

@media(max-width:576px){

.review-hero h1{

font-size:42px;

}

.review-hero p{

font-size:18px;

line-height:30px;

}

.review-rust-badge{

font-size:15px;

padding:10px 18px;

}

.review-icon{

width:65px;

height:65px;

font-size:26px;

}

.review-stat-box h3{

font-size:36px;

}

.review-stat-box p{

font-size:16px;

}

}
/*==================================
Testimonials
==================================*/

.review-testimonial-section{

padding:100px 0 90px;

background:#FFFDF8;

}

.review-section-title{

margin-bottom:70px;

}

.review-title-divider{

display:flex;

justify-content:center;

align-items:center;

gap:15px;

margin-bottom:25px;

}

.review-title-divider span{

width:60px;

height:2px;

background:#6FA53A;

}

.review-title-divider i{

color:#6FA53A;

font-size:22px;

}

.review-section-title h2{

font-family:var(--base-headingfont);

font-size:50px;

font-weight:500;

color:#194B2D;

margin-bottom:15px;

}

.review-section-title p{

font-size:20px;

color:#666;

}

.review-testimonial-wrapper{

position:relative;

}

.review-slider-btn{

position:absolute;

top:50%;

transform:translateY(-50%);

width:55px;

height:55px;

border:none;

background:white;

border-radius:50%;

box-shadow:0 10px 30px rgba(0,0,0,.1);

font-size:20px;

color:#2D5B30;

z-index:5;

transition:.3s;

}


.review-slider-btn:hover{

background:#2D5B30;

color:white;

}

.prev{

left:-25px;

}

.next{

right:-25px;

}

.review-testimonial-card{

background:var(--base-dark);
background:url("../images/bg-image/col-bgimage-5.jpg");

padding:35px;

border-radius:22px;

box-shadow:0 15px 40px rgba(0,0,0,.06);

height:100%;

transition:.4s;

}

.review-testimonial-card:hover{

transform:translateY(-8px);

}

.review-quote-icon{

width:65px;

height:65px;

background:#6FA53A;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:white;

font-size:24px;

margin-bottom:25px;

}

.review-stars{

color:#FFB400;

font-size:18px;

margin-bottom:25px;

}

.review{

font-size:20px;

line-height:34px;

color:#fff;

font-style:italic;

min-height:170px;

}

.patient{

display:flex;

align-items:center;

gap:15px;

margin-top:25px;

}

.patient img{

width:70px;

height:70px;

border-radius:50%;

object-fit:cover;

}

.patient h4{

font-size:24px;

font-family:'Cormorant Garamond',serif;

color:#fff;

margin:0;

}

.patient span{

color:#fff;

font-size:16px;

}

.review-slider-dots{

display:flex;

justify-content:center;

gap:15px;

margin-top:45px;

}

.review-slider-dots span{

width:12px;

height:12px;

background:#D4DCCF;

border-radius:50%;

cursor:pointer;

transition:.3s;

}

.review-slider-dots .active{

background:#6FA53A;

width:16px;

height:16px;

}
.review-text{
    font-size:16px;
    line-height:1.7;
    color:#666;

    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.review-text.active{
    -webkit-line-clamp:unset;
    overflow:visible;
}

.read-more-btn{
    display:inline-block;
    margin-top:8px;
    color:#2E7D32;
    font-weight:600;
    cursor:pointer;
    user-select:none;
}

.read-more-btn:hover{
    text-decoration:underline;
}
@media(max-width:991px){

.review-slider-btn{

display:none;

}

.review-section-title h2{

font-size:42px;

}

.review{

min-height:auto;

}

.review-testimonial-card{

margin-bottom:25px;

}

}

@media(max-width:576px){

.review-section-title h2{

font-size:34px;

}

.review-section-title p{

font-size:17px;

}

.review-testimonial-card{

padding:25px;

}

.review{

font-size:17px;

line-height:30px;

}

.patient h4{

font-size:22px;

}

.patient img{

width:60px;

height:60px;

}

}
/*==================================
Promise Section
==================================*/

.review-promise-section{

padding:20px 0 80px;

}

.review-promise-box{

background:linear-gradient(90deg,#F6F9EF,#EEF5E6);

border-radius:30px;

padding:0 0px;

box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.review-promise-left{

display:flex;

align-items:center;

gap:25px;

}

.review-promise-left img{

width:150px;
width:180px;
    display:block;

    mix-blend-mode:multiply;

    opacity:.95;

    filter:
        brightness(1.08)
        contrast(.95)
        saturate(.9);


}

.review-promise-left h2{

font-family:'Cormorant Garamond',serif;

font-size:46px;

color:#1C4C2D;

font-weight:700;

margin-bottom:15px;

}

.review-promise-left p{

font-size:18px;

line-height:30px;

color:#555;

}

.review-feature-item{

padding:25px 10px;

border-left:1px solid rgba(0,0,0,.08);

height:100%;

}

.review-feature-item:first-child{

border-left:none;

}

.review-feature-icon{

width:75px;

height:75px;

margin:auto;

border-radius:50%;

background:#F3F8EC;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

color:#5C9A38;

margin-bottom:20px;

}

.review-feature-item h5{

font-size:22px;

font-weight:600;

color:#194B2D;

line-height:32px;

}



/*==================================
CTA
==================================*/

.review-cta{

padding-bottom:100px;

}

.review-cta-box{

background:linear-gradient(90deg,#1E5A2F,#114321);



padding:60px;

overflow:hidden;

position:relative;

}

.review-cta-box::before{

content:"";

position:absolute;

width:350px;

height:350px;

background:rgba(255,255,255,.04);

border-radius:50%;

left:-120px;

top:-120px;

}

.review-cta-content{

color:white;

position:relative;

z-index:2;

}

.review-cta-icon{

width:90px;

height:90px;

background:rgba(255,255,255,.12);

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

margin-bottom:30px;

}


.review-cta-content h2{

font-family:var(--base-headingfont);

font-size:58px;

margin-bottom:20px;
font-weight: 300px;

}

.review-cta-content p{

font-size:20px;

line-height:34px;

margin-bottom:35px;

color:#E8E8E8;

}

.review-cta-btn{

display:inline-flex;

align-items:center;

gap:15px;

background:rgb(8, 95, 54);

padding:16px 34px;

border-radius:60px;

text-decoration:none;

font-size:18px;

font-weight:600;

color:#fff;

transition:.4s;

}

.review-cta-btn:hover{

background:#38a70d;
color:#fff;

transform:translateY(-3px);

}

.review-cta-image{

max-width:100%;

animation:float 4s ease-in-out infinite;

}
/*==================================
Promise Section
==================================*/

.review-promise-section{

padding:20px 0 80px;

}

.review-promise-box{

background:linear-gradient(90deg,#F6F9EF,#EEF5E6);

border-radius:30px;

padding:0 0px;

box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.review-promise-left{

display:flex;

align-items:center;

gap:20px;

}

.review-promise-left img{




    height:auto;
    
}

.review-promise-left h2{

font-family:'Cormorant Garamond',serif;

font-size:30px;

color:#1C4C2D;

font-weight:530;

margin-bottom:15px;
line-height:30px;
padding-top:40px;

}

.review-promise-left p{

font-size:16px;

line-height:30px;

color:#555;

}

.review-feature-item i{

padding:25px 10px;



height:50px;

}

.review-feature-item:first-child{

border-left:none;

}

.review-feature-icon{
    width:auto;
    height:auto;
    background:none;
    border-radius:0;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:52px;
    color:#5C9A38;
    margin-bottom:20px;
}

.review-feature-item h5{

font-size:18px;

font-weight:600;

color:#165c32;

line-height:32px;

}



/*==================================
CTA
==================================*/

.review-cta-box{
    background: url("../images/gallerycta2.png") center/cover no-repeat;
   
    min-height:550px;

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

    text-align:center;

    position:relative;
    overflow:hidden;
}

.review-cta-content{

    max-width:750px;

    display:flex;
    flex-direction:column;
    align-items:center;

    z-index:2;
}

.review-cta-icon{

    width:90px;
    height:90px;

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

    border-radius:50%;

    background:rgba(255,255,255,.12);

    font-size:42px;

    margin-bottom:25px;
}
.review-cta .container{
    padding:0 0;
}
.review-cta-content h2{

    font-size:64px;
    color:#fff;

    margin-bottom:25px;
}

.review-cta-content p{

    color:#fff;

    max-width:650px;

    font-size:22px;

    margin-bottom:40px;
}

.review-cta-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    
}
@media(max-width:991px){

.review-promise-box{

padding:35px;

text-align:center;

}

.review-promise-left{

display:block;

}

.review-promise-left img{

margin-bottom:20px;
width:180px;
    display:block;

    mix-blend-mode:multiply;

    opacity:.95;

    filter:
        brightness(1.08)
        contrast(.95)
        saturate(.9);



}

.review-feature-item{

border:none;

margin-top:30px;

}

.review-cta-box{

padding:45px 30px;

text-align:center;

}

.review-cta-content h2{

font-size:42px;

}

.review-cta-content p{

font-size:18px;

}

.review-cta-image{

margin-top:40px;

}

}

@media(max-width:576px){

.review-promise-left h2{

font-size:34px;

}

.review-promise-left p{

font-size:16px;

line-height:28px;

}

.review-feature-icon{

width:60px;

height:60px;

font-size:28px;

}

.review-feature-item h5{

font-size:18px;

line-height:28px;

}

.review-cta-content h2{

font-size:34px;

}

.review-cta-btn{

padding:14px 24px;

font-size:16px;

}

}
.review-promise-section .container{
    padding:15px 15px;
}
/*=========================
Overall Rating
==========================*/

.overall-rating-section{

    padding-top:100px;
    background:#fbf8f2;

}

.rating-wrapper{

    background:linear-gradient(90deg,#F6F9EF,#EEF5E6);
   
    box-shadow:0 15px 50px rgba(0, 0, 0, 0.08);

    display:flex;
    gap:50px;

    padding:50px;

    align-items:center;
  


}

.rating-left{

    width:260px;
    text-align:center;

}

.rating-score{

    font-size:80px;
    font-weight:700;
    color:#2f6f43;
    line-height:1;

}

.rating-stars{

    margin:18px 0;

}

.rating-stars i{

    color:#f7b500;
    font-size:28px;
    margin:0 3px;

}



.rating-bars{

    flex:1;

}

.rating-item{

    display:flex;
    align-items:center;
    margin-bottom:18px;

}

.rating-item span:first-child{

    width:20px;
    font-weight:600;
    color:#333;

}

.progress{

    flex:1;
    height:10px;
    background:#edf1eb;
    border-radius:30px;
    overflow:hidden;
    margin:0 15px;

}

.progress-fill{

    height:100%;
    background:#3d8b58;
    border-radius:30px;

}

.rating-item span:last-child{

    width:40px;
    text-align:right;
    color:#666;

}

.rating-stats{

    width:240px;
    display:flex;
    flex-direction:column;
    gap:20px;

}

.rating-stat-box{

    background:#0a5519;
    border-radius:18px;
    padding:30px;
    text-align:center;
    transition:.3s;

}

.rating-stat-box:hover{

    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.rating-stat-box i{

    width:70px;
    height:70px;
    background:#fff;
    color:#3d8b58;
    border-radius:50%;

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

    font-size:28px;

    margin:0 auto 20px;

}

.rating-stat-box h3{

    color:#fff;
    font-size:34px;
    margin-bottom:5px;

}

.rating-stat-box p{

    color:#fff;
    margin:0;

}
.overall-rating-section.container{
    padding:0 0;
}
.overall-rating-section h2{
    font-size:50px;
}
.review-slider-section{

    padding:100px 0;
    background:#FBF8F2;

}

.review-box{

    background:url("../images/bg-image/col-bgimage-5.jpg");

    padding:35px;

    margin:15px;

    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

}

.review-box:hover{

    transform:translateY(-8px);

}

.review-stars{

    color:#F5B301;

    margin-bottom:20px;

}

.review-box p{

    color:#fff;

    line-height:30px;

    min-height:110px;

}

.review-user{

    display:flex;

    align-items:center;

    margin-top:30px;

}

.review-user img{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

    margin-right:15px;

}

.review-user h4{

    color:#fff;

    margin-bottom:4px;

}

.review-user span{

    color:#f0f0f0ec;

    font-size:14px;

}

/* Slick Dots */

.slick-dots{

    margin-top:30px;

}

.slick-dots li button:before{

    font-size:12px;

    color:#2F6F43;

}

.slick-dots li.slick-active button:before{

    color:#2F6F43;

}

/* Slick Arrows */

.slick-prev,
.slick-next{

    width:50px;

    height:50px;

    background:#2F6F43;

    border-radius:50%;

    z-index:99;

}

.slick-prev:hover,
.slick-next:hover{

    background:#1d4d2c;

}
.slick_slider .slick-next{
    background-color: #32970b;
}
.slick_slider .slick-prev{
    background-color: #32970b;
   
}
/*==========================
Blog Details
==========================*/

.blog-details-section{

    background:#fff;

}

.blog-details-section .container{

    max-width:900px;

}

/*==========================
Breadcrumb
==========================*/

.blog-breadcrumb{

    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;

    font-size:15px;

}

.blog-breadcrumb a{

    color:#2f7d32;
    text-decoration:none;
    transition:.3s;

}

.blog-breadcrumb a:hover{

    color:#1d5c23;

}

.blog-breadcrumb span{

    color:#777;

}

.blog-breadcrumb .active{

    color:#666;

}

/*==========================
Category
==========================*/

.blog-category{

    display:inline-block;

    padding:8px 18px;

    background:#EAF5D8;

    color:#3C7A1E;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

}

/*==========================
Title
==========================*/

.blog-title{

    font-size:56px;

    font-weight:700;

    line-height:1.15;

    color:#0E4F2E;

    max-width:760px;

}

/*==========================
Meta
==========================*/

.blog-meta{

    display:flex;

    align-items:center;

    gap:35px;

    flex-wrap:wrap;

}

.meta-item{

    display:flex;

    align-items:center;

    gap:10px;

    color:#444;

    font-size:17px;

}

.meta-item i{

    color:#444;

    font-size:18px;

}

/*==========================
Featured Image
==========================*/

.blog-featured-image{

    width:100%;
    height:500px;      /* Adjust as needed */
    overflow:hidden;
    border-radius:28px;

}

.blog-featured-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;

}
/*==================================
BLOG CONTENT
==================================*/

.blog-content{

    margin-top:50px;

}

.blog-content p{

    font-size:19px;

    line-height:1.9;

    color:#444;

    margin-bottom:28px;

}

.blog-content h2{

    font-size:34px;

    font-weight:700;

    color:#0E4F2E;

    margin-top:45px;

    margin-bottom:22px;

}

.blog-list{

    list-style:none;

    padding-left:0;

    margin:25px 0 40px;

}

.blog-list li{

    position:relative;

    padding-left:34px;

    margin-bottom:18px;

    font-size:18px;

    line-height:1.8;

    color:#444;

}

.blog-list li::before{

    content:"\f058";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    left:0;

    top:2px;

    color:#3E8A25;

    font-size:18px;

}

.blog-content blockquote{

    margin:45px 0;

    padding:30px;

    border-left:5px solid #3E8A25;

    background:#F6FAF2;

    border-radius:14px;

    font-size:24px;

    line-height:1.7;

    font-style:italic;

    color:#1E4F2F;

    font-weight:500;

}

/*==================================
Responsive
==================================*/

@media (max-width:991px){

    .blog-content h2{

        font-size:30px;

    }

}

@media (max-width:767px){

    .blog-content p{

        font-size:17px;

    }

    .blog-content h2{

        font-size:26px;

    }

    .blog-list li{

        font-size:17px;

    }

    .blog-content blockquote{

        padding:22px;

        font-size:20px;

    }

}
/*==============================
Share Section
==============================*/

.blog-share-section{

    margin-top:60px;

    padding-top:35px;

    border-top:1px solid #E6E6E6;

    display:flex;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.share-title{

    font-size:20px;

    font-weight:600;

    color:#0E4F2E;

}

.share-icons{

    display:flex;

    gap:14px;

}

.share-btn{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F3F7ED;

    color:#2F7D32;

    font-size:20px;

    text-decoration:none;

    transition:.35s;

}

.share-btn:hover{

    background:#2F7D32;

    color:#fff;

    transform:translateY(-4px);

}

.facebook:hover{

    background:#1877F2;

}

.twitter:hover{

    background:#000;

}

.whatsapp:hover{

    background:#25D366;

}

.linkedin:hover{

    background:#0A66C2;

}

/*==============================
Responsive
==============================*/

@media(max-width:576px){

    .blog-share-section{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

}
/*=========================
AUTHOR BOX
==========================*/

.blog-author-box{

    margin-top:70px;

    padding:35px;

    border-radius:25px;

    background:#F7FAF4;

    display:flex;

    gap:30px;

    align-items:center;

}

.author-image img{

    width:200px;

    height:130px;

    border-radius:50%;

    object-fit:cover;

}

.author-label{

    color:#3E8A25;

    font-weight:600;

    display:block;

    margin-bottom:8px;

}

.author-content h3{

    color:#0E4F2E;

    font-size:30px;

    margin-bottom:15px;

}

.author-content p{

    margin:0;

    line-height:1.8;

    color:#555;

}

/*=========================
BLOG NAVIGATION
==========================*/

.blog-navigation{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

    margin:70px 0;

}

.blog-nav-card{

    padding:30px;

    border:1px solid #0d2c09;

    border-radius:20px;

    text-decoration:none;

    transition:.35s;
    background-color:#0c310e;

}

.blog-nav-card small{

    color:#3E8A25;

    font-weight:600;

}

.blog-nav-card h4{

    margin-top:12px;

    color:#fff;

    font-size:22px;

    line-height:1.5;

}

.blog-nav-card:hover{

    background:#F6FAF2;

    transform:translateY(-6px);

}

/*=========================
RELATED BLOGS
==========================*/

.related-blog-section{

    margin-top:80px;

}

.related-title{

    font-size:40px;

    color:#0E4F2E;

    margin-bottom:40px;

    font-weight:700;

}

.related-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    border:1px solid #ECECEC;

    transition:.35s;

    height:100%;

}

.related-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.related-card img{

    width:100%;

    height:220px;

    object-fit:cover;

}

.related-content{

    padding:25px;

}

.related-content span{

    display:inline-block;

    background:#EEF8E6;

    color:#3E8A25;

    padding:6px 14px;

    border-radius:20px;

    font-size:14px;

    font-weight:600;

}

.related-content h4{

    margin:18px 0;

    font-size:24px;

    color:#0E4F2E;

    line-height:1.5;

}

.related-content a{

    color:#3E8A25;

    text-decoration:none;

    font-weight:600;

}

.related-content a:hover{

    color:#0E4F2E;

}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:991px){

    .blog-author-box{

        flex-direction:column;

        text-align:center;

    }

    .blog-navigation{

        grid-template-columns:1fr;

    }

    .related-title{

        font-size:32px;

    }

}

@media(max-width:767px){

    .blog-title{

        font-size:38px;

    }

    .blog-meta{

        gap:18px;

    }

    .related-content h4{

        font-size:20px;

    }

    .author-content h3{

        font-size:26px;

    }

}
/*==================================
AUTHOR BOX RESPONSIVE
==================================*/

@media (max-width: 991px) {

    .blog-author-box{
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
        gap: 20px;
    }

    .author-image{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .author-image img{
        width: 130px;
        height: 130px;
        border-radius: 50%;
        object-fit: cover;
        border: 5px solid #fff;
        box-shadow: 0 8px 25px rgba(0,0,0,.12);
    }

    .author-content{
        width: 100%;
    }

    .author-content h3{
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .author-content p{
        font-size: 17px;
        line-height: 1.8;
        margin: 0 auto;
        max-width: 500px;
    }

}
/*====================================
Hero
=====================================*/

.our-team-hero{

     min-height:650px;

    display:flex;
    align-items:center;

    background-image:url("../images/our-teamhero.png");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover;

}

.our-team-hero-subtitle{

    display:inline-block;
    color:#73756ef1;
    letter-spacing:3px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    

}

.our-team-hero h1{

    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    color:#234321;
    line-height:1.1;
    margin-bottom:25px;

}

.our-team-hero p{

    font-size:18px;
    line-height:1.9;
    max-width:540px;

}

.our-team-hero-image{

    border-radius:35px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    

}



/*====================================
Section Heading
=====================================*/

.our-team-section-title{

    padding:90px 0 50px;

}

.our-team-section-title span{

    color:#73756ef1;
    font-weight:600;
    letter-spacing:2px;

}

.our-team-section-title h2{

    margin:20px 0;
    font-family:var(--base-headingfont);
    font-size:52px;
    color:#0d4b1f;

}

.our-team-section-title p{

    max-width:700px;
    margin:auto;
    font-size:17px;

}



/*====================================
Team Cards
=====================================*/

.our-team-section{

    padding-bottom:90px;

}

.our-team-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;

}

.our-team-card:hover{

    transform:translateY(-10px);

}

.our-team-img{

    overflow:hidden;

}

.our-team-img img{

    height:340px;
    object-fit:cover;
    transition:.5s;

}

.our-team-card:hover img{

    transform:scale(1.08);

}

.our-team-content{

    padding:28px;

    text-align:center;

}

.our-team-content h3{

    color:#0d2c09;
    font-family:var(--base-headingfont);
    font-size:25px;
    margin-bottom:8px;

}

.our-team-content span{

    color:#0d2c09;
    display:block;
    font-weight:600;
    margin-bottom:15px;

}

.our-team-content p{

    margin-bottom:22px;
    font-size:15px;

}

.our-team-social-icons{

    display:flex;
    justify-content:center;
    gap:12px;

}

.our-team-social-icons a{

    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #ddd;

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

    color:var(--primary);

    transition:.3s;

}

.our-team-social-icons a:hover{

    background:var(--primary);
    color:#fff;

}
/*====================================
Feature Section
=====================================*/

.our-team-features{

    padding:20px 0 90px;

}

.our-team-feature-box{

    background:#0d2c09;
    border-radius:25px;
    padding:35px;
    text-align:center;
    transition:.3s;
    height:100%;

}

.our-team-feature-box:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.our-team-feature-icon{

    width:80px;
    height:80px;
    margin:auto auto 25px;

    border-radius:50%;

    background:#fff;

    color:var(--primary);

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

    font-size:32px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.our-team-feature-content h4{

    font-family: var(--base-headingfont);
    color:#fff;
    font-size:30px;
    margin-bottom:15px;

}

.our-team-feature-content p{

    line-height:1.8;
    color:#fff;

}



/*====================================
CTA
=====================================*/

.our-team-cta{

    padding-bottom:90px;
   

}

.our-team-cta-wrapper{

    background:linear-gradient(90deg,#214927,#356A37);

    color:#fff;

    border-radius:30px;

    padding:70px;
    background:url("../images/OUR-TEAMCTA.png");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover;
    min-height:300px;

    display:flex;
    align-items:center;

}

.our-team-cta-wrapper h2{

    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    margin-bottom:20px;

}

.our-team-cta-wrapper p{

    font-size:18px;
    opacity:.9;
    color:#000;

}

.our-team-cta-btn{

    background:#0c310e;

    color:#fff;

    padding:18px 42px;

    border-radius:50px;

    font-weight:600;

    display:inline-flex;

    align-items:center;

    transition:.3s;

}

.our-team-cta-btn:hover{

    background:#dfe9d8;

    color:var(--primary);

}



/*====================================
Responsive
=====================================*/

@media(max-width:991px){

.our-team-hero{

padding:70px 0;

text-align:center;

}

.our-team-hero h1{

font-size:48px;

}

.our-team-hero-image{

margin-top:40px;

}

.our-team-section-title h2{

font-size:40px;

}

.our-team-cta-wrapper{

padding:50px 35px;

text-align:center;

}

.our-team-cta-wrapper h2{

font-size:42px;

}

.our-team-cta-btn{

margin-top:25px;

}

}

@media(max-width:767px){

.our-team-hero h1{

font-size:38px;

}

.our-team-section-title h2{

font-size:34px;

}

.our-team-content h4{

font-size:28px;

}

.our-team-feature-content h4{

font-size:28px;

}

.our-team-cta-wrapper{

padding:40px 25px;

}

.our-team-cta-wrapper h2{

font-size:34px;

}

}
@media (max-width:767px){

.our-team-hero{

    min-height:650px;

    padding:70px 0 320px;

    align-items:flex-start;

    background-position:center bottom;
    background-size:100% auto;

}

.our-team-hero .hero-content{

    text-align:center;

}

.our-team-hero h1{

    font-size:42px;

    line-height:1.15;

}

.our-team-hero p{

    font-size:16px;

}

}
/*==================================================
            TREATMENTS PAGE - HERO SECTION
==================================================*/

.treatment-hero{
    
    background:linear-gradient(180deg,#f8fbf5 0%,#ffffff 100%);
   
    background:url("../images/treatmentshero1.png");
    min-height:650px;

    display:flex;
    align-items:center;
    background-repeat:no-repeat;
    background-position:right center;
    background-size:cover;

}

.treatment-hero::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#eef7e8;
    border-radius:50%;
    top:-180px;
    right:-120px;
    opacity:.8;
}

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

.treatment-hero-tag{
    display:inline-block;
    background:#eef7e8;
    color:#5f8d4e;
    padding:10px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:22px;
}

.treatment-hero-content h1{
    font-size:58px;
    line-height:1.1;
    font-weight:600;
    color:#0a5519;
    margin-bottom:25px;
}

.treatment-hero-content h1 span{
    color:#5f8d4e;
}

.treatment-hero-content p{
    font-size:18px;
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
    max-width:560px;
}

.treatment-hero-buttons{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.treatment-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
}

.btn-book{
    background:#0c310e;
    color:#fff;
}

.btn-book:hover{
    background:#476d39;
    color:#fff;
    transform:translateY(-4px);
}

.btn-outline-custom{
    border:2px solid #0c310e;
    color:#0c310e;
    background:#fff;
}

.btn-outline-custom:hover{
    background:#0c310e;
    color:#fff;
}

.treatment-hero-image{
    position:relative;
}

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

.treatment-hero-image::before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    background:rgba(95,141,78,.12);
    border-radius:50%;
    top:-30px;
    left:-30px;
    z-index:-1;
}

.treatment-hero-image::after{
    content:"100% Natural";
    position:absolute;
    left:-30px;
    bottom:25px;
    background:#fff;
    color:#5f8d4e;
    font-weight:700;
    padding:16px 24px;
    border-radius:16px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.treatment-hero-content,
.treatment-hero-image{
    animation:treatmentFade .8s ease;
    
}

@keyframes treatmentFade{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/*==================================================
                COMMON SECTION TITLE
==================================================*/

.treatment-section-title{
    margin-bottom:60px;
}

.treatment-section-title span{
    display:inline-block;
    color:#73756ef1;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:15px;
    font-size:15px;
}

.treatment-section-title h2{
    font-size:52px;
    color:#0d4b1f;
    margin-bottom:18px;
}

.treatment-section-title p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}
/*==================================================
        WHY CHOOSE TREATMENTS SECTION
==================================================*/

.treatment-why-treatment{
    padding:100px 0;
    background:#fff;
    position:relative;
}

.treatment-why-box{
    background:transparent;
    padding:15px 20px;
    text-align:center;
    border:none;
    box-shadow:none;
    border-radius:0;
    min-height:220px; 
    width:300px;  /* Reduce box height */
}
.treatment-why-box::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:160px;
    background:#ece8dc;
}

.col-lg-3:last-child .treatment-why-box::after{
    display:none;
}
.treatment-why-box::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#5f8d4e;
    transform:scaleX(0);
    transition:.35s;
}

.treatment-why-box:hover::before{
    transform:scaleX(1);
}

.treatment-why-box:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.treatment-why-icon{
    width:60px;
    height:60px;
    margin:0 auto 18px;
    font-size:24px;
    background:#F4F8EB;
}

.treatment-why-box:hover .treatment-why-icon{
    background:#5f8d4e;
    color:#fff;
    transform:none;
}

.treatment-why-box h4{
    font-size:30px;
    margin-bottom:18px;
    color:#1d2b1d;
}

.treatment-why-box p{
    color:#666;
    line-height:1.8;
    margin:0;
}

/*==================================================
            TREATMENT SECTION
==================================================*/

.treatments-section{
    padding:110px 0;
    background:#f8fbf5;
}

.treatment-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    transition:.35s;
    height:100%;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.treatment-card:hover{
    transform:translateY(-10px);
    box-shadow:0 22px 55px rgba(0,0,0,.10);
}

.treatment-image{
    overflow:hidden;
    position:relative;
}

.treatment-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

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

.treatment-content{
    padding:70px 28px 30px;
    position:relative;
}

.treatment-icon{
    position:absolute;
    top:-35px;
    left:28px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#0c310e;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 10px 25px rgba(95,141,78,.35);
    transition:.35s;
}

.treatment-card:hover .treatment-icon{
    transform:rotate(360deg);
}

.treatment-content h4{
    font-size:28px;
    margin-bottom:15px;
    color:#045c2a;
}

.treatment-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:22px;
}

.treatment-content a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#5f8d4e;
    font-weight:600;
    transition:.35s;
}

.treatment-content a i{
    transition:.35s;
}

.treatment-content a:hover{
    color:#476d39;
}

.treatment-content a:hover i{
    transform:translateX(6px);
}

/*==================================================
        STAGGER HOVER EFFECT
==================================================*/

.treatments-section .col-lg-3:nth-child(even) .treatment-card{
    margin-top:18px;
}

.treatments-section .col-lg-3:nth-child(even) .treatment-card:hover{
    margin-top:8px;
}

.treatments-section .col-lg-3:nth-child(odd) .treatment-card:hover{
    margin-top:-10px;
}
/*==================================================
            TREATMENT CTA SECTION
==================================================*/

.treatment-cta{
    padding:0px 0;
    background:#fff;
    padding-bottom:80px;
}


.treatment-cta-box{

    background:linear-gradient(90deg,#F7F9EF,#EEF5E6);
    padding:35px 40px;
    border-radius:28px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    overflow:hidden;
    position:relative;

}

/* Decorative Shapes */

.treatment-cta-box::before{

    content:"";
    position:absolute;
    left:-70px;
    bottom:-60px;
    width:220px;
    height:220px;
    background:rgba(95,141,78,.08);
    border-radius:50%;

}

.treatment-cta-box::after{

    content:"";
    position:absolute;
    right:-80px;
    top:-80px;
    width:220px;
    height:220px;
    background:rgba(95,141,78,.08);
    border-radius:50%;

}

/*==================================
            IMAGE
==================================*/

.treatment-cta-image img{

    width:100%;
    max-width:280px;

}

.treatment-cta-image{

    text-align:center;

}

/*==================================
            CONTENT
==================================*/

.treatment-cta-content span{

    display:block;
    color:#444;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
    

}

.treatment-cta-content h2{

     font-size:42px;
    line-height:1.2;
    margin-bottom:15px;
    color:#0a5519;

    font-family:var(--base-headingfont);

}

.treatment-cta-content p{

    font-size:18px;
    color:#666;
    line-height:1.8;
    margin-bottom:0;

}

/*==================================
        RIGHT CONTENT
==================================*/

.treatment-cta-right{

    padding-left:25px;

}

.treatment-cta-right ul{

    padding:0;
    margin:0 0 30px;
    list-style:none;
     margin-bottom:20px;

}

.treatment-cta-right ul li{

    display:flex;
    align-items:center;
    margin-bottom:12px;
    font-size:17px;
    color:#222;
    font-weight:500;

}

.treatment-cta-right ul li i{

    width:42px;
    height:42px;
    background:#F1F8EC;
    color:#5F8D4E;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:18px;

}

/*==================================
            BUTTON
==================================*/

.treatment-cta .btn-book{

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

    background:#0c310e;
    color:#fff;

    padding:16px 34px;

    border-radius:10px;

    font-size:17px;
    font-weight:600;

    transition:.3s;
    margin-left:55px;

}

.treatment-cta .btn-book:hover{

    background:#1f6306;
    color:#fff;
    transform:translateY(-3px);

}

.treatment-cta .btn-book i{

    margin-right:10px;

}

/*==================================
        RESPONSIVE
==================================*/

@media(max-width:991px){

.treatment-cta{

padding:60px 0;

}

.treatment-cta-box{

text-align:center;
padding:40px 30px;

}

.treatment-cta-image{

margin-bottom:30px;

}

.treatment-cta-content{

margin-bottom:35px;

}

.treatment-cta-content h2{

font-size:38px;

}

.treatment-cta-right{

padding-left:0;

}

.treatment-cta-right ul{

display:inline-block;
text-align:left;

}

}

@media(max-width:576px){

.treatment-cta-content h2{

font-size:30px;

}

.treatment-cta-content p{

font-size:16px;

}

.treatment-cta-right ul li{

font-size:16px;

}

.treatment-cta .btn-book{

width:100%;

}

}
.why-choose-treatments{

    background:var(--light);

    position:relative;
    padding-top:100px;

}

.why-card{

   background: #155c3a;          /* Dark green */
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    min-height: 420px;            /* Equal height */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);

}

.why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,var(--secondary),var(--primary));

}

.why-card:hover{

    transform:translateY(-12px);

}

.icon-box{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 25px;

}

.icon-box i{

    font-size:38px;

    color:var(--primary);

}

.why-card h4{

    font-size:28px;

    margin-bottom:15px;
    color:#fff;

}

.why-card p{

    margin:0;
    color:#fff;

}
.dropdown-menu{
    border: none;
    border-radius: 12px;
    padding: 10px 0;
    min-width: 230px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.dropdown-item{
    padding: 12px 20px;
    font-size: 15px;
    color: #333;
    transition: all .3s;
}

.dropdown-item:hover{
    background: #F6F9EF;
    color: #2E7D32;
    padding-left: 28px;
}
/*=========================
WAVE CITY HERO
=========================*/

.wave-clinic-hero{

padding:90px 0;

background:linear-gradient(90deg,#fbfaf5,#ffffff);

overflow:hidden;

position:relative;
background:url("../images/wavehero1.png");
 background-size:cover;

    background-position:center right;

    background-repeat:no-repeat;

    border-radius:30px 0 0 30px;
    height:650px;

}

.wave-clinic-hero-subtitle{

display:inline-block;

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#73756ef1;

margin-bottom:18px;

}

.wave-clinic-hero h1{

font-size:60px;

font-weight:700;

line-height:1.1;

color:#0a5519;

margin-bottom:20px;

font-family:"Cormorant Garamond",serif;

}

.wave-clinic-hero h1 span{

color:#0a5519;

}

.wave-clinic-hero-divider{

display:flex;

align-items:center;

margin:20px 0;

gap:15px;

}

.wave-clinic-hero-divider span{

height:2px;

width:80px;

background:#d7e2c6;

}

.wave-clinic-hero-divider i{

color:#5d8c38;

font-size:20px;

}

.wave-clinic-wave-clinic-hero p{

font-size:17px;

line-height:30px;

color:#666;

max-width:540px;

margin-bottom:35px;

}

.wave-clinic-hero-buttons{

display:flex;

gap:18px;

margin-bottom:45px;

flex-wrap:wrap;

}

.wave-clinic-btn-book{

background:var(--base-skin);

color:#fff;

padding:15px 28px;

border-radius:50px;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.wave-clinic-btn-book:hover{

background:var(--base-skin);

color:#fff;

transform:translateY(-3px);

}

.wave-clinic-btn-call{

padding:15px 28px;

border-radius:50px;

border:2px solid var(--base-skin);

color:var(--base-skin);

font-weight:600;

text-decoration:none;

transition:.35s;

}

.wave-clinic-btn-call:hover{

background:var(--base-skin);

color:#fff;

}

.wave-clinic-hero-buttons i{

margin-right:8px;

}

.wave-clinic-hero-features{

display:flex;

gap:30px;

flex-wrap:wrap;

}

.wave-clinic-feature-box{

display:flex;

align-items:center;

gap:14px;

}

.wave-clinic-feature-box i{

width:55px;

height:55px;

background:var(--base-skin);

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#FFF;

font-size:22px;

}

.wave-clinic-feature-box h6{

margin:0;

font-size:17px;

font-weight:600;

color:#1c2d20;

}

.wave-clinic-feature-box span{

font-size:14px;

color:#666;

}

.wave-clinic-hero-image{

position:relative;

text-align:right;

}

.wave-clinic-hero-image img{

width:100%;

border-radius:30px;

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

@media(max-width:991px){

.wave-clinic-hero{

padding:70px 0;

text-align:center;

}

.wave-clinic-hero h1{

font-size:44px;

}

.hero-divider{

justify-content:center;

}

.wave-clinic-hero p{

margin:auto;

margin-bottom:30px;

}

.wave-clinic-hero-buttons{

justify-content:center;

}

.wave-clinic-hero-features{

justify-content:center;

margin-bottom:40px;

}

.wave-clinic-hero-image{

text-align:center;

}

}

@media(max-width:576px){

.wave-clinic-hero h1{

font-size:34px;

}

.wave-clinic-hero-features{

flex-direction:column;

align-items:flex-start;

}

.wave-clinic-hero-buttons{

flex-direction:column;

}

.wave-clinic-btn-book,

.wave-clinic-btn-call{

width:100%;

}

}
/*=========================
TREATMENT SECTION
=========================*/

.wave-clinic-wave-treatment-section{

padding:100px 0;

background:#fdfcf8;

}

.wave-clinic-section-title span{

display:inline-block;

color:#60615d;

font-size:15px;

font-weight:600;

text-transform:uppercase;

letter-spacing:2px;

margin-bottom:12px;

}

.wave-clinic-section-title h2{

font-size:50px;

font-weight:500;

color:#1C5B37;

font-family:var(--base-headingfont);

margin-bottom:20px;

}

.wave-clinic-title-divider{

display:flex;

justify-content:center;

align-items:center;

gap:15px;

margin-bottom:60px;

}

.wave-clinic-title-divider span{

width:70px;

height:2px;

background:#dbe7cf;

}

.wave-clinic-title-divider i{

color:#5b8a38;

font-size:18px;

}

.wave-clinic-treatment-card{

background:#155c3a;

padding:40px 30px;

border-radius:22px;

text-align:center;

transition:.35s;

height:100%;

border:1px solid #eef2e8;

box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.wave-clinic-treatment-card:hover{

transform:translateY(-10px);

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

}

.wave-clinic-treatment-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:#eef7e8;

display:flex;

align-items:center;

justify-content:center;

font-size:36px;

color:#0a5519;

transition:.35s;

}

.wave-clinic-treatment-card:hover .wave-clinic-treatment-icon{

background:#5d8c38;

color:#fff;

transform:rotate(10deg);

}

.wave-clinic-treatment-card h4{

font-size:24px;

margin-bottom:15px;

font-weight:500;

font-family:var(--base-headingfont);

color:#fff;

}

.wave-clinic-treatment-card p{

font-size:15px;

line-height:28px;

color:#fff;

margin-bottom:25px;

}

.wave-clinic-treatment-card a{

text-decoration:none;

color:#5d8c38;

font-weight:600;

transition:.3s;

}

.wave-clinic-treatment-card a:hover{

letter-spacing:1px;

}

.wave-clinic-treatment-card a i{

margin-left:8px;

}
@media(max-width:991px){

.wave-clinic-wave-treatment-section{

padding:80px 0;

}

.wave-clinic-section-title h2{

font-size:36px;

}

}

@media(max-width:576px){

.wave-clinic-wave-treatment-section{

padding:60px 0;

}

.wave-clinic-section-title h2{

font-size:30px;

}

.wave-clinic-treatment-card{

padding:30px 22px;

}

.wave-clinic-treatment-icon{

width:75px;

height:75px;

font-size:30px;

}

}
/*=========================
TESTIMONIALS
=========================*/

.wave-clinic-wave-testimonial-section{


background:#fff;

}

.wave-clinic-testimonial-card{

background:#fff;

padding:35px;

border-radius:22px;

box-shadow:0 15px 40px rgba(0,0,0,.07);

position:relative;

height:100%;

transition:.35s;

}

.wave-clinic-testimonial-card:hover{

transform:translateY(-8px);

}

.wave-clinic-quote{

font-size:38px;

color:#d7dfcf;

margin-bottom:15px;

}

.wave-clinic-stars{

margin-bottom:20px;

}

.wave-clinic-stars i{

color:#FFC107;

margin-right:3px;

}

.wave-clinic-testimonial-card p{

font-size:15px;

line-height:28px;

color:#666;

margin-bottom:30px;

}

.wave-clinic-patient-info{

display:flex;

align-items:center;

gap:15px;

}

.wave-clinic-patient-info img{

width:65px;

height:65px;

border-radius:50%;

object-fit:cover;

}

.wave-clinic-patient-info h5{

margin:0;

font-size:18px;

font-weight:700;

}

.wave-clinic-patient-info span{

font-size:14px;

color:#777;

}

.wave-clinic-carousel-control-prev,

.wave-clinic-carousel-control-next{

width:55px;

height:55px;

background:#5d8c38;

border-radius:50%;

top:50%;

transform:translateY(-50%);

opacity:1;

}

.wave-clinic-carousel-control-prev{

left:-80px;

}

.wave-clinic-carousel-control-next{

right:-80px;

}

.wave-clinic-carousel-control-prev-icon,

.wave-clinic-carousel-control-next-icon{

filter:invert(1);

}

@media(max-width:991px){

.wave-clinic-carousel-control-prev,

.wave-clinic-carousel-control-next{

display:none;

}

.wave-clinic-wave-testimonial-section{

padding:80px 0;

}

}
/*=========================
GALLERY SECTION
=========================*/

.wave-clinic-wave-gallery-section{

padding-top:100px;
padding-bottom:90px;

background:#F8FAF5;

}

.wave-clinic-gallery-subtitle{

max-width:700px;

margin:0 auto 60px;

font-size:16px;

line-height:30px;

color:#666;

}

.wave-clinic-gallery-card{

position:relative;

overflow:hidden;

border-radius:25px;

cursor:pointer;

height:320px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.wave-clinic-gallery-card img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.wave-clinic-gallery-card:hover img{

transform:scale(1.12);

}

.wave-clinic-gallery-overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:30px;

background:linear-gradient(to top,rgba(0,0,0,.75),transparent);

transition:.4s;

}

.wave-clinic-gallery-overlay h4{

color:#fff;

font-size:24px;

font-family:"Cormorant Garamond",serif;

margin:0;

}

.wave-clinic-gallery-card:hover .gallery-overlay{

padding-bottom:40px;

}

.wave-clinic-gallery-btn{

margin-top:60px;

}

.wave-clinic-btn-gallery{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 36px;

background:var(--base-skin);

color:#fff;

text-decoration:none;

font-weight:600;

border-radius:50px;

transition:.35s;

}

.wave-clinic-btn-gallery:hover{

background:var(--base-skin);

color:#fff;

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(93,140,56,.3);

}

.wave-clinic-btn-gallery i{

transition:.3s;

}

.wave-clinic-btn-gallery:hover i{

transform:translateX(6px);

}
@media(max-width:991px){

.wave-clinic-wave-gallery-section{

padding:80px 0;

}

.wave-clinic-gallery-card{

height:280px;

}

}

@media(max-width:576px){

.wave-clinic-wave-gallery-section{

padding:60px 0;

}

.wave-clinic-gallery-card{

height:240px;

}

.wave-clinic-gallery-overlay{

padding:20px;

}

.wave-clinic-gallery-overlay h4{

font-size:20px;

}

.wave-clinic-btn-gallery{

width:100%;

justify-content:center;

}

}
/*=========================
LOCATION SECTION
=========================*/


.wave-clinic-wave-location-section{



background:#fff;

}

.wave-clinic-contact-card{

background:#F8FAF5;

padding:45px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

height:100%;

}

.wave-clinic-contact-item{

display:flex;

gap:20px;

margin-bottom:30px;

align-items:flex-start;

}

.wave-clinic-contact-item:last-child{

margin-bottom:40px;

}

.wave-clinic-contact-icon{

width:65px;

height:65px;

background:var(--base-skin);

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

flex-shrink:0;

}

.wave-clinic-contact-icon i{

color:#fff;

font-size:22px;

}

.wave-clinic-contact-item h5{

font-size:22px;

margin-bottom:8px;

font-family:"Cormorant Garamond",serif;

color:#222;

}

.wave-clinic-contact-item p{

margin:0;

font-size:15px;

line-height:28px;

color:#666;

}

.wave-clinic-location-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:16px 34px;

background:var(--base-skin);

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:600;

transition:.35s;

}

.wave-clinic-location-btn:hover{

background:var(--base-skin);

color:#fff;

transform:translateY(-3px);

box-shadow:0 15px 35px rgba(93,140,56,.30);

}

.wave-clinic-location-btn i{

transition:.35s;

}

.wave-clinic-location-btn:hover i{

transform:translateX(6px);

}

.wave-clinic-map-box{


min-height:520px;



overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.10);
 height:500px;

    overflow:hidden;

    border-radius:30px;


}

.wave-clinic-map-box iframe{

width:100%;

    height:100%;

    border:0;

    display:block;

}
@media(max-width:991px){

.wave-clinic-wave-location-section{

padding:80px 0;

}

.wave-clinic-contact-card{

padding:35px;

}

.wave-clinic-map-box{

min-height:420px;

}

}

@media(max-width:576px){

.wave-clinic-wave-location-section{

padding:60px 0;

}

.wave-clinic-contact-card{

padding:28px;

}

.wave-clinic-contact-item{

gap:15px;

}

.wave-clinic-contact-icon{

width:55px;

height:55px;

}

.wave-clinic-contact-item h5{

font-size:20px;

}

.wave-clinic-map-box{

min-height:300px;

}

.wave-clinic-location-btn{

width:100%;

justify-content:center;

}

}
/*=========================
CTA SECTION
=========================*/

.wave-clinic-wave-cta-section{

padding:100px 0;

background:#ffffff;

}

.wave-clinic-wave-cta-box{

background:linear-gradient(135deg,#edf6e7,#f8fbf5);

border-radius:35px;

padding:0 60px;

overflow:hidden;

position:relative;

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.wave-clinic-wave-cta-box::before{

content:"";

position:absolute;

width:280px;

height:280px;

background:rgba(93,140,56,.08);

border-radius:50%;

top:-100px;

right:-80px;

}

.wave-clinic-wave-cta-image{

text-align:center;

}

.wave-clinic-wave-cta-image img{

max-width:100%;

margin-top:-40px;

}

.wave-clinic-wave-cta-content{

padding:70px 0;

position:relative;

z-index:2;

}

.wave-clinic-wave-cta-content span{

display:inline-block;

font-size:15px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#60615d;

margin-bottom:18px;

}

.wave-clinic-wave-cta-content h2{

font-size:48px;

font-family:var(--base-headingfont);

font-weight:600;

line-height:1.2;

margin-bottom:25px;

color:#1C5B37;

}

.wave-clinic-wave-cta-content p{

font-size:16px;

line-height:30px;

color:#666;

margin-bottom:35px;

max-width:620px;

}

.wave-clinic-wave-cta-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.wave-clinic-cta-btn-primary{

background:var(--base-skin);

color:#fff;

padding:16px 34px;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.wave-clinic-cta-btn-primary:hover{

background:var(--base-skin);

color:#fff;

transform:translateY(-4px);

}

.wave-clinic-cta-btn-outline{

border:2px solid var(--base-skin);

color:var(--base-skin);

padding:16px 34px;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.wave-clinic-cta-btn-outline:hover{

background:var(--base-skin);

color:#fff;

}

.wave-clinic-wave-cta-buttons i{

margin-right:8px;

}
@media(max-width:991px){

.wave-clinic-wave-cta-section{

padding:80px 0;

}

.wave-clinic-wave-cta-box{

padding:40px;

text-align:center;

}

.wave-clinic-wave-cta-image img{

margin-top:0;

max-width:380px;

margin-bottom:40px;

}

.wave-clinic-wave-cta-content{

padding:0;

}

.wave-clinic-wave-cta-content h2{

font-size:38px;

}

.wave-clinic-wave-cta-buttons{

justify-content:center;

}

}

@media(max-width:576px){

.wave-clinic-wave-cta-section{

padding:60px 0;

}

.wave-clinic-wave-cta-box{

padding:30px 20px;

border-radius:25px;

}

.wave-clinic-wave-cta-content h2{

font-size:30px;

}

.wave-clinic-wave-cta-content p{

font-size:15px;

line-height:28px;

}

.wave-clinic-wave-cta-buttons{

flex-direction:column;

}

.wave-clinic-cta-btn-primary,

.wave-clinic-cta-btn-outline{

width:100%;

text-align:center;

}

}
.speciality-section{

padding:100px 0;

background:#fffdf8;

}

/* Joint Pain Card */

.speciality-card-joint-card{

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    min-height:520px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.92) 35%,
            rgba(255,255,255,.55) 55%,
            rgba(255,255,255,.10) 72%,
            rgba(255,255,255,0) 90%
        ),
        url("../images/ortho.png");

    background-size:cover;

    background-position:right center;

    background-repeat:no-repeat;

}


/* Female Card */

.speciality-card-female-card{

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    height:100%;

    min-height:520px;

    background:
        linear-gradient(
            90deg,
            rgba(255,250,252,.98) 0%,
            rgba(255,250,252,.92) 35%,
            rgba(255,250,252,.55) 55%,
            rgba(255,250,252,.10) 72%,
            rgba(255,250,252,0) 90%
        ),
        url("../images/gyne.png");

    background-size:cover;

    background-position:right center;

    background-repeat:no-repeat;

}
.speciality-card:hover{

transform:translateY(-8px);

}

.speciality-content{

padding:40px;

}

.speciality-icon{

width:70px;

height:70px;

background:#edf6e8;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:20px;

}

.speciality-icon i{

font-size:28px;

color:#5d8c38;

}

.pink{

background:#fdebf2;

}

.pink i{

color:#d94f82;

}

.speciality-content h3{

font-size:25px;

font-family:var(--base-headingfont);

margin-bottom:15px;

color:var(--base-skin);

}

.speciality-content p{

line-height:28px;

margin-bottom:20px;

color:#666;

}

.speciality-content ul{

padding:0;

list-style:none;

margin-bottom:25px;

}

.speciality-content li{

margin-bottom:10px;

font-weight:500;

}

.speciality-content li i{

color:#5d8c38;

margin-right:8px;

}

.speciality-btn{

display:inline-block;

padding:14px 28px;

background:var(--base-skin);

color:#fff;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.speciality-btn:hover{

background:#3f6820;

color:#fff;

}

.female-btn{

background:#d94f82;

}

.female-btn:hover{

background:#c0396d;

}

.speciality-image{

width:100%;

height:100%;

object-fit:cover;

min-height:450px;

}

.modern-treatment-section{

padding:100px 0;

background:#fcfbf7;

position:relative;

}

.modern-treatment-card{

display:flex;

align-items:center;

gap:20px;

padding:25px;

background:#0f571c;

border-radius:20px;

box-shadow:0 10px 35px rgba(0,0,0,.06);

height:100%;

transition:.35s;

border:1px solid #edf1e7;

}

.modern-treatment-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.modern-treatment-icon{

width:82px;

height:82px;

border-radius:50%;

background:#eef7e7;

display:flex;

align-items:center;

justify-content:center;

flex-shrink:0;

}

.modern-treatment-icon img{

width:42px;

}

.modern-treatment-card h4{

font-size:20px;

font-family:var(--base-headingfont);

margin-bottom:8px;

color:#fff;

}

.modern-treatment-card p{

margin:0;

font-size:15px;

line-height:26px;

color:#fff;

}
@media(max-width:768px){

.modern-treatment-card{

padding:20px;

}

.modern-treatment-icon{

width:70px;

height:70px;

}

.modern-treatment-icon img{

width:35px;

}

.modern-treatment-card h4{

font-size:21px;

}

}
.modern-treatment-icon{

    width:90px;
    height:90px;
    border-radius:50%;
    background:#EEF7E7;

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

}

.modern-treatment-icon i{

    font-size:38px;
    color:#2F6B2F;

}
.modal {
    z-index: 1060 !important;
}

.modal-backdrop {
    z-index: 1055 !important;
}
/* Mobile */
@media (max-width:576px){

    /* Remove background image */
    .wave-clinic-hero{
        background:none !important;
        padding:100px 20px 50px;
    }

    .wave-clinic-mobile-image{
        display:block;
        margin:35px 0;
    }

    .wave-clinic-mobile-image img{
        width:100%;
        border-radius:20px;
        display:block;
    }
    .wave-clinic-hero p br{
    display:none;
}
    

}