@charset "UTF-8";

*,

*::before,

*::after {

    margin:0;

    padding:0;

    box-sizing:border-box;

}

.section-margin{

    margin: 50px 0;

}

a {

    text-decoration: none;

    cursor: pointer;

}

div{

    line-height: 1.2;

}

html,

body,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

sub,

sup,

tt,

var,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

input,

select,

textarea,

button,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    box-sizing: border-box;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}

body:not(.home) header{

    background: #f3f3f3;

    border-bottom: 1px solid var(--accent-color);

    padding-bottom: 10px;

}

a:hover{

    text-decoration: none!important;

    outline: none!important;

}

a, button, input {

    outline: none;

}

p{

    line-height: 1.2;

}

ol, ul {

    padding: 0;

    margin: 0!important;

    list-style-type: none;

}

@font-face {

    font-family: 'BetterFriend';

    src: url('../font/BetterFriend-Regular.eot'); /* IE9 Compact Modes */

    src: url('../font/BetterFriend-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

         url('../font/BetterFriend-Regular.woff2') format('woff2'), /* Modern Tarayıcılar */

         url('../font/BetterFriend-Regular.woff') format('woff'), /* Modern Tarayıcılar */

         url('../font/BetterFriend-Regular.ttf') format('truetype'); /* Safari, Android, iOS */

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

.copyright{

    color: #fff;

    font-family: var(--custom-first-font);

    font-size: 20px;

}

.img-responsive {

    width: 100%;

    height: auto;

    display: block;

}

b, strong {

    font-weight: 600;

    color: var(--first-color);

}

main {

    position: relative;

    z-index: 0; 

    overflow-x: clip;

}

iframe {

    width: 100%;

    border: none;

    display: block;

}

button:focus {

    outline: none;

}

svg{

    width: 24px;

    height: 24px;

}

figure{

    margin: 0px;

}

.p60 {

    padding: 60px 0;

}

.homeButton {

    font-weight: bold;

}

.success{

    display: none;

}

.unsuccessful{

    display: none;

}

.line {

    position: relative;

    top: 60px;

    width: 100%;

    height: 5px;

    background: var(--line-color);

}

.footer-line {

    position: relative;

    top: 30px;

    width: 100%;

    height: 5px;

    background: #4c4c4a;

}

:root {

    --custom-first-font: "Poppins", sans-serif;

    --primary-color:#1e2029;

    --accent-color:#fff;

    --third-color:#65061c;

    --text-light:#fff;

    --text-black:#000;

    --text-color:#353535;

    --title-color:#060420;

    --gutter0:0px;

    --gutter25:25px;

}

.gutterbg{

  padding-left: var(--gutter25);  

  padding-right: var(--gutter25);  

}

body {

    background: #fafafa;

    font-family: "Poppins", sans-serif;

    color:var(--text-color);

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    -webkit-font-smoothing: antialiased;

    position: relative!important;

    overflow-x: hidden;

    --gutter-x: 15px;

    --gutter-x3: -15px;

}

svg{

  width: 30px;

  height: 30px;

}

.gap-5{

  gap: 10px;

}

.gap-10{

  gap: 10px;

}

.gap-35{

  gap: 35px;

}

@keyframes opacIn {

  from {

      opacity: 0;

  }

  to {

      opacity: 1;

  }

}

.doctor-animation {

  animation: opacIn 1.5s ease-in-out forwards;

}

header{

  position: relative;

  z-index: 10;

}

#post-detail {

    margin-bottom: 230px!important;

}

/* === Hamburger Buton === */

.mobile-hamburger-menu {

    display: flex;

    z-index: 999999;

    flex-direction: column;

    padding: 10px;

    width: 40px;

    height: 34px;

}

.mobile-hamburger-menu .hamburger-menu {

    position: relative;

    transform: translateY(6px);

    background:#000;

    transition: all 0ms 300ms;

    width: 20px;

    height: 2px;

}

.mobile-hamburger-menu .hamburger-menu.animate {

    background:#000;

}

.mobile-hamburger-menu .hamburger-menu.animate.animate:after {

    top: 0;

    transform: rotate(45deg);

    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);

    background:#000;

}

.mobile-hamburger-menu .hamburger-menu.animate.animate:before {

    bottom: 0;

    transform: rotate(-45deg);

    background:#000;

    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.mobile-hamburger-menu .hamburger-menu:after,

.mobile-hamburger-menu .hamburger-menu:before {

    width: 20px;

    height: 2px;

}

.mobile-hamburger-menu .hamburger-menu:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 6px;

    background:#000;

    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.mobile-hamburger-menu .hamburger-menu:after {

    content: "";

    position: absolute;

    left: 0;

    top: 6px;

    background:#000;

    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);

}

.section-btn {

  padding: 12px 60px;

  font-size: 18px;

  font-weight: 500;

  color: #fff;

  background-color: var(--accent-color);

  width: max-content;

  text-align: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  -moz-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  display: block;

  white-space: nowrap;

}

.section-btn:hover{

    transform: scale(1.1);

    transition: 0.3s ease-in;

}

.section-btn-2{

    padding: 8px 48px;

  font-size: 18px;

  font-weight: 500;

  color: var(--accent-color);

  border: 1px solid var(--accent-color);

  background-color: var(--text-light);

  width: max-content;

  text-align: center;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  -ms-border-radius: 6px;

  border-radius: 6px;

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  -moz-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  display: block;

  white-space: nowrap;

}

/* === Menü Paneli === */

#side-menu {

    display: none;

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 9999

}

#side-menu .backdrop {

    background-color: rgb(0 0 0 / .8);

    backdrop-filter: blur(2px);

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

    flex: 1;

    width: 100%;

    height: 100%

}

#side-menu .content {

    padding: 60px 0 50px;

    width: 85%;

    max-width: 400px;

      background: #fff;

    box-shadow: -3px 0 10px 0 #00000026;

    margin-right: calc((50% + 56px) * -1);

    overflow-y: auto;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    position: relative

}

#side-menu .content .close-btn {

    position: absolute;

    right: 30px;

    top: 20px;

    color: var(--yc-color-primary, #476e70);

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    cursor: pointer

}

#side-menu .menu-ana-menu-container {

    margin-top: 25px;

}

#side-menu .content .close-btn:hover {

    color: var(--yc-color-accent, #ba785d)

}

#side-menu .content.in {

    margin-right: 0

}

#side-menu .content .headerLogos img {

    width: 130px;

    margin: 0 auto;

}

#side-menu .content ul.menu {

    padding: 0 12px

}

#side-menu .content ul.menu li.current-menu-item>a {

    font-weight: 700;

    color: var(--yc-color-primary-hover, #365658);

}

#side-menu .content ul.menu li.opened.menu-item-has-children>a svg {

    transform: translateY(-50%) rotate(180deg)

}

#side-menu .content ul.menu li.opened>ul.sub-menu {

    max-height: 400px

}

#side-menu .content ul.menu li.menu-item-has-children>a svg {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    padding: 8px;

    right: 0;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    color: var(--yc-color-primary, #476e70)

}

#side-menu .content ul.menu li a {

    display: flex;

    align-items: center;

    height: 48px;

    padding: 6px 0;

    color: var(--yc-color-primary, #476e70);

    font-size: 14px;

    font-weight: 500;

    position: relative;

    border-bottom: 1px solid #dbe5e5

}

#side-menu .content ul.menu li ul.sub-menu {

    max-height: 0;

    overflow: hidden;

    overflow-y: auto;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    border-radius: 10px

}

#side-menu .content ul.menu li ul.sub-menu li {

    padding: 2px 8px;

    background-color: var(--yc-color-white, #ffffff);

    border-bottom: 1px solid #dbe5e5

}

#side-menu .content ul.menu li ul.sub-menu li a {

    padding: 0;

    border: none;

    height: 40px;

    color: var(--yc-color-primary, #476e70)

}

/* Mobil alt menü: mevcut özgüllükle eşleşen durum renkleri. */
#side-menu .content ul.menu li ul.sub-menu li a:hover,
#side-menu .content ul.menu li ul.sub-menu li a:focus-visible,
#side-menu .content ul.menu li ul.sub-menu li.current-menu-item > a {
    background-color: var(--yc-color-form-bg, #cedfdf);
    color: var(--yc-color-primary-hover, #365658);
}

#side-menu .content .lang-list {

    margin-top: 20px

}

#side-menu .content .lang-list li div {

    display: flex;

    align-items: center;

    height: 48px;

    color: #041D33;

    font-size: 14px;

    font-weight: 500;

    border-bottom: 1px solid #eaeaea;

    position: relative

}

#side-menu .content .lang-list li div svg {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 40px;

    height: 40px;

    padding: 8px;

    right: 0;

    -moz-transition: all 0.2s;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    color: #041D33

}

#side-menu .content .lang-list li .name {

    margin-left: 10px

}

#side-menu .content ul.social-menu {

    margin-top: 30px

}

#side-menu .content ul.social-menu li {

    margin: 5px

}

#side-menu .content ul.social-menu li a {

    border: 1px solid #041D33;

    padding: 6px;

    display: block;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%

}

#side-menu .content ul.social-menu li a svg {

    color: #041D33

}

#side-menu .mobile-contact-btn {

    display: block;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    border-radius: 30px;

    padding: 4px 24px;

    font-size: 18px;

    text-align: center;

    max-width: 200px;

    color: #fff;

    background-color: #041D33;

    margin: 24px auto

}

#side-menu .header-button-group{

    gap: 10px;

    margin-top: 30px;

    padding: 0 25px;

}

#side-menu .header-button {

    background: linear-gradient(259deg, #CB584B 0%, #DB8074 75%, #EBA79D 100%) 0% 0% no-repeat padding-box;

    padding: 7px;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    border-radius: 8px;

    text-align: center;

}

nav.menu-menu-container ul {

    max-height: 500px;

    overflow-y: auto;

}

body.modal-opened {

    overflow: hidden;

}

#left-whatsapp {

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 9;

}

#left-whatsapp a {

    height: 75px;

    width: 75px;

    background: linear-gradient(to bottom, #58D164 0%, #2CB842 100%);

    -webkit-border-radius: 0 8px 8px 0;

    -moz-border-radius: 0 8px 8px 0;

    -ms-border-radius: 0 8px 8px 0;

    border-radius: 8px 0 0 8px;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

#left-whatsapp a svg {

    color: #fff;

    width: 55px;

    height: 55px;

}

#mobile-footer-cta-buttons {

    padding-bottom: 14px;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

}

#mobile-footer-cta-buttons:before {

    content: " ";

    height: 40px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    background: transparent linear-gradient(89deg, #A0928D 0%, #A0928D 14%, #A39590 16%, #FBF1EE 96%, #FBF1EE 100%) 0% 0% no-repeat padding-box;

}

#mobile-footer-cta-buttons .row {

    --gutter-x: 4px;

    --gutter-x2: -4px;

}

#mobile-footer-cta-buttons .button-x {

    height: 52px;

    width: 100%;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    border-radius: 8px;

    padding: 0 20px;

    color: #fff;

}

#mobile-footer-cta-buttons .button-x.button-call {

    background: #282b35;

}

#mobile-footer-cta-buttons .button-x.button-whatsapp {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f7fc+0,dfdfdf+100 */

    background: #58D164;

    /* Old browsers */

    background: -moz-linear-gradient(top, #58D164 0%, #2CB842 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #58D164 0%, #2CB842 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #58D164 0%, #2CB842 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@first', endColorstr='@sec', GradientType=0);

    /* IE6-9 */

}

#mobile-footer-cta-buttons .button-x svg {

    color: #fff;

}

#mobile-footer-cta-buttons .button-x span.text {

    margin-left: 12px;

    font-weight: 400;

    font-size: 14px;

    font-family: var(--custom-first-font);

}

/* h-bottom */

header{

}

header .h-top{

    padding: 15px 0 0;

    overflow-x: clip;

}

header .header-contact-container {

    gap: 15px;

}

header .header-contact-container a {

    color: #000;

    gap: 5px;

}

header .h-center-contact {

    display: flex;

    flex: 0 0 45%;

    gap: 20px;

}

header .h-center-contact .item{

    display: flex;

    align-items: center;

    gap: 5px;

    font-style: 18px;

}

header .h-center-contact a{

    display: flex;

    align-items: center;

    gap: 5px;

    color: var(--accent-color);

    font-size: 16px;

    transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);

}

header .h-center-contact a:hover{

    opacity: 0.5;

}

header .h-bottom{

    padding: 10px 0;

    background: var(--accent-color);

}

header .h-bottom .header-button-group{

    gap: 10px;

    margin-right: 10px;

}

header .web-lang > li {

    padding:3px 4px;

    display: flex;

    align-items: center;

    position: relative;

    border-radius: 6px;

}

header .web-lang > li:after {

    content: ' ';

    border: 6px solid;

    transform: translateY(35%);

    border-color:var(--accent-color) transparent transparent transparent;

    margin-left: 5px;

}

header .web-lang {

    margin: 0;

    cursor: pointer;

    z-index: 999;

    list-style: none;

    padding: 0;

    border: 1px solid var(--accent-color);

    border-radius: 5px;

}

header .web-lang>li {

    position: relative;

    display: inline-flex;

}

header .web-lang>li.menu-item-has-children {

    padding: 5px 10px;

}

header .web-lang .menu-item-has-children img {

    width: 23px;

    height: 23px;

    color: #fff;

    cursor: pointer;

}

header .web-lang>li .lang-item {

    color: #000;

    background: #fff;

    padding: 4px 15px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    margin-left: 15px;

    border: 2px solid #2B1638;

}

header .web-lang>li .lang-item a img,

header .web-lang>li .lang-item img {

    width: 25px;

    height: 25px;

    margin-right: 10px;

}

header .web-lang>li .lang-item a span,

header .web-lang li ul.sub-menu li span {

    color: #fdfdfd;

    font-weight: 600;

}

header .web-lang li ul.sub-menu {

    opacity: 0;

    position: absolute;

    z-index: 9;

    top: 80%;

    left: 50%;

    transform: translateX(-50%);

    background:var(--third-color);

    pointer-events: none;

    transition: all 0.2s;

    border-radius: 13px;

    list-style: none;

    padding: 0;

    overflow: hidden;

}

header .web-lang>li:hover ul.sub-menu {

    z-index: 15;

    opacity: 1;

    top: 100%;

    pointer-events: initial;

}

header .web-lang li ul.sub-menu li {

    padding: 0;

    margin: 0;

    transition: all 0.2s;

}

header .web-lang li ul.sub-menu li:hover {

    background-color: #e6e6e6;

}

header .web-lang li ul.sub-menu li:hover span {

    color: #000;

}

header .web-lang li ul.sub-menu li .d-flex {

    padding: 10px 28px 10px 14px;

    display: flex;

    align-items: center;

    cursor: pointer;

    border-bottom: 1px solid #fff;

}

header .web-lang li ul.sub-menu li:last-child .d-flex {

    border-bottom: none;

}

header .web-lang li ul.sub-menu li img.flag-img {

    margin-right: 10px;

    width: 20px;

    height: 20px;

}

header .tops-menu > li {

  position: relative;

}

header .tops-menu > li > a {

    display: inline-block;

    font-size: 18px;

    font-weight: 400;

    color: #000;

    padding: 15px 25px;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-timing-function: 

    cubic-bezier(0.4, 0, 0.2, 1);

        -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

        -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

        transition-timing-function: 

    cubic-bezier(0.4, 0, 0.2, 1);

}

header .tops-menu > li > a:first-child{

    padding-left: 0px;

}

header .tops-menu > li::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 3px;

  width: 0;

  background-color: #000;

  -webkit-transition-property: all;

  -moz-transition-property: all;

  -o-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

  -moz-transition-duration: 300ms;

  -o-transition-duration: 300ms;

  transition-duration: 300ms;

  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

header .tops-menu > li:hover::after {

  width: 100%;

}

header .tops-menu > li:hover > ul.sub-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: auto;

}

header .tops-menu li ul.sub-menu {

    position: absolute;

    top: 100%;

    left: 0%;

    background:var(--third-color);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);

    min-width: 180px;

    opacity: 0;

    padding: 5px;

    visibility: hidden;

    transform: translateY(10px);

    pointer-events: none;

    z-index: 9;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-timing-function: 

cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: 

cubic-bezier(0.4, 0, 0.2, 1);

}

header .tops-menu li ul.sub-menu::-webkit-scrollbar {

  width: 8px;

}

header .tops-menu li ul.sub-menu::-webkit-scrollbar-track {

  background: #f1f1f1;

  border-radius: 4px;

}

header .tops-menu li ul.sub-menu::-webkit-scrollbar-thumb {

  background-color: #888;

  border-radius: 4px;

}

header .tops-menu li ul.sub-menu::-webkit-scrollbar-thumb:hover {

  background-color: #555;

}

header .tops-menu li ul.sub-menu li {

  position: relative;

}

header .tops-menu li ul.sub-menu li a {

    display: block;

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    padding: 9px 5px;

    white-space: nowrap;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

header .tops-menu li ul.sub-menu li a:hover {

  opacity: 0.5;

}

header .tops-menu li ul.sub-menu li ul.sub-menu {

  top: -5px;

  left: 100%;

}

header .tops-menu li ul.sub-menu li:hover > ul.sub-menu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  pointer-events: auto;

}

header .tops-menu > li.current-menu-item a{

    font-weight: 600;

}

header .tops-menu > li.current-menu-item a::before {

    content: "";

    position: absolute;

    width: 54px;

    height: 3px;

    background-color:#000;

    bottom: 0%;

}

header .tops-menu > li:last-child > a {

    padding-right: 0px;

}

header .h-bottom .header-contact-container {

    gap: 10px;

}

header .h-bottom .header-contact-container a{

    gap: 5px;

    font-size: 16px;

    color: #fff;

}

header .h-bottom {

    gap: 20px;

}

header .h-bottom .header-social-container {

    gap: 5px;

    padding-left: 10px;

    border-left: 1px solid #cabeaa;

}

header .h-bottom .header-social-container .header-top-social-link {

    padding: 4px;

    border-radius: 6px;

    background-color: #5A5958;

    transition: all 0.2s;

}

header .h-bottom .header-social-container .header-top-social-link:hover {

    background-color: #CABEAA;

}

header .h-bottom .header-social-container .header-top-social-link svg{

    width: 20px;

    height: 20px;

    color: #fff;

}

header .h-right-top {

    gap: 15px;

}

header .h-right-top .header-social-container {

    gap: 5px;

}

header .h-right-top .header-social-container .header-top-social-link {

    background: #000;

    color: #fff;

    padding: 5px;

    border-radius: 5px;

}

header .h-right-top .header-social-container .header-top-social-link svg {

    width: 20px;

    height: 20px;

}

.meeting-btn {

    min-width: 150px;

    border-radius: 10px;

    text-align: center;

    font-size: 18px;

    transition: all 0.5s;

    color: var(--text-light);

    padding: 6px 16px;

    background: #000000;

    justify-content: center;

    margin-left: 15px;

}

.meeting-btn:hover{

  transform: scale(1.1);

  transition: 0.5s;

}

.section-title-head{

    margin-bottom: 25px;

}

.section-subtitle {

    background: transparent linear-gradient(71deg, #C2B5B0 0%, #C6B9B4 3%, #FAF0EC 45%, #FFF6F2 49%, #D0C4C0 82%, #A99C97 96%, #A0928D 100%, #A0928D 100%) 0% 0% no-repeat padding-box;

    background-clip: text;

    -webkit-background-clip: text;

    color: transparent;

    font-size: 18px;

    font-weight: 300;

    font-size: 18px;

    /* font-family: "BetterFriend", sans-serif; */

    font-weight: 700;

}

.section-title{

    color:var(--text-color);

    font-size: 36px;

    font-weight: 700;

}

.section-desc{

    color:var(--text-color);

}

.section-midtitle{

    color:var(--text-color);

    font-size: 40px;

    font-weight: 700;

}

.section-btn-area {

    gap: 15px;

}

.section-btn {

    padding: 8px 48px;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    border:1px solid #fff;

    background: #EFC27C;

    width: max-content;

    text-align: center;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);

    -moz-transition-timing-function: cubic-bezier(.4,0,.2,1);

    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);

    transition-timing-function: cubic-bezier(.4,0,.2,1);

    display: block;

    white-space: nowrap

}

.section-btn-2 {

    padding: 8px 48px;

    font-size: 18px;

    font-weight: 500;

    color: #000;

    border: 1px solid var(--text-light);

    background: transparent linear-gradient(71deg, #C2B5B0 0%, #C6B9B4 3%, #FAF0EC 45%, #FFF6F2 49%, #D0C4C0 82%, #A99C97 96%, #A0928D 100%, #A0928D 100%) 0% 0% no-repeat padding-box;;

    width: max-content;

    text-align: center;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 300ms;

    -moz-transition-duration: 300ms;

    -o-transition-duration: 300ms;

    transition-duration: 300ms;

    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);

    -moz-transition-timing-function: cubic-bezier(.4,0,.2,1);

    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);

    transition-timing-function: cubic-bezier(.4,0,.2,1);

    display: block;

    white-space: nowrap

}

.section-text {

  font-size: 16px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}

.section-text h2 {

  font-size: 36px;

  font-weight: 700;

}

.section-text h3 {

  font-size: 24px;

  font-weight: 700;

}

.otgs-development-site-front-end {

    display: none;

}

.skiptranslate {

    display: none;

}

#goog-gt-tt {

    display: none !important;

}

  /* center form */