@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('bootstrap.min.css');
@import url('swiper-bundle.min.css');
.companion-section-image {
    position: relative;
    padding-bottom: 98px;
    margin-top: -80px;
}
.regulation-page .advantage-access .regulation-sec {
    padding: 0px !important;
}
.regulation-page .companion-section-image .companion-img {
    top: 50px !important;
}
.parents_page .resources-parents-sec {
    padding: 0px;
    padding-bottom: 80px;
}
.how-do-page .diagnosis-sec {
    background-color: unset !important;
}
.companion-section-image.advantage-sec {
    padding-bottom: 126px;
}
.custom-section .get-info {
    margin-top: -90px;
}
.circles-cloud1,.circles-cloud2,.cloud-icon1,.cloud-icon2 {
    display: none;
}
.circles-request-sec .cloud-icon1,.circles-request-sec .cloud-icon2 {
    display: block;
}
.professional-circles .img-fluid-info {
    border-radius: 232.13px 0 232.13px 0;
}
.professional-circles .circles-cloud1,.professional-circles .circles-cloud2 {
    display: block;
}
/*.contact-form-section .wpcf7-submit {
    background: #115e2b;
    border: unset;
    color: white;
}*/
.contact-form-section .wpcf7-spinner {
    display: none;
}
.circles-request-sec .circles-cloud1,.circles-request-sec .circles-cloud2 {
    display: none !important;
}
.circles-request-sec .text-box h1 {
    //color: #F00 !important;
    font-size: 36px !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.36px !important;
}
.professional-circles .banner-img {
    border-radius: 12px !important;
}
.circles-request-sec .banner-img {
    border-radius: 232.13px 0 232.13px 0 !important;
    position: relative;
    z-index: 1;
}
.companion-section-image .companion-img{
    top: 103px;
}
.diga-page-section .primary-btn {
    background-color: #002692;
    border-color: #002692;
}
.diga-page-section .primary-btn:hover {
    background-color: #00207B;
    border-color: #00207B;
}
.so-panel {
    margin-bottom: unset !important;
}
body {
    background-color: #F0F6FA;
    font-family: "Figtree", serif;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}
.uploadmsgs p {
    display: flex;
    flex-direction: column;
}
.file-feild .wpcf7-form-control-wrap {
    position:unset !important;
}
.file-feild input[type="file"] {
    display: block !important;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    /*background: #ff000000;*/
}
a {
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
}

a:focus,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Figtree", serif;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: all .5s ease-in-out;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.wrapper {
    overflow: hidden;
    padding-top: 160px;
}

.bg-yellow {
    background-color: #FFF7F0;
}

.bg-gray {
    background-color: #F0F6FA;
}

/***** HEADER *****/
header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #F0F6FA;
    transition: transform 0.3s ease;
    z-index: 1000;
}

.header-visible {
    transform: translateY(-100%);
}

header.sticky {
    transform: translateY(-30%);
}

.header-top {
    background-color: #FFE7CE;
    padding: 15px 28px;
}

.header-top .text-box a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #002692;
    font-weight: 500;
    line-height: 1;
    font-size: 16px;
    letter-spacing: 0.32px;
    gap: 12px;
}

/****** HEADER BOTTOM *****/
.header-bottom {
    padding: 32px 0;
}

.navbar {
    padding: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.navbar-nav {
    gap: 40px;
    margin-left: 92px;
}

.navbar-nav .nav-item .nav-link {
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
}

.navbar-nav .nav-item .nav-link:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background-color: #002692;
    opacity: 0;
}

.navbar-nav .nav-item .nav-link.active::after {
    opacity: 1;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #FF6801;
}

.header-right a {
    display: flex;
    align-items: center;
    gap: 8px;
    /*justify-content: center;*/
    color: #002692;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.32px;
}

/***** BANNER SEC ******/
.banner-sec {
    padding: 115px 0 172px;
    position: relative;
}

.banner-left {
    height: 100%;
    display: flex;
    align-items: center;
}

.banner-left .text-box h1 {
    color: #323232;
    font-size: 54px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: -0.54px;
    max-width: 722px;
    width: 100%;
}

.banner-left .text-box p {
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    max-width: 616px;
    width: 100%;
    line-height: 27px;
    margin: 20px 0 32px;
}

.banner-left .text-box ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.banner-left .text-box ul li{
    width: 40%;
}

body .primary-btn {
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 12px;
    background-color: #002692;
    gap: 16px;
    border: 1px solid #002692;
    height: 56px;
    letter-spacing: 0.32px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
    line-height: 1;
}

.primary-btn:hover {
    background-color: #00207B;
    color: white !important;
}

.primary-btn:focus {
    color: white !important;
}


.primary-btn:hover svg path {
    fill: #fff;
}

.outline-btn {
    background-color: transparent !important;
    color: #002692!important;
}

.outline-btn:hover {
    background-color: #002692 !important;
    color: #fff !important;
}

.banner-inner {
    position: relative;
}

.banner-sec .image-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
}

.banner-img {
    border-radius: 330px 0 330px 0;
}

.banner-sec .image-holder span {
    display: flex;
    align-items: center;
    position: absolute;
    left: 70px;
    bottom: -75px;
    z-index: 2;
    //animation: float 2s linear infinite alternate;
    //animation-delay: 0.6s;
}

.rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin: 24px 0 0 0;
    max-width: 536px;
    width: 100%;
}

.rating ol {
    display: flex;
    gap: 2px;
    align-items: center;
}

.rating span {
    color: #323232;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    display: block;
}

.cloud-img1 {
    position: absolute;
    left: 72px;
    border-bottom: 67px;
    animation: float 10s linear infinite alternate;
}

.cloud-img2 {
    position: absolute;
    right: 71px;
    bottom: 172px;
    animation: float 10s linear infinite alternate;
    animation-delay: 0.3s;
}

.cloud-img3 {
    position: absolute;
    right: 550px;
    top: -49px;
    animation: float 10s linear infinite alternate;
    animation-delay: 0.6s;
}

.cloud-img4 {
    position: absolute;
    left: -32px;
    bottom: -120px;
    animation: float 10s linear infinite alternate;
    animation-delay: 0.9s;
    z-index: 1;
}

.xx{
   animation: float 10s linear infinite alternate;
   animation-delay: 0.6s;
}

.services-sec {
    padding: 48px 0 88px;
}
.services-sec-btn .primary-btn{
   max-width: 30%;
    margin: 30px auto;
}

.services-inner {
    max-width: 1232px;
    width: 100%;
    margin: 0 auto;
}

.services-box {
    text-align: center;
}

.services-box p {
    color: #323232;
    font-weight: 500;
    font-size: 19.2px;
    line-height: normal;
    max-width: 284px;
    width: 100%;
    margin: 20px auto 0;
}

/***** GET COMPANION SEC *****/
.get-companion-sec {
    padding: 80px 0 47px 0;
    position: relative;
}

.get-companion-sec a{
   text-decoration: underline;
   margin-left: 17px;
   color: #002792
}

.companion-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    text-align: center;
}

.title h2 {
    text-align: center;
    color: #323232;
    text-align: center;
    font-size: 54px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: -0.54px;
}

.title p {
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    line-height: 27px;
    max-width: 906px;
    margin: 14px auto 0;
    text-align: center;
}

.get-companion-inner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 88px 0 0 0;
    position: relative;
    z-index: 10;
}

.get-companion-inner .image-holder {
    margin: 0 -60px 0 -38px;
}

.companion-box {
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    padding: 34px 40px;
    max-width: 440px;
    width: 100%;
}

.box1 {
    border-radius: 56px 56px 0px 56px;
    margin-bottom: 56px;
}

.box2 {
    border-radius: 56px 0px 56px 56px;
    margin-left: 47px;
}

.box3 {
    border-radius: 56px 56px 56px 0px;
}

.companion-box p {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

/****** TRAINING SEC ******/
.training-sec {
    background-color: #FFF7F0;
    padding: 80px 0;
}

.training-inner {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
}

.training-inner .text-box {
    max-width: 538px;
    width: 100%;
    margin: 12px 0 00;
    padding-left: 80px;
}

.training-inner .text-box h3 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.training-inner .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 22px;
}

.training-inner .text-box ul {
    display: grid;
    grid-template-columns: 6fr 6fr;
    gap: 16px;
    margin-top: 32px;
}

.training-inner .primary-btn {
    width: 100%;
}

/****** TRAINING SEC ******/
.hiToco-easier-sec {
    background-color: #FFF7F0;
}

.hiToco-easier-inner {
    border-radius: 200px 12px;
    background: #FFF;
    padding: 150px 20px;
}

.hiToco-easier-inner .title {
    max-width: 906px;
    width: 100%;
    margin: 0 auto 72px;
}

.hiToco-easier-inner .title p {
    max-width: 755px;
    margin-left: auto;
    margin-right: auto;
}
.hiToco-easier-inner .title p span{
   display: block;
}
.hiToco-easier-box {
    max-width: 946px;
    width: 100%;
    margin: 0 auto 24px;
    padding: 30px 0 56px;
}

.hiToco-easier-box p {
   margin-bottom: 10px;
}
.hiToco-easier-box p:last-of-type {
   margin-bottom: 0;
}

.hiToco-easier-box:last-child {
    margin-bottom: 0;
}

.hiToco-easier-box .text-box {
    max-width: 512px;
    width: 100%;
}

.hiToco-easier-box .text-box h4 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    margin-bottom: 24px;
}

.hiToco-easier-box .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.hiToco-easier-box .text-box p a {
    color: #323232;
    text-decoration: underline;
}

.hiToco-easier-box .text-box ul {
    margin-top: 28px;
}

.hiToco-easier-box .text-box ul li {
    margin-bottom: 12px;
}

.hiToco-easier-box .text-box ul li:last-child {
    margin: 0;
}

.hiToco-easier-box .text-box ul li a {
    color: #002692;
    font-weight: 500;
    text-decoration: underline;
    font-size: 16px;
    letter-spacing: 0.32px;
    line-height: 1;

}

.hiToco-easier-box .text-box ol li {
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

.hiToco-easier-box .text-box ol li img {
    height: 16px;
    margin: 4px 0 0 0;
}

.hiToco-easier-box .text-box ol li span {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    flex: 1;
}

.hiToco-easier-box .image-holder {
    text-align: center;
}

/**** DISCOVER SEC *****/
.discover-sec {
    padding: 80px 0;
}

.discover-inner {
    max-width: 1212px;
    width: 100%;
    margin: 56px auto 0;
}

.discover-inner .title p {
    max-width: 906px;
    width: 100%;
    margin: 12px auto 0;
}

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

.discover-left .image-holder {
    position: relative;
    /*overflow: hidden;*/
}

.discover-left .discover-media {
    position: absolute;
    left: 23px;
    top: 49px;
    height: 462px;
    overflow: hidden;
}

.none-padding .discover-left .discover-media {
    position: absolute;
    left: 0;
    top: 4px;
    height: 507px;
    overflow: hidden;
}

.discover-media ul li {
    margin-bottom: 12px;
}

.discover-media:last-child {
    align-items: 0;
}

.discover-right .discoverSwiper {
    padding: 10px 0;
    margin: 0;
}

.discover-media .discover-holder img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.discover-media .discover-holder img:first-child {
    opacity: 1;
    /* Pehli image default show */
}

.discover-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.discover-right .text-box {
    max-width: 463px;
    width: 100%;
}

.discover-right .text-box h4 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    margin-bottom: 16px;
}

.discover-right .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    max-width: 466px;
    width: 100%;
    line-height: 24px;
}

.swiper-pagination {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.swiper-pagination-bullet {
    background-color: #B1D2E4;
    width: 9px;
    height: 9px;
    opacity: 1;
    margin: 0 !important;
    transition: all 0.5s ease-in-out;
}

.swiper-pagination-bullet-active {
    height: 48px;
    border-radius: 4px !important;
    transition: all 0.5s ease-in-out;
}

.start-now {
    max-width: 348px;
    width: 100%;
    margin: 60px auto 0;
    display: flex
}

/***** RECOMMEND SEC ******/
.recommend-sec {
    padding: 80px 0;
    background-color: #FFF7F0;
}

.recommend-sec .title {
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
}

.title span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    font-weight: 300;
}

.recommend-inner {
    max-width: 1220px;
    width: 100%;
    margin: 40px auto 0;
}

.recommendSwiper {
    padding: 10px;
}

.recommend-box {
      border-radius: 182px 0px;
      background: #FFF;
      box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
      padding: 0 48px 0;
      min-height: 392px;
      display: flex;
      align-items: center;
}

.recommend-box p {
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0;
    max-width: 311px;
    width: 100%;
}

.recommend-box span {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

/***** GET START SEC *****/
.get-start-sec {
    padding: 80px 0;
    position: relative;
}

.get-start-inner {
    max-width: 1218px;
    width: 100%;
    margin: 0 auto;
}

.nav-pills {
    border-radius: 27px;
    border: 1.2px solid #002692;
    max-width: 413px;
    width: 100%;
    margin: 70px auto 36px;

}

.nav-pills .nav-item {
    width: 50%;
}

.nav-pills .nav-item .nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    padding: 16px 0;
    color: #002692;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.32px;
}

.nav-pills .nav-item .nav-link.active {
    background: #002692;
    color: #fff;
}

.nav-pills .nav-item:first-child .nav-link {
    border-radius: 25px 0px 0px 25px;
}

.nav-pills .nav-item:last-child .nav-link {
    border-radius: 0px 25px 25px 0px;
}

.get-start-box {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    padding: 24px 32px 24px;
    margin: 12px 0;
}

.get-start-box .image-holder {
    width: 100%;
    display: flex;
    align-items: center;
}

.get-start-box .image-holder img {
    width: 100%;
}

.get-start-box .text-box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 28px 10px 0;
}

.get-start-box .text-box span {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    align-items: center;
    width: 15px;
}

.get-start-box .text-box .text-inner {
    flex: 1;
    width: 100%;
}

.get-start-box .text-box .text-inner h4 {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.get-start-box .text-box .text-inner p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    min-height: 144px;
}

.get-start-box .text-box .text-inner p a {
    color: #323232;
    text-decoration: underline;
    font-weight: 500;
}

.self-payer {
    padding: 80px 0 0 0;
}

.self-payer h4 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: center;
}

.self-payer .text-box {
    border-radius: 12px;
    background: #FFF;
    text-align: center;
    max-width: 589px;
    width: 100%;
    margin: 25px auto 0;
    padding: 32px;
}

.self-payer .text-box p {
    color: #323232;
    font-size: 16px;
    max-width: 470px;
    width: 100%;
    margin: 0 auto 26px;
    font-weight: 400;
    line-height: 24px;
}

.self-payer .text-box .start-now {
    margin-top: 0;
}

/***** FAQ SEC ******/
.faq-sec {
    /*background-color: #FFF7F0;*/
    padding: 150px 0 80px;
}
.faq-inner {

    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.faq-inner h3 {
    text-align: center;
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.accordion {
    margin: 30px 0 36px 0;
}

.accordion-item {
    margin: 8px 0;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    border: none;
    padding: 24px 20px 24px 24px;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.accordion-button {
    padding: 12px;
    padding: 0;
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    line-height: 27px;

}
.accordion-button p{
    margin-right: 20px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #323232;
    box-shadow: none;
}

.info-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #002692;
    font-size: 19.2px;
    font-weight: 500;
    text-decoration: underline;
}

/***** STRENGTHEN SEC *****/
.strengthen-sec {
    //background-color: #FFF7F0;
    padding: 80px 0;
    position: relative;
}

.strengthen-inner {
    position: relative;
}

.strengthen-inner .title {
    max-width: 908px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.strengthen-inner .title p {
    max-width: 775px;
}

.strengthen-inner .start-now {
    margin: 30px auto 0;
}

.strengthen-inner .title span {
    margin-bottom: 24px;
}

.cloud1 {
    position: absolute;
    left: 24px;
    bottom: 42px;
    animation: float2 10s linear infinite alternate;
}

.cloud2 {
    position: absolute;
    animation: float2 10s linear infinite alternate;
    right: 0;
    top: 102px;
}

.cloud3 {
    position: absolute;
    animation: float2 10s linear infinite alternate;
    left: 250px;
    top: -8px;
}



/***** FOOTER *****/
footer {
    padding: 88px 0 36px;
    background: #FFF7F0 url('../images/footer-bg.svg') no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer-logo {
    margin-bottom: 26px;
}

.footer-logo a {
    display: flex;
    align-items: center;
}

.footer-link ul li {
    margin-bottom: 20px;
}

.footer-link ul li:last-child {
    margin: 0;
}

.footer-link ul li a {
    display: flex;
    line-height: 1;
    color: #323232;
    
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    gap: 10px;
}
.footer-link ul li a:hover{
    color: #FF6801;
}
.footer-link h4 {
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    margin-bottom: 20px;
}

.footer-link .text-box {
    margin-bottom: 12px;
}

.footer-link .text-box:last-child {
    margin: 0;
}

.footer-link .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.footer-link .text-box p a {
    color: #323232;
    text-decoration: underline;
}

.footer-link ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 96px;
}

/**** COPYRIGHT *****/
.copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0 0 0;
}

.copyright p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.copyright ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.copyright ul li a {
    display: flex;
    align-items: center;
}

.copyright ul li {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/***** HOW DO PAGE ******/
.do-access-sec {
    background-color: transparent;
    padding: 80px 0;
}

.do-access-sec .hiToco-easier-inner {
    margin-top: 80px;
}

.do-access-sec .hiToco-easier-box {
    max-width: 1040px;
}

.do-access-sec .hiToco-easier-box .text-box {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    max-width: 602px;
}

.do-access-sec .hiToco-easier-box .text-box span {
    color: #FFF;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    border-radius: 60px;
    background-color: #002692;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.do-access-sec .hiToco-easier-box .text-box .text-inner {
    flex: 1;
    width: 100%;
}

/**** DIAGNOSIS SEC *****/
.diagnosis-sec {
    padding: 80px 0;
}

.diagnosis-inner {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
}

.diagnosis-inner .image-holder {
    max-width: 499px;
    width: 100%;
}

.diagnosis-inner .text-box h4 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.diagnosis-inner .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 60px 0 26px 0;
}

.diagnosis-inner .text-box span {
    color: #002692;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    letter-spacing: 0.32px;
    margin-bottom: 6px;
}

.diagnosis-inner .text-box a {
    color: #002692;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: block;
    text-decoration: underline;
    letter-spacing: 0.32px;
}

/***** HOW DO SEC ******/
.how-do-sec {
    background-color: #FFF7F0;
    padding: 80px 0;
}

.how-do-inner {
    max-width: 1210px;
    width: 100%;
    margin: 0 auto;
}

.how-do-left {
    position: relative;
}

.star1 {
    position: absolute;
    right: 90px;
    top: -71px;
}

.star2 {
    position: absolute;
    left: -118px;
    top: 20px;
}

.star3 {
    position: absolute;
    left: 75px;
    bottom: -76px;
}

.flying-icon {
    display: flex;
    align-items: center;
    position: absolute;
    left: -160px;
    bottom: -72px;
}

.how-do-inner .text-box {
    border-radius: 56px 56px 56px 0px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    padding: 40px;
    font-size: 21px;
    font-weight: 500;
}

.how-do-inner .text-box p {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
}

.how-do-inner .image-holder {
    max-width: 499px;
    width: 100%;
    margin-left: auto;
}

/***** CONTACT SEC *****/
.contact-sec {
    padding: 80px 0;
}

.contact-inner {
    margin: 40px auto 0;
    max-width: 1063px;
    width: 100%;
}

.contact-form form .form-group {
    margin-bottom: 20px;
}

.label-text {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: block;
    margin: 0 0 8px 0px;
}

.contact-form form .relative {
    position: relative;
}

.down-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

.contact-form .form-control {
    border-radius: 12px 12px 0px 0px;
    border: none;
    border-bottom: 1px solid #002692;
    background: #FFF;
    height: 56px;
    font-size: 16px;
    color: #6D758F;
    padding-left: 24px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: none;
}

.contact-form .form-control::placeholder {
    color: #6D758F;
}

.form-check.check-feild .form-check-label {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 24px
}

.form-check.check-feild .form-check-label a {
    color: #323232;
    text-decoration: underline;
}

.form-check.check-feild .form-check-input {
    float: none;
    margin: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #323232;
    border-radius: 5px;
    background-color: transparent;
}

.form-check.check-feild .form-check-input:focus {
    border-color: #323232;
    outline: 0;
    box-shadow: none;
}

.form-check.check-feild .form-check-input:checked {
    background-color: #323232;
    border-color: #323232;
}

.form-check.check-feild p {
    display: flex;
    min-height: inherit;
    padding-left: 0;
    margin: 10px 0 0 0;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

/******* RECIPR SERVICES SEC ******/
.recipe-services-sec {
    padding: 80px 0;
}

.recipe-services-inner {
   // padding: 80px 0 0;
}

.recipe-services-inner h5 {
    color: #323232;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
    line-height: 27px;
}

.recipe-services-inner .contact-form {
    border-radius: 12px;
    background: #FFF;
    padding: 48px 77px;
    max-width: 1218px;
    margin: 40px auto 0;
}

.recipe-box {
    margin-bottom: 26px;
}

.recipe-box h6 {
    text-align: center;
    font-size: 22px;
    color: #323232;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 22px;
}

.recipe-box p {
    color: #323232;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 24px;
    max-width: 656px;
    width: 100%;
    //margin: 0 auto 40px;
}

.recipe-services-inner .contact-form .form-control {
    background: rgba(240, 246, 250, 0.65);
}

.form-check.radio-feild {
    display: flex;
    align-items: center;
    min-height: inherit;
    padding-left: 0;
    margin-bottom: 0;
    gap: 8px;
}

.radio-feild .form-check-label {
    color: #323232;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
}

.form-check.radio-feild .form-check-input:focus {
    border-color: #323232;
    outline: 0;
    box-shadow: none;
}

.form-check.radio-feild .form-check-input {
    float: none;
    margin-left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #323232;
}

.form-check.radio-feild .form-check-input:checked {
    background-color: #323232;
    border-color: #323232;
}

.document-box{
    text-align: -webkit-center;
}
.document-box > p{
    margin-bottom: 40px;
}
.document-box ul {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}

input[type="file"] {
    display: none;
}

.file-feild {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #B1D2E4;
    background: rgba(240, 246, 250, 0.65);
    padding: 35px 20px;
    margin-bottom: 8px;
    position:relative;
}

.file-feild p {
    margin: 10px 0 0 0;
}

.document-box .form-check.check-feild {
    align-items: flex-start;
    justify-content: flex-start;
}

.document-box .form-check.check-feild p {
    align-items: flex-start;
    justify-content: flex-start;
}

.document-box ol {
    //margin: 30px 0 0 0;
}

/***** RESOURCES PARENTS SEC ******/
.resources-parents-sec {
    padding: 80px 0;
    position: relative;
}

.resources-parents-sec-02{
   padding-bottom: 0 !important;
}

.resources-parents-inner {
    max-width: 1218px;
    width: 100%;
    margin: 70px auto 0;
}

.resources-parents-box {
    margin-bottom: 65px;
}

.resources-parents-box:last-child {
    margin: 0;
}

.resources-parents-box h4 {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    line-height: 27px;
    margin-bottom: 15px;
}

.resources-box {
    border-radius: 12px;
    background: #FFF;
    padding: 24px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    display: flex;
    gap: 42px;
    margin: 15px 0;
}

.resources-box .image-holder {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 217px;
    width: 100%;
}

.resources-box .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.resources-box .text-box {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.resources-box .text-box h5 {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    
    line-height: 27px;
    margin-bottom: 5px;
}

.resources-box .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/****** PROFESSIONAL CIRCLES SEC *****/
.circles-cloud1 {
    position: absolute;
    top: -33px;
    right: -119px;
    animation: float 10s linear infinite alternate;
    z-index: 2;
}

.circles-cloud2 {
    position: absolute;
    bottom: -100px;
    animation: float 10s linear infinite alternate;
    right: 60px;
    z-index: -1;
}

.professional-circles-page .banner-sec {
    padding: 95px 0 150px;
}

.professional-circles-page .banner-sec .image-holder img {
    border-radius: 12px;
}

.professional-circles-page .banner-sec .image-holder span {
    left: 18px;
    bottom: 0;
}

.professional-circles-page .banner-left .text-box ul {
    max-width: 537px;
}

.professional-circles-page .banner-sec .text-box ul li {
    width: 50%;
}

.professional-circles-page .banner-sec .text-box ul li a {
    width: 100%
}

.professional-circles-page .cloud-img4 {
    left: -88px;
    bottom: -40px;
}

.services-logo {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 178.99px;
    height: 178.99px;
    margin: 0 auto;
}

/****** STRENGTH SEC *******/
.strength-sec {
    background-color: #F0F6FA;
    padding: 80px 0;
}

.strength-sec .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.strength-img {
    border-radius: 232.13px 0 232.13px 0;
}

.strength-sec .text-box {
    max-width: 584px;
    width: 100%;
}

.strength-sec .text-box h4 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.strength-sec .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 538px;
    width: 100%;
    margin: 20px 0;
}

/**** ADVANTAGE SEC ******/
.advantage-sec {
    background-color: #F0F6FA;
    padding: 80px 0;
    position: relative;
}

.advantage-sec .title p {
    max-width: 658px;
}

.advantage-inner {
    max-width: 1420px;
    width: 100%;
    margin: 50px auto 0;
}

.advantage-box {
    border-radius: 12px;
    background: #FFF;
    padding: 40px 22px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    margin: 15px 0;
}

.advantage-box strong {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

.advantage-box strong img {
    height: 105px;
}

.advantage-box h4 {
    color: #323232;
    text-align: center;
    font-size: 46px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.36px;
}

.advantage-box ul {
    margin-top: 32px;
    margin-left: 10px;
}

.advantage-box ul li {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 35px;
    font-size: 22px;
}

.advantage-box ul li:last-child {
    margin: 0;
}

.advantage-box ul li span {
    display: flex;
    align-items: center;
}

.advantage-box ul li p {
    color: #000;
    font-size: 19.2px;
    font-weight: 400;
    flex: 1;
    line-height: 27px;
}

.advantage-access {
    margin: 40px auto 0;
    position: relative;
    max-width: 508px;
    width: 100%;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    border-radius: 56px 56px 0px 56px;
}

.advantage-access .text-box {
    border-radius: 56px 56px 0px 56px;
    background: #FFF;
    padding: 40px;

}

.advantage-access .text-box p {
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    line-height: 27px;
}

.access-star {
    position: absolute;
    left: -86px;
    top: 40px;
}

.access-star2 {
    position: absolute;
    right: -38px;
    top: 103px;
}

.hi-logo {
    position: absolute;
    bottom: 15px;
    left: -106px;
}

.position-edit .hi-logo{
   position: absolute;
    bottom: -5px;
    right: -132px;
    left: unset;
}

.access-star3 {
    position: absolute;
    right: -163px;
    top: 160px;
}

/***** ORDER ACCESS SEC *****/
.order-access-sec {
    padding: 80px 0;
}

.order-access-sec .title {
    max-width: 918px;
    width: 100%;
    margin: 0 auto;
}

.order-access-inner {
    max-width: 1220px;
    width: 100%;
    margin: 74px auto 0;
}

.order-access-box {
    border-radius: 12px;
    background-color: #fff;
    padding: 24px;
}

.order-access-box .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-access-box .image-holder img {
    width: 100%;
    border-radius: 12px;
}

.order-access-box .text-box {
    margin: 10px 0 0 0 !important;
}

.order-access-box .text-box h4 {
    color: #323232;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 4px;
}

.order-access-box .text-box p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px;
}

.order-access-box .text-box .primary-btn {
    width: 100%;
}

/***** COLLABORATION SEC *****/
.collaboration-sec {
    padding: 80px 0;
    background-color: #F0F6FA;
}

.title-width {
    max-width: 908px;
    width: 100%;
    margin: 0 auto;
}

.collaboration-sec .image-holder {
    width: 100%;
    max-width: 1220px;
    margin: 72px auto 0;
}

.collaboration-sec .image-holder img {
    width: 100%;
}

.recommend-colleagues-sec .title h2,
.recommend-colleagues-sec .title p {
    color: #D505C0;
}

/**** GET START *****/
.professional-circles-page .get-start-inner {
    margin: 54px auto 0;
}

.professional-circles-page .title p {
    max-width: 770px;
}

.professional-circles-page .get-start-box {
    height: 437px;
}

.get-info {
    max-width: 665px;
    width: 100%;
    margin: 54px auto 0;
    position: relative;
    z-index: 1;
}

.get-info .text-box {
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    border-radius: 72px 72px 72px 0px;
    background: #FFF;
    padding: 40px;
}

.get-info .text-box h6 {
    color: #323232;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    max-width: 490px;
    width: 100%;
    margin: 0 auto;
}

.get-info .text-box ul {
    margin-top: 24px;
}

.get-info .text-box ul li {
    display: block;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    font-size: 20px;
    margin-left: 63px !important;
}

.get-info .text-box ul li::before{
   content: "";
   display: inline-block;
   background-image: url('../images/Checkmark.svg');
   background-size: contain;
   background-repeat: no-repeat;
   width: 30px;
   height: 30px;
   margin-right: 8px;
   vertical-align: middle;
   position: absolute;
   left: 39px;
}

.get-info .text-box ul li:last-child {
    margin: 0;
}

.get-info .text-box ul li span {
    display: flex;
    align-items: center;
}

.get-info .text-box ul li p {
    color: #323232;
    font-size: 19.2px;
    flex: 1;
    font-weight: 400;
    line-height: 27px;
}

.get-info .text-box ul li p strong {
    font-weight: 500;
}

.info-star {
    position: absolute;
    left: -66px;
    top: 0;
}

.info-star2 {
    position: absolute;
    right: -66px;
    bottom: 90px;
}

.hi-logo2 {
    position: absolute;
    bottom: -22px;
    left: -120px;
}

/****** CIRCLES REQUEST SEC ******/
.circles-request-sec {
    padding: 80px 0;
    background-color: #F0F6FA;
}

.circles-request-sec .text-box {
    max-width: 589px;
    width: 100%;
    margin-left: 145px;
}

.circles-request-sec .text-box h4 {
    color: #F00;
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}

.circles-request-sec .text-box p {
    //color: #F00;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 539px;
    width: 100%;
    margin-bottom: 32px;
}

.circles-request-sec .text-box .primary-btn {
    width: 260px;
}

.circles-request-sec .image-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.circles-request-img {
    border-radius: 230px 0 230px 0;
    z-index: 10;
}

.circles-request-sec .image-holder span {
    display: flex;
    align-items: center;
    position: absolute;
    left: 80px;
    bottom: -18px;
    z-index: 100;
}

.cloud-icon1 {
    position: absolute;
    top: -37px;
    right: 20px;
    animation: float 2s linear infinite alternate;
}

.cloud-icon2 {
    position: absolute;
    right: 0;
    animation: float 2s linear infinite alternate;
    bottom: 0;
}

.cloud-icon3 {
    position: absolute;
    left: 0;
    bottom: -40px;
    animation: float 2s linear infinite alternate;
    z-index: 100;
}

/****** REGULATION *****/
.regulation-sec {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.regulation-inner {
    max-width: 914px;
    width: 100%;
    margin: 80px auto 0;
    position: relative;
}

.dsash-line {
    position: absolute;
    top: 0;
    left: 44px;
}

.regulation-detail {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding-bottom: 65px;
}

.regulation-detail span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.32px;
    border-radius: 40px 112px 112px 40px;
    background: #002692;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    height: 40px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.regulation-box {
    border-radius: 12px;
    background: #FFF;
    padding: 24px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    display: flex;
    align-items: flex-start;
    flex: 1;
    width: 100%;
    gap: 42px;
}

.regulation-box .image-holder {
    display: flex;
    align-items: center;
    max-width: 217px;
    width: 100%;
}

.regulation-box .text-box {
    flex: 1;
    width: 100%;
}

.regulation-box .text-box .media {
    margin-bottom: 24px;
}

.regulation-box .text-box .media h5 {
    color: #323232;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    margin-bottom: 24px;
}

.regulation-box .text-box .media p {
    color: #323232;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 27px;
}

.regulation-box .text-box .media p strong {
    font-weight: 500;
}

.regulation-box .text-box .media p:last-child {
    margin: 0;
}

.regulation-box .text-box .primary-btn {
    width: 100%;
}

.regulation-box .text-box .text-inner {
    border-radius: 12px;
    background: #FFF7F0;
    padding: 16px;
    position: relative;
}

.copy-btn {
    position: absolute;
    right: 12px;
    top: 12px;
}

.regulation-sec .companion-img {
    bottom: -30px;
}

.regulation-sec .advantage-access {
    margin: 15px auto 0;
}

.regulation-sec .advantage-access .text-box p {
    font-size: 22px;
    font-weight: 500;
}
.regulation-bg{
    background-color: #F0F6FA !important;
}
/****** HELPFUL DOCUMENTS SEC ******/
.helpful-documents-sec {
    padding: 80px 0;
    background-color: #F0F6FA;
}

.helpful-documents-sec .title h2 {
    font-size: 36px;
    font-weight: 400;
    color: #FF0000;
}

.helpful-documents-sec .title p {
    color: #FF0000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 538px;
    margin: 5px auto 0;
}

.helpful-documents-inner {
    max-width: 1220px;
    width: 100%;
    margin: 30px auto 0;
}

/***** DIGA SEC *****/
.diga-page .banner-sec {
    padding: 52px 0 96px;
}

.diga-page .training-inner .primary-btn {
    width: 100%;
    max-width: 348px;
    margin-top: 30px;
}

.diga-page .advantage-access {
    margin: 70px auto 0;
}

.diga-page .advantage-access .text-box p {
    font-size: 22px;
    font-weight: 500;
}

/****** DIGA INFO *****/
.diga-info-sec {
    padding: 80px 0;
}

.diga-info-sec .text-box img {
    height: 193px;
}

.diga-info-sec .text-box {
    text-align: center;
}

.diga-info-sec .text-box h3 {
    color: #323232;
    font-size: 54px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: -0.54px;
    margin-top: 12px;
}

.diga-info-sec .text-box p {
    color: #323232;
    font-size: 19.2px;
    font-weight: 400;
    line-height: 27px;
    margin: 14px auto 24px;
}

.diga-info-sec .text-box .primary-btn {
    margin: 0 auto;
}

.red-bg {
    background-color: #F00;
    border-color: #F00;
}

.primary-btn.red-bg:hover {
    border-color: #002692;
}

/*****  MODAL ******/
.modal-backdrop {
    background-color: rgb(0, 14, 51, 0.83);
    opacity: 1;
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-dialog {
    max-width: 1218px;
    width: 100%;
    margin: 20px auto;
}

.modal-content {
    background-color: #fff;
    border-radius: 12px;
}

.modal-body {
    padding: 48px 77px;
}

.close-btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 24px;
    right: 27px;
}

.modal-body .text-box {
    text-align: center;
}

.modal-body .text-box img {
    height: 82px;
}

.modal-body .text-box h4 {
    color: #F00;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    margin: 24px 0 32px;
    letter-spacing: -0.36px;
}

.modal-body .text-box p {
    color: #F00;
    font-size: 19.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.prescription-inner {
    margin-top: 56px;
    padding: 0;
}

.prescription-inner.contact-form form .form-control {
    background-color: #F0F6FA;
}

/***** DROPDOWN ******/
.header-right a img{
    transition: all 0.3s ease-in-out;
}
.header-right a[aria-expanded="true"] img{
    rotate: 180deg;
    transition: all 0.3s ease-in-out;
}
.dropdown-menu {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
    border: none;
    text-align: left;
    padding: 0;
    margin-top: 10px !important;
}

.header-right .dropdown-menu .dropdown-item {
    text-align: left;
    padding: 12px 16px;
    justify-content: flex-start;
    color: #323232;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    line-height: 1;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.header-right .dropdown-menu .dropdown-item:hover{
    background-color: #002692;
    color: #fff;
}
.header-right .dropdown-menu li:first-child .dropdown-item{
    border-radius: 12px 12px 0 0;
}
.header-right .dropdown-menu li:last-child .dropdown-item{
    border-radius: 0 0 12px 12px;
}
.cr-link{
    color: #000;
    text-decoration: underline;
}
.post, .page {
    margin: 0;
}
footer p{
    margin-bottom: 15px;
    font-size: 17px;
}
footer a{
    text-decoration: none;
    color: #000;
}
footer .col-lg-2{
    padding-right: 45px;
    padding-left: 12px;
}
.hero-section{
    background-color: transparent;
}
.hero-section-btn{
    margin-top: 80px;
}
.faq-promax{
    padding: 40px 0 80px;
}
.faq-section-header{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.faq-section-header h3{
    color: #f90201;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
    padding-left: 106px;
}
.faq-section{
    justify-content: center;
}
.red{
    color: #f90201
}
.accordion-button .red{
    font-size: 22px;
}
.leaf-holder img{
    border-radius: 232.13px 0 232.13px 0;
}

.training-inner .txt-box {
    padding-left: 0;
    max-width: 617px;
}
.training-inner .txt-box p{
    font-size: 18px;
    margin-top: 25px;
}

.training-inner .txt-box a{
   text-decoration: underline;
   color: #000;
}

.leaf-box{
    display: inline-block;
    padding: 68px;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 0.5px 0.5px 3px #e3e3e3;
}
.img-leaf{
    height: 150px;
    object-fit: cover;
    width: auto !important;
    margin-top: 30px;
}
.leaf-box-title{
    text-align: center;
    width: 258px;
}
.marg-01{
    margin-bottom: 70px;
    margin-top: 80px;
}
.strengthen-section {
    position: relative;
    background-color: #fff;
    padding: 60px 0;
}
.strengthen-section .title{
    max-width: 908px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.strengthen-section .title h2{
    font-size: 45px;
}
.strengthen-section .title img{
    width: 250px;
}

.banner-image .banner-img{
    border-radius: unset !important;
}
.box-listing .one-listing .text {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-top: 21px;
    cursor: pointer;
    margin-right: 20px;
    font-size: 20px;
}
.box-listing .one-listing .content {
    display: none;
    margin-bottom: 40px;
    padding: 0 40px;
}
.box-listing .one-listing.active .content {
    display: block;
}
.container-small{
    max-width: 1000px !important;
}
.container-medium{
    max-width: 1224px !important;
}
.mobil-img{
    height: 600px;
    width: auto;
}
.mobil-sec{
    padding: 80px 0;
}
.right{
    margin-left: 100px;
}
.padding{
   // padding: 80px 0;
}
.padding-01{
   padding: 80px 0;
}
.padding-02{
   padding-bottom: 80px;
}
.spacing h2{
   margin-bottom: 30px;
   font-weight: 400;
    ont-size: 37px;
}
.spacing a{
   color: #000;
   text-decoration: underline;
}
.spacing .content p{
    margin-bottom: 20px;
    font-size: 18px;
}
.error-404{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 117px;
}
.error-404 img{
    margin-bottom: 30px;
}
.error-404 h2{
    margin-bottom: 50px;
    font-size: 58px;
    font-weight: 100;
}
.error-btn{
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #002692;
    gap: 16px;
    border: 1px solid #002692;
    height: 56px;
    letter-spacing: 0.32px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 113px;
    line-height: 1;
}
.error-btn a{
    text-decoration: none;
    color: #fff;
}
.impressum-page h2 {
    font-size: 60px;
    text-align: center;
    margin-bottom: 60px;
    font-weight: 400;
}
.impressum-page p {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}
.spacing-02 .row{
    align-items: flex-start;
}
.spacing-02 .row .text-box{
    margin-top: 50px;
}
.diga-spacing .row .row .col-md-6 .primary-btn{
    margin-top: 0;
}
.order-access-sec-01{
    padding: 50px 0;
}
.order-access-sec-01 .order-access-inner{
    margin-top: 30px !important;
}
.order-access-sec-01 .order-access-inner .primary-btn{
    background-color: #fff;
    color: #002692;
}
.order-access-sec-01 .order-access-inner .primary-btn:hover{
    background-color: #002692;
    color:  #fff;
}
.leaf-form{
    border-top-left-radius: 185px !important;
    border-bottom-right-radius: 185px !important;
    
}
.leaf-form-02{
    border-top-left-radius: 185px !important;
    border-bottom-right-radius: 185px !important;
    padding-top: 150px !important;
     padding-bottom: 150px !important;
}
.label-text{
    text-align: left;
}
.leaf-form-02 a{
   color: #000;
   text-decoration: underline;
}
.leaf-form-02 p{
   font-size: 19px;
   font-weight: 300;
}
.leaf-form-02 .email-area input{
   border-radius: 12px 12px 0px 0px;
    border: none;
    border-bottom: 1px solid #002692;
    background: #f5f9fc !important;
    height: 56px;
    font-size: 16px;
    color: #6D758F;
    padding-left: 24px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: none;
    width: 100%
}
.email-area p{
   max-width: unset;
}
.p-styled{
   font-size: 19px;
    font-weight: 300;
}

.paragraph-decotation{
   margin-top: 50px;
}
.paragraph-decotation p{
   text-align: left;
   margin-bottom: 30px;
}
.paragraph-decotation p a{
   text-align: center;
}
.Datenkategorien{
   margin-bottom: 30px;
}
.Datenkategorien li {
   list-style: disc;
   margin-left: 20px;
}
.Datenkategorien li p{
   margin-bottom: 5px !important;
}


.check-feild{
    padding-left: 0 !important;
}

.check-feild p{
    max-width: 1000px;
    text-align: left;
}

.check-feild label input{
    margin-right: 10px;
    margin-top: 5px;
}

.check-feild label{
    display: flex;
    align-items: flex-start;
}

.m-0{
    max-width: 1000px !important;
}
.cardtitle{
    //text-align: center;
    //padding-bottom: 15px;
    margin-top: 20px;
}
.cardtitle h4{
    font-weight: 400;
}
.faq-inner{
    text-align: -webkit-center;
}
.faq-inner .primary-btn{
    max-width: 300px;
}
.msg-area .wpcf7-form-control{
    padding-bottom: 150px;
    padding-top: 24px;
}

.training-sec-01{
    background-color: #f0f6fa !important;
}

.no-padding-btn .primary-btn{
   padding: 19px 14px !important;
}

.faq-switch{
    margin-top: 80px;
    //padding: 100px 20px;
}
.center-justify{
    justify-content: center;
    margin-bottom: 65px;
}
.center-justify .accordion-item{
    margin: 16px 0;
}

.red-01{
    //color: #f90201;
    margin-bottom: 32px;
    font-weight: 400;
    font-size: 40px;
}

.hiToco-easier-list{
    margin-top: 72px;
}

.faq-header-img{
    max-width: 250px;
    width: 100%;
}

.faq-switcher-sec{
    padding: 50px 0;
}

.nav-item .nav-link svg{
   // width: 28px;
    //height: 21px;
}

.advantage-access .text-box .primary-btn{
    margin-top: 30px;
}

.container-larg{
   //max-width: 1760px !important;
}

.slid-down{
   margin-left: auto;
   width: 19px;
}

.accordion-btn{
   font-size: 18px;
}

.a-buttons{
   display: flex;
   margin-top: 25px;
   width: 100%;
   justify-content: center;
}

.a-buttons a{
   width: 37%;
   margin: 10px;
}

.small-content{
   text-align: center;
   margin-top: 105px;
}

.small-content h2{
   margin-bottom: 30px;
}

.small-content div{
   padding: 30px 50px;
   background-color: #fef0e2;
   width: 57%;
   border-radius: 12px;
   margin: auto;
}

.switch-btn{
   margin-top: 80px !important;
}

.rect-switch{
   margin-bottom: 70px !important;
}
.rect-switch p{
   margin-bottom: 0 !important;
}
.rect-title{
   text-align: left !important;
   margin-top: 26px;
}
.marg-03{
   margin-top: 20px !important;
   margin-left: 20px !important;
}
.rect-switch-sec{
   background-color: #f0f6fa;
    padding-top: 80px;
    padding-bottom: 5px;
}
.rect-switch .row{
   justify-content: center;
}

.blatt-form-img{
   background-color: #f0f6fa;
}

.blatt-form-img .rating{
   display: none;
}

.blatt-form-img .banner-img{
   border-radius: 245px 0 245px 0 !important;
}
.blatt-form-img .container{
   max-width: 1224px !important;
}
.blatt-form-img ul{
   width: 110%;
}

.li-display ul li{
   display: flex;
   justify-content: center;
}

.li-display ul li img{
   margin-right: 10px;
   margin-left: 0;
}

.none-padding{
   padding-top: 0;
}

.custom-section .text-box ul li{
   //display: block !important;
}

.pos-xy .rating{
   display: none;
}

.pos-xy .cloud-img1{
   right: 200px !important;
   bottom: 100px !important;
   left: unset !important;
}

.pos-xy .image-holder span{
   left: -35px !important;
   bottom: -40px !important;
}

.pos-xy .cloud-img4{
   left: -120px !important;
   bottom: -110px !important;
}

.underline-link {
   text-decoration: underline;
   color: #002692;
   font-size: 19.2px;
}

.bg-transparent .outline-btn{
   display: none;
}
.bg-transparent .cloud2{
   top:90px !important;
   right: 300px !important;
}
.bg-transparent .cloud1{
   left: 500px !important;
    bottom: 20px !important;

}
.none-disbay .outline-btn{
   display: none;
}

.contact-sec h2{
   font-size: 60px;
   font-weight: 300;
   margin-bottom: 10px;
}

.contact-sec .title{
   font-size: 21px;
   font-weight: 100;
}

.max-width .discover-holder .img-fluid{
   max-width: 250px;
   width: 100%;
}

.custom-section ul li img{
   margin-right: 15px;
   display: flex !important;
   font-weight: 500;
}

.styled-link a{
   text-decoration: underline;
   color: #000;
}

.navbar-nav .nav-item:active a{
   text-decoration: underline;
}
.so-widget-wph-rect-switch-fields .rect-title .h4 {
   display: flex;
}
.so-widget-wph-rect-switch-fields .col-lg-4:nth-child(1) .h4::before {
   content: "1.";
   margin-right: 10px;
}
.so-widget-wph-rect-switch-fields .col-lg-4:nth-child(2) .h4::before {
   content: "2.";
   margin-right: 10px;
}

.so-widget-wph-rect-switch-fields .col-lg-4:nth-child(3) .h4::before {
   content: "3.";
   margin-right: 10px;
}
.navbar-nav .nav-item.current-menu-item {
   border-bottom: 2px solid #002692;
   padding-bottom: 8px;
}
.header-right .full-width-menu {
      position: fixed;
      left: 0;
      right: 0;
      top: 150px;
      border-top: 1px solid #D4E7F2;
      box-shadow: none;
      border-radius: 0;
      padding-top: 20px;
      padding-bottom: 20px;
}
.show-maxmenu .header-bottom {
   background: #fff;
}
.position-edit .advantage-access{
   bottom: 70px;
}

.position-edit{
   padding-bottom: 0 !important;
}

.position-edit .companion-img{
   top: 87px !important;
}

.form-group a{
   color: #000;
   text-decoration: underline;
}

.position-edit-02 .image-holder span{
   left: 0 !important;
    bottom: 20px !important;
}

.position-edit-02 .image-holder .cloud-img4{
   left: -125px !important;
   bottom: -50px !important;
}

.text-align{
   text-align: center;
}
.swiper-slide-02 .swiper-slide{
   left: 6.5px;
}

.center-position p{
   display: block !important;
}

.textwidget a{
   color: #000;
   text-decoration: underline;
}

.rabe-xy .image-holder span{
   left: -125px !important;
   bottom: -75px;
}

.accordion-body a{
   color: #000;
   text-decoration: underline;
}

.button-with-icon{
   display: flex !important;
}

.button-with-icon::before{
   content: "";
   display: block;
   background-image: url('../images/Download.svg');
   background-repeat: no-repeat;
   width: 19px;
   height: 20px;
   padding: 2px
}
.button-with-icon:hover::before{
   background-image: url('../images/download-white.png');
}

.profil, .house{
   display: flex;
}
.house{
   //display: flex;
}
.profil::before{
   content: "";
   display: block;
   background-image: url('../images/Profil-01.png');
   background-repeat: no-repeat;
   width: 19px;
   height: 20px;
   padding: 2px;
   margin-right: 5px;
}
.active .profil::before{
   background-image: url('../images/Profil.png');
}
.house::before{
   content: "";
   display: block;
   background-image: url('../images/Vector.png');
   background-repeat: no-repeat;
   width: 19px;
   height: 20px;
   padding: 2px;
   margin-right: 5px;
}
.so-widget-wph-faq-switch-form-fields .active .house:before{
   background-image: url('../images/Vector-01.png');
}
.swch-btn{
   /*display: flex !important;*/
}
.mini-row{
   display: flex
}
.spacing-01{
   text-align: center;
    background-color: #fff;
    padding: 30px;
    margin: 10px;
    border-radius: 14px;
}

.sys-title{
   margin-bottom: 30px;
   font-weight: 400;
   font-size: 30px;
   text-align: center;
}
.mobil-sec .txt-box img{
   border-radius: unset !important;
}
.video-content{
   background-color: #f0f6fa;
   padding: 80px 0;
}
.video-sec{
   text-align: center;
   display: block;
}
.video-sec .therapy-left{
   max-width: 75%;
   margin: 0 auto;
}
.video-sec .video-wrapper video{
   max-width: 1300px;
   width: 100%;
}
.video-wrapper{
   position: relative;
}
.video-wrapper img{
   position: absolute;
   left: 48%;
    top: 39%;
}
.video-sec .inner-title{
   font-size: 61px;
   font-weight: 300;
   line-height: 62px;
   letter-spacing: -0.54px;
}

.video-sec span p{
   align-items: center;
   margin-bottom: 24px;
   font-weight: 300;
   margin: 14px auto 70px;
   font-size: 14pt;
}

.border-edit{
   border-radius: 14px;
   box-shadow: 0.5px 0.5px 3px #e3e3e3;
}

.none-icone .button-with-icon::before{
   display: none;
}
.none-icone .button-with-icon:hover{
   color: #002692 !important;
   background-color: #fff;
}

@media screen and (max-width: 991px){
    .leaf-form{
        border-top-left-radius: 140px !important;
        border-bottom-right-radius: 140px !important;
    }
    .leaf-form-02{
         border-top-left-radius: 140px !important;
         border-bottom-right-radius: 140px !important;
     }
}
@media screen and (max-width: 767px){
   .banner-sec .image-holder span img{
      border-radius: unset !important;
   }
   .position-edit-02 .image-holder .cloud-img4{
      left: -17px !important;
       bottom: -22px !important;
   }
   .no-padding-btn .text-box{
      padding: 0 10px;
   }
   .no-padding-btn .primary-btn {
      margin-bottom: 15px;
   }
   .accordion-button p {
      font-size: 22px;
   }
   .a-buttons{
      display: block;
   }
   .a-buttons a{
      width: 100%;
      margin: 10px 0;
   }
   .hiToco-easier-list{
      margin-top: 30px;
   }
   .small-content div{
      padding: 30px 35px;
      margin: 20px 0;
      width: 100%;
   }
   .how-do-inner .image-holder img{
      border-radius: unset;
   }
   .leaf-form {
       border-top-left-radius: 12px !important;
       border-bottom-right-radius: 12px !important;
   }
   .parents_page .resources-parents-sec{
      padding: 50px 0 40px;
   }
   .rabe-xy-01 .image-holder span{
      bottom: -45px;
      left: 0px !important;
   }
   .rating{
      display: block;
      text-align: center;
   }
   .rating ol{
      justify-content: center;
   }
   .strength-sec .text-box{
      padding-left: 0;
   }
   .strength-sec .d-block img{
      border-top-left-radius: 165px;
       border-bottom-right-radius: 165px;
   }
   .hi-logo{
      bottom: -67px;
      left: -8px;
   }
   .position-edit .companion-img{
      bottom: 1px !important;
      top: unset !important;
   }
   .access-star{
      left: 106px !important;
   }
   .hiToco-easier-inner{
      border-radius: 70px 12px !important;
       background: #FFF !important;
       padding: 50px 20px !important;
   }
   .hiToco-easier-inner .title p{
      margin-top: 15px;
   }
   .hiToco-easier-box .text-box .media{
      display: block !important;
   }
   .hiToco-easier-box .text-box .media .image-holder{
      max-width: unset;
   }
   .hiToco-easier-box .text-box .media .image-holder img{
      max-width: 240px;
      margin-bottom: 30px;
   }
   .recommend-sec span{
      display: block;
      text-align: center;
   }
   .get-start-sec .text-box ul li{
      display: block;
      position: relative;
      margin-left: 45px !important;
   }
   .get-start-sec .text-box ul li img{
      display: none !important;
   }
   .get-start-sec .text-box ul li::before{
      content: "";
      display: inline-block;
      background-image: url('../images/Checkmark.svg');
      background-size: contain;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      margin-right: 8px;
      vertical-align: middle;
      position: absolute;
        left: -50px;
   }
   .custom-section .text-box ul li::before{
      content: "";
      display: inline-block;
      background-image: url('../images/Checkmark.svg');
      background-size: contain;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      margin-right: 8px;
      vertical-align: middle;
      position: absolute;
        left: -50px;
   }
   .discover-sec{
      padding: 50px 0; 
   }
   .circles-request-sec .banner-img{
      border-radius: 150px 0 150px 0 !important;
   }
   .regulation-page .companion-section-image .companion-img{
      top: 263px !important;
   }
   .diga-spacing .text-box{
      padding-left: 0;
   }
   .faq-header-img{
      width: auto;
      height: 165px !important;
   }
   .entry-content{
      padding-top: 50px;
   }
   .mobil-sec{
      padding: 0;
   }
   .mini-row{
      padding-left: 0;
      padding-right: 0;
   }
   .spacing{
      text-align: center;
   }
   .spacing-01{
      padding: 10px;
      hyphens: auto;
   }
   .spacing h2{
      margin-bottom: 0;
      font-size: 30px;
   }
   .spacing-01 h2{
      font-size: 30px;
      margin: 10px 0;
   }
   .spacing .content p{
      text-align: left;
   }
   .spacing-01 .content p{
      text-align: center;
      margin-bottom: 0;
   }
   .none-padding{
      padding: 0 !important;
   }
   .red-01{
      /*font-size: 30px;*/
   }
   .pos-xy{
      padding-top: 0 !important;
   }
   .pos-xy .image-holder span img{
      height: 80px !important;
   }
   .pos-xy .cloud-img4 {
       left: 0px !important;
       bottom: -62px !important;
   }
   .pos-xy .image-holder span {
       left: 5px !important;
       bottom: -32px !important;
   }
   .pos-xy .cloud-img2{
      bottom: -22px;
   }
   .txt-box .image-holder{
      margin: 32px 0 40px !important;
   }
   .txt-box .image-holder img{
      border-radius: 180px 0 180px 0;
   }
   .box-listing .one-listing .text{
      margin-right: 0;
   }
   .leaf-box{
      padding: 10px 52px;
       border-top-left-radius: 70px;
       border-bottom-right-radius: 70px;
   }
   .leaf-box .img-leaf{
      height: 90px
   }
   .advantage-inner .col-md-6{
      max-width: 50%;
      padding-right: 10px;
   }
   .advantage-inner .advantage-box{
      padding: 24px 10px;
   }
   .advantage-inner .col-md-6 .advantage-box ul{
      margin-left: 2px;
   }
   .advantage-inner .col-md-6 .advantage-box ul li{
      gap: 5px;
      font-size: 15px;
   }
   .error-404 h2{
      font-size: 38px;
   }
   .error-btn{
      padding: 0px 90px;
      font-weight: 300;
   }
   .video-sec .inner-title{
      font-size: 34px;
      font-weight: 400;
      line-height: 38px;
      letter-spacing: -0.54px;
   }
   .video-sec .therapy-left{
      max-width: 100%
   }
   .video-sec span p{
      margin: 14px auto 30px;
   }
   .video-wrapper img{
      max-width: 38px;
      left: 45%;
      top: 36%;
   }
   .center-conent{
      justify-content: center;
      text-align: center;
   }
   .header-right .full-width-menu .space-between #siteorigin-panels-builder-4{
      display: none;
   }
   .navbar-nav::before{
      content: "Für Eltern:";
      color: #002692;
      font-size: 20px;
   }
   .header-right a{
      font-size: 20px !important;
   }
   .header-right .dropdown-menu .menu a{
      font-size: 20px;
   }
}

@keyframes float {
    0% {
        transform: translateX(-20px);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(20px);
    }
}

@keyframes float2 {
    0% {
        transform: translateX(-20px);
    }

    50% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(20px);
    }
}
body.show-maxmenu::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

/* form */
#form-content {
   background: #fff;
   padding: 30px 30px;
   border-radius: 30px;
}
.field select, .field input {
    width: 100%;
    background: #F0F6FA;
    border: 0;
    border-bottom: 1.5px solid #002692;
    padding: 15px 20px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.field {
    width: calc(50% - 22px);
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 20px;
}
.field.full {
    width: 100%;
    margin-right: 0;
}
.d-fx {
   display: flex;
   align-items: flex-start;
}
.d-fx input[type="checkbox"] {
   width: auto;
   margin-right: 10px;
}
/* END form */

.rund-img .image-holder img{
   border-radius: 14px;
}
#am-cf-11 {
   order: 12;
}
#am-cf-12 {
   order: 13;
}
.am-info-email, .am-info-email + .am-fs__info-form__item {
   display: none !important;
}

.no-padding-btn .text-box{
   padding-left: 0;
}
.bottom-text .primary-btn{
   margin: 20px auto;
   max-width: 25%;
}
.hiToco-easier-detail .bottom-text {
   margin-top: 50px;
   display: block;
}

.under-content{
   margin-top: 50px;
}
.contact-inner select {
   border-radius: 12px 12px 0px 0px;
    border: none;
    border-bottom: 1px solid #002692;
    background: #FFF;
    height: 56px;
    font-size: 16px;
    color: #6D758F;
    padding-left: 24px;
    font-weight: 400;
    line-height: 24px;
    box-shadow: none;
    width: 100%;
}
.contact-inner label {
   margin-bottom: 8px;
} 
header .current-menu-item a {
   font-weight: 300;
   text-decoration: underline !important;
}
.navbar .navbar-collapse {
   justify-content: flex-end;
}
.field.bool {
     margin-bottom: 0;
 }
 #am-cf-11 {
     margin-bottom: -15px !important;
 }