/* @import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..900;1,100..900&family=El+Messiri:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
    font-family: 'Helvetica';
    src: url(../fonts/Helvetica/Helvetica\ Neue\ LT\ Std\ 55\ Roman.otf);
}

@font-face {
    font-family: 'Helvetica-lt';
    src: url(../fonts/Helvetica/HelveticaNeueLTStd-Lt.otf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Helvetica' !important;
    font-weight: normal;
    background-color: #FFFFFF !important;
    position: relative;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'El Messiri' !important;
}

a {
    text-decoration: none;
}

.home_banner .site_btn_1 .mark {
    background-color: transparent;
}

.home_banner .site_btn_1 .mark path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

/* header start */

header {
    z-index: 2;
    padding: 33px 0;
    position: relative;
}

header nav>ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

header nav>ul>li {
    text-align: center !important;
    display: inline-block;
    margin: 0 12px;
}

header nav>ul>li>a {
    font-family: 'Helvetica' !important;

    color: #404040;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0%;
}

header nav>ul>li>a:hover,
header nav>ul>li>a.active {
    color: #008BFF;
    font-weight: 500;
}

.typed-cursor {
    display: inline;
    opacity: 1;
}

.home_banner .banner-slider {
    border-radius: 0px 0px 134px;
}

.home_banner .banner-slider .swiper-slide {
    height: 100vh;
}

.header_btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: right;
    gap: 10px;
    align-items: center;
}

.header_btn {
    background-color: #008BFF;
    border-radius: 10px;
    min-width: 116px !important;
    max-width: 116px !important;
    min-height: 38px !important;
    display: block;
    text-align: center;
    padding: 11px 20px;
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
    position: relative;
}

.header_btn_1 {
    background-color: #008BFF;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
    position: relative;
}

.header_btn>a {
    color: #FFFFFF;
}

.header_btn button {
    background: transparent;
    border: none;
    color: #FFFFFF;

}

.header_btn_1 a {
    color: #fff;
    padding: 11px 20px;
    border-radius: 10px;
}

.header_btn_1:before,
.header_btn:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.header_btn_1:active,
.header_btn:active {
    color: #000
}

.header_btn_1:active:after,
.header_btn:active:after {
    background: #000;
}

.header_btn_1:hover:before,
.header_btn:hover:before {
    opacity: 1;
}

.header_btn_1:after,
.header_btn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.pages {
    margin-bottom: 16px;
    z-index: 1 !important;
}

/* Sidebar styling */
.sidebar {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background: #001b31;
    color: #fff;
    padding-top: 0;
    transition: 0.3s;
    z-index: 1000;
    box-shadow: rgb(255 255 255 / 15%) 1.95px 1.95px 2.6px;
}

.sidebar a {
    padding: 10px 20px;
    display: block;
    color: #fff;
    text-decoration: none;
}

.sidebar a:hover {
    color: #008BFF;
}

.header_btn_1 a:hover {
    background-image: linear-gradient(90deg, #7B61FF 3.2%, #627EFF 90%);
}

.sidebar .close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 25px;
    cursor: pointer;
}

/* Show sidebar */
.sidebar.active {
    left: 0;
}

.menu-dropdown {
    position: relative;
    display: inline-block;
}

.menu-dropdown>a {
    text-decoration: none;
    color: #000;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.menu-dropdown>a::after {
    content: '▼';
    font-size: 12px;
    margin-left: 140px;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #022542;
    min-width: 250px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
}

.dropdown-content a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #fff;
}

.dropdown-content a:last-child {
    border-bottom: none;
}

.dropdown-content a:hover {
    background-color: #f5f5f5;
}

.menu-dropdown.active .dropdown-content {
    display: block;
}

/* Overlay */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.overlay.active {
    display: block;
}

/* Hamburger */
.hamburger {
    font-size: 30px;
    cursor: pointer;
    color: #008BFF !important;
}


/* header end */

.banner-slider .swiper-slide {
    position: relative;
}

.banner-slider .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none;
}

.banner-slider video {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 0;
    object-fit: cover;
}

.home_banner .banner_heading {
    margin-bottom: 20px;
    min-height: 139px;
}

.home_banner .banner_heading>* {
    font-family: 'El Messiri';
    font-size: 50px;
    font-weight: 700;
    line-height: 60.95px;
    letter-spacing: 0%;
    color: #FFFFFF;

    display: inline;
}


.home_banner .banner_heading>*>span {
    color: #54A9EC;
}

.home_banner .banner_para>* {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0%;
    margin-bottom: 80px;
}

.home_banner_content {
    position: absolute;
    z-index: 1;
    left: 5%;
    padding-right: 25px;
}


.banner-slider {
    margin-top: -132px;
    position: relative;
    overflow: hidden;
    padding: 0px;
}

.site_btns {
    display: flex;
    gap: 10px;
}

.site_btn {
    background: #2e2e2e;
    margin: 12px 5px 0px 5px;
    border: 1px solid #2e2e2e;
    border-radius: 8px;
    padding: 10px 22px;
    width: 150px;
    height: 45px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.site_btn_1 {
    background-color: #2e2e2e;
    border-radius: 10px;
    padding: 10px 22px;
    min-width: 188px;
    height: 45px !important;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.site_btn_1 img {
    color: #FFFFFF !important;
}

.site_btn_2 {
    background-image: #2E2E2E !important;
    margin-top: 12px;
    border-radius: 10px;
    padding: 10px 22px;
    width: 424px !important;
    height: 45px !important;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.site_1 {
    width: 100%;
    display: flex;
    gap: 8px;
}

.site_btn a {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.site_btn:before,
.site_btn_1:before,
.site_btn_2:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.site_btn:active:after,
.site_btn_1:active:after,
.site_btn_2:active:after {
    background: #000;
}

.site_btn:hover:before,
.site_btn_1:hover:before,
.site_btn_2:hover:before {
    opacity: 1;
}

.site_btn:after,
.site_btn_1:after,
.site_btn_2:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #2E2E2E;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

/* use-cases */
.background {
    font-family: 'El Messiri';
    font-size: 48px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0%;
    display: flex;
    justify-content: center;
    color: #d8e9f8;
    margin-bottom: -80px;
}

.utilize_reliable_section_heading h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0px;
    padding-inline: 102px;
    color: #2E2E2E;
}

.utilize_reliable_section_content_1 p {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0%;
    justify-self: center;
}

.utilize_reliable_section_content_2 p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
}

/* home_slider */

.slide-text {
    text-align: left;

}

.slide-text>h2 {
    margin-bottom: 0;
    font-size: 35px !important;
    line-height: 48.95px;
    display: inline;
}

.slide-text>p {
    font-size: 15px;
    line-height: 18.29px;
    text-align: left;
}

/* Custom Button */
.btn-custom,
.btn-prev,
.btn-next {
    background: #4A01941A;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: linear-gradient(90deg, #7B61FF 0%, #090039 100%);
    border-image-slice: 1;
    border-image-repeat: stretch;
    border: 1px solid;
    border-radius: 10px;
    color: #627EFF;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 300;
    transition: background 0.3s ease-in-out;
    cursor: pointer;
}

/* Navigation Buttons */
.navigation-buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

/* Swiper Pagination */
.banner-slider .swiper-pagination .swiper-pagination-bullet {
    background-color: #D9D9D9;
    height: 11px;
    width: 11px;
    opacity: 1;
}

.banner-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #54A9EC;
}

/* Tabs */
.nav-tabs {
    border-bottom: none;
}

.nav-link {
    min-width: 232px;
    min-height: 47px;
    color: #616161;
    background-color: #F1F1F1 !important;
    font-size: 18px;
    font-weight: 500 !important;
    border-radius: 8px !important;
    margin: 7px 10px 6px 10px !important;
    border: 1px solid transparent;
}

.black {
    border: 1px solid #E2E2E2 !important;
    background-color: #2E2E2E !important;
    color: #E2E2E2 !important;
}

.nav-link:hover {
    background-color: #008BFF !important;
    color: #fff !important;
    font-weight: 600;
}

.nav-link.active {
    background-image: linear-gradient(90deg, #008BFF 3.2%, #008BFF 90%) !important;
    color: #fff !important;
}

.black:hover {
    background-color: #008BFF !important;
    color: #fff !important;
    font-weight: 600;
}

.black.active {
    background-image: linear-gradient(90deg, #008BFF 3.2%, #008BFF 90%) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.tab-content {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}

.scroll-tabs .nav {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}

.scroll-tabs::-webkit-scrollbar {
    height: 2px;
    display: none;
}

.slide-text h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    color: #000000;
}

.slide-text h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0%;
    margin-bottom: 2px;
    color: #000000;
}

.slide-text h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #000000;
}

.slide-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0%;
    color: #6B6B6B;
}

.slide-text h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0%;
    color: #000000;
}

.utilize_reliable_section_card {
    display: flex;
    margin-left: 0px;
    gap: 12px;
    /* margin-right: 30px; */
}

.utilize_reliable_section_card_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 16px;
    height: 232px !important;
    width: 180px !important;
    text-align: center;
    padding: 18px 12px 6px 12px;
    background-color: #fbfbfb;
}

.utilize_reliable_section_card_item:hover {
    box-shadow: #54A9EC0A 0px 0px 14.8px 12px;
}

.utilize_reliable_section_card_item_icon h5 {
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0%;
    margin-top: 18px;
    margin-bottom: 0px;
}

.utilize_reliable_section_card_item_icon p {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 100% !important;
    letter-spacing: 0% !important;
    color: #6B6B6B;
    padding-top: 12px;
}

.view-solutions h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 49px;
    letter-spacing: 0%;
    color: #54A9EC;
}

#tabsContainer {
    /* width: 91%; */
    background: linear-gradient(90deg, #FAFAFA 0%, #F5F5F5 100%);
    border: 1px solid #BCBCBC;
    border-radius: 8px;
}

#tabContainer1 {
    background: #2E2E2E;
    border-radius: 8px;
    display: flex;
    justify-content: start;
}

#tabContainer {
    background: linear-gradient(90deg, #FAFAFA 0%, #F5F5F5 100%);
    border: 1px solid #BCBCBC;
    border-radius: 8px;
    justify-self: start;
}

.scroll-tabs .fits {
    min-width: 388px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}

.nav_slide {
    min-width: 105px;
    min-height: 28px;
    color: #979797;
    background-color: #FAFDFE;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 14px;
    letter-spacing: 0%;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    transition: none !important;
    border: none !important;
    border: 1px solid #E2E2E2 !important;
}

.nav_slide:hover:active {
    font-weight: 500 !important;
    color: #FFFFFF;
    background-color: #149AFAD6;
}

.nav_slide:hover {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF;
    background-color: #149AFAD6;
}

.nav-tab {
    border-bottom: none;
    justify-content: center;
}

.scroll-tabs .fit {
    min-width: 500px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 20px;
}


.utilize_reliable_section::after {
    content: "";
    position: absolute;
    width: 674px;
    height: 974px;
    margin-top: 70px;
    right: 0;
    top: 0;
    background: #54A9EC;
    opacity: 0.1;
    filter: blur(133.95px);
}

.answer_img_1 img,
.answer_img_2 img,
.answer_img_3 img,
.answer_img_4 img {
    width: 80%;
    padding-block: 25px;
    padding-left: 20px;
}

.choose_us {
    width: 100%;
    background: #F3FAFF;

}

.utilize_reliable_section_sub-heading h6,
.articles_sub-heading h6,
.featured_sub-heading h6,
.choose_us_sub-heading h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.33em;
    text-transform: uppercase;
    color: #54A9EC;
}

.choose_us_heading h2 {
    font-size: 62px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0;
    color: #000000;
}

.choose_us_para p {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    color: #000000;
}

.choose_us_card {
    display: flex;
    margin-left: 0px;
    gap: 38px;
    justify-content: center;
    margin-bottom: 100px;
}

.choose_us_card_item {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background: #FFFFFF;
    border-radius: 22px;
    width: 270px !important;
    height: 250px !important;
    text-align: center;
    padding: 18px 12px 4px 12px;

}

.choose_us_card_item:hover {
    box-shadow: 0px 0px 31.7px rgba(0, 0, 0, 0.06);
}

.choose_us_card_item_icon img {
    width: 80px;
    height: 80px;
}

.choose_us_card_item_heading h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0%;
    margin-bottom: 0px;
}

.choose_us_card_item_para p {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    color: #6C6F72;
}

.our_method {
    width: 100% !important;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 19%, rgba(255, 255, 255, 0) 41%), linear-gradient(38deg, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, 0.69) 100%), linear-gradient(45deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 22%), linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 91%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 15%, rgba(30, 199, 255, 0.4) 38%, rgba(255, 255, 255, 0) 65%), linear-gradient(214deg, rgba(255, 255, 255, 0) 0%, rgba(241, 0, 221, 0.3) 25%, rgba(255, 255, 255, 0) 71%), linear-gradient(212deg, rgba(255, 255, 255, 0) 51%, rgba(100, 57, 232, 0.333) 64%, rgba(255, 255, 255, 0) 80%);
    mix-blend-mode: normal;
    border-radius: 0px;
}

.our_method_sub-heading h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.33em;
    text-transform: uppercase;
    color: #54A9EC;
}

.our_method_heading h2 {
    font-size: 62px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0;
    color: #000000;
}

.samples {
    display: flex;
}

.sample {
    display: flex;
    padding-inline: 17px;
}

.num1 {
    background: #54A9EC;
    opacity: 0.8;
}

.num2 {
    background: #70B7EF;
    opacity: 0.5;
}

.num3 {
    background: #70B7EF;
    opacity: 0.4;
}

.numbring {
    display: flex;
    justify-content: center;
    width: 59px !important;
    height: 89px !important;
    border-radius: 10px 0px 0px 10px;
    padding: 0px 25px 0px 20px;
}

.numbring h6 {
    width: 20px;
    height: 89px;
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 100px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
}

.sample_section_card {
    margin-left: 10px;
}

.sample_section_card_heading h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    color: #000000;
    margin-top: 8px;
    margin-bottom: 2px;
}

.sample_section_card_para p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #6B6B6B;
}

.sample_section_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
}

.sample_section_btn a {
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    background: linear-gradient(90deg, #54A9EC 0%, #306086 100%);
    -webkit-background-clip: text;
    background-clip: text;
    padding: 12px 24px;
    color: transparent;
    border: 1px solid #3498db;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sample_section_btn a:hover {
    color: white;
    background: #2e2e2e;
    border: 1px solid #2e2e2e;
}

.predictive {
    position: relative;
}

.predictive::after {
    content: "";
    position: absolute;
    width: 974px;
    height: 874px;
    margin-top: -430px;
    left: -455px;
    top: 0;
    background: #54A9EC;
    opacity: 0.22;
    filter: blur(267.9px);
}

.predictive h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.33em;
    text-transform: uppercase;
    color: #54A9EC;
    padding-left: 55px;
}

.predictive h1 {
    font-size: 62px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0;
    color: #2E2E2E;
}

.sub_heading {
    margin-top: 15px;
    margin-bottom: 0px;
}

.background1 {
    font-size: 46px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0%;
    color: #E8F5FF;
    margin-bottom: -136px;
    margin-left: 3px;
}

.predictive h5 {
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0;
    color: #000000;
}

.predictive p {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: justify;
    color: #6B6B6B;
    font-family: 'Helvetica-lt';
}

.predictive h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 18px;
    text-align: justify;
    letter-spacing: 0;
    color: #6B6B6B;
}

.predictive_img_2 {
    margin: -250px 90px 0px 0px;
}

.articles_heading h2,
.featured_heading h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 62px;
    line-height: 56px;
    letter-spacing: -1.12px;
    color: #000000;
}

.articles_heading h2 {
    padding-bottom: 65px;
}

.featured_heading h2 {
    padding-bottom: 8px;
}

.featured_card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.featured_card_item {
    display: flex;
    flex-direction: column;
    width: 24%;
    height: 523px;
    mix-blend-mode: normal;
    border-radius: 12px;
    padding-inline: 35px;
}

.featured_card_item_icon {
    padding: 18px 0px 16px 0px;
}

.fortune_1 img,
.fortune_2 img,
.fortune_3 img,
.fortune_4 img {
    width: 100%;
}

.testimonials_featured .row {
    --bs-gutter-x: 0rem;
}


.featured_card_item_para p {
    font-weight: 500;
    font-size: 22.7px;
    line-height: 30px;
    letter-spacing: -0.24px;
    padding: 18px 18px 16px 0px;
}

.pink1 {
    background-color: #F698D5;
}

.sky_blue {
    background-color: #90DAF92B;
}

.yellow_green {
    background-color: #DBFF002B;
}

.baby_pink {
    background-color: #F872252B;
}

.pink1:hover {
    box-shadow: 0 4px 12px rgba(246, 152, 213, 0.4);
}

.sky_blue:hover {
    box-shadow: 0 4px 12px rgba(144, 218, 249, 0.17);
}

.yellow_green:hover {
    box-shadow: 0 4px 12px rgba(219, 255, 0, 0.17);

}

.baby_pink:hover {
    box-shadow: 0 4px 12px rgba(248, 114, 37, 0.17);

}

.pink1,
.pink1 p {
    color: #710B4B;
}

.sky_blue1,
.sky_blue p {
    color: #020A1D;
}

.yellow_green1,
.yellow_green p {
    color: #112207;
}

.baby_pink1,
.baby_pink p {
    color: #211002;
}

.read_more {
    margin-top: auto;
    padding: 0px 0px 42px 0px;
    font-weight: 400;
    font-size: 15.8px;
    line-height: 15px;
    border-radius: 12px;
}

.articles_img img {
    display: flex;
    justify-content: center;
}

.articles_img1 {
    margin-block: 20px;
}

.articles_demos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 35px;
}

.operations {
    display: flex;
    flex-direction: row;
}

.learn {
    width: 54px;
    height: 33px;
    background: #F5F6FA;
    border-radius: 23px;
    padding: 2px 0px 0px 14px;
}

.learn p,
.operation p {
    padding-top: 6px;
    font-weight: 500;
    font-size: 10.8px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #6B7589;
    margin-bottom: 0px;
}


.operation {
    width: 83px;
    height: 33px;
    background: #F5F6FA;
    border-radius: 23px;
    padding: 2px 0px 0px 14px;
    margin-left: 10px;
}

.operations .border {
    width: 40px;
    height: 1px;
    color: #9BA5B9;
    margin: 15px 0px 0px 14px;
}

.date {
    padding: 9px 0px 0px 10px;
}

.date p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19.2px;
    color: #6B7589;
    margin-bottom: 0px;
}

.demos {
    padding-right: 16px;
}

.demo_heading h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0px;
    color: #111827;
    margin-block: 20px;
}

.demo_heading1 h2 {
    font-weight: 600;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0.48px;
    color: #111827;
    margin-block: 20px;
}

.demo_para {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #6C6F72;
    font-family: 'Helvetica-lt';
}

.ins1 {
    width: 72.53px;
    height: 26.5px;
    border-radius: 21px;
    padding: 0px 0px 0px 11px;
}

.ins2 {
    width: 45.9px;
    height: 26.5px;
    border-radius: 20px;
    padding: 0px 0px 0px 10px;
}

.ins3 {
    font-weight: 500;
    padding: 6px 0px 0px 9px;
}

.ins4 {
    width: 32px;
}

.footer_inbox {
    width: 100%;
    min-height: 637px;
    background-image: url(../images/articles/img_5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.inbox {
    flex-direction: column;
    margin-block: 100px;
    width: 910px;
    height: 436px;
    border: 1px solid;
    border-image: linear-gradient(90deg, #FFFFFF, #CDCDCD);
    background: rgba(255, 255, 255, 0.52);
    box-shadow: 0px 0px 40px 11px rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(19.55px);
    border-radius: 25px;
}

.inbox_sub-heading h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.33em;
    text-transform: uppercase;
    color: #000000;
}

.inbox_heading h2 {
    font-weight: 500;
    font-size: 62px;
    line-height: 63px;
    letter-spacing: -1.12px;
    color: #111827;
}

.sign_up {
    margin-top: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.signup_btn {
    width: 150px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 8px;
    margin-left: 18px;
}

.signup_btn>a {
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    padding: 12px 45px 11px 45px;
    display: flex;
    text-align: center;
}

.email {
    width: 497px;
}

.email input::placeholder {
    color: #000000;
    letter-spacing: 6px;
    width: 310px;
}

.email input:focus {
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
}

.email input {
    padding: 15px 155px 5px 5px;
    min-width: 100%;
    font-weight: 100;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 1px;
    background: transparent;
    color: #000000;
    border: none;
    border-bottom: 1px solid #000;
}

.links {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

.links a {
    font-weight: 400;
    font-size: 24px;
    line-height: 19px;
    color: #111827;
    padding: 10px;
}

.icon {
    transition: filter 0.3s ease, transform 0.3s ease;
}

.icon:hover {
    transform: scale(1.1);
}

/* LinkedIn (Brand: #0077B5) */
.linkedin-icon:hover {
    filter: invert(33%) sepia(91%) saturate(720%) hue-rotate(174deg) brightness(91%) contrast(88%);
}

/* Instagram (Brand: Gradient – simulated magenta/purple) */
.instagram-icon:hover {
    filter: invert(42%) sepia(92%) saturate(1623%) hue-rotate(305deg) brightness(96%) contrast(105%);
}

/* Twitter (Brand: #1DA1F2) */
.twitter-icon:hover {
    filter: invert(62%) sepia(75%) saturate(748%) hue-rotate(176deg) brightness(0%) contrast(96%);
}

/* Facebook (Brand: #1877F2) */
.facebook-icon:hover {
    filter: invert(36%) sepia(79%) saturate(935%) hue-rotate(189deg) brightness(90%) contrast(92%);
}

/* YouTube (Brand: #FF0000) */
.youtube-icon:hover {
    filter: invert(14%) sepia(95%) saturate(7450%) hue-rotate(1deg) brightness(105%) contrast(110%);
}

/* TikTok (Brand: #69C9D0 / #EE1D52 – simulated cyan/magenta blend) */
.tiktok-icon:hover {
    filter: invert(52%) sepia(55%) saturate(2197%) hue-rotate(151deg) brightness(97%) contrast(102%);
}


.border2 {
    height: 16px;
    border: 1px solid #111827;
}

.footer_icon {
    padding-top: 70px;
    justify-self: start;
}

.logout svg {
    margin-right: 11px;
}

a:hover .logout {
    color: #f0273a !important;
}

.logout:hover svg path {
    stroke: #f0273a;
}

.footer_copy_right {
    display: flex;
    justify-content: end;
    padding-top: 28px;
}

.services_logos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Our_Services {
    display: flex;
    flex-direction: column;
    padding-top: 70px;
}

.Our_Services h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #008BFF;
}

.Our_Services li {
    list-style: none;
    text-decoration: none;
}

.Our_Services li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #606060;
    position: relative;
}

.abouts li a:hover,
.privacies li a:hover,
.Our_Services li a:hover {
    color: #008BFF;
}

.abouts li a:hover::before,
.privacies li a:hover::before,
.Our_Services li a:hover::before {
    width: 75%;
}

.abouts li a::before,
.privacies li a::before,
.Our_Services li a::before {
    content: "";
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    width: 0;
    height: 2px;
    background-color: #008BFF;
    transition: 0.4s all ease-out;
    border-radius: 10px;
}

.abouts,
.privacies {
    display: flex;
    flex-direction: column;
    padding-top: 93px;
}

.abouts li,
.privacies li {
    list-style: none;
    text-decoration: none;
}

.abouts li a,
.privacies li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #606060;
    position: relative;
}

.reserved {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding-top: 26px;
}

.reserved p span {
    color: #757575 !important;
}

.support {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #111827;
    padding: 28px 0;
}

.testimonial-container-vertical {
    box-shadow: rgba(0, 0, 0, 0.37) 0px 25px 20px -20px;
    width: 990px;
    height: 490px;
    margin: 110px auto;
    position: relative;
    border-radius: 10px;
}

.testimonial-container-vertical:before {
    z-index: -1;
    content: '';
    top: -50px;
    left: -46px;
    position: absolute;
    width: 430px;
    height: 590px;
    border: 19px solid #008BFF;
}

.mySwiperVertical {
    width: 100%;
    height: 100%;
}

.mySwiperVertical .swiper-slide-all {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-slide-content {
    display: flex;
    justify-content: space-between;
    width: 90%;
}

.testimonial-text {
    flex: 1;
    padding-right: 16%;
}

.testimonial-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: #6C6F72;
    text-align: left;
    margin-top: 30px;
}

.testimonial-text span {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #202020;
    font-family: 'El Messiri' !important;
}

.testimonial-img img {
    width: 319px !important;
    height: 319px !important;
    margin-right: 25px;
    object-fit: cover;
}

.testimonial-img {
    position: relative;
    display: inline-block;
}

.testimonial-img::after {
    width: 205px;
    height: 389px;
    content: "";
    position: absolute;
    right: -10px;
    top: -35px;
    border-top: 19px solid #008CFF;
    border-bottom: 19px solid #008CFF;
    border-right: 19px solid #008CFF;
}

.swiper-button-next-vertical,
.swiper-button-prev-vertical {
    width: 40px !important;
    height: 40px !important;
    border: 2px solid #008BFF;
    background-color: #FFFFFF;
    border-radius: 50%;
    top: auto !important;
    bottom: 50px;
}

.swiper-button-next-vertical {
    left: 80px !important;
    color: #202020;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #202020;
    font-size: 10px !important;
    font-weight: bolder;
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    color: #FFFFFF;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #FFFFFF;
    background-color: #008BFF;
}

.swiper-button-prev-vertical {
    left: 30px !important;
}

.swiper-pagination-vertical {
    display: block;
    padding-left: 100% !important;
}

.boxs {
    display: flex;
    flex-direction: row;
}

.boxs .border {
    margin-top: 70px;
    margin-left: 12px;
    width: 68px;
    height: 1px !important;
    background: #000000;
    border: 1px solid #000000 !important;
}

.box:before {
    z-index: -1;
    content: '';
    position: absolute;
    left: 45px;
    top: 240px;
    width: 34px;
    height: 34px;
    background: #008BFF;
}

.rachael h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
    color: #202020;
    margin-top: 43px;
    margin-bottom: 0px;
}

.rachael {
    margin-left: 12px;
}

.swiper-slide-all {
    background-color: #FFFFFF !important;
}

.banner-slider .swiper-slide video {
    width: 100%;
    height: 100vh;
    object-fit: fill;
}

/* Navigation Buttons */
.navigation-buttons {
    display: flex;
    gap: 10px;
}

/* Tabs */
.nav-tabs {
    border-bottom: none;
    justify-content: center;
}

.nav-link.active,
.nav-link:hover {
    font-weight: 600;
    border: none;
}

.tab-content {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
}

.scroll-tabs {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: grab;
    touch-action: none;
    user-select: none;
    width: 100%;
}

.scroll-tabs .nav {
    overflow-x: auto;
    overflow-y: hidden;
}

.arrow_btn {
    margin-top: -18px;
}

.arrows {
    margin: 0px;
}

.articles_img img {
    width: 100%;
}

.inspiration .articles_img1 img {
    width: 100%;
}

.white {
    color: #f0f4f5;
}


@media (min-width: 1470px) {
    .home_banner_content {
        left: 9%;
    }
}

@media (min-width: 1550px) {
    .home_banner_content {
        left: 10%;
    }
}

/* login & signup css */
.login-section-main {
    background-image:
        url(../images/login/login-circle-bg.png),
        url(../images/login/login-bg.png);
    background-position: left 0px bottom 79px, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: 989px 617px, cover;
    padding: 30px 0 36px;
    min-height: 100vh;
}


.signup-section-main {
    background-image: url(../images/login/login-circle-bg.png), url(../images/login/signup-bg.png);
    background-position: left 0px bottom 79px, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: 989px 617px, cover;
    padding: 30px 0 36px;
    min-height: 100vh;
}

.back_home-btn .btn {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-slider-text {
    width: 380px;
    height: 230px;
    cursor: pointer;
}

.login-slider-text h1 {
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 700;
    font-size: 39.06px;
    line-height: 47px;
    color: #FFFFFF;
}

.signup-slider-text h1 {
    color: #111827;
}

.signup-slider-text p {
    color: #111827 !important;
}

.login-slider-text p {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    letter-spacing: 1.5px;
}

.login-slider .swiper-slide {
    background-color: transparent;
}

.login-slider .swiper-pagination {
    bottom: 0;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.login-slider .swiper-pagination-bullet {
    width: 32px;
    height: 2px;
    background-color: #9E9E9E;
    opacity: 1;
    margin: 0 10px !important;
    border-radius: 0;
    transition: background-color 0.3s, width 0.3s;
}

.login-slider .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 48px;
    height: 6px;
}

.login-slider-content {
    margin-top: 220px;
}

.login-cprt-text p {
    margin-top: 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #757575;
}

.login-form-main {
    padding: 25px 37px 24px;
    background: #FAFAFA;
    box-shadow: 0px 4px 52.3px 15px rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    margin-top: 6px;

}

.login-form-text h4 {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 0;
}

.login-form-text h1 {
    font-family: 'Helvetica' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 30px;
}

.login-form label.form-label {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 12.8px;
    line-height: 23px;
    text-align: center;
    color: #6C6F72;
    background-color: #FAFAFA;
    padding: 0 8px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 20px;
    transform: translateY(-50%);
    z-index: 1;
}

.login-form input.form-control {
    background: #FAFAFA;
    border: 1px solid #6B6B6B;
    border-radius: 8px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #424242;
    padding: 14px 19px;
    width: 100%;
    margin-bottom: 29px;
}

.login-form input.form-control:focus {
    background: #FAFAFA;
    border: 1px solid #6B6B6B;
    box-shadow: 0px 0px 0px 0px #6B6B6B;
    outline: none;
}

.login-form input.form-control::placeholder {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #6B6B6B;
}

.pass-main {
    position: relative;
}

.custom-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ccc;
    border-radius: 4px;
}

.custom-checkbox input:checked~.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Optional: slightly darker background when checked */
.custom-checkbox input:checked~.checkmark {
    background-color: #C1C1C1;
}

.login-form .form-check-label {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    cursor: pointer;
}

#togglePassword {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
    padding: 0;
    color: #BEBEBE;
}

.rmmbr_main a {
    font-family: 'Helvetica' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #000000;
}

.login-form button[type="submit"] {
    background: #111827;
    border-radius: 8px;
    font-family: 'Helvetica' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    padding: 14px 0;
    width: 100%;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 0;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
}

.divider span {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 23px;
    color: #000000;
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
    border-bottom: 2px solid #e0e0e0;
    margin: 0 3px;
}

.other-login-btn .btn-social {
    background: #FAFAFA;
    border-radius: 8px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #6B6B6B;
    padding: 12px;
    width: 100%;
    letter-spacing: 1px;
    margin-top: 10px;
    background: #FAFAFA;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.other-login-btn img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.signup-redirect {
    margin-top: 70px;
}

.signup-redirect p {
    text-align: center;
    font-size: 13px;
}

.signup-redirect p a {
    color: #008BFF;
}

/* answers-page css */
body.bg-img-body {
    background-image: url('../images/answer/Ellipse\ 4.png');
    background-repeat: no-repeat;
    background-position: left bottom -300px;
}

section.answer-banner {
    padding-top: 30px;
}

.answer-banner-content h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 0;
}

.answer-banner-content h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 26px;
}

.answer-banner-content h1 span {
    color: #008BFF;
}

.answer-banner-content h5 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #000;
    margin-bottom: 22px;
}

.answer-banner-content p {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #6B6B6B;
}

section.value-proposition {
    padding: 152px 0 137px;
    background-image: url(../images/answer/value-prop-bg.png);
    background-repeat: no-repeat;
    background-position: top 98px center;
}

.value-proposition-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
}

.value-proposition-content h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    letter-spacing: 0;
    color: #000;
}

.value-proposition-content h1 span {
    color: #008BFF;
}

.diamond-grid-box {
    background: #FFFFFF;
    border: 1px solid rgba(118, 118, 118, 0.4);
    border-radius: 21px;
    margin-top: 38px;
    padding: 37px 0;
}

.d-grid-item {
    text-align: center;
    padding: 17px;
    min-height: 153px;
}


.diamond-grid-box .row .col-md-6:first-child .d-grid-item {
    border-right: 1px solid #76767640;
    border-bottom: 1px solid #76767640;
    padding-top: 0;
}

.diamond-grid-box .row .col-md-6:nth-child(2) .d-grid-item {
    border-right: 1px solid #76767640;
    border-bottom: 1px solid #76767640;
    padding-top: 0;
}

.diamond-grid-box .row .col-md-6:nth-child(3) .d-grid-item,
.diamond-grid-box .row .col-md-6:nth-child(4) .d-grid-item {
    border-right: 1px solid #76767640;
    padding-top: 30px;
    padding-bottom: 0;
}

.diamond-grid-box .row .col-md-6:last-child .d-grid-item {
    border-right: 1px solid #76767640;
    padding-top: 30px;
    padding-bottom: 0;
}

.d-grid-item p {
    font-family: 'Helvetica-lt' !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 0;
}

.d-grid-item p strong {
    font-weight: 600;
}

.diamond-img {
    margin-bottom: 28px;
}

section.use-case-section {
    background-image: url(../images/answer/use-case-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 180px;
}

.use-case-box {
    display: flex;
}

.blue-box-div {
    width: 14px;
    height: 13px;
    background: #54A9EC;
    border-radius: 1px;
    margin-right: 11px;
    margin-top: 6px;
}

.use-case-content {
    margin-bottom: 60px;
}

.use-case-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
}

.use-case-content h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    letter-spacing: 0;
    color: #fff;
}

.use-case-content h1 span {
    color: #008BFF;
}

.use-case-text h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0%;
    color: #fff;
}

.use-case-text p {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 16px;
    color: #A8A8A8;
    line-height: 19px;
}

.pricing-plans-content {
    margin-bottom: 60px;
}

.pricing-plans-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
}

.pricing-plans-content h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    letter-spacing: 0;
    color: #000;
}

.pricing-plans-content span {
    color: #008BFF;
}

section.pricing-plans-sect {
    padding: 123px 0 116px;
}

.pricing-section {
    margin-top: 50px;
}

.pricing-card {
    border: 1px solid #76767666;
    border-radius: 15px;
    padding: 50px 23px 40px;
    background-color: #fff;
    position: relative;
    text-align: left;
    transition: 0.3s ease-in-out;
    min-height: 895px;
    cursor: pointer;
    background-image: url(../images/answer/plans-bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pricing-card-scnd {
    background-position: top right;
}

.pricing-card:hover {
    box-shadow: 0px 0px 58.4px 0px #008BFF5E;
}

.pricing-card:hover .plan-btn {
    background-color: #008BFF;
    color: #FBFDFF;
    border: 1px solid #008BFF;
}

.pricing-card.active {
    box-shadow: 0px 0px 58.4px 0px #008BFF5E;
}

.most-popular {
    text-transform: uppercase;
    position: absolute;
    top: -39px;
    right: 50%;
    background-color: #008BFF;
    padding: 3px 10px;
    border-radius: 8px;
    transform: translate(50%, 50%);
    color: #fff;
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 6px;
    text-align: center;
    width: 65%;
    padding: 11px;
}

.plan-title,
.plan-price {
    font-weight: 700;
    font-size: 62px;
    line-height: 62px;
    letter-spacing: 0;
    color: #008BFF;
    margin-bottom: 0;
}

.plan-subtitle {
    font-weight: 500;
    font-size: 16px;
    color: #7C7C7C;
    margin-top: -5px;
    margin-bottom: 34px;
}

.plan-feature {
    font-family: 'helvetica' !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #2E2E2E;
}

.plan-ext-subtitle {
    font-family: 'helvetica' !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #707070;
    margin-bottom: 34px;
}

.plan-description {
    display: flex;
    flex-direction: row;
}

.plan-description p {
    font-family: 'helvetica' !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #2E2E2E;
    margin-bottom: 20px;
}

.plan-description img {
    margin-right: 11px;
    margin-bottom: 37px;

}

.plan_card_line hr {
    border: none;
    height: 2px;
    background-color: #C7C8C8;
}

.what-you-get {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #54A9EC;
    margin: 21px 0;
}

.feature-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.feature-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 28px;
    color: #7C7C7C;
    font-family: 'helvetica-lt' !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
}

.feature-list li span {
    font-weight: 600;
    color: #54A9EC;
}

.feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background-image: url('../images/answer/pricing-list.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.plan-btn {
    background: #fff;
    border: 1px solid #C7C8C8;
    padding: 14px 20px;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #7C7C7C;
}

.plan-btn:hover {
    background-color: #008BFF;
    color: #FBFDFF;
    border: 1px solid #008BFF;
}

.learnmore_bnr_main {
    background-image: url(../images/answer/lrn-more.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 52px 59px 35px;
    border-radius: 21px;
    margin-bottom: 126px;
}

.learnmore_bnr_main h1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    color: #FFFFFF;
}

.learnmore_bnr_main p {
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 21px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.learnmore_btn {
    padding: 14px 27px;
    background: #008BFF;
    border-radius: 8px;
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    letter-spacing: 0.5px;
}

hr.hr-line {
    border: none;
    height: 1px;
    background-color: #2E2E2E;
    opacity: 1;
    margin-bottom: 50px;
}

.discount-card-content {
    margin-bottom: 78px;
}

section.discount-card-sect {
    margin-bottom: 123px;
}

.discount-card-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
}

.discount-card-content h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    letter-spacing: 0;
    color: #000;
}

section.discount-card-sect .col-md-3 {
    margin-top: 0;
}

.disc-card {
    min-height: 351px;
    border-radius: 21px;
    background-color: #F5FBFF;
    padding: 34px 0 0;
    border: none;
    cursor: pointer;
    margin-bottom: 11px;
    transition: 0.3s ease-in-out;
}

.disc-card:hover {
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.disc-card-body {
    padding: 15px 22px 31px;
}

.disc-card-title {
    font-family: 'El Messiri';
    background-color: #008BFF;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 41px;
    letter-spacing: -1.12px;
    text-align: center;
    padding: 4px;
}

.disc-card-body .discount {
    font-family: 'El Messiri';
    font-weight: 500;
    font-size: 40px;
    line-height: 56px;
    letter-spacing: -1.12px;
    text-align: center;
    color: #008BFF;
}

.disc-card-body .price {
    font-family: 'El Messiri';
    font-weight: 500;
    font-size: 36px;
    line-height: 56px;
    letter-spacing: -1.12px;
    text-align: center;
    color: #2E2E2E;
}

.disc-card-body .old-price {
    font-family: 'El Messiri';
    font-weight: 500;
    font-size: 22px;
    line-height: 41px;
    letter-spacing: -1.12px;
    text-align: center;
    text-decoration: line-through;
    color: #A7A7A7;
}

hr.d-card-line {
    border: none;
    height: 1px;
    background-color: #C7C8C8;
    opacity: 1;
    margin: 20px auto;
    width: 90%;
}

.disc-card-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #7C7C7C;
    margin-bottom: 0;
}

.disc-card-text strong {
    font-weight: 500;
    color: #54A9EC;
}

.disc-card .minute-text {
    font-family: 'El Messiri';
    font-weight: 500;
    font-size: 40px;
    line-height: 43px;
    letter-spacing: -1.12px;
    text-align: center;
    color: #008BFF;
    margin-top: 56px;
}

#pricingTabs.nav-tabs {
    justify-content: space-between;
}

#pricingTabs .nav-link {
    min-width: 121px !important;
    font-family: 'helvetica' !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 13px !important;
    color: #575757 !important;
    text-align: center !important;
    border: 1px solid #D5D6D6 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    padding: 12px !important;
    margin: 0 0 5px !important;
}

#pricingTabs .nav-link.active {
    color: #fff !important;
    border: 1px solid #008BFF !important;
}

#pricingTabContent.tab-content {
    margin-top: 12px;
}

.tab-pricing-card {
    min-height: 831px;
    max-height: 831px;
}

/* pricing page css */
body.bg-pricing-body {
    background-image: url('../images/answer/Ellipse\ 4.png'), url(../images/answer/pricing-bg.png);
    background-size: 100%, 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom -300px, top center;
}

section.pricing-main-sect {
    margin: 103px 0 92px;
}

.pricing-sect-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
}

.pricing-sect-content h1 {
    font-weight: 700;
    font-size: 62px;
    line-height: 85px;
    letter-spacing: 0;
    color: #000;
}

#prc-tabs {
    margin-bottom: 113px;
}

.prc-tab-main-hdng {
    margin-bottom: 109px;
}

#prc-tabs-content {
    margin-bottom: 116px;
}

.prc-tab-main-hdng h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    color: #000;
}

.prc-tab-main-hdng h1 span {
    color: #008BFF;
}

.profile-container {
    position: relative;
    display: flex;
    justify-content: end;
}

.profile-button {
    background-color: rgb(0, 139, 255);
    color: white;
    border-radius: 50%;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    font-family: Helvetica !important;
}

.profile-container .dropdown-menu {
    position: absolute;
    top: 45px;
    right: 0px;
    border: none;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 15.5px 0px;
    padding: 0px;
    display: none;
    max-width: 259px;
    min-height: 358px;
    z-index: 10;
}

.profile-info {
    display: flex;
    align-items: center;
    padding: 23px 23px 20px 23px;
}

.profile-initial {
    width: 38px;
    height: 38px;
    background-color: rgb(0, 139, 255);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: Helvetica !important;
}

.profile-details {
    margin-left: 12px;
    width: 80%;
}

.profile-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #008BFF;
    font-family: Helvetica !important;
    letter-spacing: 0.5px;
}

.profile-email {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #6B6B6B;
    font-family: Helvetica !important;
    letter-spacing: 0.5px;
    word-break: break-all;
}

.get-plan-btn-main {
    padding: 0 17px;
}

.get-plan-btn {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
    background-color: rgb(0, 139, 255);
    border: none;
    padding: 10px 17px;
    border-radius: 8px;
    cursor: pointer;
    font-family: Helvetica !important;
    width: 100%;
}

.get-plan-btn:hover {
    background-color: rgb(0, 126, 230);
}

.my_quries {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding-inline: 22px;
    padding-top: 18px;
    margin-top: 27px;
}

.profile-container .dropdown-menu .my_quries a {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: rgb(64, 64, 64);
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    font-family: Helvetica !important;
    letter-spacing: 0.5px;
}

.profile-container .dropdown-menu a i {
    margin-right: 12px;
    font-size: 16px;
    color: #444;
}

.profile-container .dropdown-menu a:hover {
    font-weight: 500;
    color: rgb(0, 139, 255);
}

.profile-container .dropdown-menu a:hover i {
    color: rgb(0, 139, 255);
}

.profile-container .dropdown-menu .logout {
    cursor: pointer;
    padding: 21px 17px 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #404040;
    letter-spacing: 0.5px;
}

.profile-container .dropdown-menu .logout img {
    margin-right: 11px;
}

/* dashboard pages css */
body.dash-body {
    background-image:
        url(../images/answer/pricing-bg.png),
        url(../images/Ellipse\ 5.png);
    background-position: top -180px center, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
}

.dash-main-hdng {
    margin-top: 157px;
    margin-bottom: 92px;
}

.dash-main-content h6 {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 15.96px;
    text-transform: uppercase;
    color: #008BFF;
    margin-left: 18px;
}

.dash-main-content h1 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0;
    color: #000;
}

.my-query-table-section {
    margin-bottom: 205px;
}

.tbl-btn-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.tbl-btn-main h2 {
    font-family: 'Helvetica' !important;
    font-weight: 600;
    font-size: 28px;
    line-height: 49px;
}

.tbl-btn-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.tbl-btn-main h2 {
    font-family: 'Helvetica' !important;
    font-weight: 600;
    font-size: 28px;
    line-height: 49px;
}

.add-query-btn {
    background: #008BFF;
    border-radius: 8px;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 15px 40px;
    border: none;
}

.custom-table {
    border-collapse: separate;
    border-spacing: 0 5px;
}

.custom-table tr {
    background: linear-gradient(90deg, #008BFF 0%, #005399 100%);
}

.custom-table thead th {
    background-color: transparent;
    color: white;
    border: none;
    vertical-align: middle;
    padding: 16px 25px 15px;
    text-align: left;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
}

.custom-table thead th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-table thead th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.custom-table tbody tr {
    border-radius: 8px;
    overflow: hidden;
}

.custom-table tbody tr:nth-of-type(odd) {
    background: #ffffff;
}

.custom-table tbody tr:nth-of-type(even) {
    background: #F2F2F2;
}

.custom-table tbody tr td {
    vertical-align: middle;
    border: none;
    padding: 18px 25px;
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 15px;
    color: #404040;
    background-color: transparent;
    text-align: left;
}

.custom-table tbody tr td:has(.fa-solid) {
    font-family: 'Helvetica-lt' !important;
    font-weight: 300;
    font-size: 15px;
}

.badge-unpaid {
    background-color: #DC3545;
    color: #fff;
    border-radius: 2px;
    padding: 3px 5px;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.pay-text {
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 15px;
    color: #008BFF;
}

.badge-paid {
    background-color: #35DCA7;
    color: #fff;
    border-radius: 2px;
    padding: 3px 5px;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.btn-answer {
    background-color: #FEC13F;
    border: 1px solid #FEC13F;
    color: #404040;
    font-family: 'Helvetica' !important;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 11px 8px;
    letter-spacing: 0.5px;
}

.btn-answer img {
    height: 13px;
    margin-right: 6px;
}

.btn-meeting {
    background-color: #25A2B7;
    border: 1px solid #25A2B7;
    color: #fff;
    font-family: 'Helvetica' !important;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 11px 8px;
    letter-spacing: 0.5px;
}

.btn-meeting img {
    height: 17px;
    margin-right: 6px;
}

.action-links a {
    margin: 0 5px;
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 15px;
}

.action-links .view-text {
    color: #008BFF;
}

.action-links .edit-text {
    color: #404040;
}

.action-links .delete-text {
    color: #CA2E4D;
}

.custom-table tbody tr td .fa-phone,
.custom-table tbody tr td .fa-phone-slash {
    margin-right: 2px;
    font-size: 20px;
}

.custom-table tbody tr td .fa-phone {
    color: #35DCA7;
}

.custom-table tbody tr td .fa-phone-slash {
    color: #DC3545;
}

.custom-table tbody tr td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-table tbody tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.custom-table tbody tr td:has(.btn-answer) {
    padding: 0px 25px;
}

/* add query page css */
.add-query-sect {
    margin-bottom: 130px;
    margin-top: 130px;
}

.add-query-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-query-content h4 {
    font-family: 'Helvetica' !important;
    font-weight: 600;
    font-size: 28px;
    line-height: 49px;
}

.btn-question-list {
    background-color: #008BFF;
    border: 1px solid #54A9EC;
    padding: 10px 43px;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
}

.add-query-info-box {
    background-color: #E8F4FF;
    padding: 20px 27px 18px;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    margin: 20px 0;
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #000000;
}

.add-query-form button[type="submit"] {
    background-color: #008BFF;
    border: 1px solid #54A9EC;
    padding: 10px 43px;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-align: center;
    min-width: 234px;
}

.add-query-form button[type="submit"]:hover {
    background-color: #0056b3;
}

.add-query-form .footer-text {
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #404040;
    margin-top: 36px;
    margin-bottom: 47px;
}

.add-query-form label.form-label {
    font-family: 'Helvetica' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12.8px;
    line-height: 23px;
    text-align: center;
    color: #6C6F72;
    background-color: #fff;
    padding: 0 11px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 11px;
    transform: translateY(-50%);
    z-index: 1;
}

.add-query-form select.form-select {
    background-image: url('../images/chevron-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 11px !important;
    cursor: pointer !important;
}

.add-query-form select.form-select,
.add-query-form textarea.form-control {
    background: #fff;
    border: 1px solid #6B6B6B;
    border-radius: 8px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #424242;
    padding: 14px 19px;
    width: 100%;
    margin-bottom: 28px;
    resize: none;
}

.add-query-form select.form-select:focus,
.add-query-form textarea.form-control:focus {
    background: #fff;
    border: 1px solid #6B6B6B;
    box-shadow: 0px 0px 0px 0px #6B6B6B;
    outline: none;
}

.add-query-form select.form-select::placeholder,
.add-query-form textarea.form-control::placeholder {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #6B6B6B;
}


.add-query-form input.form-control {
    background: #fff;
    border: 1px solid #6B6B6B;
    border-radius: 8px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #424242;
    padding: 14px 19px;
    width: 100%;
    margin-bottom: 28px;
}

.add-query-form input.form-control:focus {
    background: #fff;
    border: 1px solid #6B6B6B;
    box-shadow: 0px 0px 0px 0px #6B6B6B;
    outline: none;
}

.add-query-form input.form-control::placeholder {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #6B6B6B;
}

form.add-assessment-form {
    margin-top: 47px;
}

.add-assessment-form input.form-control {
    margin-bottom: 13px;
}

.sl-gndr-text {
    font-family: 'Helvetica' !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 49px;
    letter-spacing: 0.5px;
}

.sel-gen-main {
    margin-bottom: 30px;
}

.sel-gen-main .form-check {
    padding-left: 0;
}

.sel-gen-main .form-check-label {
    font-weight: normal;
    display: flex;
    align-items: center;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    color: #8A8A8A;
}

.sel-gen-main .form-check-input {
    display: none;
    /* Hide the radio buttons */
}

.sel-gen-main .form-check-label i {
    margin-right: 5px;
    font-size: 26px;
}

.sel-gen-main .form-check-input:checked+.form-check-label {
    color: #008BFF;
    font-weight: bold;
}

.green-info-box {
    padding: 16px 20px;
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 13px;
    min-height: 111px;
    letter-spacing: 0.5px;
    color: #404040;
    background-color: #E8FFEF;
    border-radius: 8px;
}

.upload-btn,
.plus-btn {
    background: #008BFF;
    padding: 12px;
    border-radius: 8px;
    font-family: 'Helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    border: none;
    min-height: 47px;
}

.upload-btn {
    position: absolute;
    right: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.res-details-form input.form-control {
    min-width: 100%;
    color: #000;
    font-family: 'helvetica' !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
}

.res-details-form input.form-control::placeholder {
    color: #000;
    font-family: 'helvetica' !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
}

/* Style by Faheem Start */
.menu_predictions:hover section.predictions-section,
.predictions-section:hover {
    display: block !important;
}

.predictions-section {
    position: absolute;
    top: 75px;
    left: 1%;
    width: 98%;
    box-shadow: -10px -5px 45.4px 0px #00000017;
    background: url(../images/home-img/menu-gradient.png) no-repeat center;
    background-color: #fff;
    border-radius: 20px;
    padding: 56px 35px 75px 28px;
    display: none;
    z-index: 99;
}

.predictions-section .l-border {
    height: 100%;
    width: 1px;
    background: #170109 !important;
    margin: auto;
}

.predictions-section h3 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 500;
    font-size: 32px;
    line-height: normal;
    color: #000000;
    text-align: left;
}

.predictions-section .card {
    padding: 14px 15px;
    text-align: left;
    border-radius: 20px;
    margin-top: 34px;
    border: none;
    background: none;
    cursor: pointer;
}

.predictions-section .card:hover {
    background-color: #FFFFFF;
}

.predictions-section .card h5 {
    font-family: 'Helvetica-lt';
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    margin-bottom: 5px;
}

.predictions-section .card p {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    margin: 0;
}

.predictions-section .menu-query {
    text-align: left;
}

.predictions-section .menu-query h3 {
    margin-bottom: 52px;
}

.predictions-section .menu-query h4 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
}

.predictions-section .menu-query small {
    color: #6C7376;
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

/* MENU START*/
.personal_section {
    box-shadow: -10px -5px 45.4px 0px #00000017;
    background: #fff;
    color: #000;
    border-radius: 20px;
    width: 95%;
    margin: auto;
    position: absolute;
    left: 3%;
    z-index: 99;
    display: none;
    padding-left: 10px;
}

.personal_section .service h3 {
    color: #26333D;
    font-weight: 500;
    font-size: 32px;
    margin-left: 20px;
}

.personal_section .service .service_body:hover {
    background: #F5FBFF;
    border-radius: 20px;
    cursor: pointer;
}

.personal_section .service .service_body {
    padding: 18px 23px 14px 22px;
}

.personal_section .service .service_body .service_icon {
    margin-right: 10px;
}

.personal_section .service .service_body h4 {
    color: #26333D;
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 500;
}

.personal_section .service .service_body p {
    color: #6C7376;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
}

.personal_section .card {
    background: #54A9EB33;
    position: relative;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
}

.personal_section .card::before {
    content: "";
    position: absolute;
    right: 0;
    background-image: url(../img/service_bg.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: top right;
}

.personal_section .card h3 {
    font-size: 32px;
    line-height: 38.4px;
    font-weight: 500;
    margin: 58px 0 52px 30px;
}

.personal_section .card .card_content {
    margin-left: 30px;
    margin-bottom: 74px;
}

.personal_section .card .card_content h4 {
    font-size: 18px;
    line-height: 43px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
}

.personal_section .card .card_content p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #6C7376;
    margin-bottom: 0;
}

/* MENU END */

.bg_predicitive_power {
    background-image: url(../images//predictive-power/background-blob-service-1.png.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

body.about_bg {
    background-image: url(../images/predictive-power/background-blob-service-1.png.png), url(../images/about/approach.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top, center bottom 30%;
    background-size: 100%, 90%;
}


.predicitive_power_head .predicitive_power_content {
    padding: 82px 0 168px 0;
}

.predicitive_power_head .predicitive_power_content .predicitive_power_title {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 13px;
    text-transform: uppercase;
    color: #2E2E2E;
    margin-bottom: 2px;
}

.predicitive_power_head .predicitive_power_content .predicitive_power_desc {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    margin-bottom: 12px;
    text-align: center;
}

.predicitive_power_head .predicitive_power_content .predicitive_power_span {
    font-family: "Inter";
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    width: 50%;
    text-align: center;
}

.predicitive_power_sections {
    padding-bottom: 144px;
}

.predicitive_power_sections .button {
    background-color: #008BFF;
    border-radius: 8px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    padding: 10px 26px;
    margin-left: 24px;
}

.predicitive_power_sections .identify-box-container .box-content .box-point,
.predicitive_power_sections .reputation-box-container .box-content .box-point,
.predicitive_power_sections .brightside-box-container .box-content .box-point,
.predicitive_power_sections .darkside-box-container .box-content .box-point,
.predicitive_power_sections .inside-box-container .box-content .box-point,
.predicitive_power_sections .cognitive-box-container .box-content .box-point {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 11px;
}

.predicitive_power_sections .identify-box-container .box-content .box-point {
    background: #FFDF96;
}

.predicitive_power_sections .identify-box-container .box-content h3,
.predicitive_power_sections .reputation-box-container .box-content h3,
.predicitive_power_sections .brightside-box-container .box-content h3,
.predicitive_power_sections .darkside-box-container .box-content h3,
.predicitive_power_sections .inside-box-container .box-content h3,
.predicitive_power_sections .cognitive-box-container .box-content h3 {
    margin: 0;
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
}

.predicitive_power_sections .identify-box-container .box-content p,
.predicitive_power_sections .reputation-box-container .box-content p,
.predicitive_power_sections .brightside-box-container .box-content p,
.predicitive_power_sections .darkside-box-container .box-content p,
.predicitive_power_sections .inside-box-container .box-content p,
.predicitive_power_sections .cognitive-box-container .box-content p {
    font-family: Inter;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0%;
    text-align: justify;
    margin-left: 24px;
    margin-bottom: 24px;
}

.predicitive_power_sections .reputation-box-container,
.predicitive_power_sections .darkside-box-container,
.predicitive_power_sections .inside-box-container,
.predicitive_power_sections .cognitive-box-container {
    padding: 49px 0;
}

.predicitive_power_sections .reputation-box-container .box-content .box-point {
    background-color: #D8F2F1;
}

.predicitive_power_sections .brightside-box-container .box-content .box-point {
    background-color: #FFCF00;
}

.predicitive_power_sections .darkside-box-container .box-content .box-point {
    background-color: #2555DA;
}

.predicitive_power_sections .inside-box-container .box-content .box-point {
    background-color: #D8F2F1;
}

.predicitive_power_sections .cognitive-box-container .box-content .box-point {
    background-color: #FFEBBE;
}

.predicitive_footer_stamp {
    padding-bottom: 99px;
}

.predicitive_footer_stamp p {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 84px;
    line-height: normal;
    letter-spacing: 0%;
    color: #BFBFBF;
    text-align: center;
}

@media (max-width:1024px) {
    .predicitive_footer_stamp p {
        font-size: 54px;
    }
}

.predicitive_divider {
    width: 100%;
    border-bottom: 1px solid #2E2E2E;
    height: 1px;
    margin: auto;
}



/* BLOG STARTING  */
.blog-timeline {
    margin-top: 99px;
}

.blog-timeline a {
    font-family: 'Helvetica-lt';
    font-weight: 500;
    font-size: 10.8px;
    line-height: 16.5px;
    letter-spacing: 0px;
    color: #6B7589;
    padding: 8px 12px;
    width: fit-content;
    display: inline;
    background-color: #F5F6FA;
    border-radius: 23px;
}

.blog-timeline .timeline-bar {
    background-color: #9BA5B9;
    width: 40px;
    height: 1px;
    display: inline-block;
    margin: auto 0;
}

.blog-timeline small {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 12px;
    line-height: 19.2px;
    letter-spacing: 0px;
    color: #6B7589;
}

.blog-content .blog-title h3 {
    font-family: "El Messiri";
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: -1px;
    color: #333333;
    margin: 41px 0;
}

.blog-content .blog-para {
    padding-top: 73px;
}

.blog-content .blog-para-end {
    padding: 40px 0;
}

.blog-content p {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #666666;
}

.blog-content .blog-quote {
    width: 90%;
    margin: 0 auto;
}

.blog-content .blog-quote .quote {
    background-color: #008BFF;
    width: 10px;
    height: 104px;
    display: inline-block;
    margin-right: 19px;
}

.blog-content .blog-quote blockquote {
    font-family: "Raleway";
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0%;
    margin-bottom: 0;
}

.blog-content .blog-quote article {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #333333;
    margin: 19px 0 0 19px;
}

.blog-popular-post {
    padding: 91px 0;
}

@media (max-width:1024px) {
    .blog-popular-post {
        padding: 61px 0;
    }
}

@media (max-width: 768px) {
    .blog-popular-post {
        padding: 41px 0;
    }
}

.blog-popular-post .blog-popular-container {
    margin-bottom: 59px;
}

.blog-popular-post .title,
.featured-articles .title {
    font-family: 'El Messiri';
    font-weight: 500;
    font-size: 42px;
    line-height: 56px;
    letter-spacing: -1.12px;
    color: #000000;
    margin: 0;
}

.blog-popular-post .button,
.featured-articles .button {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    background-color: #008BFF;
    color: #fff;
    border-radius: 8px;
    display: flex;
    width: 125px;
    height: 40px;
    align-items: center;
    justify-content: center;
}

.subscribe-inbox {
    background: url(../images/subscribe_layout.png) no-repeat top left,
        url(../images/subscribe_layout.png) no-repeat bottom right;
    background-size: 100% 100%, 100% 100%;
    padding: 123px 0 132px 0;
    background-color: #008BFF;
    margin-bottom: 45px;
}

.subscribe-inbox h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 52px;
    line-height: 48px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 68px;
}

.subscribe-inbox .content input[type=email] {
    border-radius: 8px;
    background-color: #fff;
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0px;
    width: 320px;
    height: 56px;
    padding: 23px 20px;
    border: none;
}

.subscribe-inbox .content input[type=submit] {
    font-family: 'Helvetica-lt';
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    width: 166px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.subscribe-inbox .content input[type=submit]:hover {
    color: #008BFF;
    background-color: white;
    border: 1px solid #008BFF;
    transition: all ease .5s;
}

.subscribe-inbox p {
    padding-top: 52px;
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.blog-post {
    padding-bottom: 236px;
}

.blog-post .post-container {
    position: absolute;
    right: 0;
    width: 70%;
    background-color: #fff;
    padding: 32px 44px;
    top: 60%;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    box-shadow: 0px 4px 22px 0px #00000012;
}

@media(max-width:992px) {
    .blog-post .post-container {
        position: relative;
        width: 100%;
        border-top-right-radius: 16px;
        margin: 18px 0;
        padding: 20px;
    }

    .blog-post {
        padding-bottom: 0px;
    }

    .recent-post {
        margin-top: 40px;
        padding-bottom: 20px;
    }
}

.blog-post .post-container h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: -1px;
    margin: 22px 0 7px 0;
    color: #333333;
}

.blog-post .post-container p {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #666666;
    margin-bottom: 45px;
}

.blog-post .post-container .button {
    border: 1px solid #008BFF;
    border-radius: 8px;
    width: 125px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: #008BFF;
}

.blog-post .post-container .button:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: #008BFF;
    transition: all ease .5s;

}

.recent-post {
    padding-bottom: 79px;
}

/* ABOUT us */

.about-head {
    padding-top: 84px;
    padding-bottom: 175px;
}

.about-head h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
}

.about-head p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    text-align: center;
}

.about-vision h5 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

.about-vision h3 {
    font-family: 'El Messiri' !important;
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    color: #000000;
}

.about-vision .vision-qoute {
    font-family: 'Helvetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #2E2E2E;
    padding-top: 34px;

}

.about-vision .vision-qoute blockquote p {
    padding-top: 32px;
}

.about-card {
    padding-top: 152px;
}

.about-card .card-container {
    box-shadow: 0px 5px 16px 0px #080F340F;
    background-color: #0F0F0F;
    border-radius: 18px;
}

.about-card .card-container img {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.about-card .card-container .card-content {
    padding: 88px 44px 88px 48px;
}

.about-card .card-container .card-content h3 {
    font-family: 'El Messiri';
    font-size: 62px;
    font-weight: 700;
    line-height: 62px;
    color: #fff;
}

.about-card .card-container .card-content h3 span {
    font-size: 40px;
    line-height: 40px;
}

.about-card .card-container .card-content p {
    font-family: 'Helvetica' !important;
    font-weight: 400;
    font-size: 18px;
    text-align: justify;
    color: #FFFFFF;
    margin-top: 30px;
}

.about-approach {
    padding-bottom: 12px;
    padding-top: 91px;
}

.approach-mid {
    padding: 92px 0;
}

.about-approach .approach-head h5 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 13px;
    text-transform: uppercase;
    color: #008BFF;
    text-align: center;
    padding-top: 36px;
}

.about-approach .approach-head h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 62px;
    color: #2E2E2E;
    text-align: center;
}

.about-approach .approach-container {
    padding: 97px 54px 138px 58px;
    height: 449px;
}

.about-approach .approach-container .approach-content .counter {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 62px;
    color: #2E2E2E;
}

.about-approach .approach-container .approach-content h4 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 20px;
    line-height: 62px;
    color: #2E2E2E;
}

.about-approach .approach-container .approach-content p {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #2E2E2E;
}

.about-team {
    padding: 0 0 89px 0;
}

.about-team h5 {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 13px;
    text-transform: uppercase;
    color: #008BFF;
    text-align: center;
}

.about-team h3 {
    color: #19191B;
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 48px;
    line-height: 72px;
    text-align: center;
}

.about-team .team {
    padding-top: 76px;

}

.icons {
    display: flex;
    gap: 16px;
}

.about-team .team .team-container {
    border: 1px solid #EAEBEC;
    background-color: #FFFFFF;
    border-radius: 12px;
}

.about-team .team .team-container .content .info h4 {
    color: #19191B;
    font-family: 'Inter' !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.about-team .team .team-container .content .info small {
    color: #6236F5;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0%;
    vertical-align: middle;
}

.about-team .team .team-container .content p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #787A82;
    margin-bottom: 16px;
}

.about-team .team .team-container .content .icons a i {
    color: #ACAEB4;
}

/* ABOUT END */
/* Contact PAGE START */
.bg-contact {
    background-image: url(../images/contact/contact-bg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top -200px right;
    background-size: 100%, auto;
}

.contact-head {
    padding: 84px 0 175px 0;
}

.contact-head h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: center;
    color: #2E2E2E;
}

.contact-head p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    color: #2E2E2E;
    width: 50%;
}

.contact-section .form-head {
    padding-bottom: 117px;
}

.contact-section .form-head h5 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 13px;
    text-transform: uppercase;
    text-align: center;
}

.contact-section .form-head h3 {
    font-family: 'El Messiri' !important;
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
}

.contact-section label.form-label {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 12.8px;
    line-height: 23px;
    text-align: center;
    color: #6C6F72;
    background-color: #FFF;
    padding: 0 8px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 20px;
    transform: translateY(-50%);
    z-index: 1;
}

.contact-section label.form-label span {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 12.8px;
    line-height: 22.53px;
    letter-spacing: 0px;
    color: red;
}

.contact-section input.form-control,
.contact-section select.form-control {
    background: #FFF;
    border: 1px solid #6B6B6B !important;
    border-radius: 8px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #424242;
    padding: 14px 19px !important;
    width: 100% !important;
    margin-bottom: 29px;
}

.contact-section input.form-control:focus {
    background: #FFF;
    border: 1px solid #6B6B6B;
    box-shadow: 0px 0px 0px 0px #6B6B6B;
    outline: none;
}

.contact-section input.form-control::placeholder,
.contact-section textarea.form-control::placeholder {
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #6B6B6B;
}

.select2-container--default .select2-selection--single {
    height: 48px !important;
    padding: 14px 19px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 8px;
    background-color: #FFF;
    border: 1px solid #6B6B6B !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
    padding-left: 0 !important;
    color: #424242;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Helvetica-lt';
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
    top: 0 !important;
    right: 10px !important;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid gray !important;
}
/* Target the search input inside the dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #6B6B6B !important;
    outline: none;
}

.contact-section p {
    font-family: 'Helvetica';
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #0F0F0F;
    margin-bottom: 15px !important;
}

.contact-section input.form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.contact-section .form-check-label {
    padding-left: 25px;
    cursor: pointer;
    font-size: 16px;
    position: relative;
}

.contact-section .form-check-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15.4px;
    border: 2px solid #E0E0E0;
    border-radius: 50%;
    background-color: #E0E0E0;
}

/* Style the checkmark */
.contact-section .form-check-label:after {
    content: '';
    position: absolute;
    display: none;
    left: 5px;
    top: 6px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Show the checkmark when checked */
.contact-section input.form-check-input:checked~.form-check-label:before {
    background-color: #333;
    border-color: #333;
}

.contact-section input.form-check-input:checked~.form-check-label:after {
    display: block;
}

.contact-section label.form-check-label {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #2E2E2E;
}

.contact-section textarea.form-control {
    background: #fff;
    padding: 20px;
    border: 0.5px solid #7C7C7C !important;
    border-radius: 16px;
    font-family: 'Helvetica-lt' !important;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #424242;
    margin-bottom: 37px;
    height: 249px;
    width: 100%;
    resize: none;
}

.contact-section textarea.form-control::placeholder {
    color: #A7A7A7;
    font-family: 'helvetica';
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.contact-section .policy {
    margin-bottom: 56px;
}

.contact-section .policy p {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #2E2E2E;
}

.contact-section .policy a {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #008BFF;
}

.contact-section input[type=submit] {
    font-family: 'Helvetica-lt';
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0%;
    text-align: center;
    color: #FBFDFF;
    background-color: #008BFF;
    border: 1px solid #54A9EC;
    border-radius: 8px;
    width: 339px;
    height: 45px;
    margin-bottom: 90px;
}

.contact-section .form-check {
    padding-left: 0;
    margin-bottom: 21px !important;
}

/* Contact PAGE END */
/* Coming Soon Page Start */
.coming-section {
    margin-top: 85px;
}

.coming-section h5 {
    font-family: 'El Messiri' !important;
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #000;
    text-align: center;
}

.coming-section h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: center;
}

.coming-section h3 span {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: center;
    color: #008BFF;
}

.coming-text {
    padding-top: 173px;
    padding-bottom: 149px;

}

.coming-text h1 {
    font-family: 'El Messiri' !important;
    font-weight: 700;
    font-size: 86px;
    line-height: 49px;
    color: #000;
    text-align: center;
}

/* Coming Soon Page End */
/* Term of Use Page :start */
.term-head .head {
    padding-top: 89px;
}

.term-head .head h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
}

.term-head .head p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    text-align: center;
}

.term-head .content {
    padding-top: 169px;
}

.term-head .content small {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #626262;
    margin-bottom: 8px;
    text-align: center;
}

.term-head .content h5 {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #000000;
    margin-bottom: 27px;
    text-align: center;
}

.bg_term-of-use {
    background: url(../images/termofuse/bg-gradient.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.term-card {
    padding-top: 61px;
}

.term-card .card {
    border-radius: 16px;
    padding: 22px 23px 31px 23px;
    background: none;
    border: none;
    margin-bottom: 15px;
    cursor: pointer;
    min-height: 339px;
}

.term-card .card:hover {
    background: #7C4EE4;
}

.term-card .card h3 {
    font-family: 'helvetica' !important;
    font-weight: 700;
    font-size: 72px;
    line-height: 96px;
    color: #666666;
    opacity: 10%;
    margin-bottom: 30px;
}

.term-card .card:hover h3 {
    color: #fff;
    opacity: 1;
}

.term-card .card h5 {
    font-family: 'El Messiri' !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 31.99px;
    color: #7C4EE4;
    margin-bottom: 15px;
}

.term-card .card:hover h5 {
    color: #fff;
}

.term-card .card p,
.term-card .card ul li {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #666666;
}

.term-card .card:hover p,
.term-card .card:hover ul li {
    color: #F7F6FE;
}

.term-footer {
    padding-top: 55px;
}

.term-footer h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 20px;
    line-height: 49px;
    color: #2E2E2E;
    margin-bottom: 3px;
}

.term-footer .foot {
    padding-top: 19px;
    padding-bottom: 116px;
}

.term-footer .predicitive_divider {
    width: 100%;
}

.term-footer .foot h5 {
    font-family: 'Inter' !important;
    font-weight: 500;
    font-style: italic;
    font-size: 15px;
    line-height: normal;
    text-align: justify;
    color: #2E2E2E;
    margin-bottom: 20px;
}

.term-footer .foot p {
    font-family: 'Inter' !important;
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    text-align: justify;
    color: #2E2E2E;
    margin-bottom: 20px;
}

.term-footer .foot p {
    font-weight: 400;
}

.g-recaptcha {
    padding-bottom: 90px;
}

/* Styles ENd  */

/* add appointment page css */
.calendar-wrapper {
    background: #fff;
    padding: 30px 41px;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 0px 15px 0px #00000017;
}

.calendar-left {
    width: 80%;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 31px;
    margin-bottom: 23px;
    padding: 0 32px;
}

.calendar-header h5 {
    font-family: 'helvetica' !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 12px;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 0;
}

.calendar-header button {
    margin-right: 10px;
}

.calendar-header select,
.calendar-header button {
    border: none;
    background: #F8F8F8;
    padding: 13px 38px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'helvetica' !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: middle;
    max-height: 38px;
}

.calendar-header select:focus-visible {
    outline: none;
}

.calendar-header select {
    padding: 11px 38px !important;
    font-weight: 600;
    -webkit-appearance: none;
    background-image: url(../images/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.month-year {
    font-family: 'helvetica' !important;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.5px;
    vertical-align: middle;
}

.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    color: #000;
    margin-bottom: 10px;
    font-family: Inter;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 34px;
}

.calendar-dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

.calendar-dates div {
    text-align: center;
    padding: 12px 0;
    border-radius: 9px;

    cursor: pointer;
    user-select: none;
    min-width: 49px;
    max-width: 49px;
    min-height: 49px;
    max-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
}

.calendar-dates div.disabled {
    background: #F5F6F8;
    color: #B7B7B7;
    cursor: not-allowed;
}

.calendar-dates div.selected {
    background: #FFB525;
    color: #fff;
}

.calendar-right {
    background: linear-gradient(180deg, rgba(248, 248, 248, 0.2) 17.91%, #F8F8F8 49.88%, rgba(248, 248, 248, 0.2) 81.86%);
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}

.month-slider-container {
    height: 400px;
    overflow: auto;
    padding: 10px 0;
    position: relative;
}

.month-slider-container::-webkit-scrollbar {
    display: none;
}

.month-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.month-slider div {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #5A5A5A;
    vertical-align: middle;
    padding: 20px;
    transition: all 0.2s ease;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.month-slider div.active {
    color: #000;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    vertical-align: middle;
    border-top: 0.5px solid #BEBEBE;
    border-bottom: 0.5px solid #BEBEBE;
    padding: 20px;
}

.date_btn {
    background-color: #FFB525;
    border: 1px solid #FFB525;
    padding: 10px 33px;
    border-radius: 6px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-align: center;
    min-width: 170px;
    margin-right: 15px;
}

.add-appointment-form .footer-text {
    margin-top: 38px;
    margin-bottom: 69px;
}

.changepwd-main-hdng {
    padding-top: 100px;
}

.changepwd-main-hdng h6 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 13px;
    text-transform: uppercase;
    color: #008BFF;
}

.changepwd-main-hdng h1 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
}

.changepwd-user-info {
    padding-top: 114px;
}

.changepwd-user-info .profile {
    width: 163px;
    height: 163px;
    background-color: #008BFF;
    color: #fff;
    border-radius: 12px;
    font-size: 64px;
}

.changepwd-user-info .details h3 {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 49px;
    color: #6B6B6B;
    margin-bottom: 0;
}

.changepwd-user-info .details p {
    font-family: 'Helvetica-lt' !important;
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #008BFF;
}

.changepwd-form {
    padding-top: 52px;
}

.changepwd-form input[type=submit] {
    width: 243px !important;
    margin-top: 49px;
    margin-bottom: 458px;
    border: none !important;
}

/* Privacy Policy Start Page */
.bg_policy {
    background: url(../images/policy/bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100%;
}

.policy-main-hdng {
    padding-top: 103px;
}

.policy-main-hdng .policy-main-content h3 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
    color: #2E2E2E;
}

.policy-main-hdng .policy-main-content p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    color: #2E2E2E;
}

.policy-details {
    padding-top: 170px;
    padding-bottom: 129px;
}

.policy-details .policy-card {
    background-color: #2E2E2ED6;
    border-radius: 24px;
    padding: 48px 36px 52px 27px;
    color: #FFFFFF;
    font-family: 'Inter';
    line-height: normal;
}

.policy-details .policy-card h6 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 13px;
}

.policy-details .policy-card .predicitive_divider {
    border-bottom: 1px solid #fff !important;
    width: 100% !important;
    margin-bottom: 14px;
}

.policy-details .policy-card p {
    font-weight: 300;
    font-size: 16px;
}

.policy-details .policy-card h3 {
    font-family: 'El Messiri' !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 49px;
    margin-top: 17px;
}

.policy-details .policy-card small {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    text-align: justify;
    margin-bottom: 29px;
}

.policy-details .policy-card a,
.policy-details .policy-card address {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0;
    text-align: justify;
    color: #fff;
}

.policy-details .policy-card .icon {
    padding-top: 16px;
}

.policy-details .details-hdng h1 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 42px;
    line-height: 62px;
    color: #2E2E2E;
    margin-bottom: 10px;
}

.policy-details .content h4 {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 22px;
    line-height: 49px;
    color: #2E2E2E;
    margin-bottom: 5px;
    margin-top: 34px;
}

.policy-details .content ul {
    padding-left: 1rem;
}

.policy-details .content ul li,
.policy-details .content p {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0%;
    text-align: justify;
    color: #2E2E2E;
}

.policy-details .content p a {
    color: #008BFF;
}


/* our expertise page css */
.our-expertise-body span {
    color: #008BFF;
}

.our_expertise {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.expertise_sub_heading h6 {
    font-weight: 400;
    font-size: 12px;
    font-family: 'Helvetica-lt';
    line-height: normal;
    letter-spacing: 1.33em;
    text-transform: uppercase;
    color: #2E2E2E;
    display: flex;
    justify-content: center;
}

.expertise_heading h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    color: #2E2E2E;
    text-transform: capitalize;
    /* display: flex; */
    /* justify-content: center; */

}

.expertise_para p {
    font-weight: 400;
    font-size: 15px;
    font-family: 'Helvetica-lt';
    line-height: 18px;
    color: #2E2E2E;
    display: flex;
    justify-content: center;
    text-align: center;
}

.consult {
    margin-top: 47px;
}

.consultation h4 {
    margin: 0px;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    color: #000000;
}

.consultation h2 {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    color: #2E2E2E;
}

.consultation p {
    font-family: 'Helvetica-lt';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0px;
    color: #6B6B6B;
}

.consultations {
    margin-top: 30px;
}

.consultations h5 {
    margin: 0px;
    font-weight: 700;
    font-size: 22px;
    line-height: 49px;
}

.consultations p {
    margin-top: -4px;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #939392;
}

.consultation-img img {
    width: 100%;
}

.plans,
.manages {
    gap: 15px;
    display: flex;
    flex-direction: row;
}

.forehint_assessments {
    margin-bottom: 50px;
    padding-bottom: 79px;
}

.bg_img {
    background-image: url(../images/our-expertise/Ellipse\ 5.png);
    background-repeat: no-repeat;
    background-position: right top 70px;
}

.my_assessments {
    margin-top: 50px;
    padding-top: 45px;
    display: flex;
    flex-direction: row;
}

.measure {
    padding-bottom: 54px;
}

.assessment_card_img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.assessment_card_img img {
    width: 100%;
    height: 100%;
}

.assessment_card_heading,
.assessment_card_content {
    position: absolute;
    color: #2E2E2E;
    z-index: 2;
}

.assessment_card_heading {
    top: 0px;
    left: 0px;
}

.assessment_card_heading h1 {
    padding: 16px 0px 0px 18px;
    margin: 0;
    font-weight: 700;
    font-size: 72px;
    line-height: 96px;
    font-family: 'Helvetica' !important;
    color: #2E2E2E;
}

.assessment_card_heading h3 {
    margin: 0;
    margin: 20px 0px 2px 18px;
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #2E2E2E;
}

.assessment_card_content {
    top: 0;
    margin: 165px 8px 0px 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #2E2E2E;
    opacity: 0.7;
}

.assessment_card_content ul {
    padding-left: 20px;
    padding-right: 0px;
    margin: 0;
}

ul li::marker {
    font-size: 24px;
}

.assessment_card_content ul li {
    padding-left: 0px;
    padding-bottom: 10px;
}

.assessment_card {
    margin-bottom: 25px;
    height: 391px;
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 12px;
}

.assessment_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 90%;
    z-index: 1;
    border-radius: 12px;
}

.card_1::before {
    background-color: #f1efff;
}

.card_2::before {
    background-color: #E0F8F2;
}

.card_3::before {
    background-color: #EEECFF;
}

.card_4::before {
    background-color: #D9F2F7;
}

.assessment_card:hover:before {
    background-color: #2E2E2E;
    opacity: 90%;
    transition: all .3s ease-in-out;
}

.assessment_card:hover .assessment_card_heading h1,
.assessment_card:hover .assessment_card_heading h3,
.assessment_card:hover .assessment_card_content {
    color: #FFFFFF;
}

.consulting_expertise {
    margin-top: 10px;
    position: relative;
    background-image: url(../images/our-expertise/img_6.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.consulting_expertise::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #FFFFFFD9;
    z-index: 1;
}

.consulting_expertise>* {
    position: relative;
    z-index: 2;
}

.consulting_expertise .row {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.consulting {
    padding: 92px 0px 0px 0px;
}

.consulting p {
    padding: 14px 140px 55px;

}

.consulting_btn {
    padding-bottom: 83px;
    display: flex;
    justify-content: center;
}

.consulting_btn button {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #2E2E2E;
    padding: 8px 79px;
    border: 1px solid #2E2E2E;
    border-radius: 8px;
    background: transparent;
}

.consulting_btn button:hover {
    color: #FFFFFF;
    border: 1px solid #2E2E2E;
    background: #2E2E2E;

}

.telent {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 78px;
}

.telents {
    padding-top: 14px;
    padding-right: 10px;
}

.telent_heading h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    color: #2E2E2E;
}

.telent_para p {
    padding: 18px 0px;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #2E2E2E;
}

.telent_sub_heading h4 {
    padding-top: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 42px;
    text-transform: capitalize;
    color: #2E2E2E;
}

.telent_sub_heading ul {
    padding-left: 22px;

}

.telent_sub_heading ul li {
    padding-bottom: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #2E2E2E;
    opacity: 0.7;
}

.telent_sub_heading ul li::marker {
    color: #000000;

}

.telent_img {
    justify-self: right;
}

.telent_img img {
    width: 100%;
}

.telent_img_1 {
    justify-self: left;
}

.telent_img_1 img {
    width: 100%;
}

.telent_sub_para {
    background: #EDF7FF;
    border-radius: 8px;
    width: 372px;
}

.telent_sub_para p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Helvetica-lt';
    color: #1E629C;
    padding: 18px 26px 17px;
}

.contact_btn button {
    color: #008BFF;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    padding: 9px 37px;
    border: 1px solid #008BFF;
    border-radius: 8px;
    background: transparent;
}

.contact_btn button:hover {
    color: #FFFFFF;
    border: 1px solid #008BFF;
    background: #008BFF;
}

.high_performing {
    background-image: linear-gradient(#000000D9, #000000D9), url('../images/our-expertise/img_9.png');
    background-size: cover;
    background-position: center;
    width: 100%;
    margin-top: 128px;
}

.high_performing h2 {
    color: #FFFFFF;
}

.performing {
    padding-top: 92px;
}

.performing p {
    color: #D4D4D4;
    padding: 12px 42px 0px 42px;
    line-height: normal;
}

.Strength p {
    padding: 0px 0px 99px 0px;
    margin-bottom: 0px;
}

.perform h2 {
    padding-top: 34px;
    font-weight: 700;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    text-transform: capitalize;
    color: #FFEBBE;
}

.teams_matter {
    padding-top: 140px;
}

.teams_matters {
    padding-top: 120px;
    margin-bottom: 20px;
}

.teams h2 {
    text-transform: capitalize;
    padding-right: 60px;
}

.teams_para p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #2E2E2E;
    font-family: 'Helvetica-lt';
}

.teams_sub_heading {
    padding-top: 30px;
    padding-bottom: 20px;
}

.teams_sub_heading h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
}

.teams_img img {
    width: 553px;
}

.teams1_img img {
    width: 100%;
}

.teams2_img img {
    width: 100%;
    height: 533px;
}

.sub_heading_img {
    display: flex;
    flex-direction: row;
}

.sub_heading_img p {
    padding: 10px;
    margin: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    color: #000000;
}

.approach_img {
    justify-self: left;
}

.approach_img img {
    width: 100%;
}

.approach_sub_heading ul {
    padding-left: 1rem;
}

.approach_sub_heading ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #2E2E2E;
}

.approach_sub_heading ul li::marker {
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #008BFF;
}

.framework {
    margin-top: -170px;
    padding-top: 200px;
    width: 100%;
    background-image: url(../images/our-expertise/bg_img_1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.frameworks {
    padding-top: 80px;
    text-align: center;
}

.fram_p p {
    padding: 10px 242px 60px 242px;
}

.framwork_card {
    position: relative;
    display: block;
    border-radius: 16px;
    background-color: #F9FCFF;
    min-height: 520px;
    width: 100%;
    margin-bottom: 25px;
    padding: 23px;
    box-shadow: 0 4px 6px #00000024;

}

.framwork_logo {
    display: flex;
    justify-content: space-between;
}

.framwork_card_img {
    margin-top: 10px;
}

.framwork_card_number h1 {
    margin-top: -10px;
    font-weight: 700;
    font-size: 72px;
    line-height: 96px;
    font-family: 'Helvetica' !important;
    color: #008BFF;
    opacity: 0.09;
}

.framwork_card_heading h4 {
    text-align: start;
    font-weight: 700;
    font-size: 20px;
    line-height: 49px;
    color: #008BFF;
    margin-bottom: 0px;
}

.framwork_card_heading p {
    text-align: start;
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #2E2E2E;
    opacity: 0.7;
}

.framwork_card_para p {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: justify;
    color: #2E2E2E;
    opacity: 0.7;
    margin-bottom: 0px;
}

.cracking_code {
    margin-top: 50px;
    padding-top: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.crack_p1 {
    padding: 0px 62px 30px 62px;
}

.crack_p2 {
    padding: 35px 62px 40px 62px;
}

.cracking_sub_para {
    display: flex;
    justify-content: center;
}

.cracking_sub_para p {
    background: #EDF7FF;
    border-radius: 8px;
    font-weight: 700;
    font-size: 22px;
    line-height: 42px;
    text-transform: capitalize;
    font-family: 'El Messiri' !important;
    color: #008BFF;
    margin: 0px;
    padding: 9px 103px;
}

.cracking_img img {
    width: 100%;
    margin-bottom: 15px;
}

.forehint_team .row {
    border-radius: 16px;
    padding-right: 0px;
    box-shadow: 0 4px 12px #00000040;

}

.forehint_team {
    padding-top: 25px;
    padding-bottom: 106px;
}


.team p {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.team_para p {
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
    color: #2E2E2E;
    padding-bottom: 15px;
    padding-top: 25px;
}

.team_heading h4 {
    font-weight: 700;
    font-size: 21px;
    line-height: 42px;
    text-transform: capitalize;
    color: #000000;
}

.team_sub_heading {
    padding-top: 15px;
}

.teams_img img {
    width: 100%;
}

.telents_team {
    padding: 50px 0px 0px 20px;
}

.tbtn {
    padding-top: 14px;
}

.innovation {
    margin: 0px 20px 90px 20px;
}

.innovation h1 {
    text-align: center;
    font-weight: 700;
    font-size: 84px;
    line-height: 131px;
    color: #BFBFBF;
}

.our_framwork {
    --bs-gutter-x: 0.6rem;

}

/* faq page css */
.need_bg_img_1 {
    background: url(../images/faqs/bg_img_1.png);
    background-repeat: no-repeat;
    background-position: top 0px;
    background-size: 100%;
}

.need h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 49px;
    text-align: center;
    color: #2E2E2E;
    margin-top: 85px;
}

.need p {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #2E2E2E;
    padding-top: 4px;
    padding-inline: 40px;
}

.need_bg_img_2 {
    background: url(../images/faqs/bg_img_2.png);
    background-repeat: no-repeat;
    background-position: right top 0px;
}

.faq_sec {
    margin-bottom: 108px;
}

.faq h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 62px;
    text-align: center;
    color: #2E2E2E;
    margin-top: 125px;
    margin-bottom: 55px;
}

.faq_main .accordion-item button {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    color: #170F49;
    margin-top: 0px !important;
    border-radius: 0px !important;
    background-color: #FFFFFF;
}

.faq_main .accordion-body {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #6F6C90;
    padding-bottom: 47px;
    width: 82%;
}

.faq_main .accordion-button:not(.collapsed) {
    background-color: #FFFFFF;
}

.faq_main .accordion-item {
    border: 1px solid #FFFFFF !important;
    background-color: #FFFFFF;
    border-radius: 18px !important;
    margin-inline: 10px;
    margin-bottom: 29px;
    padding: 0px 18px 0px;
    box-shadow: 0 4px 10px rgba(8, 15, 52, 0.06);
}

.faq_main .accordion-button {
    background-color: #FFFFFF;
    border-radius: 0px !important;
    padding: 41px 10px 41px 20px;
}

.faq_main .accordion-header {
    border-radius: 0px !important;
}

#flush-headingOne {
    border-radius: 0px !important;
}

.faq_main .accordion-button {
    position: relative;
    padding-right: 3rem;
}

.faq_main .accordion-button:not(.collapsed)::after {
    background-color: #008BFF;
    background-image: url(../images/faqs/Vector\ 205.png);
    background-size: 18px;
    transform: rotate(180deg);
    box-shadow: 0px 4px 10px rgba(8, 15, 52, 0.06);
}

.faq_main .accordion-button::after {
    border-radius: 50%;
    background-image: url(../images/faqs/Vector\ 205.svg);
    background-size: 9px;
    background-position: center;
    width: 50px;
    height: 50px;
    transition: 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(8, 15, 52, 0.06);

}

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

.faq_main .accordion-item:last-of-type .accordion-button.collapsed,
.faq_main .accordion-item:last-of-type .accordion-button {
    border-radius: 0 !important;
}

.faq_main .accordion-item:last-of-type .accordion-collapse {
    border-radius: 0 !important;
}

.faq_main .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.faq_main .accordion-button:not(.collapsed) {
    padding-bottom: 0;
}

.sidebar .logo img {
    height: 50px;
    padding-top: 10px;
}

.blog-content .blog-quote {
    margin: 40px auto;
}

/* MODAL */
.pricing-modal {
    --bs-modal-width: 100%;
    width: 100%;
    height: 100%;
    --bs-modal-border-color: #76767666;
    --bs-modal-bg: #FEFFFF;
    --bs-modal-border-radius: 21px;
}

.pricing-modal.show {
    display: flex !important;
    align-items: center;
}

.pricing-modal .modal-dialog {
    width: 60%;
    height: min-content;
}

.pricing-modal .modal-content {
    width: 100%;
    height: 100%;
    --bs-modal-bg: #FEFFFF;
    background-color: #FEFFFF;
    padding: 48px 49px 61px 38px;

}

.pricing-modal .modal-content .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
}

.pricing-modal .modal-body {
    padding: 0px !important;
}

.pricing-modal .modal-content .modeal-body .pricing-model-left {
    text-align: left;
}

.pricing-modal .pricing-model-left h1.price {
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 62px;
    line-height: 100%;
    color: #008BFF;
    margin-bottom: 0;
}

.pricing-modal .pricing-model-left p {
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #7C7C7C;
    margin-bottom: 34px;
}

.pricing-modal .pricing-model-left h3 {
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: black;
    margin-bottom: 34px;
}

.pricing-modal .pricing-model-left h3 span {
    font-weight: 400;
    font-size: 14px;
    color: #7C7C7C;
}

.pricing-modal .pricing-model-left h4 {
    font-family: 'helvetica' !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #2E2E2E;
    margin-bottom: 0;
}

.pricing-modal .pricing-model-right h4 {
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #2E2E2E;
    margin-bottom: 21px;
}

.pricing-modal .pricing-model-right .pricing-options a.pay-option {
    background-color: #F6F6F6;
    width: 100%;
    border-radius: 8px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.pricing-modal .pricing-model-right .pricing-options a.card-option {
    background-color: #008BFF;
    width: 100%;
    border-radius: 8px;
    height: 45px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    font-family: 'helvetica' !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFFFFF;
    max-width: 100%;
}