@font-face {
    font-family: 'Benton Sans Light';
    src: url('../Fonts/Benton/BentonSans-Light.otf') format('opentype'); /* Include all font variations you have */
    font-weight: 300; /* Light font variation */
    font-style: normal; /* Normal style */
}

@font-face {
    font-family: 'Benton Sans Regular';
    src: url('../Fonts/Benton/BentonSans-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Benton Sans Bold';
    src: url('../Fonts/Benton/BentonSans-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'BentonSans-Book';
    src: url('../Fonts/Benton/BentonSans-Book.otf') format('opentype');
}

html{
    height: 100%;
}
body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;

}
.ytp-impression-link{
    margin-bottom: -10px;
}
.Fr,
.font-normal {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
.Fb,
.font-bold{
    font-family: 'Benton Sans Bold', sans-serif;
    font-weight: 500;
}
.benton-r{
    font-family: 'Benton Sans Regular', sans-serif;
    font-weight: 400;
}
.Fl,
.font-light,
.benton-l{
    font-family: 'Benton Sans Light';
}
.font-book{
    font-family: 'BentonSans-Book';
}
[class*="finter-"]{
    font-family: 'Inter', sans-serif;
}
.finter-100{
    font-weight: 100;
}
.finter-200{
    font-weight: 200;
}
.finter-300{
    font-weight: 300;
}
.finter-400{
    font-weight: 400;
}
.finter-500{
    font-weight: 500;
}
.finter-600{
    font-weight: 600;
}
.finter-700{
    font-weight: 700;
}
.finter-800{
    font-weight: 800;
}
.finter-900{
    font-weight: 900;
}
.ce-center{
    display: flex;
    justify-content: center;
}
.ce-image{
    padding: 0 24px;
}

/* footer form */
#footer-contact-us-form div p:first-child,
#footer-contact-us-form div p:last-child{
color: #383D48;
    font-size: 16px;
    line-height: 24px;
}
#footer-contact-us-form div p:first-child{
    font-family: 'Benton Sans Bold';
    font-weight: 700;
}
#footer-contact-us-form div p:last-child{
font-size: 14px;
line-height: 21px;
}
#footer-contact-us-form form{
    margin-top: 32px;
}
#footer-contact-us-form form h2{
    display:none
}
#footer-contact-us-form :is( input, textarea){
width: 100%;
line-height: 21px;
font-size: 14px;
background-color: #fff;
    border: 0;
}
#footer-contact-us-form :is(input, textarea)::placeholder{
    color:#8690A2;
    font-size: 14px;
}

#footer-contact-us-form input{
    padding-left: 24px;
    padding-right: 24px;
    height: 48px;
    margin-bottom: 16px;
}
#footer-contact-us-form textarea{
    padding:18px 24px;
    height: 136px;
    margin-bottom: 16px;
    resize: vertical;
}
#footer-contact-us-form .btn-primary{
    background: linear-gradient( to bottom, #1aa2ef 0%, #45a4e8 48.96%, #1a77e5 100% );
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    line-height: 54px;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 26px;
    padding-right: 26px;
    width: 250px;
    height: 54px;
    position: relative;
}
#footer-contact-us-form .btn-primary:hover{
    background: linear-gradient( to top, #1aa2ef 0%, #45a4e8 48.96%, #1a77e5 100% );
    --tw-text-opacity: 1;
}
#footer-contact-us-form .btn-primary::after{
    content:'';
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url('../Images/arrow.png');
    right: 26px;
    top: 12px;
}
#footer-contact-us-form  .control-label{
    display: none;
    visibility: hidden;
}
#footer-contact-us-form .table-responsive{
    margin-bottom: 16px;
}
#footer-contact-us-form .form-label{
    display: none !important;
}
#footer-contact-us-form .form-validation-error-msg{
    color: #c00;
    font-size: 13px;
    margin-top: 6px;
}
#footer-contact-us-form .form-validation-error input,
#footer-contact-us-form .form-validation-error textarea{
    border-color: #c00;
}

@media screen and (max-width:640px) {
    #footer-contact-us-form .actions{
        text-align: center;
    }
    #ke_search_searchfield_submit_label{
        background-color: #fff !important;
    }
}

.short_about a{
    color:#45A4E8;
    font-family: 'Inter';
        font-size: 14px;
        font-weight: 400;
}
.short_about a:hover{
    font-weight: 700;
}
.asH1 {
    display:block;
}

.asP{
    display: inline-block;
}

/* Breadcrumb */
.breadcrumb li:not(:last-child)::after{
    content: "";
    margin: 0 0.5rem;
    background-image: url(../Icons/Arrow---Right-2.svg);
    width: 8px;
    height: 12px;
    display: inline-flex;
    background-size: contain;
    position: relative;
    top: 1px;
}

/* ke_search */
/* header field */
.header-search {
    max-width: 363px;
}

/* results page */

.tx-kesearch-pi1 {
    max-width: 774px;
}
.tx-kesearch-pi1 .messsage{
    text-align: center;
}

.tx-kesearch-pi1 #kesearch_results {
    margin-top: 0;
}

.tx-kesearch-pi1 form fieldset {
    width: 98%;
    max-width: 420px
}
.frame-layout-2 .tx-kesearch-pi1 form fieldset{
    max-width: 578px
}
.frame-layout-2 .tx-kesearch-pi1 form {
    margin-bottom: 32px;
}

.tx-kesearch-pi1 #ke_search_sword,
.header-search .header-search-input {
    background-color: #F4F7FB;
    border: 0;
    padding: 4px 16px;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
}

.tx-kesearch-pi1 #ke_search_sword {
    position: relative;
    width: 100%;
}

.tx-kesearch-pi1 #ke_search_sword:hover,
.tx-kesearch-pi1 #ke_search_sword:focus,
.header-search .header-search-input:focus {
    box-shadow: none;
    border:none;
    outline: none;
}

.search-icon-position{
    background-color: #F4F7FB;
}

.serach-result-icon {
    background-color: #F0F6FF;
}

.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
    margin: 0 !important;
}

.result-list-item .result-data-sub-title {
    margin-left: 16px;
}

.result-list-item .result-title a {
    font-size: 16px;
    font-weight: 700;
    color: #383D48
}
.page .tx-kesearch-pi1 #kesearch_results .result-list-item .hit{
    color: #62B4FF;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item {
    margin: 16px 0;
}

.tx-kesearch-pi1 #kesearch_results .result-list-item .result-teaser {
    font-size: 14px;
    line-height: 21px;
    color: #8690A2
}

.search-result-pagination {
    border-top: solid 1px #F4F7FB;
    margin: 48px 0;
    height: 61px;
    display: flex;
    align-items: center;
}

#kesearch_pagebrowser_bottom a {
    font-size: 14px;
}

.tx-kesearch-pi1 .kesearch_pagebrowser ul {
    display: flex;
}

.pagination-arrow {
    gap: 8px;
}

.pagination-arrow-icon {
    background-color: #F0F6FF;
}

.pagination-arrow-icon svg {
    transition: 0.2s all ease-in-out;
    filter: brightness(0);
}

.pagination-arrow:hover svg {
    filter: brightness(1);
}

.pagination-numbers a {
    width: 42px;
    height: 42px;
    display: grid;
    align-items: center;
    padding: 0;
    transition: 0.2s all ease-in-out;
}

.pagination-arrow:hover span {
    color: #3486FA !important
}

.pagination-numbers a:hover,
.pagination-numbers a.current {
    background-color: #F0F6FF;
    color: #1A77E5 !important
}

@media screen and (max-width:884px) {
    .tx-kesearch-pi1 {
        max-width: 632px;
    }
}

@media screen and (max-width:480px) {
    #kesearch_pagebrowser_bottom a span {
        display: none;
    }
}

@media screen and (min-width:480px) {
    .header-search {
        width: 100%;
    }
}

/* mega menu */
.navbar .mega_holder::after{
    content: '';
    position: absolute;
    left: -36vw;
    top: 0;
    height: 100%;
    width: 300vw;
    background: #F0F6FF;
    z-index: -1;
}

.icon .menu,
.icon .menu::before,
.icon .menu::after {
    background: #383D48;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    transition: background ease .3s, top ease .3s .3s, transform ease .3s;
    width: 24px;
}

.icon .menu::before {
    top: -6px;
}

.icon .menu::after {
    top: 6px;
}

#menu:checked + .icon .menu {
    background: transparent;
}

#menu:checked + .icon .menu::before {
    transform: rotate(45deg);
}

#menu:checked + .icon .menu::after {
    transform: rotate(-45deg);
}

#menu:checked + .icon .menu::before,
#menu:checked + .icon .menu::after {
    top: 0;
    transition: top ease .3s, transform ease .3s .3s;
}


/* home-features-with-cta */
  .arrow-blue {
      color: rgb(255 255 255) !important;
  }

  .arrow-blue svg path {
      stroke: #FFFFFF !important
  }

  .arrow-white {
      border-color: #383D48;
      color: rgb(63 63 70) !important;
  }

  .arrow-white svg path {
      stroke: #383D48 !important
  }

  .arrow-white:hover{
background: var(--Gradient-GR2, linear-gradient(180deg, #1A77E5 0%, #45A4E8 48.96%, #1AA2EF 100%));
border-color: transparent;
border: none;
color: white !important;
padding-left: 26px;
padding-right: 26px;
  }
  .arrow-white:hover svg path{
    stroke: #FFFFFF !important
  }

.multi-level-menu-wrapper ul li.hasSubMenu .trigger {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50px;
}

.multi-level-menu-wrapper .subMenu {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    margin: auto;
    transition: all ease-in-out 0.5s;
    background-color: white;
}

.multi-level-menu-wrapper .subMenu .backTrigger {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 20px 0 20px;
    text-decoration: none;
}


.multi-level-menu-wrapper .subMenu.active {
    left: 0;
}

/* new mobile side */

  .treeview input[type=checkbox] {
    display:none
  }

  .treeview,
  .treeview ul{
      overflow: hidden;
  }

  .treeview ul{
      max-height: 0;
      -webkit-transition: .3s linear;
      -moz-transition: .3s linear;
      -ms-transition: .3s linear;
      -o-transition: .3s linear;
     transition: .3s linear;
  }

  .treeview li input:nth-of-type(1):checked ~ ul{
      max-height: 1000px;
      padding-bottom: 24px;
  }
  .treeview li input:nth-of-type(1):checked ~ .SecondChild{
    padding:10px 0
  }

  .treeview li input[type=checkbox]:checked + label,
  .FirstChild input[type=checkbox]:checked + label{
    color: #45A4E8;
  }
  .treeview li input[type=checkbox]:checked + label svg,
  .FirstChild input[type=checkbox]:checked + label svg{
    transform: rotate(180deg);
  }
  .treeview li input[type=checkbox]:checked + label svg path,
  .FirstChild input[type=checkbox]:checked + label svg path{
    stroke: #45A4E8;
  }

/* services */
.services_slider .slick-track{
    display: flex;
    align-items: center;
}
.expl_slider .slick-slide{
    padding-top: 2.5rem
}
.expl_slider ol{
counter-reset: item;
    list-style-type: none;
}

.expl_slider li::before{
content: counter(item, decimal-leading-zero) " ";
    counter-increment: item;
    display: grid;
    min-width: 30px;
    height: 30px;
    color: #1A77E5;
    background-color: #CCE2FF;
    border-radius: 50%;
    place-content: center;
    transition: 0.2s all ease-in-out;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-right: 13px;
    align-self: baseline;
}
.animated_icon svg:not(:first-child){
    display: none !important;
}
/* DRCV */
.drcv ol li:last-child::after{
    content: '';
    width: 2px;
    height: calc(100% - 20px);
    position: absolute;
    background: #ffffff;
    left: -2px;
    top: 20px;
    z-index: 0;
}

/* FAQ */
.b-faq .faq__content {
	display: none;
}
.faq__title .closed_svg{
display: flex;
}
.faq__title .opened_svg{
display: none;
}
.faq__title.faq__active .opened_svg{
display: flex;
background-color: #45A4E8;
}
.faq__title.faq__active .closed_svg{
    display: none;
}
.faq__title.faq__active span,
.faq__title:hover span{
    color:#1A77E5;
    font-family: 'Inter';
}

/* doctor page */
.doctor_description ul,
.ul-disk ul{
    list-style: disc;
}
.ul-disk ul{
    padding-left: 1.25rem;
}

/* contact page */

.map-container iframe{
    width: 100%;
    height: 100%;
}
#contact_form select.form-control{
    background-image: url('../Icons/arrow_select.svg');
}

/* custom */

.gradient-blue{
background: #1AA2EF;
background: linear-gradient(to bottom, #1AA2EF 0%, #45A4E8 50%, #1A77E5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.pt-1 {
    padding-top: 0.25rem;
  }
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pt-3 {
    padding-top: 0.75rem;
  }
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pb-4 {
    padding-bottom: 1rem;
  }
  .pt-5 {
    padding-top: 1.25rem;
  }
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  .pt-6 {
    padding-top: 1.5rem;
  }
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  .pt-7 {
    padding-top: 1.75rem;
  }
  .pb-7 {
    padding-bottom: 1.75rem;
  }
  .pt-8 {
    padding-top: 2rem;
  }
  .pb-8 {
    padding-bottom: 2rem;
  }
  .pt-12 {
    padding-top: 3rem;
  }
  .pb-12 {
    padding-bottom: 3rem;
  }

  @media screen and (max-width:768px){
    .page{
        padding-top: 64px;
    }
    .nav-m{
        position: fixed;
    }
    #footer-contact-us-form div p:first-child{
        font-family: 'Benton Sans light';
        font-weight: 400;
        font-size: 24px;
        line-height: 36px;
    }
    #footer-contact-us-form div p:last-child{
    font-size: 14px;
    line-height: 22px;
    }
  }
.tx-kesearch-pi1{
    font-family: 'Inter', sans-serif !important;
}
.showing-placeholder {
    color: #8690a2;
}
.input .error.form-text{
    font-size: 12px;
    color: red;
    margin-top: -8px;
    margin-bottom: 8px;
}

/* Custom contact form (mask_custom_contact_us_form) */
.customContactForm {
    margin-top: 40px;
    padding-bottom: 25px;
}
.customContactForm,
.customContactForm .form-group,
.customContactForm .form-control {
    width: 100%;
}
.customContactForm input {
    border: 1px solid #EAEEF5 !important;
    margin-bottom: 20px;
}
.customContactForm .form-label {
    display: none;
}
.customContactForm .form-control {
    padding: 12px 20px;
    background-repeat: no-repeat, repeat;
    background-position: right 20px top 50%, 0 0;
    background-size: 0.65em auto, 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.customContactForm .form-control:focus {
    outline: solid 1px #1a77e5;
}
.customContactForm .btn {
    display: inline-block;
    background: linear-gradient(to bottom, #1aa2ef 0%, #45a4e8 48.96%, #1a77e5 100%);
    color: white;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    min-width: 250px;
    min-height: 54px;
    text-align: center;
}
.customContactForm .btn:hover {
    background: linear-gradient(to top, #1aa2ef 0%, #45a4e8 48.96%, #1a77e5 100%);
}
.customContactForm .actions {
    margin-top: 20px;
}