*:not(.carousel *):not(.ry-accordion *):not(#accordion *):not([data-aos-duration]):not(.slick-track),
::before,
::after {
    transition: 0.3s ease-in-out all;
}


.section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
}

.section-header h2 {
    font-size: clamp(28px, 2.396vw, 46px);
    color: #5bbfeb;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
}

.section-header h2 span {
    display: block;
    color: #fff;
}

body p {
    line-height: 1.5;
    font-size: 18px !important;
    color: #000;
}

@media only screen and (max-width:991px) {
    body p {
        font-size: 18px !important;
    }

}

/* Header - Start */

.landing-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: transparent;
    padding: 28px 0;
}

.landing-header .ry-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.landing-header .ry-container>div {
    width: fit-content;
}

.landing-header .logo {
    max-width: clamp(150px, 22.222vw, 320px);
}

.landing-header .ry-container .cta {
    display: flex;
    gap: 8px;
}

.landing-header .ry-btn-secondary {
    background: transparent !important;
    color: #0E3459 !important;
    border: 1px solid #0E3459;


}

.landing-header .ry-btn-secondary:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%230E3459'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
    margin: 0 8px 0 0;
}

.landing-header .ry-btn-secondary:hover {
    background: #0E3459 !important;
    color: #fff !important;

}

.landing-header .ry-btn-secondary:hover:before {
    filter: brightness(0) invert(1)
}

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

    .landing-header .ry-btn {
        font-size: 0 !important;
        padding: 0 !important;
        height: 45px;
        width: 45px;
        max-width: unset;
        border-radius: 50%;
    }

    .landing-header .ry-btn:before {
        margin: 0;

        transform: scale(1)
    }

    .landing-header .ry-btn.ry-btn-primary:before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512' fill='%23fff'%3E%3Cpath d='M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z'/%3E%3C/svg%3E");

    }

    .landing-header .ry-btn-secondary {
        background: #0E3459 !important;
        color: #fff !important;

    }

    .landing-header .ry-btn-secondary:before {
        filter: brightness(0) invert(1)
    }

    .landing-header .ry-btn-secondary:hover {
        background: #00CFFD !important;
        border-color: transparent;
    }
}

/* Hero - Start */
.landing-hero {
    height: clamp(600px, 100vh, 1080px);
}

.landing-hero .section-background {
    object-position: center;
}

.landing-content {
    position: absolute;
    bottom: clamp(32px, 8.073vw, 80px);
    max-width: 1600px;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
}

.landing-content * {
    color: #fff;
    text-align: center;
}

.landing-content h1 {
    font-size: clamp(36px, 4.063vw, 78px);
    text-transform: uppercase;
}

.landing-content h5 {
    font-size: clamp(20px, 1.302vw, 25px);
    text-transform: uppercase;
    margin: clamp(18px, 1.250vw, 28px) auto clamp(28px, 3.333vw, 48px);
    letter-spacing: 5px;
    position: relative;
    width: fit-content;
    float: none;
}

.landing-content h5:before,
.landing-content h5:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    height: 1px;
    width: 120px;
    border-bottom: 1px solid #5BBFEB;
}

.landing-content h5:before {
    left: -20%;
}

.landing-content h5:after {
    right: -20%
}

@media only screen and (max-width:991px) {
    .landing-hero {
        display: flex;
        flex-direction: column-reverse;
        background-color: #5BBFEB;
        height: unset;
    }

    .landing-hero .section-background {
        position: relative;
        object-position: top center;
        object-fit: contain;
        z-index: 1;
    }

    .landing-content {
        position: relative;
        bottom: unset;
        padding: 48px 0;
    }
}

/* Hero - End */

.landing-whatis {}

.landing-whatis .section-background {
    object-position: left center;
    object-fit: cover;
}

.landing-whatis .ry-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    max-width: 1600px;
    width: 90%;
    padding: clamp(48px, 6.250vw, 120px) 0;
}

.landing-whatis .ry-container .whatis-wrap {
    max-width: 880px;
}

.landing-whatis .whatis-wrap p {
    color: #fff;
    text-align: center;
    margin: 28px 0;
}

.landing-whatis .whatis-benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    padding: clamp(25px, 3.472vw, 50px) clamp(50px, 6.944vw, 100px);
    border: 1px solid #2A74A0;
}

.landing-whatis .whatis-benefits h5 {
    color: #5bbfeb;
    text-transform: uppercase;
    text-align: center;
    font-size: clamp(18px, 1.458vw, 28px);
    line-height: 1.5
}

.landing-whatis .whatis-benefits ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
    gap: 28px 18px;
}

.landing-whatis .whatis-benefits ul li {

    list-style-type: none;
    /* width:calc((100% / 3) - 18px); */
    text-align: center;
    white-space: nowrap;

}

.landing-whatis .whatis-benefits ul li:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512' fill='%235BBFEB'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -30px;
}

@media only screen and (max-width:1440px) {
    .landing-whatis .section-background {
        object-position: 20%
    }

    .landing-whatis .ry-container .whatis-wrap {
        max-width: 700px
    }

    .landing-whatis .ry-container .whatis-wrap ul {
        justify-content: flex-start;


    }

    .landing-whatis .ry-container .whatis-wrap ul li {
        width: calc((100% / 2) - 18px);
        text-align: left;
        white-space: unset;
    }
}

@media only screen and (max-width:1300px) {
    .landing-whatis .section-background {
        object-position: 20%
    }

    .landing-whatis .ry-container .whatis-wrap {
        max-width: 700px
    }
}

@media only screen and (max-width: 1199px) {
    .landing-whatis:before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #0E3459;
        opacity: 0.8
    }

    .landing-whatis .ry-container {
        justify-content: center;
        z-index: 2;
    }

    .landing-whatis .ry-container .whatis-wrap ul {
        justify-content: space-between;
    }

}

@media only screen and (max-width:600px) {
    .landing-whatis .ry-container .whatis-wrap ul {
        width: 76%
    }

    .landing-whatis .ry-container .whatis-wrap ul li {
        width: calc((100% / 1) - 18px);
    }

    .landing-whatis .section-background {
        object-position: left center;
    }
}

/* How I Know - Start */
.landing-howiknow {
    padding: clamp(48px, 8.785vw, 120px) 0;
}

.landing-howiknow .section-header h2 {
    color: #0C3359;

}

.landing-howiknow .ry-content {
    margin: 58px 0 62px;
}

.landing-howiknow .ry-content p {
    text-align: center;
}

.landing-howiknow .howiknow-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(20px, 3.750vw, 72px);
}

.landing-howiknow .howiknow-wrap .howiknow-item {
    cursor: pointer;
    width: clamp(300px, 26.389vw, 380px);
    height: clamp(300px, 26.389vw, 380px);
    background: #5BBEEA;
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-howiknow .howiknow-item .overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    overflow:hidden;
    
}

.landing-howiknow .howiknow-item .overlay-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter:grayscale(1) invert(1)
}

.landing-howiknow .howiknow-item .icon {
    width: 15%;
    z-index:2;
    position:absolute;
    top:50px;
    opacity:0;
    

}
.landing-howiknow .howiknow-item:hover .icon{
    opacity:0;
}
.landing-howiknow .howiknow-item .content {
    position: absolute;
    bottom: 45px;
    left: 50%;
    width: 80%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    z-index: 3;
}

.landing-howiknow .howiknow-item .content h5 {
    text-transform: uppercase;
    font-weight: 700;
    width: inherit;
    letter-spacing: 1px;
    text-align: center;
    color: #5bbfeb;
}

.landing-howiknow .howiknow-item .content *:not(h5) {
    position: relative;
    opacity: 1;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.landing-howiknow .howiknow-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    border: 2px solid #fff;
    opacity: 1;
    z-index: 4;
    pointer-events: none;
}

.landing-howiknow .howiknow-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(31 31 31 / 80%);
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}
.landing-howiknow .howiknow-item:hover .overlay-image img
{
    transform:scale(1.1)
}
.landing-howiknow .howiknow-item:hover:before,
.landing-howiknow .howiknow-item:hover:after,
.landing-howiknow .howiknow-item:hover .overlay-image {
    opacity: 1
}

.landing-howiknow .howiknow-item:hover .icon {
    opacity: 1;
}

.landing-howiknow .howiknow-item .content {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, 50%);
}

.landing-howiknow .howiknow-item:hover .content * {
    position: relative;
    opacity: 1;
}

/* How I Know - End  */

/* Reviews - Start */

.landing-reviews {
    background: #F1F1F1;

    padding: clamp(48px, 8.785vw, 120px) 0;



}

.landing-reviews .ry-container {
    width: 100%;
    max-width: 100%
}

.landing-reviews .section-header h2 {
    color: #0C3359;
}

.landing-reviews .ry-flex {
    margin: 72px 0 0;
}

.landing-reviews .ry-flex:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 100%;
    background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-4e839c61-4610-4ed2-8ad7-a8c8a15b7121/HeadachesMigraine/shadow_separator.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.landing-reviews .doctor-wrap {
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 2.639vw, 38px);
    width: 70%;
    max-width: 680px;
    float: none;
    margin: 0 auto;
}

.landing-reviews .doctor-wrap .doctor-image {
    width: 90%;
    max-width: clamp(250px, 22.222vw, 320px);
    float: none;
    margin: 0 auto;
}

.landing-reviews .doctor-wrap .section-header h5 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin: 0 0 12px 0;

}

.landing-reviews .doctor-wrap .section-header h6 {
    color: #5bbeea;
    letter-spacing: 1px;
    text-align: center;
}

.landing-reviews .doctor-wrap p {
    text-align: center;
}

.landing-reviews .doctor-wrap .ry-btn {
    margin: 0 auto;
}

.landing-reviews .ry-right,
.landing-reviews .ry-left {
    display: flex;

    align-items: flex-end;
}

.landing-reviews .ry-right .review-wrap {
    max-width: 660px;
    width: 80%;
    float: none;
    margin: 0 auto;
}

.landing-reviews .review-item {
    position: relative;
    padding: 80px clamp(28px, 5.208vw, 40px);
}

.landing-reviews .review-item:before,
.landing-reviews .review-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 80px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-4e839c61-4610-4ed2-8ad7-a8c8a15b7121/HeadachesMigraine/quote1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.landing-reviews .review-item:after {
    background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-4e839c61-4610-4ed2-8ad7-a8c8a15b7121/HeadachesMigraine/quote2.png);
    top: unset;
    left: unset;
    right: 0;
    bottom: 20px;
}

.landing-reviews .ry-right .review-wrap p {
    text-align: justify;
    text-align-last: center;
}

.landing-reviews .ry-right .review-wrap .star-rate {
    display: flex;
    justify-content: center;
    margin: 46px 0 0 0;
    gap: 4px;
}

.landing-reviews .ry-right .slick-dots {
    list-style-type: none;
    display: flex !important;
    padding: 0;
    justify-content: center;
    gap: 8px;
    margin: 0 0 42px;
}

.landing-reviews .ry-right .slick-dots li {
    list-style-type: none;
}

.landing-reviews .slick-dots li button {
    font-size: 0;
    outline: none;
    border: none;
    background: #DADEE2;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

.landing-reviews .slick-dots li.slick-active button {
    background: #5BBEEA;
}

.landing-reviews .ry-right .ry-btn {
    margin: 0 auto;
}

@media only screen and (max-width:1199px) {
    .landing-reviews .ry-flex {
        flex-direction: column;
        gap: 120px;
    }

    .landing-reviews .ry-flex:before {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .landing-reviews .ry-container {
        width: 90%;

    }

    .landing-reviews .ry-container>.section-header {
        max-width: 320px;
        margin: 0 auto;
    }

    .landing-reviews .doctor-wrap,
    .landing-reviews .ry-right .review-wrap {
        width: 90%;
        max-width: 600px;
    }
}

/* Reviews - End */

/* Appointment - Start */

.landing-appointment .appointment-wrap {
    padding: clamp(48px, 10.417vw, 150px) 0;
    max-width: 762px;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.landing-appointment .appointment-wrap .section-header {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.landing-appointment .appointment-wrap .section-header h2 {
    color: #fff;
    font-size: clamp(26px, 2.778vw, 40px);
}

.landing-appointment .appointment-wrap .section-header h5 {
    color: #fff;
    font-size: clamp(18px, 1.944vw, 26px);
    text-align: center;
    letter-spacing: 3px;
}

.landing-appointment .appointment-wrap .btn-wrap {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.landing-appointment .appointment-wrap .ry-btn-secondary {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff;


}

.landing-appointment .appointment-wrap .ry-btn-secondary:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
    margin: 0 8px 0 0;
}

.landing-appointment .appointment-wrap .ry-btn:hover {
    background: #5BBEEA !important;
    border-color: #5BBEEA;
}

@media only screen and (max-width:1199px) {
    .landing-appointment .section-background {
        object-position: 80%
    }

}

@media only screen and (max-width:1024px) {
    .landing-appointment:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgb(12 51 90 / 70%)
    }

    .landing-appointment .section-background {
        object-position: right center
    }

    .landing-appointment .appointment-wrap {
        float: none;
        margin: 0 auto;
    }
}

@media only screen and (max-width:480px) {
    .landing-appointment .section-background {
        object-position: 80%
    }

}
/* Appointment - End */