html, body {
    font-family: Montserrat !important;
}

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0px;
    border-style: solid;
    border-color: rgb(229, 231, 235);
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0px;
    font-weight: normal;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.btn, button {
    font-family: Montserrat;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.top-2 {
    top: 0.5rem;
}

.right-2 {
    right: 0.5rem;
}

.absolute {
    position: absolute;
}

button, [role="button"] {
    cursor: pointer;
}

h3 {
    font-family: Montserrat;
}

button, [role="button"] {
    cursor: pointer;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
    appearance: button;
    background-color: transparent;
    background-image: none;
}

button, select {
    text-transform: none;
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0px;
    padding: 0px;
}

l {
    box-sizing: border-box;
}

.table-responsive {
    width: 100%;
    overflow: auto hidden;
}

.ai-for-everything-page {
    width: 100%;
    float: left;
    position: relative;
    font-family: Montserrat, sans-serif;
}

.ai-for-everything-section {
    width: 100%;
    float: left;
    position: relative;
}

.container-theme {
    margin: 0px auto;
    padding: 0px 15px;
    position: relative;
    max-width: 1230px !important;
    width: 100% !important;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: inherit;
}

.ai-for-everything-page .ai-banner-section-group.noimage::before {
    display: none;
}

.ai-for-everything-page .ai-banner-section-group::before {
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: rgb(255, 255, 255);
}

.ai-for-everything-page .ai-banner-section-group {
    padding: 130px 0px 40px;
    display: flex;
    width: 100%;
    float: left;
    position: relative;
    background: linear-gradient(135deg, rgb(204, 238, 255) 0%, rgb(248, 248, 253) 50%, rgb(184, 233, 255) 100%);
}

.ai-for-everything-page .ai-banner-section-group .ai-banner-section-bg {
    position: absolute;
    bottom: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 50%;
}

.ai-for-everything-page.TeachingMethodology .ai-banner-section-group .ai-banner-section-bg {
    top: 100px;
}

.ai-for-everything-page.TeachingMethodology .ai-banner-image-inner.HumanTutoring img {
    max-width: 600px;
}

.ai-for-everything-page .ai-banner-section .banner-highlight-text {
    color: rgb(128, 27, 102);
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1.4;
    font-style: italic;
    font-family: system-ui;
}

.ai-for-everything-page .ai-banner-section-group.noimage .ai-banner-section-bg {
    display: none;
}

.ai-for-everything-page .ai-banner-section-group .ai-banner-section-bg img {
    width: 50%;
    max-width: 50%;
    opacity: 0.03;
    object-fit: contain;
    position: absolute;
    animation: 15s linear 0s infinite normal none running bannerrotate;
}

.ai-for-everything-page .ai-banner-section-group .ai-banner-section-bg img.GlobeMapBG {
    height: 100%;
    animation: auto ease 0s 1 normal none running none !important;
    opacity: 0.3 !important;
}

.ai-for-everything-page .ai-banner-section {
    text-align: center;
    position: relative;
    z-index: 1;
    gap: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.ai-for-everything-page .ai-banner-section .ai-banner-section-left {
    text-align: center;
    position: relative;
    z-index: 1;
    gap: 20px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.ai-banner-video-group {
    display: flex;
    width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
    justify-content: center;
}

.ai-banner-video-group .ai-banner-video {
    text-align: left;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    gap: 20px;
    display: flex;
    flex-direction: column;
    width: 750px;
}
 
.ai-banner-video-group .ai-banner-video .theme-banner-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ai-banner-video-group .ai-banner-video .theme-banner-cover img {
    width: 100%;
    height: 100%;
}

.ai-for-everything-page .ai-banner-section .banner-section-ul {
    margin: 0px;
    padding: 0px;
}

.ai-for-everything-page .ai-banner-section .banner-section-ul li {
    color: rgb(0, 0, 0);
    font-size: 18px;
    line-height: 1.8;
    padding-left: 30px;
    position: relative;
}

.ai-for-everything-page .ai-banner-section .banner-section-ul li::before {
    content: "";
    background: rgb(25, 96, 167);
    font-size: 20px;
    line-height: 1.8;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 11px;
    left: 10px;
    border-radius: 180px;
}

.ai-for-everything-page .ai-banner-section .banner-section-subtitle {
    color: rgb(54, 54, 54);
    font-size: 20px;
    line-height: 1.6;
}

.ai-for-everything-page .ai-banner-section .banner-section-subtitle .banner-globe {
    width: 75px;
    height: 75px;
    position: relative;
}

.ai-for-everything-page .ai-banner-section .banner-section-subtitle.linking {
    color: rgb(25, 96, 167);
    font-size: 18px;
}

.ai-for-everything-page .ai-banner-section .banner-section-title.normal {
    font-size: 34px;
}

.ai-for-everything-page .ai-banner-section .banner-section-title-blog {
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
    width: 100%;
    font-size: 36px !important;
    line-height: 1.5 !important;
}

.ai-for-everything-page .ai-banner-section .banner-section-title {
    font-size: 68px;
    line-height: 1.2;
    font-family: Montserrat;
    color: rgb(28, 28, 28);
    font-weight: normal;
}

.ai-for-everything-page .ai-banner-section .banner-section-label {
    color: rgb(25, 96, 167);
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 1.4;
}

.ai-for-everything-page .ai-banner-section .banner-section-label .india-highlight {
    position: relative;
}

.ai-for-everything-page .ai-banner-section .banner-section-label .india-badge {
    width: 70px;
    height: 30px;
    background: linear-gradient(rgb(255, 153, 51) 0%, rgb(255, 153, 51) 33%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 66%, rgb(19, 136, 8) 66%, rgb(19, 136, 8) 100%);
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    transform: rotate(-10deg);
    left: 50%;
    margin-left: -35px;
    opacity: 0.2;
}

.ai-for-everything-page .ai-banner-section .banner-section-title.banner-section-title-small {
    font-size: 60px;
    line-height: 1.2;
}

.ai-for-everything-page .ai-banner-section .banner-section-title span {
    position: relative;
    background: linear-gradient(to right, rgb(33, 120, 195), rgb(9, 64, 169)) text;
    -webkit-text-fill-color: transparent;
}

.ai-for-everything-page .ai-banner-section .banner-section-title .star-image {
    width: 70px;
    position: absolute;
    top: -30px;
    right: -50px;
}

.ai-for-everything-page .ai-banner-section .banner-section-title .star-image img {
    width: 70px;
}

.ai-for-everything-page .ai-banner-section .banner-section-at {
    line-height: 1.4;
    overflow: hidden;
    width: 100%;
}

.ai-for-everything-page .ai-banner-section .banner-section-at span {
    font-weight: normal;
    color: white;
    font-size: 18px;
    line-height: 1.4;
    position: relative;
}

.ai-for-everything-page .ai-banner-section .banner-section-at span::before {
    content: "";
    width: 250px;
    height: 1px;
    background: rgb(255, 255, 255);
    opacity: 0.2;
    position: absolute;
    top: 50%;
    right: 50px;
}

.ai-for-everything-page .ai-banner-section .banner-section-at span::after {
    content: "";
    width: 250px;
    height: 1px;
    background: rgb(255, 255, 255);
    opacity: 0.2;
    position: absolute;
    top: 50%;
    left: 50px;
}

.ai-for-everything-page .ai-banner-section .banner-section-event {
    color: rgb(0, 0, 0);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
}

.ai-for-everything-page .ai-banner-section .banner-section-features {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.ai-for-everything-page .ai-banner-section .banner-section-features ul {
    margin: 0px;
    display: flex;
    gap: 10px;
    padding: 0px;
}

.ai-for-everything-page .ai-banner-section .banner-section-features ul li {
    color: rgb(0, 0, 0);
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    text-align: left;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid rgb(0, 0, 0);
}

.ai-for-everything-page .ai-banner-section .banner-section-location {
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-page .ai-banner-section .banner-section-location ul {
    margin: 0px;
    display: flex;
    gap: 30px;
    padding: 0px;
    justify-content: center;
}

.ai-for-everything-page .ai-banner-section .banner-section-location ul li {
    display: flex;
    color: rgb(27, 181, 231);
    font-size: 18px;
    line-height: 1.5;
    gap: 10px;
    align-items: center;
    font-weight: 600;
}

.ai-for-everything-page .ai-banner-section .banner-section-location ul li .icon-image {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.ai-for-everything-page .ai-banner-section .banner-section-actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.btn.btn-theme:hover {
    background-image: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(0, 41, 110);
    background-size: auto 200% !important;
}


.btn-theme-image{padding: 0px !important;border-radius: 10px !important;overflow: hidden !important;}
.btn-theme-image.disabled{
    opacity: 0.6 !important;
    cursor: no-drop;

}

.btn-theme-image img{width: 100%;float: left;position: relative;max-height: 50px !important;}
.btn {
    border-radius: 180px;
    font-size: 14px;
    padding: 10px 36px;
    font-weight: normal;
    line-height: 1.5;
}

.btn.btn-theme {
    color: rgb(0, 41, 110);
    background-origin: border-box;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 90%) 1 / 2px 0 0 / 0 stretch;
    box-shadow: 0 -4px 16px 0 rgba(var(--action-background-color, 255, 255, 255), .2);
}

.btn-white-outline:hover {
    border: 1px solid rgb(0, 63, 171);
    color: rgb(255, 255, 255);
    background: rgb(16, 65, 167);
}

.btn-white-outline {
    border: 1px solid rgb(0, 63, 171);
    color: rgb(0, 63, 171);
    background: rgb(255, 255, 255);
}

.ai-for-everything-page .ai-banner-section .banner-section-scroll {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll {
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-out;
}

.ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll:hover {
    gap: 15px;
}

.ai-for-everything-page .ai-banner-section .banner-section-scroll .btn-banner-scroll img {
    width: 15px;
}

.ai-about-section-group.background-active {
}

.ai-about-section-group.background-gray-active {
    background-color: rgb(248, 248, 253);
}

.ai-about-section-group.background-gray-active .theme-single-user {
    background: rgb(255, 255, 255);
    padding: 20px;
}

.ai-about-section-group.background-gray-active .ai-about-new-title span {
    background-color: rgb(248, 248, 253);
}

.ai-about-section-group.background-gray-active .ai-trusted .ai-trusted-image {
    background-color: rgb(248, 248, 253);
}



.ai-about-section-group.blue-background-active {
        background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
}

 

.ai-about-section-group.blue-background-active .features-singleword span{
    background: linear-gradient(to right, #fff, #fff) text;
}
  
.ai-about-section-group.blue-background-active .features-title{
color: #fff !important;
}

.ai-about-section-group.blue-background-active .features-description{
color: #fff !important;
}



.ai-about-section-group {
    align-items: center;
    padding: 40px 0px;
    position: relative;
    display: flex;
    width: 100%;
    float: left;
}

.ai-about-section.ai-about-section-20 {
    margin: 20px 0px !important;
}

.ai-about-section {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-direction: unset;
    gap: 50px;
    width: 100%;
}

.ai-about-section .ai-about-single {
    justify-content: center;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.ai-about-section .ai-about-single .ai-about-image {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ai-about-section .ai-about-single .ai-about-image img {
    max-width: 350px;
}

.ai-about-section .ai-about-single .ai-about-content {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}

.ai-about-section .ai-about-single .ai-about-title-group {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.ai-about-section .ai-about-single .ai-about-title {
    font-size: 30px;
    line-height: 1.4;
    font-family: Montserrat;
    font-weight: 600;
    color: rgb(0, 0, 0);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    text-align: left;
}

.ai-about-section .ai-about-single .ai-about-singleword {
}

.ai-about-section .ai-about-single .ai-about-singleword span {
}

.ai-about-section .ai-about-single .ai-about-description {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.6;
    font-weight: normal;
    text-align: center;
}

.ai-about-section .ai-about-single .ai-about-features {
    list-style-type: disc;
    color: rgb(51, 51, 51);
    font-size: 14.5px;
    padding: 0px;
}

.ai-about-section .ai-about-single .ai-about-features li {
    margin-bottom: 12px;
    font-size: 15px;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    font-weight: normal;
    list-style: none;
    padding-left: 24px;
    position: relative;
}

.ai-about-section .ai-about-single .ai-about-features li::before {
    content: "";
    width: 10px;
    height: 5px;
    border-bottom: 2px solid rgb(52, 183, 71);
    border-left: 2px solid rgb(52, 183, 71);
    position: absolute;
    transform: rotate(-45deg);
    left: 0px;
    top: 6px;
}

.ai-about-section .ai-about-single .ai-about-description a {
    color: rgb(27, 181, 231);
}

.ai-about-section .ai-about-single .ai-about-description span {
    font-weight: 600;
}

.ai-for-everything-why .ai-why-single {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.ai-for-everything-why .ai-why-single .ai-why-title {
    font-weight: 600;
    font-size: 41px;
    color: rgb(0, 0, 0);
    line-height: 1.4;
    font-family: Montserrat;
}

.ai-for-everything-why .ai-why-single .ai-why-subtitle {
    font-size: 16px;
    color: rgb(76, 76, 76);
    line-height: 1.5;
    font-weight: 500;
}

.ai-for-everything-why .ai-why-single .ai-why-image {
    width: 100%;
    position: relative;
}

.ai-for-everything-why .ai-why-single .ai-why-image .star-image {
    width: 80px;
    position: absolute;
    top: -40px;
    right: -40px;
    height: 80px;
}

.ai-for-everything-why .ai-why-single .ai-why-image .star-image img {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    object-fit: contain;
}

.ai-for-everything-why .ai-why-single .ai-why-image img {
    object-fit: contain;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px;
}

.ai-for-everything-why .ai-why-single .ai-why-features {
    display: flex;
    flex-direction: column;
    gap: 50px;
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single::after {
    content: "";
    width: 80%;
    height: 1px;
    background: rgb(14, 14, 14);
    opacity: 0.2;
    position: absolute;
    bottom: -25px;
}

.ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single:last-child::after {
    content: "";
    display: none;
}

.ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single .ai-why-feature-title {
    font-weight: 600;
    font-size: 1.2em;
    color: rgb(0, 0, 0);
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-why .ai-why-single .ai-why-features .ai-why-feature-single .ai-why-feature-description {
    font-size: 15px;
    color: rgb(76, 76, 76);
    line-height: 1.5;
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-why .ai-why-single .btn {
    float: left;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-title {
    width: 100%;
    float: left;
    position: relative;
    font-weight: 600;
    font-size: 32px;
    color: rgb(0, 0, 0);
    line-height: 1.4;
    font-family: Montserrat;
    text-align: center;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-subtitle {
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    font-weight: 300;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    float: left;
    position: relative;
    gap: 50px;
    align-items: baseline;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image {
    width: 100%;
    position: relative;
    border-radius: 80px 80px 80px 0px;
    height: 300px;
    padding: 2px;
    max-width: 400px;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image img {
    object-fit: cover;
    position: absolute;
    border-radius: 30px 30px 80px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 2px;
    top: 2px;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-image::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(90deg, rgb(84, 181, 252), rgb(219, 0, 208));
    border-radius: 30px 30px 80px;
    width: 100%;
    height: 100%;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-feature-title {
    font-weight: 600;
    font-size: 1.2em;
    color: rgb(255, 140, 252);
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-revolution .ai-revolution-section .ai-revolution-features .ai-revolution-feature-single .ai-revolution-feature-description {
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-backtotop .ai-backtotop-btn {
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease-out;
}

.ai-for-everything-backtotop .ai-backtotop-btn:hover {
    gap: 15px;
}

.ai-for-everything-backtotop .ai-backtotop-btn img {
    width: 15px;
    transform: rotate(180deg);
}

.video-container {
}

.video-container video {
    width: 100%;
    opacity: 0.1;
    position: absolute;
    mix-blend-mode: screen;
}

.ai-for-everything-why {
    width: 100%;
    float: left;
    position: relative;
    align-items: center;
    display: flex;
}

.ai-for-everything-revolution {
    width: 100%;
    float: left;
    position: relative;
    align-items: center;
    padding: 60px 0px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.ai-revolution-section {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

.ai-for-everything-backtotop {
    width: 100%;
    float: left;
    position: relative;
    background-image: linear-gradient(90deg, rgb(103, 168, 242) 0%, rgb(21, 25, 72) 100%);
    padding: 25px 0px;
}

.ai-multiply-group {
    width: 100%;
    float: left;
    position: relative;
    background-image: linear-gradient(90deg, rgb(10, 72, 152) 0%, rgb(0, 121, 169) 100%);
}

.ai-multiply {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
    gap: 30px;
}

.ai-multiply .ai-multiply-single {
    width: auto;
    float: left;
    position: relative;
}

.audience-features.single-line li {
}

.ai-multiply .ai-multiply-single img.cross {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}

.ai-multiply .ai-multiply-single img {
    height: auto;
    max-height: 50px;
    width: auto;
}

.video-about-container {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-about-container video {
    width: 100%;
    opacity: 0.2;
    position: relative;
    mix-blend-mode: color-dodge;
    max-width: 300px;
}

.ai-for-everything-form {
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.ai-for-everything-form .ai-for-everything-form-title {
    background: linear-gradient(149deg, rgb(100, 208, 255), rgb(88, 132, 255)) text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-weight: 600;
    font-size: 1.4em;
    width: 100%;
    float: left;
}

.ai-for-everything-form .ai-for-everything-form-inside {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.ai-for-everything-form .ai-for-everything-form-inside .form-group {
    width: 100%;
    float: left;
    position: relative;
}

.ai-for-everything-form .ai-for-everything-form-inside .form-group .form-control {
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.1);
    border: none;
    width: 100%;
    border-radius: 10px;
    padding: 10px 16px;
    outline: none;
    font-size: 14px;
    line-height: 1.5;
}

.theme-banner-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 1;
    width: 100px;
    height: 100px;
}

.theme-banner-play svg {
    width: 100%;
    float: left;
}

.theme-banner-image {
    width: 82%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 2% 9% 4%;
    height: 94%;
}

.theme-banner-image img.theme-banner-gif {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.theme-banner-image img {
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.theme-banner-image video {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    top: 0px;
    left: 0px;
}

ul.ai-challenges.ai-challenges-three li {
    flex: 1 1 calc(33.33% - 20px);
}

ul.ai-challenges.ai-challenges-four li {
    flex: 1 1 calc(25% - 20px);
}

ul.ai-challenges {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 25px;
    line-height: 1.8;
    color: rgb(51, 51, 51);
    gap: 20px;
    display: flex;
    width: 100%;
    flex-flow: wrap;
}

ul.ai-challenges li {
    flex-direction: column;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-radius: 5px;
    border: 1.5px solid rgb(233, 233, 233);
    flex: 1 1 calc(50% - 20px);
    background-color: rgb(255, 255, 255);
    padding: 25px 25px 25px 100px !important;
}

ul.ai-challenges li:hover {
    box-shadow: rgba(17, 12, 46, 0.13) 0px 48px 100px 0px;
    border: 1.5px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

ul.ai-challenges .challenge-title {
    font-weight: 600;
    font-size: 20px;
    color: rgb(10, 0, 0);
    line-height: 32px;
    text-align: left;
}

ul.ai-challenges .challenge-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 25px;
}

ul.ai-challenges .challenge-icon img {
    width: 50px;
    height: 50px;
} 
ul.ai-challenges.top-icon li {   
    padding: 150px 25px 25px 25px !important;
}
 
ul.ai-challenges.top-icon .challenge-icon img {  
    width: 100px;  
    height: 100px;
} 

ul.ai-challenges .challenge-subtitle {
    font-size: 15px;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    font-weight: normal;
} 
.feature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: transparent;
}

.feature-table th, .feature-table td {
    padding: 12px;
    text-align: left;
    border: 2px solid rgba(0, 0, 0, 0.25);
    color: rgb(0, 0, 0);
}

.feature-table th {
    background: rgb(0, 0, 0);
    color: rgb(18, 130, 195);
    border: 2px solid rgba(255, 255, 255, 0.25);
}

.plan-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: transparent;
}

.plan-table th, .plan-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgb(0, 0, 0);
}

.plan-table th {
    background: rgb(18, 130, 195);
    color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.ai-action-btn {
    width: 100%;
    float: left;
    position: relative;
}

.ai-why-subtitle.align-center {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ai-action-btn.align-center {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}

.ai-banner-video-group .ai-banner-video .modal {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: auto;
    justify-content: center;
    align-items: center;
    margin: 2% 9% 4%;
    height: 88%;
    width: 82%;
    z-index: 1;
}

.ai-banner-video-group .ai-banner-video .modal .modal-content {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    overflow: hidden;
}

.ai-banner-video-group .ai-banner-video .modal .modal-video {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ai-banner-video-group .ai-banner-video .modal .close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    cursor: pointer;
    border: none;
    background: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 180px;
    color: rgb(0, 0, 0);
}

#openModalBtn {
    cursor: pointer;
}

.plan-groups.plan-group-active {
    display: flex;
    align-items: stretch;
}

.plan-groups {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    gap: 30px;
    margin: 40px 0px;
    flex-flow: wrap;
    justify-content: center;
    display: flex;
}

.single-plan.plan-full-width {
    margin: 0px 0px 25px;
    width: 100%;
    max-width: initial;
}

.single-plan {
    display: flex;
    vertical-align: top;
    position: relative;
    width: 100%;
    border-radius: 15px;
    background: rgb(255, 255, 255);
    text-align: center;
    border: 1.5px solid rgb(233, 233, 233);
    flex: 1 1 calc(25% - 30px);
    transition: 0.2s ease-out;
    max-width: 300px;
    align-items: stretch;
    flex-direction: column;
}

.single-plan .ribbon {
    --f: 12px;
    position: absolute;
    top: 0px;
    color: rgb(255, 255, 255);
    padding: 6px 40px;
    background: rgb(46, 204, 113);
    border-bottom: var(--f) solid #0007;
    clip-path: polygon( 100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    z-index: 1;
}

.single-plan .ribbon.left {
    left: 0px;
    transform: translate(calc(-29.2893%), -100%) rotate(-45deg);
    transform-origin: 100% 100%;
}

@supports (-moz-appearance: none) {
    .single-plan .ribbon {
        background: linear-gradient(to top,#0000 1px,#0005 0 var(--f),#0000 0) border-box, linear-gradient(var(--c,#45ADA8) 0 0) 50%/ calc(100% - 2px) calc(100% - 2px) no-repeat border-box;
        border-bottom-color: rgba(0, 0, 0, 0);
    }
}

.single-plan:hover {
    box-shadow: rgba(17, 12, 46, 0.13) 0px 24px 50px 0px;
}

.single-plan .plan-title {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    color: rgb(255, 255, 255);
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 15px 15px 0px 0px;
}

.single-plan .plan-header {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
    padding: 15px;
}

.single-plan .plan-header p {
    font-size: 13px;
    line-height: 20px;
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
    color: gray;
    margin: 5px 0px;
}

.single-plan .plan-header .plan-period {
    width: 100%;
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 23px;
    overflow: hidden;
    white-space: normal;
    font-weight: 600;
}

.single-plan .plan-header .plan-save-badge-group {
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
    color: gray;
    margin: 5px 0px;
}

.single-plan .plan-header .plan-save-badge {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    background-color: rgb(220, 252, 231);
    color: rgb(21, 128, 61);
    line-height: 1;
    white-space: nowrap;
}

.single-plan .plan-header .plan-limited-offer {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(27, 181, 231);
    text-align: center;
    white-space: nowrap;
}

.single-plan .plan-header .plan-limited-offer img {
    width: 20px;
    height: 20px;
    padding: 2px;
    float: left;
    position: relative;
}

.single-plan .plan-header .limited-offer-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.dark .single-plan .plan-header .limited-offer {
    color: rgb(56, 201, 245);
}

.single-plan .plan-header .plan-original-price {
    text-decoration: line-through;
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
    color: gray;
    margin: 5px 0px;
}

.single-plan .plan-header .plan-period {
    width: 100%;
    float: left;
    position: relative;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 23px;
    overflow: hidden;
    white-space: normal;
    font-weight: 600;
}

.single-plan .plan-header .plan-offer {
    width: 100%;
    float: left;
    position: relative;
    color: rgb(30, 97, 165);
    font-size: 16px;
    line-height: 23px;
    overflow: hidden;
    white-space: normal;
    font-weight: 600;
}

.single-plan .plan-price-group {
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
    color: gray;
    margin: 5px 0px;
}

.single-plan .plan-price-group .plan-price {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0px 0px 20px;
    position: relative;
    color: rgb(0, 0, 0);
}

.single-plan .plan-price-group .plan-price .plan-usd {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
    line-height: 24px;
}

.single-plan .plan-price-group .plan-price .plan-price-data {
    font-weight: 800;
    font-size: 48px;
    line-height: 40px;
}

.single-plan .plan-price-group .plan-price .plan-price-month {
}

.single-plan .plan-body {
    width: 100%;
    float: left;
    padding: 10px 0px;
    background: rgb(250, 250, 250);
    position: relative;
    text-align: left;
    min-height: 240px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
}

.single-plan .plan-features-title {
    width: 100%;
    float: left;
    padding: 10px 15px;
    position: relative;
    font-weight: 600;
}

.single-plan .plan-features {
    width: 100%;
    float: left;
    padding: 0px;
    position: relative;
}

.single-plan .plan-features li {
    width: 100%;
    float: left;
    padding: 10px 15px 10px 35px;
    position: relative;
    font-weight: normal;
    font-size: 13px;
    margin: 0px;
}

.single-plan .plan-features li:nth-child(2n+1) {
    background: rgb(255, 255, 255);
}

.single-plan .plan-features li::before {
    content: "";
    width: 10px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    position: absolute;
    transform: rotate(-45deg);
    left: 15px;
    top: 11px;
    box-sizing: initial;
}

.single-plan .plan-footer {
    vertical-align: top;
    position: relative;
    width: 100%;
    padding: 15px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 0px 0px 15px 15px;
}

.single-plan .plan-footer .plan-price-btn {
    position: relative;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-plan .plan-footer .plan-price-btn .btn {
    border-radius: 180px;
    width: auto;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 36px;
    font-weight: 600;
    padding: 0px 30px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    border: none;
}

.single-plan .plan-footer .details-memebership-text {
    width: 100%;
    float: left;
    padding: 10px 15px;
    position: relative;
    font-weight: normal;
    font-size: 13px;
}

.single-plan.normal-plan .plan-title {
    background: rgb(27, 181, 231);
}

.single-plan.normal-plan .plan-price-group .plan-price {
    color: rgb(27, 181, 231);
}

.single-plan.normal-plan .plan-features-title {
    color: rgb(27, 181, 231);
}

.single-plan.normal-plan .plan-features li::before {
    content: "";
    border-color: rgb(27, 181, 231);
}

.single-plan.normal-plan .plan-footer .plan-price-btn .plan-btn {
    background: rgb(27, 181, 231);
}

.single-plan.normal-plan .plan-footer .plan-price-btn .plan-btn:hover {
    background: rgb(5, 154, 203);
}

.single-plan.normal-plan .plan-footer .details-memebership-text {
    color: rgb(27, 181, 231);
}

.single-plan.normal-plan:hover, .single-plan.suggested-plan {
    transform: scale(1.07);
}

.single-plan.normal-plan:hover .plan-title, .single-plan.suggested-plan .plan-title {
    background: rgb(25, 96, 167);
}

.single-plan.normal-plan:hover .plan-price-group .plan-price, .single-plan.suggested-plan .plan-price-group .plan-price {
    color: rgb(25, 96, 167);
}

.single-plan.normal-plan:hover .plan-features-title, .single-plan.suggested-plan .plan-features-title {
    color: rgb(25, 96, 167);
}

.single-plan.normal-plan:hover .plan-features li::before, .single-plan.suggested-plan .plan-features li::before {
    content: "";
    border-color: rgb(25, 96, 167);
}

.single-plan.normal-plan:hover .plan-footer .plan-price-btn .plan-btn, .single-plan.suggested-plan .plan-footer .plan-price-btn .plan-btn {
    background: rgb(25, 96, 167);
}

.single-plan.normal-plan:hover .plan-footer .plan-price-btn .plan-btn:hover, .single-plan.suggested-plan .plan-footer .plan-price-btn .plan-btn:hover {
    background: rgb(10, 68, 125);
}

.single-plan.normal-plan:hover .plan-footer .details-memebership-text, .single-plan.suggested-plan .plan-footer .details-memebership-text {
    color: rgb(25, 96, 167);
}

.header-tab-group {
        width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    vertical-align: top;
    justify-content: center;
}

.header-tab-group .header-tab {
       width: auto;
    position: relative;
    display: flex;
    vertical-align: top;
    text-align: center;
    background: rgb(241, 241, 241);
    margin: 0px;
    padding: 0px;
    border-radius: 180px;
    overflow: hidden;
}

.header-tab-group .header-tab .plan-btn {
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.header-tab-group .header-tab .plan-btn span {
    color: rgb(41, 182, 229);
    padding: 12px 40px;
    float: left;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.header-tab-group .header-tab .plan-btn.active span {
    color: rgb(255, 255, 255);
}

.header-tab-group .header-tab .plan-btn.active span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(41, 182, 229);
    left: 0px;
    top: 0px;
    z-index: -1;
    border-radius: 180px;
}

.btn-center-group {
    width: 100%;
    float: left;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.btn-center-group.btn-center-fixed {
    justify-content: center;
    align-items: center;
}

.table-comparison {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
}

.table-comparison thead th {
    color: white;
    padding: 14px;
    text-align: left;
    font-size: 16px;
    background-image: linear-gradient(to right, rgb(0, 194, 255) 0%, rgb(0, 87, 177) 100%) !important;
}

.table-comparison th, .table-comparison td {
    padding: 15px 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.table-comparison tbody tr:nth-child(2n) {
    background-color: rgb(248, 249, 251);
}

.table-comparison tbody tr:hover {
    background-color: rgb(238, 245, 255);
}

.table-comparison em {
    color: rgb(51, 51, 51);
    font-style: italic;
}

.table-comparison .highlight {
    background-color: rgb(215, 235, 255);
    font-weight: 600;
    color: rgb(0, 64, 128);
}

.theme-users {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 40px;
    line-height: 1.8;
    color: rgb(51, 51, 51);
    gap: 30px;
    display: flex;
    width: 100%;
    flex-flow: wrap;
}

.theme-users.theme-users-border {
    background: rgb(248, 248, 253);
    border-radius: 30px;
    padding: 40px;
}

.theme-users.theme-users-four .theme-single-user {
    flex: 1 1 calc(25% - 20px);
    align-items: center;
    background: rgb(247, 251, 252);
    border-top: 4px solid rgb(0, 180, 233);
}

.theme-users.theme-users-two .theme-single-user {
    flex: 1 1 calc(50% - 20px);
}

.theme-users.theme-users-four .theme-single-user .theme-users-title, .theme-users.theme-users-four .theme-single-user .theme-users-subtitle {
    text-align: left;
}

.theme-users.theme-users-two .theme-single-user .theme-users-title, .theme-users.theme-users-two .theme-single-user .theme-users-subtitle {
    text-align: left;
}

.theme-single-user {
    flex-direction: row;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex: 1 1 calc(33.33% - 20px);
    border-radius: 12px;
}

.theme-single-user .theme-single-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    max-width: 350px;
}

.theme-single-user.bg-white {
    background: rgb(255, 255, 255);
}

.theme-single-user:hover {
}

.theme-single-user .theme-users-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}

.theme-single-user .theme-users-icon img {
    width: 60px;
    height: 60px;
}

.theme-single-user .theme-users-title {
    font-weight: 600;
    font-size: 18px;
    color: rgb(10, 0, 0);
    line-height: 1.5;
    text-align: left;
}

.theme-single-user .theme-users-subtitle {
    font-size: 14px;
    color: rgb(85, 85, 85);
    line-height: 1.5;
}

.theme-single-user .theme-users-features {
    list-style-type: disc;
    color: rgb(51, 51, 51);
    font-size: 14.5px;
    padding: 0px;
}

.theme-single-user .theme-users-features li {
    margin-bottom: 12px;
    font-size: 15px;
    color: rgb(102, 102, 102);
    line-height: 1.5;
    font-weight: normal;
    list-style: none;
    padding-left: 24px;
    position: relative;
}

.theme-single-user .theme-users-features li::before {
    content: "";
    width: 10px;
    height: 5px;
    border-bottom: 2px solid rgb(52, 183, 71);
    border-left: 2px solid rgb(52, 183, 71);
    position: absolute;
    transform: rotate(-45deg);
    left: 0px;
    top: 6px;
}

.comparison-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 40px;
}

.single-comparison {
    display: flex;
    justify-content: space-between;
    border-radius: 12px;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-width: 1000px;
}

.single-comparison .single-comparison-box:first-child {
    min-width: 300px;
}

.single-comparison .single-comparison-box {
    width: 100%;
}

.single-comparison .comparison-logo {
}

.single-comparison .comparison-logo img {
    max-height: 50px;
}

.single-comparison .no-bg {
    background: transparent !important;
    padding: 0px !important;
    border: 1px solid rgba(255, 255, 255, 0) !important;
}

.single-comparison .left-comparison, .single-comparison .right-comparison {
    font-size: 15px;
    color: rgb(25, 96, 167);
    padding: 12px 20px;
    font-weight: normal;
    line-height: 22px;
    border-radius: 10px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid rgb(248, 248, 248);
    flex: 1 1 0%;
}

.single-comparison .comparison-title-group {
    display: flex;
    align-items: center;
    text-align: center;
    min-width: 300px;
    padding: 10px 20px;
    color: rgb(0, 64, 128);
    background-color: transparent;
    gap: 15px;
    border-radius: 24px;
    flex-shrink: 0;
}

.single-comparison .comparison-title-icon {
    width: 40px;
    height: 40px;
}

.single-comparison .comparison-title-icon img {
    width: 40px;
    height: 40px;
}

.single-comparison .comparison-title {
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    white-space: nowrap;
    line-height: 30px;
}

.single-comparison .left-comparison {
    background-color: rgb(248, 248, 253);
}

.single-comparison .right-comparison {
    color: rgb(54, 54, 54);
    border: 1px solid rgb(227, 227, 227);
}

.mobile-feature-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: -80px;
}

.mobile-feature-group .single-mobile-feature {
    position: relative;
    display: flex;
    gap: 25px;
    border-radius: 5px;
    border: 1.5px solid rgb(233, 233, 233);
    flex: 1 1 calc(33.33% - 20px);
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    background: rgb(255, 255, 255);
    padding: 25px !important;
}

.mobile-feature-group .single-mobile-feature:hover {
    box-shadow: rgba(17, 12, 46, 0.13) 0px 48px 100px 0px;
    border: 1.5px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.mobile-feature-group .single-mobile-feature:nth-child(2n+1) {
    flex-direction: row;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 50%;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-left .mobile-feature-icon {
    width: 75px;
    height: 75px;
    margin-bottom: 16px;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-left .mobile-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-left .mobile-feature-title {
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    color: rgb(10, 0, 0);
    line-height: 32px;
    text-align: left;
    border-bottom: 1px solid rgb(235, 235, 235);
    position: relative;
    width: 100%;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-left .mobile-feature-description {
    font-size: 15px;
    color: rgb(85, 85, 85);
    line-height: 1.6;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-feature-group .single-mobile-feature .single-mobile-feature-right .mobile-feature-image img {
    width: 100%;
    max-width: 440px;
    border-radius: 8px;
}

.header-title-breadcrumb-overlay {
    background-image: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(219, 247, 255);
    box-sizing: border-box;
    width: 100%;
    background-size: inherit;
    background-position: center center;
    padding: 85px 0px;
    background-repeat: no-repeat;
}

.header-title-breadcrumb-overlay h1 {
    align-self: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    padding: 5px 0px 15px;
    text-transform: capitalize;
    width: 70%;
    margin: 0px;
    font-family: Montserrat, sans-serif;
}

.user-manual {
    padding: 0px 0px 0px 300px;
    display: flex;
    flex-direction: row;
    width: 100%;
    float: left;
    position: sticky;
    margin: 30px 0px;
}

.user-manual .sidebar-section {
    width: 300px;
    padding: 15px 0px;
    position: relative;
    height: 100vh;
    overflow-y: auto;
    min-width: 300px;
    border-radius: 10px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    max-height: 100vh;
    margin-left: -300px;
    scrollbar-width: none;
}

.user-manual .rightbar-section {
    padding: 15px 0px 15px 50px;
    width: 100%;
    scroll-behavior: smooth;
}

.user-manual .section {
    margin-bottom: 30px;
}

.user-manual .section img {
    width: 100%;
    border: 2px solid rgb(204, 204, 204);
    margin-top: 10px;
}

.user-manual .content-section {
    height: 500px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.rightbar-section {
    width: 300px;
    position: relative;
    background-color: transparent;
}

.single-list-rightbar {
    margin-bottom: 20px;
    background-color: transparent;
    width: 100%;
    float: left;
    position: relative;
}

.single-list-rightbar > div {
    font-weight: bold;
    font-size: 18px;
    color: rgb(51, 51, 51);
    margin-bottom: 15px;
    width: 100%;
    float: left;
    position: relative;
}

.single-list-rightbar ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 25px;
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.single-list-rightbar li {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    float: left;
    position: relative;
    padding: 15px;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 15px;
}

.single-list-rightbar li.active {
    background: rgb(224, 246, 252);
    border-radius: 8px;
    padding: 15px;
}

.single-list-rightbar li:last-child {
}

.single-list-rightbar li .image-title {
    font-size: 16px;
    color: rgb(0, 0, 0);
    flex-grow: 1;
    width: 100%;
    float: left;
    position: relative;
    padding: 0px 0px 15px;
    font-weight: 600;
}

.single-list-rightbar li .image-sub-title {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    color: rgb(76, 76, 76);
    line-height: 1.5;
    font-weight: 500;
}

.single-list-rightbar .image-ul {
    margin: 15px 0px 25px;
    gap: 5px;
}

.single-list-rightbar .image-ul li {
    border: none;
    font-size: 15px;
    padding: 0px 0px 0px 21px;
    list-style: none;
}

.single-list-rightbar .image-ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: rgb(0, 180, 233);
    border-radius: 180px;
    position: absolute;
    top: 7px;
    left: 5px;
}

.image-info {
    width: revert-layer;
    float: left;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: rgb(255, 255, 255);
    overflow: hidden;
    border-radius: 15px;
}

.image-info img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    padding: 5px;
    border-radius: 15px;
}

.user-manual.sticky .sidebar-section {
    position: fixed;
    top: 0px;
}

.user-manual.absolute .sidebar-section {
    position: absolute;
    top: initial;
    bottom: 0px;
}

.header-title-breadcrumb-overlay {
    background-image: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(219, 247, 255);
    box-sizing: border-box;
    width: 100%;
    background-size: inherit;
    background-position: center center;
    padding: 85px 0px;
    background-repeat: no-repeat;
}

.header-title-breadcrumb-overlay h1 {
    align-self: center;
    color: rgb(0, 0, 0);
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    padding: 5px 0px 15px;
    text-transform: capitalize;
    width: 70%;
    margin: 0px;
    font-family: Montserrat, sans-serif;
}

.single-list {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.single-list > a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: rgb(0, 0, 0);
    text-decoration: none;
    padding: 0px 0px 10px;
    border-radius: 0px;
    transition: background-color 0.3s;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

.single-list ul {
    list-style-type: none;
    width: 100%;
    float: left;
    position: relative;
    padding: 0px;
    margin: 10px 0px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.single-list ul li {
    width: 100%;
    float: left;
    position: relative;
    list-style: none;
    padding-left: 20px;
}

.single-list ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 9px;
    left: 6px;
    border-radius: 180px;
    background: rgb(0, 180, 233);
}

.single-list ul li a {
    font-size: 14px;
    line-height: 1.5;
    color: rgb(130, 130, 130);
    text-decoration: none;
    transition: color 0.3s;
    width: 100%;
    float: left;
    position: relative;
    font-weight: normal;
}

.single-list ul li a:hover {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

.single-list ul li a.active {
    color: rgb(0, 86, 179);
    font-weight: 600;
}

.ai-banner-group {
    text-align: center;
    position: relative;
    z-index: 1;
    gap: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
}

.ai-banner-group .ai-banner-group-left {
    width: 60%;
}

.ai-banner-group .ai-banner-group-left .ai-banner-section {
    text-align: left;
    align-items: flex-start;
}

.ai-banner-group .ai-banner-group-left .ai-banner-section .banner-section-location ul {
    justify-content: flex-start;
}

.ai-banner-group .ai-banner-group-right {
    width: 40%;
}

.ai-banner-group .ai-banner-group-right .ai-banner-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-banner-group .ai-banner-group-right .ai-banner-image img {
    width: 450px;
    padding: 40px;
}

.ai-banner-group .ai-banner-section .banner-section-actions {
    text-align: center;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.ai-banner-group .ai-banner-section .banner-section-actions.left-side{

text-align: left;

align-items: center;

justify-content: flex-start;
}

.ai-banner-group .ai-banner-section .banner-section-actions.equal-btns {
    margin: 0px !important;
}

.ai-banner-group .ai-banner-section .banner-section-actions.equal-btns .btn {
    min-width: 270px;
}

.faq-section {
    width: 100%;
    float: none;
    position: relative;
    margin-bottom: 25px;
}

.faq-section .list-title {
    font-size: 16px;
    font-weight: bold;
    background-color: rgb(240, 240, 240);
    padding: 0.75rem 1rem;
    cursor: pointer;
    border-radius: 6px;
    margin-top: 1rem;
    transition: background-color 0.3s;
}

.faq-section .list-title.active {
    background: linear-gradient(to right, rgb(33, 120, 195), rgb(9, 64, 169));
    color: rgb(255, 255, 255);
}

.faq-section .faq-list {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.faq-section .faq-list.open {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    overflow-y: auto;
}

.faq-section .faq-list li {
    background: rgb(250, 250, 250);
    margin-top: 1rem;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid rgb(240, 240, 240);
}

.faq-section .faq-list .image-title {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.faq-section .faq-list .image-sub-title {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    margin-bottom: 0.75rem;
}

.faq-section .faq-list .image-list {
    width: 100%;
    float: none;
    position: relative;
    margin-bottom: 10px;
}

.faq-section .faq-list .image-list .single {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgb(0, 0, 0);
    padding-left: 20px;
    position: relative;
}

.faq-section .faq-list .image-list .single::before {
    content: "";
    width: 8px;
    height: 8px;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
    position: absolute;
    left: 3px;
    top: 7px;
    border-radius: 180px;
}

.faq-section .faq-list .image-ul {
    padding-left: 1.25rem;
    list-style-type: disc;
    color: rgb(51, 51, 51);
}

.faq-section .faq-list .image-ul li {
    list-style-type: disc;
    padding: 0px;
    margin: 0px 0px 0.75rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgb(68, 68, 68);
    border: none;
}

.modal-form-theme.show, .modal-media.show, .modal-form-theme.modal-in {
    display: block;
}

.modal-form-theme.show::before, .modal-media.show::before, .modal-form-theme.modal-in::before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

body.modal-open {
    overflow: hidden;
}

.modal-form-theme {
    display: none;
    position: fixed;
    z-index: 1051;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.modal-form-theme .modal-dialog {
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
    justify-content: space-around;
    max-width: initial !important;
    margin: 0px !important;
}

.modal-form-theme .modal-dialog .modal-dialog-center {
    position: relative;
    display: flex;
    padding: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 700px;
}

.modal-form-theme .modal-dialog .modal-dialog-center.modal-wizard-content-center {
    max-width: 1400px;
}

.modal-form-theme .modal-dialog .modal-content {
    display: flex;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-align: left;
    flex-direction: column;
    max-height: 100%;
    width: 550px !important;
    margin: 0px 20px !important;
    max-width: calc(100% - 40px) !important;
    border: 2px solid rgb(6, 35, 78) !important;
    box-shadow: rgba(184, 184, 184, 0.52) 0px 0px 30px 0px !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 25px !important;
    padding: 40px !important;
}

.modal-form-theme .modal-dialog .modal-content .modal-header {
    display: flex;
}

.modal-form-theme .modal-dialog .modal-content .modal-header .modal-header-title {
    line-height: 1.2;
    font-family: Montserrat;
    float: left !important;
    font-size: 26px !important;
    color: rgb(6, 35, 78) !important;
    font-weight: 700 !important;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 20px !important;
}

.modal-form-theme .modal-dialog .modal-content .modal-header .modal-header-actions {
    width: auto;
    display: flex;
    gap: 10px;
}

.modal-form-theme .modal-dialog .modal-content .modal-header .modal-header-actions .single-action {
}

.modal-form-theme .modal-dialog .modal-content .modal-header .modal-header-actions .single-action .popmake-close {
    position: relative;
    color: rgb(255, 255, 255);
    font-family: inherit;
    font-weight: 400;
    font-size: 12px;
    font-style: inherit;
    border: 1px none rgb(255, 255, 255);
    width: 52px;
    line-height: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -25px;
    margin-right: -25px;
    border-radius: 180px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    background-image: linear-gradient(to right, rgb(0, 106, 211) 0%, rgb(0, 194, 255) 51%, rgb(0, 87, 177) 100%) !important;
}

.modal-form-theme .modal-actions {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.modal-form-theme .modal-actions .btn {
    min-width: 140px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    line-height: 34px;
    font-weight: 600;
    font-size: 14px;
    margin: 5px;
}

.theme-field-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
    margin: auto;
    border-radius: 10px;
}

.theme-field {
    display: flex;
    flex-direction: column;
}

.theme-field-label {
    font-weight: 600;
    width: 100%;
    position: relative;
    color: gray;
    font-family: Montserrat;
    float: left !important;
    font-size: 13px !important;
    margin-bottom: 4px !important;
}

.theme-field-large, .theme-field-medium {
    padding: 10px 14px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: rgb(241, 241, 241) !important;
}

.theme-field-large:focus, .theme-field-medium:focus {
    outline: none;
    border-color: rgb(0, 119, 204);
    box-shadow: rgba(0, 119, 204, 0.2) 0px 0px 0px 2px;
}

.theme-required-label {
    color: red;
}

.modal-form-theme .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    margin-top: 25px;
}

.modal-form-theme .modal-footer-left, .modal-form-theme .modal-footer-right {
    display: flex;
    align-items: center;
}

.modal-form-theme .btn-theme-outline.btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: white;
    border-radius: 180px;
    font-size: 15px;
    padding: 13px 36px;
    display: inline-block;
    vertical-align: top;
    transition: 250ms;
    font-weight: 600;
    background-image: linear-gradient(to right, rgb(0, 106, 211) 0px, rgb(0, 194, 255) 51%, rgb(0, 87, 177) 100%) !important;
    background-size: 200% !important;
}

.modal-form-theme .btn-theme-outline.btn:hover {
    background-image: linear-gradient(to left, rgb(0, 106, 211) 0px, rgb(0, 194, 255) 51%, rgb(0, 87, 177) 100%) !important;
    color: rgb(255, 255, 255);
}

.btn-whatsapp {
    background: rgb(45, 183, 66);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 8px 2px;
    height: 50px;
    position: relative;
    display: flex;
    padding: 15px 20px 15px 60px;
    border-radius: 180px;
    color: rgb(255, 255, 255);
}

.btn-whatsapp::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") 50% center / 25px no-repeat transparent;
    z-index: 1;
    content: "";
    height: 25px;
    left: 20px;
    position: absolute;
    top: 12px;
    transition: 0.4s;
    width: 25px;
}

.ai-trusted {
    flex-direction: column;
    position: relative;
    display: flex;
    gap: 18px;
    border-radius: 10px;
    border: 1.5px solid rgb(203, 203, 203);
    justify-content: center;
    align-items: center;
    margin: 40px 0px 0px;
    padding: 0px 40px 40px !important;
}

.ai-trusted .ai-trusted-image {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    background: rgb(255, 255, 255);
    margin-top: -40px;
}

.ai-trusted .ai-trusted-image img {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px;
}

.ai-trusted .ai-trusted-title {
    font-weight: 600;
    font-size: 28px;
    color: rgb(0, 0, 0);
    line-height: 1.4;
    font-family: Montserrat;
    text-align: center;
}

.ai-trusted .ai-trusted-description {
    font-size: 1.2em;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
}

.theme-testimonials {
    text-align: center;
    width: 100%;
    float: none;
    position: relative;
    display: inline-block;
}

.theme-testimonials .theme-testimonial-title {
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    color: rgb(126, 217, 87);
    text-transform: uppercase;
    margin-bottom: 50px;
}

.theme-testimonials p {
    text-align: left;
    padding: 0px 50px;
}

.theme-testimonials .theme-testimonial-single {
    width: 100%;
    float: none;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 6px;
    text-align: center;
    gap: 10px;
}

.theme-testimonials .theme-testimonial-single .testimonial-stars {
    width: 100px;
    position: relative;
}

.theme-testimonials .theme-testimonial-single .testimonial-stars img {
    width: 100px;
    position: relative;
}

.theme-testimonials .theme-testimonial-single .testimonial-description {
    color: rgb(255, 255, 255);
    font-weight: 300;
    opacity: initial;
    font-size: 24px;
    line-height: 1.7;
    text-align: center;
}

.theme-testimonials .theme-testimonial-single .testimonial-user {
    font-weight: normal;
    clear: both;
    margin: 10px 0px 5px;
    font-size: 18px;
    text-align: left;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    color: rgb(255, 255, 255) !important;
}

.theme-testimonials .theme-testimonial-single .testimonial-user .testimonial-user-img {
    width: 50px;
    height: 50px;
    border-radius: 180px;
    overflow: hidden;
    min-width: 50px;
}

.theme-testimonials .theme-testimonial-single .testimonial-user .testimonial-user-img img {
    width: 50px;
    height: 50px;
    border-radius: 180px;
    overflow: hidden;
    object-fit: cover;
    min-width: 50px;
}

.theme-testimonials .theme-testimonial-single .testimonial-designation {
    font-weight: 600;
    clear: both;
    margin: 0px;
    font-size: 14px;
    text-align: center;
    color: rgb(92, 92, 92) !important;
}

.theme-testimonials-folder {
    width: 100%;
    float: none;
    display: inline-block;
    background: rgb(0, 37, 101);
    align-items: center;
    padding: 40px 0px;
    position: relative;
}

.theme-testimonials-folder .theme-testimonials-folder-bg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 80%;
}

.theme-testimonials-folder .theme-testimonials-folder-bg img {
    width: 50%;
    max-width: 50%;
    object-fit: contain;
    position: absolute;
    animation: 15s linear 0s infinite normal none running bannerrotate;
    opacity: 0.4;
}

.theme-testimonials-group {
    width: 100%;
    float: none;
    display: inline-block;
    align-items: center;
    position: relative;
}

.theme-testimonials-group .owl-dots, .theme-testimonials-group .owl-nav {
    display: none;
}

.flex-container {
    display: flex;
    background-color: rgb(240, 240, 240);
}

.sidebar {
    min-width: 300px;
    flex-shrink: 0;
    background-color: rgb(135, 206, 235);
    padding: 20px;
    box-sizing: border-box;
}

.main-content, .extra-content {
    flex: 1 1 0%;
    padding: 20px;
    background-color: rgb(144, 238, 144);
    box-sizing: border-box;
}

.main-content {
    background-color: rgb(173, 216, 230);
}

.extra-content {
    background-color: rgb(152, 251, 152);
}

.mt-icon-listgroup {
    display: flex;
    position: relative;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: -80px;
}

.mt-icon-listgroup .mt-icon-listgroup-item {
    width: 100%;
    visibility: visible;
    position: relative;
    background: rgb(255, 255, 255);
    display: flex;
    flex-direction: row;
    border: 1.5px solid rgb(233, 233, 233);
    align-items: center;
}

.mt-icon-listgroup-item .mt-icon-listgroup-holder {
    border-radius: 5px;
    padding: 40px;
    transition: 250ms;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 50%;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video {
    border-radius: 5px;
    padding: 25px;
    transition: 250ms;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    width: 50%;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video .mt-icon-video-center {
    position: relative;
    width: 100%;
    height: auto;
    padding: 25px;
    background: rgb(247, 247, 248);
}

.mt-icon-listgroup-item .mt-icon-listgroup-video .mt-icon-video-center::after {
    content: "";
    background-color: rgba(255, 255, 255, 0);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video .mt-icon-video-center .mt-icon-video-center-image {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    position: relative;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video .mt-icon-video-center .mt-icon-video-center-image::after {
    content: "";
    background-color: rgba(255, 255, 255, 0);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video .mt-icon-video-center .mt-icon-video-center-image video {
    width: 100%;
    height: 100%;
    display: block;
}

.mt-icon-listgroup-item .mt-icon-listgroup-video:hover .mt-icon-video-center .mt-icon-video-center-image {
    transform: scale(1.1);
}

.mt-icon-listgroup-item:hover {
    box-shadow: rgba(17, 12, 46, 0.13) 0px 48px 100px 0px;
    border-color: rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.mt-icon-listgroup-item .mt-icon-listgroup-icon-holder-inner {
    text-align: center;
    transition: 550ms;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.mt-icon-listgroup-item .mt-icon-listgroup-icon-holder-inner img {
    max-width: 60px;
    height: 60px;
    margin-right: 0px;
}

.mt-icon-listgroup-item .mt-icon-listgroup-content-holder-inner {
    overflow: hidden;
    text-align: left;
    transition: 550ms;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mt-icon-listgroup-item .mt-icon-listgroup-title {
    line-height: 1.5;
    font-weight: 600;
    font-size: 22px;
    color: rgb(10, 0, 0);
    font-family: Montserrat;
    margin: 0px;
}

.mt-icon-listgroup-item .mt-icon-listgroup-text {
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin: 0px;
    line-height: 2;
}

.mt-icon-listgroup-item .mt-icon-listgroup-content-holder-button {
    margin-left: auto;
}

.mt-icon-listgroup-item .mt-icon-listgroup-content-holder-button .more-link {
    text-decoration: none;
    color: rgb(0, 123, 255);
    font-weight: bold;
}

.mt-icon-listgroup-item .mt-icon-listgroup-ul {
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mt-icon-listgroup-item .mt-icon-listgroup-ul li {
    font-size: 15px;
    color: rgb(102, 102, 102);
    text-align: left;
    line-height: 1.5;
    list-style: none;
    padding-left: 20px;
    position: relative;
}

.mt-icon-listgroup-item .mt-icon-listgroup-ul li::before {
    content: "";
    width: 6px;
    background: rgb(27, 181, 231);
    position: absolute;
    top: 7px;
    height: 6px;
    left: 7px;
    border-radius: 180px;
}

.no-margin {
    margin: 0px !important;
}

.ai-features-banner-group {
    align-items: center;
    justify-content: center;
}

.ai-features-banner-group .ai-banner-group-left {
    width: 50%;
}

.ai-features-banner-group .ai-banner-group-right {
    width: 50%;
}

.ai-features-banner-group .ai-banner-group-right .ai-banner-image img {
    padding: 0px;
    width: 500px;
}

.video-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.video-list .single-video {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
}

.video-list .single-video-left {
    width: 50%;
    flex: 1 1 0%;
}

.video-list .single-video-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    color: rgb(51, 51, 51);
    margin-bottom: 0.5rem;
}

.video-list .single-video-subtitle {
    width: 100%;
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 2;
}

.video-list .single-video-right {
    width: 260px;
    flex: 1 1 0%;
}

.video-list .single-video-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    background: rgb(247, 247, 248);
}

.video-list .single-video-center-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.video-list .single-video-center-image .single-video-play {
    width: 80px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -24px;
    cursor: pointer;
}

.video-list .single-video-center-image .single-video-play img {
    width: 80px;
    height: 47px;
}

.video-list .single-video-center-image img {
    max-width: 100%;
    transition: 400ms ease-in-out;
    height: auto;
    cursor: pointer;
}

.video-list .single-video-center-image:hover img {
    transform: scale(1.1);
}

.video-list .single-video .single-video-modal {
    display: none;
}

.video-list .single-video.active .single-video-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000000;
}

.video-list .single-video.active .single-video-modal::before {
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.video-list .single-video.active .single-video-modal-close {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 180px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 40px;
}

.video-list .single-video.active .single-video-modal .single-video-modal-center {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 450px;
}

.video-list .single-video .single-video-modal .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}

.video-list .single-video .single-video-modal .video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
}

.theme-steps {
    display: flex;
    flex-direction: row;
    gap: 6rem;
}

.theme-steps .theme-step-single .theme-step-arrow {
    width: 6rem;
    height: 6rem;
    position: absolute;
    margin-left: -6rem;
    top: 50%;
    padding: 1rem;
    margin-top: -2rem;
}

.theme-steps .theme-step-single:first-child .theme-step-arrow {
    display: none;
}

.theme-steps .theme-step-single .theme-step-arrow img {
    padding: 1rem;
    background-color: rgb(229, 231, 235);
    border-radius: 20px;
}

.theme-steps .theme-step-single {
    display: flex;
    flex-direction: column;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    justify-content: flex-start;
    gap: 0px;
    width: 100%;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.theme-steps .theme-step-single .theme-step-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    width: 100%;
    text-align: center;
    padding: 64px 1.5rem 1.5rem;
    height: 100%;
    border: 1.5px solid rgb(233, 233, 233);
    border-radius: 5px;
}

.theme-steps .theme-step-number {
    margin-bottom: -40px;
    position: relative;
}

.theme-steps .theme-step-number span {
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    line-height: 80px;
    height: 80px;
    width: 80px;
    text-align: center;
    background: rgb(52, 183, 71);
    border-radius: 180px;
    position: relative;
}

.theme-steps .theme-step-number::before {
    content: "";
    width: 100px;
    height: 100px;
    border: 4px solid rgb(239, 239, 239);
    position: absolute;
    top: -10px;
    border-radius: 180px;
    background: rgb(255, 255, 255);
    left: 50%;
    margin-left: -50px;
}

.theme-steps .theme-step-title {
    font-weight: 600;
    font-size: 20px;
    color: rgb(10, 0, 0);
    line-height: 32px;
}

.theme-steps .theme-step-description {
    font-size: 15px;
    color: rgb(85, 85, 85);
    margin-bottom: 16px;
    line-height: 1.8;
}

.ai-about-section.ai-about-section-with-banner {
    width: 100%;
    visibility: visible;
    position: relative;
    background: rgb(255, 255, 255);
    display: flex;
    flex-direction: row;
    border: 1.5px solid rgb(233, 233, 233);
    align-items: center;
    padding: 50px;
    margin: -80px 0px 0px;
}

.WhyHomie.WhyHomieGray {
    background: rgb(248, 248, 253);
}

.WhyHomie.WhyHomieWhite {
    background: #ffffff;
    padding: 0px;
    border-radius: 0px;
}
.WhyHomie {
    max-width: 100%;
    padding: 40px;
    background: rgb(238, 242, 249);
    border-radius: 24px;
}

.WhyHomie .align-left {
    align-items: flex-start;
    text-align: left;
}

.WhyHomie h3 {
    font-size: 32px;
    line-height: 1.4;
    font-family: Montserrat;
    font-weight: 600;
    color: rgb(0, 0, 0);
    justify-content: center;
    align-items: center;
    text-align: center;
}

.WhyHomie .highlight {
    color: rgb(16, 65, 167);
    padding: 0px 10px;
}

.WhyHomie ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}

.WhyHomie ul li {
    padding: 12px 0px 12px 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    color: rgb(0, 0, 0);
}

.WhyHomie ul li::before {
    content: "-";
    color: rgb(0, 168, 107);
    font-weight: bold;
    font-size: 16px;
    margin-top: 3px;
    position: absolute;
    left: 0px;
    top: 9px;
}

.WhyHomie ul li strong {
    color: rgb(16, 65, 167);
}

.WhyHomie ul.noborder li {
    padding: 3px 0px 3px 26px;
    border: none;
}

.WhyHomie ul.noborder li::before {
    margin: 0px;
    top: 3px;
}

.WhyHomie p {
    margin-top: 30px;
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: normal;
    line-height: 1.8;
}

.WhyHomie a {
    color: rgb(0, 86, 210);
    text-decoration: none;
}

.WhyHomie a:hover {
    text-decoration: underline;
}

.WhyHomie-content {
    width: 100%;
    gap: 1rem;
    display: flex;
    flex: 1 1 0%;
}

.WhyHomie-content .WhyHomie-content-left {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.WhyHomie-content .WhyHomie-content-left img {
    width: 100%;
    max-width: 400px;
}

.WhyHomie-content .WhyHomie-content-left.left-about-image img {
    width: 100%;
    max-width: 320px;
}

.WhyHomie-content .WhyHomie-content-right {
    flex: 1 1 0%;
}

.WhyHomie-content .WhyHomie-content-right .Company-Logo {
    margin-top: 20px;
}

.WhyHomie-content .WhyHomie-content-right .Company-Logo img {
    max-height: 60px;
}

.WhyHomie-content .WhyHomie-content-right .btn-center-group {
    justify-content: flex-start;
    gap: 20px;
    margin-top: 40px;
}

.WhyHomie-content .WhyHomie-content-right .btn-center-group.align-left {
    justify-content: flex-start;
}

.theme-video-testimonial {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.theme-video-testimonial .theme-video-testimonial-single {
    width: 100%;
    max-width: 800px;
    border-radius: 16px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 24px;
}

.theme-video-testimonial .theme-video-testimonial-single .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}

.theme-video-testimonial .theme-video-testimonial-single .video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

.ai-about-section .ai-about-single .ai-about-innertitle {
    font-weight: 600;
    font-size: 24px;
    color: rgb(10, 0, 0);
    line-height: 32px;
    text-align: center;
}

.ai-about-new-title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.ai-about-new-title::before {
    content: "";
    width: 100%;
    border-top: 4px dotted rgb(129, 216, 99);
    position: absolute;
    top: 50%;
}

.ai-about-new-title span {
    font-size: 28px;
    line-height: 1.4;
    font-family: Montserrat;
    font-weight: 600;
    color: rgb(16, 65, 167);
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    padding: 0px 20px;
    background: rgb(255, 255, 255);
    position: relative;
}

.ai-challenges .hightlight-text-green {
    font-weight: 600;
    font-size: 16px;
    color: rgb(99, 187, 68);
}

.ai-challenges .hightlight-text-stats {
    display: block;
}

.ai-challenges .highlight-stats-bold {
    font-weight: 600;
    font-size: 16px;
    color: black;
}

.aiforlearning-info-group {
    width: 100%;
    display: flex;
    gap: 50px;
}

.aiforlearning-info-group .aiforlearning-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aiforlearning-info-group .aiforlearning-icon img {
    width: 100%;
    padding: 25px;
    max-width: 400px;
}

.aiforlearning-info-group .ai-about-title, .aiforlearning-info-group .ai-about-description {
    justify-content: flex-start !important;
    text-align: left !important;
}

.aiforlearning-info-group .aiforlearning-infoleft-group {
    flex: 0.3 1 0%;
}

.aiforlearning-info-group .aiforlearning-inforight-group {
    flex: 0.7 1 0%;
}

.single-video-modal-common {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000000 !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

.single-video-modal-common .single-video-modal-center {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 450px;
}

.single-video-modal-common .single-video-modal-center .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}

.single-video-modal-common .single-video-modal-center .video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
}

.single-video-modal-common .single-video-modal-close {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 180px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 40px;
}

body.video-active .ai-banner-video-group .ai-banner-video {
    z-index: 0;
}

.btn-groups {
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 10px;
}

.ai-awards-recognitions {
    align-items: center;
    padding: 40px 0px;
    position: relative;
    display: flex;
    width: 100%;
    float: left;
}

.ai-awards-recognitions-center {
    text-align: center;
}

.ai-awards-recognitions .ai-awards-title {
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 30px;
    color: rgb(0, 0, 0);
    line-height: 1.4;
    font-family: Montserrat;
    text-align: center;
}

.ai-awards-list {
    text-align: center;
    width: 100%;
    position: relative;
}

.ai-awards-list .ai-awards-single {
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    gap: 10px;
}

.ai-awards-list .ai-awards-single .ai-awards-content {
    text-align: center;
    width: 100%;
}

.ai-awards-list .ai-awards-single:hover {
}

.ai-awards-list .ai-awards-single .ai-awards-stars {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ai-awards-list .ai-awards-single .ai-awards-stars img {
    background-size: cover;
    max-width: 250px;
}

.ai-awards-list .ai-awards-single .ai-awards-title {
    font-size: 16px;
    font-weight: 600;
    color: rgb(31, 41, 55);
    margin: 0px;
}

.ai-awards-list .ai-awards-single .ai-awards-from {
    font-size: 13px;
    color: rgb(107, 114, 128);
}

.features-section {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.features-title {
    text-align: center;
    font-size: 36px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
}

.features-subtitle {
    margin-top: 30px;
    text-align: center;
    font-size: 22px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(0, 63, 171);
    font-weight: 500;
}

.features-singleword {
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}

.features-singleword span {
    position: relative;
    background: linear-gradient(to right, rgb(33, 120, 195), rgb(9, 64, 169)) text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.features-description {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 1.6;
}

.features-grid {
    display: flex;
    gap: 25px;
    flex-direction: row;
    margin-top: 40px;
}

.feature-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(213, 213, 213);
    border-radius: 16px;
    padding: 30px;
    transition: transform 0.2s;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.feature-card .feature-icon.only-icon {
    height: initial;
    justify-content: flex-start;
}

.feature-card .feature-icon.only-icon img {
    max-height: 70px;
    max-width: 70px;
}

.feature-card .feature-icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.feature-card .feature-icon img {
    max-height: 180px;
    max-width: 180px;
    width: 100%;
}

.feature-card:hover {
    box-shadow: rgba(213, 213, 213, 0.3) 0px 40px 40px;
    border: 1px solid rgb(112, 197, 76);
}

.feature-card.active {
    background: rgb(112, 197, 76);
    border: 1px solid rgb(112, 197, 76);
}

.feature-card.active .feature-heading, .feature-card.active .feature-subheading, .feature-card.active p, .feature-card.active a {
    color: rgb(255, 255, 255) !important;
}

.feature-card .feature-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.feature-card .feature-action {
    font-size: 13px;
}

.feature-card .feature-action a {
    font-size: 13px;
    color: rgb(16, 65, 167);
}

.feature-card .feature-action span {
    position: relative;
    transition: 0.2s ease-out;
}

.feature-card .feature-action span::before {
    content: "";
    transition: 0.2s ease-out;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 8px;
    position: absolute;
    height: 8px;
    right: -10px;
    transform: rotate(45deg);
    top: 5px;
}

.feature-card .feature-action:hover span::before {
    content: "";
    right: -20px;
}

.feature-card .feature-heading {
    font-size: 20px;
    font-weight: 700;
    color: rgb(54, 54, 54);
}

.feature-card .feature-subheading {
    font-size: 18px;
    font-weight: normal;
}

.feature-card p {
    font-size: 14px;
    font-weight: normal;
}

.feature-list {
    font-size: 20px;
    font-weight: 600;
    color: rgb(29, 53, 87);
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.feature-list li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.5;
}

.feature-list li::before {
    content: " ";
    position: absolute;
    left: 0px;
    color: rgb(0, 170, 255);
    font-weight: bold;
    width: 10px;
    height: 6px;
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    top: 7px;
}

.about-sections-group {
    display: flex;
    justify-content: center;
    gap: 40px;
    width: 100%;
}

.about-sections-group .about-sections-one {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.about-sections-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-sections-image img {
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 500px;
}

.cta-section {
    text-align: center;
}

.cta-section .cta-text {
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin-bottom: 20px;
}

.cta-section .cta-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.about-sections-one-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    gap: 20px;
}

.about-sections-one-content .ai-about-description {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left !important;
}

.ai-events-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    justify-items: center;
}

.ai-events-single-image {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.ai-events-single {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.ai-events-single .ai-events-content {
    padding: 30px 15px 15px;
    text-align: left;
    width: 100%;
    position: absolute;
    bottom: -100%;
    background: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.69), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    transition: 0.2s ease-out;
}

.ai-events-single:hover .ai-events-content {
    bottom: 0%;
}

.ai-events-single .ai-events-stars {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.ai-events-single .ai-events-stars img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    filter: grayscale(1);
}

.ai-events-single:hover .ai-events-stars img {
    filter: none;
}

.ai-events-single .ai-events-title {
    font-size: 13px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    margin: 0px;
}

.ai-events-single .ai-events-from {
    font-size: 14px;
    color: rgb(107, 114, 128);
}

.group-image {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: -50px;
}

.group-image::after {
    content: "";
    width: calc(100% + 40px);
    height: 164px;
    border: 1px solid rgb(213, 213, 213);
    position: absolute;
    left: -20px;
    background: rgb(255, 255, 255);
    bottom: -98px;
    border-radius: 50%;
}

.group-image .group-image-center {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.group-image .group-image-center img {
    width: 700px;
    float: left;
    position: relative; 
    margin-bottom: 40px;
     transition: width 0.12s linear;
     max-width: 100%;
}

.cta-action-group-section {
    background: linear-gradient(rgba(248, 248, 248, 0) 0%, rgb(240, 240, 240) 100%) 0% 0% no-repeat padding-box padding-box transparent;
    position: relative;
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.cta-action-group-section.top-padding {
    padding: 40px 0px 0px;
}

.cta-action-group {
    flex-direction: row-reverse;
    position: relative;
    display: flex;
    gap: 40px;
    border-radius: 10px;
    justify-content: center;
    align-items: flex-end;
}

.cta-action-group .cta-action-group-left {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: column;
    padding: 50px !important;
}

.cta-action-group .cta-action-group-right {
    max-width: 50%;
    min-width: 500px;
    padding: 0px !important;
}

.cta-action-group .cta-action-image {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-action-group .cta-action-image .lazy-load-image-background {
    display: flex !important;
}

.cta-action-group .cta-action-image img {
    width: 100%;
    position: relative;
    max-width: 400px;
}

.cta-action-group .ai-trusted-image {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
}

.cta-action-group .ai-trusted-image img {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px;
}

.cta-action-group .ai-trusted-title {
    text-align: center;
    font-size: 31px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
}

.cta-action-group .ai-trusted-description {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 1.6;
}

.video-list-three {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.video-list-three .owl-item .single-video {
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0.5;
    transform: scale(0.9);
}

.video-list-three .owl-item.center .single-video {
    opacity: 1;
    transform: scale(1);
}

.video-list-three .single-video {
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    overflow: hidden;
}

.video-list-three .single-video .single-video-center-group {
    width: 100%;
    float: left;
    position: relative;
}

.video-list-three .single-video .single-video-center-content {
    width: 100%;
    float: left;
    position: relative;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
}

.video-list-three .single-video .single-video-center-content .video-description {
    font-size: 15px;
    line-height: 1.8;
    text-align: left;
}

.video-list-three .single-video .single-video-center-content .video-title {
    font-size: 20px;
    font-weight: 600;
    color: rgb(31, 41, 55);
    margin: 0px;
    text-align: left;
    width: 100%;
}

.video-list-three .single-video-left {
    width: 50%;
    flex: 1 1 0%;
}

.video-list-three .single-video-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    color: rgb(51, 51, 51);
    margin-bottom: 0.5rem;
}

.video-list-three .single-video-subtitle {
    width: 100%;
    color: rgb(51, 51, 51);
    font-size: 16px;
    line-height: 2;
}

.video-list-three .single-video-right {
    width: 260px;
    flex: 1 1 0%;
}

.video-list-three .single-video-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56.25% 15px 15px;
    background: rgb(247, 247, 248);
    position: relative;
    width: 100%;
    overflow: hidden;
}

.video-list-three .single-video-center img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-list-three .single-video-center-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 20px;
    overflow: hidden;
}

.video-list-three .single-video-center-image .single-video-play {
    width: 80px;
    height: 47px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -24px;
    cursor: pointer;
}

.video-list-three .single-video-center-image .single-video-play img {
    width: 80px;
    height: 47px;
}

.video-list-three .single-video-center-image img {
    max-width: 100%;
    transition: 400ms ease-in-out;
    height: auto;
    cursor: pointer;
}

.video-list-three .single-video-center-image:hover {
    border: 4px solid rgb(25, 96, 167);
}

.video-list-three .single-video .single-video-modal {
    display: none;
}

.video-list-three .single-video.active .single-video-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000000;
}

.video-list-three .single-video.active .single-video-modal::before {
    content: "";
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.video-list-three .single-video.active .single-video-modal-close {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 180px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 40px;
}

.video-list-three .single-video.active .single-video-modal .single-video-modal-center {
    position: relative;
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 450px;
}

.video-list-three .single-video-center .single-video-modal .video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    overflow: hidden;
}

.video-list-three .single-video-center .single-video-modal .video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
}

.video-list-three .theme-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 1;
    width: 80px;
}

.video-list-three .theme-video-play img {
    width: 100%;
    float: left;
}

.video-popup-overlay-home {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.video-popup-overlay-home .video-popup-content {
    position: relative;
    width: 90%;
    max-width: 900px;
    background: rgb(0, 0, 0);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 20px;
}

.video-popup-overlay-home .video-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: red;
    color: rgb(255, 255, 255);
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 180px;
    padding: 0px;
}

.video-popup-overlay-home .video-close-btn:hover {
    background: darkred;
}

.video-popup-overlay-home .video-popup-content iframe {
    width: 100%;
    height: 500px;
}

.ai-events-list .owl-nav {
    text-align: center;
}

.ai-events-list .owl-carousel {
    width: 100%;
    float: none;
    position: relative;
    padding: 0px 50px;
}

.ai-events-list .owl-carousel .owl-prev {
    left: 0px;
    top: 50%;
}

.ai-events-list .owl-carousel .owl-next {
    right: 0px;
    left: initial;
}

.ai-events-list .owl-carousel .owl-prev, .ai-events-list .owl-carousel .owl-next {
    margin: -8px 5px 0px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    background: transparent !important;
    color: transparent !important;
}

.ai-events-list .owl-prev span::before, .ai-events-list .owl-next span::before {
    content: "";
    width: 24px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.5;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 35.998 22.511\"><path d=\"M35.339,19.589a2.253,2.253,0,0,0,0-3.185l-9-9a2.252,2.252,0,0,0-3.185,3.185l5.161,5.161H2.25a2.25,2.25,0,0,0,0,4.5H28.315l-5.161,5.161A2.252,2.252,0,1,0,26.339,28.6l9-9Z\" transform=\"translate(0 -6.745)\"/></svg>");
}

.ai-events-list .owl-prev span::before {
    content: "";
    transform: rotate(180deg);
}

.ai-events-list .owl-next span::before {
    content: "";
    transform: rotate(0deg);
}

.ai-events-list.owl-prev:hover span::before, .ai-events-list.owl-next:hover span::before {
    opacity: 1;
}

.ai-events-list.owl-prev span, .ai-events-list .owl-next span {
    position: relative;
    width: 24px;
    height: 15px;
    float: left;
    color: transparent;
}

.banner-group-joiner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 500px;
}

.banner-group-joiner .banner-group-joiner-users {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-group-joiner .banner-group-joiner-users .banner-user-one {
    width: 40px;
    border-radius: 180px;
    overflow: hidden;
    border: 2px solid rgb(255, 255, 255);
    height: 40px;
    margin-left: -10px;
}

.banner-group-joiner .banner-group-joiner-users .banner-user-one img {
    width: 100%;
}

.banner-group-joiner .banner-group-joiner-text {
    color: rgb(54, 54, 54);
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
}

.trust-group {
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0px;
}

.trust-group .container-theme {
}

.trust-group .trust-group-content {
}

.trust-group .trust-group-header-group {
    width: 100%;
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.trust-group .trust-group-header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: stretch;
    position: relative;
}

.trust-group .trust-group-header-group::before {
    content: "";
    background: rgb(0, 37, 101);
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0px;
}

.trust-group .trust-group-header-left {
    background: rgb(0, 37, 101);
    border-radius: 0px 20px 20px 0px;
    padding: 50px 50px 50px 0px;
    width: 100%;
}

.trust-group .trust-group-singleword {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    width: 100%;
    position: relative;
    font-size: 18px;
}

.trust-group .trust-group-body-group {
    width: 100%;
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.trust-group .trust-group-body-group::before {
    content: "";
    background: rgb(248, 248, 253);
    position: absolute;
    width: 50%;
    right: 0px;
    bottom: 0px;
    height: calc(100% + 100px);
    z-index: -1;
}

.trust-group .trust-group-body {
    background: rgb(248, 248, 253);
    border-radius: 0px 0px 0px 30px;
    padding: 40px;
}

.trust-group .trust-group-title {
    text-align: left;
    font-size: 36px;
    line-height: 1.4;
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.trust-group .trust-group-title span {
    color: rgb(0, 180, 233);
}

.trust-group .trust-group-joiner {
    display: flex;
    margin-top: 15px;
    flex-direction: column;
    gap: 10px;
}

.trust-group .trust-group-joiner-users {
    display: flex;
    padding-left: 5px;
}

.trust-group .trust-user-one, .trust-group .btrustanner-user-one {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgb(3, 38, 100);
    margin-left: -5px;
}

.trust-group .trust-user-one img, .trust-group .btrustanner-user-one img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trust-group .trust-group-joiner-text {
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.trust-group .trust-group-header-right {
    text-align: right;
    width: max-content;
    max-width: 30%;
}

.trust-group .trust-group-image {
    width: 100%;
    height: 106%;
    margin-top: -6%;
}

.trust-group .trust-group-image img {
    width: 100%;
    height: 100%;
}

.trust-group.WhyWeBrought .trust-group-header-right {
    max-width: 300px;
}

.trust-group.WhyWeBrought .trust-group-image {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    min-width: 300px;
    min-height: 300px;
}

.trust-group.WhyWeBrought .trust-group-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.comparison-section {
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0px;
    overflow: hidden;
}

.comparison-section.background-gray-active {
    background-color: rgb(248, 248, 253);
}

.comparison-section .comparison-section-content {
    width: 100%;
    float: left;
    position: relative;
}

.comparison-section .comparison-section-bg {
    position: absolute;
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    top: 0px;
    z-index: -1;
}

.comparison-section .comparison-section-bg img {
    width: 50%;
    max-width: 50%;
    opacity: 0.03;
    object-fit: contain;
    position: absolute;
    animation: 15s linear 0s infinite normal none running bannerrotate;
    top: 0px;
    left: -20%;
}

.who-application-group {
    width: 100%;
    float: left;
    position: relative;
    padding: 40px 0px;
    overflow: hidden;
}

.theme-applicationusers {
    padding: 0px;
    margin: 0px 0px 40px;
    gap: 30px;
    display: flex;
    width: 100%;
}

.theme-applicationusers.theme-applicationusers-four .theme-single-applicationuser {
    flex: 1 1 calc(25% - 20px);
    align-items: center;
    background: rgb(247, 251, 252);
    border-top: 4px solid rgb(0, 180, 233);
}

.theme-applicationusers.theme-applicationusers-two .theme-single-applicationuser {
    flex: 1 1 calc(50% - 20px);
}

.theme-applicationusers.theme-applicationusers-four .theme-single-applicationuser .theme-applicationusers-title, .theme-applicationusers.theme-applicationusers-four .theme-single-applicationuser .theme-applicationusers-subtitle {
    text-align: left;
}

.theme-applicationusers.theme-applicationusers-two .theme-single-applicationuser .theme-applicationusers-title, .theme-applicationusers.theme-applicationusers-two .theme-single-applicationuser .theme-applicationusers-subtitle {
    text-align: left;
}

.theme-single-applicationuser .theme-applicationusers-title::before, .theme-single-applicationuser .theme-applicationusers-title::after {
    content: "";
    position: absolute;
    transition: none;
}

.theme-single-applicationuser .theme-applicationusers-title::before {
    bottom: 0px;
    left: 0px;
    height: 2px;
    width: 0px;
    animation: auto ease 0s 1 normal none running none;
    background: rgb(39, 127, 196);
}

.theme-single-applicationuser .theme-applicationusers-title::after {
    bottom: 0px;
    right: 0px;
    height: 2px;
    width: 0px;
    animation: auto ease 0s 1 normal none running none;
    background: rgb(128, 215, 100);
}

.theme-single-applicationuser:hover .theme-applicationusers-title::before {
    animation: 1s linear 0s 1 normal forwards running drawTopRight;
    background: rgb(128, 215, 100);
}

@keyframes drawTopRight {
    0% {
        width: 0px;
        height: 2px;
        background: rgb(39, 127, 196);
    }

    50% {
        width: 70%;
        height: 2px;
        background: rgb(39, 127, 196);
    }
}

@keyframes drawBottomLeft {
    0% {
        width: 0px;
        height: 2px;
        background: rgb(128, 215, 100);
    }

    50% {
        width: 70%;
        height: 2px;
        background: rgb(128, 215, 100);
    }
}

.theme-single-applicationuser {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
    flex-direction: column;
    border: 1px solid rgb(213, 213, 213);
    padding: 30px;
    width: 100%;
}

.theme-single-applicationuser .theme-single-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    max-width: 350px;
}

.theme-single-applicationuser.bg-white {
    background: rgb(255, 255, 255);
}

.theme-single-applicationuser:hover {
    box-shadow: rgba(213, 213, 213, 0.3) 0px 40px 40px;
}

.theme-single-applicationuser .theme-applicationusers-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}

.theme-single-applicationuser .theme-applicationusers-icon img {
    width: 60px;
    height: 60px;
}

.theme-single-applicationuser .theme-applicationusers-title {
    font-weight: normal;
    font-size: 28px;
    color: rgb(10, 0, 0);
    line-height: 1.5;
    text-align: left;
    position: relative;
}

.theme-single-applicationuser .theme-applicationusers-subtitle {
    font-size: 16px;
    color: rgb(54, 54, 54);
    line-height: 1.5;
    font-weight: 600;
}

.theme-single-applicationuser .theme-applicationusers-features {
    list-style-type: disc;
    color: rgb(51, 51, 51);
    font-size: 14.5px;
    padding: 0px;
}

.theme-single-applicationuser .theme-applicationusers-features li {
    margin-bottom: 5px;
    font-size: 15px;
    color: rgb(54, 54, 54);
    line-height: 1.5;
    font-weight: normal;
    list-style: none;
    padding-left: 24px;
    position: relative;
}

.theme-single-applicationuser .theme-applicationusers-features li::before {
    content: "";
    width: 10px;
    height: 5px;
    border-bottom: 2px solid rgb(52, 183, 71);
    border-left: 2px solid rgb(52, 183, 71);
    position: absolute;
    transform: rotate(-45deg);
    left: 0px;
    top: 6px;
}

.application-for-group {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    position: relative;
}

.application-for-group .application-for-left {
    width: 400px;
    position: absolute;
    padding-right: 40px;
    top: 20px;
    margin-left: -400px;
}

.application-for-group .application-for-left .about-sections-image {
    width: 100%;
}

.application-for-group .application-for-left .about-sections-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    max-width: 100%;
    max-height: 100%;
}

.application-for-group .application-for-right {
    width: 100%;
}

.application-for-group.stickynew .application-for-left {
    position: fixed;
}

.feature-mt-listgroup {
    width: 100%;
}

.feature-mt-listgroup.odd-child {
    margin-left: -80px;
    overflow: hidden;
    width: calc(100% + 80px);
}

.feature-mt-listgroup .feature-mt-listgroup-item {
    width: 100%;
}

.feature-mt-listgroup .feature-mt-listgroup-item .feature-mt-list-single {
    background: rgb(74, 144, 226);
    color: rgb(255, 255, 255);
    text-align: center;
    display: inline-block;
    height: 200px;
    width: 356px;
    aspect-ratio: 16 / 9;
    position: relative;
}

.feature-mt-listgroup-item .feature-mt-listgroup-video::before {
    content: "";
    border: 5px solid rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder::before {
    content: "";
    border: 5px solid rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder {
    padding: 30px;
    display: flex;
    gap: 15px;
    background: rgb(0, 180, 233);
    height: 200px;
    width: 356px;
    aspect-ratio: 16 / 9;
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder.gray {
    background: rgb(248, 248, 248);
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder.gray .feature-mt-listgroup-title, .feature-mt-listgroup-item .feature-mt-listgroup-holder.gray .feature-mt-listgroup-text {
    color: rgb(54, 54, 54);
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder.gray .feature-action {
    color: rgb(16, 65, 167);
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder.gray .feature-action a {
    position: relative;
}

.feature-mt-listgroup-item .feature-mt-listgroup-holder.gray {
    background: rgb(248, 248, 248);
}

.feature-mt-listgroup-item .feature-mt-listgroup-video {
    align-items: center;
    border: 1px solid rgb(241, 241, 241);
    height: 200px;
    width: 356px;
    aspect-ratio: 16 / 9;
}

.feature-mt-listgroup-item .feature-mt-listgroup-video .feature-mt-video-center {
    position: relative;
    width: 100%;
    height: 100%;
}

.feature-mt-listgroup-item .feature-mt-listgroup-video .feature-mt-video-center .feature-mt-video-center-image {
    margin: 0px auto;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    position: relative;
    height: 100%;
}

.feature-mt-listgroup-item .feature-mt-listgroup-video .feature-mt-video-center .feature-mt-video-center-image video {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

.feature-mt-listgroup-item .feature-mt-listgroup-icon-holder-inner {
    text-align: center;
    transition: 550ms;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.feature-mt-listgroup-item .feature-mt-listgroup-icon-holder-inner img {
    max-width: 50px;
    height: 50px;
    margin-right: 0px;
    min-width: 50px;
}

.feature-mt-listgroup-item .feature-mt-listgroup-content-holder-inner {
    overflow: hidden;
    text-align: left;
    transition: 550ms;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.feature-mt-listgroup-item .feature-mt-listgroup-title {
    line-height: 1.5;
    font-weight: 600;
    font-size: 20px;
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    margin: 0px;
}

.feature-mt-listgroup-item .feature-mt-listgroup-text {
    min-height: 48px;
    font-size: 13px;
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: 24px;
    font-weight: normal;
    height: 48px;
    overflow: hidden;
    white-space: break-spaces;
    min-width: 240px;
}

.feature-mt-listgroup-item .feature-action {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
}

.feature-mt-listgroup-item .feature-action a {
}

.feature-mt-listgroup-item .feature-action span {
    position: relative;
    transition: 0.2s ease-out;
    color: rgb(16, 65, 167);
}

.feature-mt-listgroup-item .feature-action span::before {
    content: "";
    transition: 0.2s ease-out;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 8px;
    position: absolute;
    height: 8px;
    right: -10px;
    transform: rotate(45deg);
    top: 5px;
}

.feature-mt-listgroup-item .feature-action:hover span::before {
    content: "";
    right: -20px;
}

.feature-mt-listgroup-item .feature-mt-listgroup-content-holder-button {
    margin-left: auto;
}

.feature-mt-listgroup-item .feature-mt-listgroup-content-holder-button .more-link {
    text-decoration: none;
    color: rgb(0, 123, 255);
    font-weight: bold;
}

.feature-mt-listgroup-item .feature-mt-listgroup-ul {
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feature-mt-listgroup-item .feature-mt-listgroup-ul li {
    font-size: 15px;
    color: rgb(102, 102, 102);
    text-align: left;
    line-height: 1.5;
    list-style: none;
    padding-left: 20px;
    position: relative;
}

.feature-mt-listgroup-item .feature-mt-listgroup-ul li::before {
    content: "";
    width: 6px;
    background: rgb(27, 181, 231);
    position: absolute;
    top: 7px;
    height: 6px;
    left: 7px;
    border-radius: 180px;
}

.feature-mt-listgroup-section-group {
    align-items: center;
    padding: 40px 0px;
    position: relative;
    width: 100%;
    float: left;
    border-bottom: 1px solid rgb(213, 213, 213);
}

.feature-mt-listgroup-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px;
    overflow: auto hidden;
    margin-bottom: 30px;
}

.ai-banner-image-inner.mobileapp {
    margin-bottom: 0px;
}

.ai-banner-image-inner.mobileapp img {
    max-width: 1000px;
}

.ai-banner-image-inner.full-image {
    margin-bottom: 0px;
}

.ai-banner-image-inner.full-image img {
    max-width: 1000px;
}

.ai-banner-image-inner.full-Blogsimage {
    margin-bottom: 0px;
}

.ai-banner-image-inner.full-Blogsimage img {
    max-width: 600px;
}

.ai-banner-image-inner {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 29px;
    margin-bottom: 50px;
}

.ai-banner-image-inner img {
    width: 100%;
    float: left;
    position: relative;
    max-width: 500px;
}

.gallary-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000000 !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

.gallary-modal .close-button {
    position: fixed;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: rgb(255, 255, 255);
    border-radius: 180px;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 40px;
    z-index: 1;
}

.gallary-modal .close-button:hover {
    color: rgb(239 68 68 / var(--tw-text-opacity));
}

.gallary-modal .gallary-modal-center {
    width: calc(100% - 80px);
    height: initial;
    justify-content: center;
    display: grid;
    flex-direction: column;
    overflow: hidden;
    margin: 40px;
    position: relative;
}

.gallary-modal .gallary-modal-center .gallary-modal-center-image {
    position: relative;
    overflow: hidden;
    display: flex;
    border: 10px solid rgb(255, 255, 255);
    object-fit: contain;
}

.gallary-modal .gallary-modal-center .gallary-modal-center-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.gallary-modal .gallary-modal-center .gallary-modal-title {
    position: relative;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    padding-top: 10px;
}

.highlighted-btn {
    position: relative;
    font-size: 16px;
    color: white;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.3s;
}

.highlighted-btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(120deg, rgba(20, 20, 20, 0.1) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.2) 100%);
    transform: skewX(-20deg);
    animation: 2s linear 0s infinite normal none running slide;
}

.highlighted-btn span {
    color: rgb(255, 255, 255);
    position: relative;
    align-items: center;
    display: flex;
}

@keyframes slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.features-section-header {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
    gap: 40px;
}

.features-section-header .features-section-header-left {
    width: auto;
}

.features-section-header .features-section-header-left h1, .features-section-header .features-section-header-left h2, .features-section-header .features-section-header-left h3, .features-section-header .features-section-header-left h4, .features-section-header .features-section-header-left h5, .features-section-header .features-section-header-left h6, .features-section-header .features-section-header-left p {
    text-align: left;
}

.features-section-header .features-section-header-right {
    width: auto;
}

.features-section-header .features-section-header-right .features-section-header-image {
    width: auto;
}

.features-section-header .features-section-header-right .features-section-header-image img {
    width: auto;
    min-width: 350px;
}

#tidio-chat {
    width: calc(100% - 30px) !important;
    height: calc(100% - 95px) !important;
    right: 15px !important;
    bottom: 70px !important;
}

.blog-list-group.blog-list-group-single {
    grid-template-columns: repeat(1, minmax(0px, 1fr));
}

.blog-list-group {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 1.5rem;
    display: grid;
}

.blog-list-group .blog-single {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(213, 213, 213);
    border-radius: 16px;
    padding: 0px;
    transition: transform 0.2s;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
    box-shadow: none;
    overflow: hidden;
    margin: 0px;
}

.blog-list-group .blog-single:hover {
    box-shadow: rgba(213, 213, 213, 0.3) 0px 40px 40px;
    border: 1px solid rgb(16, 65, 167);
}

.blog-list-group .blog-single .blog-single-image {
    width: 100%;
    height: auto;
    position: relative;
    border-bottom: 1px solid rgba(213, 213, 213, 0.31);
}

.blog-list-group .blog-single .blog-single-image img {
    object-fit: contain;
    width: 100%;
    float: left;
    position: relative;
    height: initial;
}

.blog-list-section .blog-list-group .blog-single .blog-single-title {
       position: relative;
    width: 100% !important;
    float: none;
    display: inline-block !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    margin-top: 0px !important;
    padding: 0px !important;
    border: none !important;
}


.blog-list-section .blog-list-group .blog-single .blog-single-title:hover {
    color: rgb(16, 65, 167);
}

.blog-list-group .blog-single .blog-single-excerpt {
    position: relative;
    width: 100%;
    float: none;
    display: inline-block;
    --tw-text-opacity: 1;
    color: rgb(55, 65, 81);
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.blog-list-group .blog-single .blog-single-content {
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
}

.blog-list-group .blog-single .blog-single-content .blog-single-content-top {
    position: relative;
}

.blog-list-group .blog-single .blog-single-readmore {
    font-size: 14px;
    color: rgb(16, 65, 167);
}

.blog-list-group .blog-single .blog-single-readmore span {
    position: relative;
    transition: 0.2s ease-out;
}

.blog-list-group .blog-single .blog-single-readmore span::before {
    content: "";
    transition: 0.2s ease-out;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 8px;
    position: absolute;
    height: 8px;
    right: -10px;
    transform: rotate(45deg);
    top: 5px;
}

.blog-list-group .blog-single .blog-single-readmore:hover span::before {
    content: "";
    right: -20px;
}

.ai-banner-image-inner.FreeAITutorBanner {
    margin-bottom: 0px;
}

.ai-banner-image-inner.FreeAITutorBanner img {
    max-width: 800px;
    border-radius: 0px;
}

.ai-banner-image-inner.HumanTutoring {
    margin-bottom: 0px;
}

.ai-banner-image-inner.HumanTutoring img {
    max-width: 500px;
    border-radius: 0px;
}

.ai-for-everything-page.OnlineTutoring .ai-banner-section-group::before {
    height: 100px;
}

.ai-banner-image-inner.blog-page-image {
    margin-bottom: 0px;
}

.ai-banner-image-inner.blog-page-image img {
    max-width: 100%;
    border-radius: 25px;
}

.wp-block-rank-math-toc-block {
    width: 100%;
    float: left;
    position: relative;
    background: rgb(198, 237, 248);
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 25px !important;
}

.cta-block-code h2, .wp-block-rank-math-toc-block h2 {
    display: inline-block;
    vertical-align: top;
    color: rgb(12, 15, 31);
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    width: 100%;
    float: none;
    position: relative;
    font-family: Montserrat;
    line-height: 30px;
    font-weight: 600;
    font-size: 30px;
    margin-top: 0px !important;
    padding: 0px !important;
    border: none !important;
}

.wp-block-rank-math-toc-block nav {
    width: 100%;
    background: transparent;
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow-y: auto;
    max-height: 300px;
}

.wp-block-rank-math-toc-block nav > ul {
    width: 100%;
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.wp-block-rank-math-toc-block nav > ul > li {
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.wp-block-rank-math-toc-block nav > ul > li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-top: 9px;
    left: 3px;
    position: absolute;
    background: rgb(0, 63, 171);
}

.wp-block-rank-math-toc-block nav > ul > li > a {
    width: 100%;
    float: left;
    position: relative;
    font-size: 17px;
    color: rgb(0, 63, 171);
}

.wp-block-rank-math-toc-block nav > ul > li > ul {
    display: none;
}

.theme-list-item ul {
    width: 100%;
    float: left;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.theme-list-item ul li {
    width: 100%;
    float: left;
    position: relative;
    color: rgb(94, 94, 94);
    padding-left: 20px;
    list-style: none;
    margin-bottom: 20px;
    font-size: 15px;
    font-family: Inter;
    font-weight: 600 !important;
}

.theme-list-item ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: rgb(1, 91, 156);
    position: absolute;
    top: 8px;
    left: 0px;
    border-radius: 180px;
}

.theme-list-item ul li strong, .theme-list-item ul li b {
    color: rgb(25, 96, 167);
    width: 100%;
    float: left;
    font-size: 120%;
    font-family: Montserrat;
}

.wp-block-rank-math-toc-block nav > ul > li > ul, .wp-block-rank-math-toc-block nav > ul > li ul, .article-content .wp-block-rank-math-toc-block ul li ul {
    width: 100%;
    float: left;
    margin: 10px 0px 0px !important;
    display: block !important;
}

.article-content .wp-block-rank-math-toc-block ul li ul {
    width: 100%;
    float: left;
    margin: 10px 0px;
    display: inline-block !important;
}

.article-content ul li, .article-content ol li {
    font-family: Inter !important;
    line-height: 34px !important;
    font-weight: 400 !important;
    color: rgb(76, 76, 76) !important;
    font-size: 18px !important;
}

.wp-block-rank-math-toc-block nav > ul > li ul > li, .article-content .wp-block-rank-math-toc-block ul li ul li {
    font-weight: 400;
    color: rgb(0, 63, 171);
    font-size: 14px;
    padding-left: 20px;
    width: 100% !important;
    margin: 0px !important;
}

.article-content .wp-block-rank-math-toc-block ul li ul li {
    font-weight: 400;
    color: rgb(0, 63, 171);
    font-size: 14px;
    padding-left: 20px;
    width: 100% !important;
    margin: 0px !important;
}

.wp-block-rank-math-toc-block nav > ul > li ul > li::before, .article-content .wp-block-rank-math-toc-block ul li ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-top: 9px;
    left: 3px;
    position: absolute;
    display: none !important;
}

.article-content .wp-block-rank-math-toc-block ul li ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-top: 9px;
    left: 3px;
    position: absolute;
    background: rgb(18, 95, 169);
}

.blog-list-group .blog-single .blog-single-content p, .post-excerpt {
    line-height: 1.5;
    font-weight: 400;
    color: rgb(76, 76, 76);
    font-size: 16px;
    margin: 5px 0px;
    display: inline-block;
}

.blog-list-group .blog-single .blog-single-content .blog-single-content-top h2 {
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
    border-top: 1px solid rgb(218, 218, 218);
    color: rgb(12, 15, 31);
    margin: 30px 0px 20px;
    width: 100%;
    font-family: Montserrat;
    line-height: 30px;
    font-weight: 600;
    font-size: 24px;
}
.blog-list-group .blog-single .blog-single-content h3 b,
.blog-list-group .blog-single .blog-single-content h4 strong,
.blog-list-group .blog-single .blog-single-content h3 b,
.blog-list-group .blog-single .blog-single-content h4 strong,
.blog-list-group .blog-single .blog-single-content .blog-single-content-top h2 b,
.blog-list-group .blog-single .blog-single-content .blog-single-content-top h2 strong {
font-weight: 600 !important;
}
.blog-list-group .blog-single .blog-single-content .wp-block-image {
    width: 100%;
    float: none;
    vertical-align: top;
    margin: 20px 0px;
    max-width: 100%;
    justify-content: center;
    display: flex;
}

.blog-list-group .blog-single .blog-single-content .wp-block-image figure {
    width: 100%;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.blog-list-group .blog-single .blog-single-content .wp-block-image figure img {
    border-radius: 20px;
    display: inline-block;
    height: 100%;
    max-width: 100%;
}

.blog-list-group .blog-single .blog-single-content .wp-block-image .wp-element-caption {
    font-size: 13px;
    font-weight: 400;
    margin: 20px !important;
}

.wp-block-rank-math-toc-block nav > ul > li::before, .article-content .wp-block-rank-math-toc-block ul li::before {
    margin-top: 12px !important;
}

.wp-block-rank-math-toc-block nav > ul > li > ul, .wp-block-rank-math-toc-block nav > ul > li ul, .article-content .wp-block-rank-math-toc-block ul li ul {
    width: 100%;
    float: left;
    margin: 10px 0px;
    display: block !important;
}

.wp-block-rank-math-toc-block nav > ul > li ul > li, .article-content .wp-block-rank-math-toc-block ul li ul li {
    font-weight: 400;
    color: rgb(76, 76, 76);
    font-size: 14px;
    padding-left: 20px;
    width: 100% !important;
    margin: 0px !important;
}

.wp-block-rank-math-toc-block nav > ul > li ul > li::before, .article-content .wp-block-rank-math-toc-block ul li ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 5px;
    margin-top: 9px;
    left: 3px;
    position: absolute;
    background: rgb(0, 63, 171);
}

.blog-list-group .blog-single .blog-single-content h3, .blog-list-group .blog-single .blog-single-content h4 {
    margin-top: 30px;
    margin-left: -1px;
    font-family: Montserrat;
    line-height: 1.5;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}

.blog-list-group .blog-single .blog-single-content h3 strong, .blog-list-group .blog-single .blog-single-content h4 strong {
    font-weight: 600;
}

.wp-block-embed-youtube {
    aspect-ratio: 16 / 9;
    float: left;
    width: 100%;
    margin: 15px 0px;
    border-radius: 10px;
    overflow: hidden;
}

.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    float: left;
}

.wp-block-embed__wrapper iframe {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
    aspect-ratio: 16 / 9;
    float: left;
}

.blog-list-group .blog-single .blog-single-content .blog-single-content-top .wp-block-list {
    padding-left: 30px;
    margin: 10px 0px;
}

.blog-list-group .blog-single .blog-single-content .blog-single-content-top li, .blog-list-group .blog-single .blog-single-content .blog-single-content-top dl {
    position: relative;
    line-height: 34px !important;
    font-weight: 400 !important;
    color: rgb(76, 76, 76) !important;
    font-size: 16px !important;
}

.blog-list-group .blog-single .blog-single-content .blog-single-content-top li a, .blog-list-group .blog-single .blog-single-content .blog-single-content-top dl a {
    color: rgb(0, 63, 171) !important;
}

.blog-list-group .blog-single .blog-single-content ul.wp-block-list li {
    position: relative;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: rgb(76, 76, 76) !important;
    font-size: 16px !important;
}

.blog-list-group .blog-single .blog-single-content ul.wp-block-list li a {
    color: rgb(0, 63, 171) !important;
}

.blog-list-group .blog-single .blog-single-content ul.wp-block-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 5px;
    left: -18px;
    position: absolute;
    background: rgb(0, 63, 171);
    top: 6px;
}

.cta-block-code {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: rgb(198, 237, 248);
    border-radius: 20px;
    margin: 25px 0px;
    padding: 25px !important;
}

.cta-block-code code {
    display: block;
    font-family: inherit;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.cta-block-code code h2 {
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
    border-top: 1px solid rgb(218, 218, 218);
    color: rgb(12, 15, 31);
    margin: 30px 0px 20px;
    width: 100%;
}

.cta-block-code code p, .cta-block-code code p, .cta-block-code code .post-excerpt {
    color: rgb(31, 48, 79) !important;
    font-family: Montserrat, sans-serif;
}

.cta-block-code .btn.btn-theme {
    background: rgb(0, 41, 110);
    color: rgb(255, 255, 255);
    font-family: Montserrat, sans-serif;
    float: left;
    margin-top: 10px;
}

.blog-list-section {
    align-items: center;
    position: relative;
    display: flex;
    width: 100%;
    float: left;
}
 
.blog-pagination-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px;
    gap: 20px;
}

.blog-pagination-group .blog-pagination-single {
    display: flex;
    align-items: center;
}

.blog-pagination-group .blog-pagination-single label {
    margin-right: 8px;
    font-weight: 500;
    color: rgb(51, 51, 51);
    font-size: 14px;
}

.blog-pagination-group .blog-pagination-single select {
    padding: 6px 10px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 6px;
    background: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
}

.blog-pagination-group .blog-Prev-Next {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-pagination-group .blog-Prev-Next button {
    padding: 6px 14px;
    border: 1px solid rgb(0, 41, 110);
    background: rgb(0, 41, 110);
    color: rgb(255, 255, 255);
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.blog-pagination-group .blog-Prev-Next button:hover:not(:disabled) {
    background: rgb(0, 86, 179);
    border-color: rgb(0, 86, 179);
}

.blog-pagination-group .blog-Prev-Next button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgb(204, 204, 204);
    border-color: rgb(204, 204, 204);
}

.blog-pagination-group .pagination-number {
    font-size: 14px;
    font-weight: 500;
    color: rgb(68, 68, 68);
}

.blog-pagination-group .pagination-number strong {
    font-weight: 600;
}

.blog-single.loader {
    pointer-events: none;
    animation: 1.5s ease 0s infinite normal none running pulse;
}

.blog-single.loader .blog-single-image {
    width: 100%;
    background: rgb(235, 235, 243);
    aspect-ratio: 3 / 2;
}

.blog-single.loader .blog-single-title {
    width: 70%;
    height: 20px;
    background: rgb(235, 235, 243);
    border-radius: 4px;
    margin-bottom: 12px;
    display: block;
}

.blog-single.loader .blog-single-excerpt {
    height: 48px;
    background: rgb(235, 235, 243);
    border-radius: 6px;
}

.blog-single.loader .blog-single-readmore {
    width: 100px;
    height: 18px;
    background: rgb(235, 235, 243);
    border-radius: 4px;
    display: block;
    margin-top: 10px;
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.9;
    }

    50% {
        opacity: 0.4;
    }
}

.loader-banner.loader-banner-blog {
    min-height: 161.8px;
}

.loader-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loader-banner .loader-title {
    width: 80%;
    height: 32px;
    background: rgb(235, 235, 243);
    border-radius: 6px;
    margin-bottom: 12px;
    animation: 1.5s ease 0s infinite normal none running pulse;
}

.loader-banner .loader-subtitle {
    width: 200px;
    height: 16px;
    background: rgb(235, 235, 243);
    border-radius: 4px;
    margin-bottom: 12px;
    animation: 1.5s ease 0s infinite normal none running pulse;
}

.loader-image {
    width: 100%;
    aspect-ratio: 3 / 2;
    background: linear-gradient(90deg, rgb(235, 235, 243) 25%, rgb(224, 224, 224) 50%, rgb(235, 235, 243) 75%) 0% 0% / 200% 100%;
    border-radius: 8px;
    animation: 1.6s linear 0s infinite normal none running shimmer;
}

.blog-single.loader .blog-single-title {
    display: block;
    width: 70%;
    height: 24px;
    background: rgb(235, 235, 243);
    border-radius: 6px;
    margin-bottom: 16px;
}

.blog-single.loader .post-category-comment-date span {
    display: inline-block;
    height: 14px;
    background: rgb(235, 235, 243);
    border-radius: 4px;
    margin-right: 16px;
}

.blog-single.loader .post-date {
    width: 100px;
}

.blog-single.loader .post-tags {
    width: 80px;
}

.blog-single.loader .post-author {
    width: 120px;
}

.blog-single.loader .blog-single-excerpt .line {
    width: 100%;
    height: 14px;
    background: rgb(235, 235, 243);
    border-radius: 4px;
    margin-bottom: 10px;
}

.blog-single.loader .blog-single-excerpt .line.short {
    width: 80%;
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.9;
    }

    50% {
        opacity: 0.4;
    }
}

@keyframes shimmer {
    0% {
        background-position: 200% 0px;
    }

    100% {
        background-position: -200% 0px;
    }
}
.scrollToTop.active{
    display: block;
}
.scrollToTop {
     display: none;
    position: fixed;
    bottom: 40px;
    left: 40px;
    cursor: pointer;
    z-index: 2000000;
    width: 56px;
    line-height: 56px;
    justify-content: center;
    overflow: hidden;
    height: 56px;
    font-size: 40px;
    padding: 0px !important;
    border: none !important;
}

.scrollToTop .theme-icon {
    width: 56px;
    height: 56px;
    padding: 18px;
}

.grid-layout .widgetLabel {
    display: none !important;
}

.contact-page {
    display: flex;
    gap: 80px;
    font-family: Montserrat;
}

.contact-page .contact-left, .contact-page .contact-right {
    background-color: rgb(255, 255, 255);
    padding: 0px;
    border-radius: 12px;
    width: 100%;
}

.contact-page .contact-left h2, .contact-page .contact-right h2 {
    margin-bottom: 25px;
    color: rgb(34, 34, 34);
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
}

.contact-page .contact-left .contact-item {
    margin-bottom: 30px;
}

.contact-page .contact-left .contact-item h3 {
    margin-bottom: 10px;
    color: rgb(0, 63, 171);
    font-weight: 600;
}

.contact-page .contact-left .contact-item p {
    margin: 10px 0px;
    font-size: 15px;
    display: flex;
    color: rgb(85, 85, 85);
    gap: 10px;
    line-height: 1.6;
    vertical-align: top;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact-page .contact-left .contact-item p svg {
    color: rgb(0, 63, 171);
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin: 4px 2px 2px;
}

.contact-page .contact-left .contact-item p a:hover {
    color: rgb(0, 63, 171);
}

.contact-page .contact-right form {
    display: grid;
    gap: 11px;
    background: rgb(248, 248, 253);
    padding: 25px;
    border-radius: 25px;
}

.contact-page .contact-right form .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}

.contact-page .contact-right form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: rgb(51, 51, 51);
    font-family: Montserrat;
    font-size: 14px;
}

.contact-page .contact-right form input, .contact-page .contact-right form select, .contact-page .contact-right form textarea {
    width: 100%;
    padding: 9px 15px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 8px;
    font-size: 14px;
    background-color: rgb(255, 255, 255);
    transition: border-color 0.3s, box-shadow 0.3s;
    font-family: Montserrat;
}

.contact-page .contact-right form input:focus, .contact-page .contact-right form select:focus, .contact-page .contact-right form textarea:focus {
    border-color: rgb(0, 123, 255);
    box-shadow: rgba(0, 123, 255, 0.2) 0px 0px 6px;
    outline: none;
}

.contact-page .contact-right form textarea {
    grid-column: 1 / -1;
    resize: vertical;
}

.contact-page .contact-right form .children-section {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
}

.contact-page .contact-right form .children-section .add-btn {
    align-self: flex-start;
    padding: 5px 20px;
    background-color: rgb(0, 123, 255);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 180px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 15px;
    font-size: 14px;
}

.contact-page .contact-right form .children-section .add-btn:hover {
    background-color: rgb(0, 86, 179);
}

.contact-page .contact-right form button[type="submit"] {
    grid-column: 1 / -1;
    cursor: pointer;
    margin-top: 10px;
    font-family: Montserrat;
}

.contact-page .children-section input {
    margin-top: 0px;
    width: calc(100% - 10px);
}

.contact-page .add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(25, 170, 228);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.25s;
    margin-top: 8px;
}

.contact-page .add-btn:hover {
    background-color: rgb(17, 141, 193);
    transform: translateY(-1px);
}

.contact-page .remove-btn {
    background: rgb(244, 67, 54);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    transition: 0.25s;
}

.contact-page .remove-btn:hover {
    background-color: rgb(211, 47, 47);
    transform: scale(1.05);
}

.popup-overlaynew {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2147483647;
    animation: 0.3s ease 0s 1 normal none running popup-overlay-fadeIn;
}

.popup-overlaynew .popup-box {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 30px 40px;
    width: 90%;
    max-width: 420px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
    position: relative;
    animation: 0.4s ease 0s 1 normal none running popup-overlay-slideIn;
}

.popup-overlaynew .close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: none;
    font-size: 22px;
    color: rgb(51, 51, 51);
    cursor: pointer;
    transition: color 0.2s;
}

.popup-overlaynew .close-btn:hover {
    color: rgb(244, 67, 54);
}

.popup-overlaynew h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: rgb(1, 127, 173);
}

.popup-overlaynew p {
    color: rgb(85, 85, 85);
    margin-bottom: 20px;
}

@keyframes popup-overlay-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes popup-overlay-slideIn {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.loaderwith-btn {
    border-width: 3px;
    border-style: solid;
    border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255);
    border-image: initial;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: 0.8s linear 0s infinite normal none running spinloaderwith;
    margin: auto;
}

@keyframes spinloaderwith {
    100% {
        transform: rotate(360deg);
    }
}

.post-category-comment-date {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin-bottom: 1rem;
    display: flex;
    gap: 10px;
}
.post-category-comment-date span{

display: flex;

align-items: center;

gap: 10px;
}

.post-category-comment-date span svg{
    
}
.mr-4 {
    margin-right: 1rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.awards-group {
    width: 100%;
    padding: 20px 0px;
}

.awards-group .awards-group-carousel {
    display: flex;
    align-items: center;
}

.awards-group .awards-group-item {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.awards-group .awards-group-item:hover {
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 18px;
}

.awards-group .awards-group-item-logo {
    width: 100%;
    margin: 0px auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 7;
}

.awards-group .awards-group-item-logo img {
    object-fit: contain;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 50% !important;
}

.awards-group .awards-group-info h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: rgb(34, 34, 34);
}

.awards-group .awards-group-info p {
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin: 0px;
}

.awards-group .owl-item {
    padding: 10px;
}

.event-group {
    width: 100%;
    padding: 20px 0px;
}

.event-group-carousel .event-group-item {
    text-align: center;
    cursor: pointer;
    padding: 18px;
}

.event-group-item img {
    width: 130px;
    height: auto;
    margin: 0px auto;
    display: block;
    object-fit: contain;
    transition: 0.3s;
}

.event-group-item:hover img {
    transform: scale(1.08);
}

.event-group-info {
    margin-top: 10px;
}

.event-group-info h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 0px;
}

.event-group-info p {
    margin: 3px 0px 0px;
    font-size: 13px;
    opacity: 0.8;
}

.event-group-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.event-group-popup .popup-image {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 8px;
}

.event-group-popup .popup-close {
    position: absolute;
    top: 25px;
    right: 35px;
    font-size: 45px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-weight: bold;
}

:root {
    --primary-blue: #0A3D62;
    --accent-orange: #FF6B35;
    --light-gray: #F0F4F8;
    --text-dark: #333;
    --text-medium: #555;
    --text-light: #fff;
    --border-radius: 12px;
    --section-padding: 60px;
}

.our-story-single-section {
    margin: 40px auto;
    border-radius: 40px;
    padding: 40px;
    background-color: rgb(248, 248, 253);
}

.our-story-single-section h1 {
    text-align: center;
    font-size: 36px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
}

.our-story-single-section h2 {
    font-size: 2em;
    color: var(--primary-blue);
    margin-top: 0px;
    margin-bottom: 20px;
}

.our-story-single-section p {
    line-height: 1.7;
    margin-bottom: 15px;
}

.our-story-single-section .story-header {
    text-align: left;
    margin-bottom: 15px;
}

.our-story-single-section .story-motto {
    color: var(--accent-orange);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
}

.our-story-single-section .story-block {
    padding-bottom: 30px;
    border-bottom: 1px dashed var(--light-gray);
}

.our-story-single-section .story-block:last-of-type {
    border-bottom: none;
}

.our-story-single-section .story-problem {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-top: 40px;
}

.our-story-single-section .story-problem .story-text {
    flex: 2 1 0%;
}

.our-story-single-section .story-problem .story-graphic {
    flex: 1 1 0%;
    text-align: center;
    padding-top: 60px;
}

.our-story-single-section .story-problem .story-graphic img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.our-story-single-section .story-problem .graphic-caption {
    font-size: 0.9em;
    color: var(--text-medium);
}

.our-story-single-section .story-solution p {
    margin-bottom: 25px;
}

.our-story-single-section .expertise-icons {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 30px 0px;
}

.our-story-single-section .icon-item {
    text-align: center;
    color: var(--primary-blue);
    padding: 25px;
    background: rgb(255, 255, 255);
    border-radius: 20px;
    min-width: 260px;
}

.our-story-single-section .icon-item .icon {
    font-size: 3em;
    display: block;
}

.our-story-single-section .icon-item .icon img {
    max-width: 150px;
}

.our-story-single-section .icon-item p {
    font-size: 0.9em;
    font-weight: bold;
    color: var(--text-medium);
    margin: 0px;
}

.our-story-single-section .solution-quote {
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
    color: var(--accent-orange);
    margin: 19px auto;
    max-width: 700px;
    border-radius: var(--border-radius);
}

.our-story-single-section .impact-content {
    display: flex;
    gap: 40px;
    align-items: center;
}

.our-story-single-section .impact-text {
    flex: 1.2 1 0%;
    font-size: 1.1em;
}

.our-story-single-section .impact-images {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.our-story-single-section .impact-card {
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px;
}

.our-story-single-section .impact-card img {
    display: block;
    width: 100%;
    height: auto;
}

.our-story-single-section .image-overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(var(--primary-blue-rgb, 10, 61, 98), 0.7);
    color: var(--text-light);
    padding: 15px;
    font-size: 0.95em;
    text-align: center;
}

:root {
    --primary-blue-rgb: 10, 61, 98;
}

.our-story-single-section .story-cta {
    text-align: center;
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid var(--light-gray);
}

.our-story-single-section .story-cta p {
    font-size: 1.3em;
    margin-bottom: 25px;
    font-weight: 500;
    color: var(--primary-blue);
}

.our-story-single-section .cta-buttons a {
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 8px;
    font-weight: bold;
    display: inline-block;
    margin: 0px 12px;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    font-size: 1.1em;
}

.our-story-single-section .btn.primary {
    background-color: var(--accent-orange);
    color: var(--text-light);
    border: 2px solid var(--accent-orange);
}

.our-story-single-section .btn.primary:hover {
    background-color: rgb(230, 90, 41);
    border-color: rgb(230, 90, 41);
}

.our-story-single-section .btn.secondary {
    background-color: transparent;
    color: var(--primary-blue);
    border: 2px solid var(--primary-blue);
}

.our-story-single-section .btn.secondary:hover {
    background-color: var(--primary-blue);
    color: var(--text-light);
}

.team-section {
    margin: 40px auto;
    padding: 40px;
    background-color: rgb(248, 248, 253);
    color: rgb(51, 51, 51);
    text-align: center;
    border-radius: 40px;
}

.team-section .section-title {
    text-align: center;
    font-size: 36px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
}

.team-section .team-intro {
    margin: 15px auto 60px;
    width: 100%;
}

.team-section .founders-image {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}

.team-section .intro-text {
    font-size: 16px;
    line-height: 1.7;
    color: rgb(102, 102, 102);
}

.team-section .team-members-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
}

.team-section .team-member-card {
    background-color: rgb(255, 255, 255);
    padding: 35px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 15px;
    text-align: left;
    transition: transform 0.3s;
}

.team-section .team-member-card:hover {
    transform: translateY(-5px);
}

.team-section .member-name {
    font-size: 1.8em;
    color: rgb(10, 61, 98);
    margin-bottom: 10px;
}

.team-section .member-photo {
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
}

.team-section .member-photo img {
    border-radius: 20px;
}

.team-section .member-role {
    font-size: 1.1em;
    color: rgb(255, 107, 53);
    font-weight: bold;
    margin-bottom: 20px;
}

.team-section .member-summary {
    font-size: 1em;
    line-height: 1.6;
    color: rgb(102, 102, 102);
    margin-bottom: 25px;
}

.team-section .read-more-btn {
    display: inline-block;
    background-color: rgb(10, 61, 98);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
}

.team-section .read-more-btn:hover {
    background-color: rgb(255, 107, 53);
}

.team-section .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    padding-top: 60px;
}

.team-section .modal-content {
    background-color: rgb(255, 255, 255);
    margin: 5% auto;
    padding: 40px;
    border-radius: 8px;
    width: 80%;
    max-width: 700px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 25px;
    position: relative;
    text-align: left;
}

.team-section .modal-title {
    font-size: 2em;
    color: rgb(10, 61, 98);
    margin-bottom: 20px;
}

.team-section .modal-content p {
    font-size: 1.1em;
    line-height: 1.7;
    color: rgb(51, 51, 51);
    margin-bottom: 15px;
}

.team-section .modal-content p:last-child {
    margin-bottom: 0px;
}

.team-section .close-btn {
    color: rgb(51, 51, 51);
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
}

.team-section .close-btn:hover, .team-section .close-btn:focus {
    color: rgb(255, 107, 53);
    text-decoration: none;
    cursor: pointer;
}

.otbenefits-group {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 50px;
}

.otbenefits-group.two-number .otbenefits {
    flex: 1 1 calc(50% - 30px);
}

.otbenefits {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: fit-content;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    flex: 1 1 calc(33.33% - 30px);
}

.otbenefits::before {
    content: "";
    background: rgb(242, 251, 238);
    width: 130px;
    height: 130px;
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 180px;
}

.otbenefits .num {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: rgb(125, 220, 92);
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.otbenefits .content {
    position: relative;
}

.otbenefits .content h4 {
    margin: 0px 0px 4px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(54, 54, 54);
}

.otbenefits .content p {
    margin: 0px;
    font-size: 14px;
    color: rgb(85, 85, 85);
    line-height: 1.5;
}

.audience-group {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin: 0px auto 50px;
}

.audience-group.switch {
    flex-direction: row-reverse;
}

.audience-group .audience-group-left {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.audience-group .audience-group-left-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.audience-group .audience-group-left-img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 10px solid rgba(255, 255, 255, 0.4);
    border-radius: 60px;
}

.audience-group .audience-group-left-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 60px;
}

.audience-group .audience-group-right {
    width: 100%;
}

.audience-group .audience-group-right h3 {
    font-size: 26px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: normal;
    text-align: left;
    margin-bottom: 20px;
}

.audience-group .audience-group-right .features-description {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 15px;
    text-emphasis: var(--light-gray);
}

.audience-features {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 25px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.audience-features li {
    font-size: 15px;
    margin-bottom: 15px;
    padding-left: 25px;
    position: relative;
    line-height: 1.4;
    color: rgb(51, 51, 51);
    float: left;
}

.audience-features.single-line li {
    width: 100%;
    position: relative;
}

.audience-features li span {
    font-size: 16px;
    position: relative;
    line-height: 1.4;
    color: rgb(51, 51, 51);
    text-align: left;
    font-weight: 600;
    margin-bottom: 4px;
    float: left;
    width: 100%;
}

.audience-features li::before {
    content: "";
    color: rgb(52, 183, 71);
    width: 12px;
    height: 6px;
    border-bottom: 3px solid;
    border-left: 3px solid;
    position: absolute;
    transform: rotate(-45deg);
    left: -1px;
    top: 5px;
    box-sizing: initial;
}

.otSteps-Group {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-bottom: 50px;
    margin-top: 60px !important;
}

.otSteps {
    position: relative;
    padding: 40px 30px 30px;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: flex-start;
    gap: 25px;
    width: fit-content;
    justify-content: flex-start;
    flex: 1 1 calc(50% - 60px);
    border-radius: 0px 40px 40px;
    background: linear-gradient(45deg, rgb(4, 168, 225) 0%, rgb(120, 70, 200) 100%);
}

.otSteps::before {
    content: attr(data-step);
    position: absolute;
    top: -20px;
    left: -20px;
    background: rgb(255, 255, 255);
    padding: 10px 20px;
    font-size: 16px;
    color: rgb(3, 38, 100);
    font-weight: 600;
    border: 1px solid rgb(0, 180, 233);
    border-radius: 40px 40px 0px;
}

.otSteps .step-icon {
    min-width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255, 255, 255);
    border-radius: 180px;
}

.otSteps .step-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 6px;
}

.otSteps h3 {
    margin: 0px;
    font-size: 22px;
    font-weight: 500;
}

.otSteps p {
    margin: 6px 0px 0px;
    font-size: 16px;
    line-height: 1.4;
}

.otTeacherCard-group {
    width: 100%;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.otTeacherCard {
    text-align: center;
    margin: 0px auto;
    width: 100%;
}

.otTeacherCard .teacher-photo {
    width: 140px;
    height: 140px;
    margin: 0px auto 15px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.otTeacherCard .teacher-photo::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 10px solid rgba(255, 255, 255, 0.4);
    border-radius: 180px;
}

.otTeacherCard .teacher-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 180px;
}

.otTeacherCard h3 {
    margin: 0px;
    font-size: 17px;
    color: rgb(54, 54, 54);
    font-weight: 600;
}

.otTeacherCard p {
    margin: 6px 0px 0px;
    font-size: 14px;
    color: rgb(85, 85, 85);
    line-height: 1.4;
}

.banner-point-group {
    display: flex;
    align-items: baseline;
    justify-content: left;
    flex-wrap: wrap;
}

.banner-point-group .banner-point-single {
    color: rgb(25, 96, 167);
    padding: 10px 18px 10px 42px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-align: left;
}

.banner-point-group .banner-point-single span {
    width: 24px;
    height: 24px;
    position: absolute;
    background: rgb(52, 182, 71);
    border-radius: 4px;
    left: 8px;
    top: 8px;
}

.banner-point-group .banner-point-single span::before {
    content: "";
    color: rgb(255, 255, 255);
    width: 10px;
    height: 5px;
    border-bottom: 3px solid;
    border-left: 3px solid;
    position: absolute;
    transform: rotate(-45deg);
    left: 6px;
    top: 5px;
    box-sizing: initial;
}

.trustworthyfamily-group {
    display: flex;
    align-items: flex-end;
    max-width: 1200px;
    position: relative;
    padding: 0px 30px;
}

.trustworthyfamily-group::before {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 50%;
    border-radius: 40px;
    background: linear-gradient(0deg, rgba(32, 103, 185, 0.24) 0%, rgba(255, 255, 255, 0) 100%);
}

.trustworthyfamily-group .trustworthyfamily-group-left {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
    height: 100%;
    max-width: 40%;
}

.trustworthyfamily-group .trustworthyfamily-group-left-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trustworthyfamily-group .trustworthyfamily-group-left-img img {
    width: 100%;
    max-width: 260px;
    height: auto;
    object-fit: cover;
}

.trustworthyfamily-group .trustworthyfamily-group-right {
    width: 100%;
    padding: 0px 50px 50px 20px;
    position: relative;
    max-width: 60%;
}

.trustworthyfamily-group .trustworthyfamily-group-right .features-description {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 15px;
    text-emphasis: var(--light-gray);
}

.trustworthyfamily-features {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.trustworthyfamily-features li {
    font-size: 15px;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
    line-height: 1.4;
    color: rgb(51, 51, 51);
}

.trustworthyfamily-features li span {
    font-size: 17px;
    position: relative;
    line-height: 1.4;
    color: rgb(51, 51, 51);
    text-align: left;
    font-weight: 600;
    margin-bottom: 6px;
    float: left;
    width: 100%;
}

.trustworthyfamily-features li::before {
    content: "";
    color: rgb(52, 183, 71);
    width: 12px;
    height: 6px;
    border-bottom: 3px solid;
    border-left: 3px solid;
    position: absolute;
    transform: rotate(-45deg);
    left: -1px;
    top: 5px;
    box-sizing: initial;
}

.lazy-load-image-loaded {
    display: flex !important;
}

.boards-subject-group {
    width: 100%;
    margin: 30px 0px;
    position: relative;
}

.boards-subject-group .boards-names {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.boards-subject-group .boards-name {
    padding: 10px 25px;
    background: rgb(242, 244, 255);
    color: rgb(68, 68, 68);
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid rgb(226, 229, 255);
    transition: 0.3s;
}

.boards-subject-group .boards-name:hover {
    background: rgb(229, 233, 255);
}

.boards-subject-group .boards-name.active {
    background: rgb(67, 83, 255);
    color: rgb(255, 255, 255);
    border-color: rgb(67, 83, 255);
    box-shadow: rgba(67, 83, 255, 0.25) 0px 3px 10px;
}

.boards-subject-group .single-board {
    display: none;
    width: 100%;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgb(241, 241, 241);
    transition: opacity 0.4s, transform 0.4s;
    opacity: 0;
    transform: translateY(15px);
    margin-bottom: 30px;
}

.boards-subject-group .single-board.active {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
}

.boards-subject-group .single-board-student {
    aspect-ratio: 1 / 1;
    width: 350px;
    display: flex;
    align-items: self-end;
}

.boards-subject-group .single-board-student-image {
    padding-top: 40px;
}

.boards-subject-group .single-board-student-image img {
    width: 100%;
    display: block;
    max-width: 320px;
    padding: 0px;
}

.single-board-content-group {
    position: relative;
    padding: 40px;
    gap: 40px;
    width: calc(100% - 350px) !important;
    display: flex !important;
    flex-direction: column-reverse !important;
}

.single-board-content-group .owl-dots {
    margin-top: 20px;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    padding: 0px;
    gap: 10px;
}

.single-board-content-group .owl-dot {
    background: none;
    border: none;
    padding: 0px;
    cursor: pointer;
    position: relative !important;
}

.single-board-content-group .owl-dot span {
    display: block;
    background: rgb(248, 248, 253);
    position: relative;
    transition: 0.3s;
    padding: 4px 15px;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid rgb(3, 38, 100);
    color: rgb(3, 38, 100);
}

.single-board-content-group .owl-dot span::before {
    content: "";
    position: relative;
    transition: 0.3s;
}

.single-board-content-group .owl-dot.active span {
    background: rgb(3, 38, 100);
    color: rgb(255, 255, 255);
}

.single-board-content-group .owl-dot.active span::before {
    border-color: rgb(255, 116, 0);
}

.single-board-content-group .owl-dots .owl-dot:nth-child(1) span::before {
    content: "CBSE";
}

.single-board-content-group .owl-dots .owl-dot:nth-child(2) span::before {
    content: "ICSE";
}

.single-board-content-group .owl-dots .owl-dot:nth-child(3) span::before {
    content: "IB";
}

.boards-subject-group .single-board-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.boards-subject-group .single-board-content .single-board-name {
    font-size: 26px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: 600;
}

.boards-subject-group .single-board-subject-icon-one, .boards-subject-group .single-board-subject-icon-two, .boards-subject-group .single-board-subject-icon-three {
    width: 120px;
    height: 120px;
    position: absolute;
    opacity: 0.1;
}

.boards-subject-group .single-board-subject-icon-one {
    left: -30px;
    width: 180px;
    height: 180px;
}

.boards-subject-group .single-board-subject-icon-two {
    right: -30px;
    top: -30px;
    width: 180px;
    height: 180px;
}

.boards-subject-group .single-board-subject-icon-three {
    bottom: -10px;
    right: -10px;
    width: 100px;
    height: 100px;
}

.boards-subject-group .single-board-subject-icon-one img, .boards-subject-group .single-board-subject-icon-two img, .boards-subject-group .single-board-subject-icon-three img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.boards-subject-group .single-board-class-single {
    display: flex;
    gap: 10px;
}

.boards-subject-group .single-board-class-name span {
    font-weight: 600;
    display: block;
    padding: 6px 12px;
    background: rgb(184, 217, 98);
    border-radius: 8px;
    border: 1px solid rgb(184, 217, 104);
    font-size: 14px;
    color: rgb(69, 74, 14);
    min-width: 80px;
    text-align: center;
}

.boards-subject-group .single-board-class-subjects {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 12px;
    background: rgb(246, 247, 255);
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 255);
    font-size: 14px;
}

.boards-subject-group .single-board-class-subjects span {
    border-radius: 8px;
    font-size: 14px;
}
.overlay-new {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 999;
    display: none;
}

.overlay-new.bookfreedemomodalactive { 
    display: flex; 
}

.overlay-new .popup-box {
    background: rgb(255, 255, 255);
    width: 100%;
    max-width: 700px;
    padding: 25px;
    border-radius: 16px;
    position: relative;
    animation: 0.3s ease-out 0s 1 normal none running fadeIn;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px;
    max-height: 100%;
    overflow-y: auto;
}

.overlay-new .close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-new .close-btn:hover {
    background: rgb(245, 245, 245);
}

.overlay-new .popup-box h2 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 24px;
    color: rgb(0, 41, 110);
    font-weight: normal;
}

.overlay-new .popup-box label {
    display: block;
    font-weight: 600;
    margin: 10px 0px 6px;
}

.overlay-new .popup-box input, .overlay-new .popup-box select, .overlay-new .popup-box textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 8px;
    font-size: 15px;
    outline: none;
}

.overlay-new .popup-box textarea {
    height: 100px;
    resize: none;
}

.overlay-new .multi-select {
    height: 110px;
}

.overlay-new .popup-box input:focus, .overlay-new .popup-box select:focus, .overlay-new .popup-box textarea:focus {
    border-color: rgb(0, 123, 255);
}

.overlay-new .submit-btn {
    width: 100%;
    padding: 12px;
    margin-top: 16px;
    background: rgb(0, 123, 255);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 8px;
    font-size: 17px;
    cursor: pointer;
}

.overlay-new .submit-btn:hover {
    background: rgb(0, 93, 197);
}

.overlay-new .popup-subtitle {
    margin-top: -5px;
    margin-bottom: 26px;
    font-size: 16px;
    color: rgb(85, 85, 85);
    line-height: 1.4;
    text-align: left;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.board-main-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
}

.board-tab {
    padding: 8px 22px;
    border-bottom: 2px solid transparent;
    font-weight: 600;
    cursor: pointer;
}

.board-tab.active {
    border-color: rgb(0, 0, 0);
}

.custom-dot-text {
    font-size: 14px;
    padding: 4px 10px;
    background: rgb(221, 221, 221);
    border-radius: 20px;
}

.owl-dot.active .custom-dot-text {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.enquiry-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.enquiry-form .form-row {
    display: flex;
    gap: 20px;
}

.enquiry-form .form-group {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}

.enquiry-form .form-group label {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
    color: rgb(51, 51, 51);
    margin-top: 0px;
    align-items: center;
}

.enquiry-form .form-group input, .enquiry-form .form-group select, .enquiry-form .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 6px;
    font-size: 14px;
    outline: none;
}

.enquiry-form .multi-select {
    height: 110px;
}

.enquiry-form textarea {
    height: 120px;
    resize: vertical;
}

.enquiry-form .submit-btn {
    padding: 12px;
    background: rgb(26, 115, 232);
    color: rgb(255, 255, 255);
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.enquiry-form .submit-btn:hover {
    background: rgb(20, 94, 196);
}

@media (max-width: 768px) {
    .enquiry-form .form-row {
        flex-direction: column;
    }
}

.privacy-wrapper {
    display: flex;
    justify-content: center;
}

.privacy-wrapper .privacy-container {
    border-radius: 14px;
    color: rgb(51, 51, 51);
}

.privacy-wrapper .privacy-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    color: rgb(34, 34, 34);
}

.privacy-wrapper .privacy-updated {
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin-bottom: 30px;
}

.privacy-wrapper .privacy-toc {
    background: rgb(248, 248, 253);
    padding: 15px 20px;
    border-left: 4px solid rgb(25, 96, 167);
    border-radius: 8px;
    margin-bottom: 30px;
    list-style: none;
}

.privacy-wrapper .privacy-toc li {
    margin: 6px 0px;
}

.privacy-wrapper .privacy-toc a {
    text-decoration: none;
    color: rgb(25, 96, 167);
    font-weight: 500;
}

.privacy-wrapper .privacy-toc a:hover {
    text-decoration: underline;
}

.privacy-wrapper h2 {
    margin-top: 35px;
    font-size: 22px;
    font-weight: 700;
    color: rgb(72, 72, 72);
    margin-bottom: 10px;
}

.privacy-wrapper h3 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    color: rgb(51, 51, 51);
}

.privacy-wrapper p, .privacy-wrapper li {
    font-size: 15px;
    line-height: 1.7;
    color: rgb(72, 72, 72);
}

.privacy-wrapper li::before {
    content: "";
}

.privacy-wrapper ul {
    margin-top: 10px;
    padding-left: 20px;
    list-style-type: initial;
}

.privacy-wrapper a {
    color: rgb(3, 38, 100);
    text-decoration: underline;
}

.terms-wrapper {
    display: flex;
    justify-content: center;
}

.terms-wrapper .terms-container {
    border-radius: 14px;
    color: rgb(51, 51, 51);
}

.terms-wrapper .terms-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    color: rgb(34, 34, 34);
}

.terms-wrapper .terms-updated {
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin-bottom: 30px;
}

.terms-wrapper .terms-toc {
    background: rgb(248, 248, 253);
    padding: 15px 20px;
    border-left: 4px solid rgb(25, 96, 167);
    border-radius: 8px;
    list-style: none;
    margin-bottom: 30px;
}

.terms-wrapper .terms-toc li {
    margin: 6px 0px;
}

.terms-wrapper .terms-toc a {
    text-decoration: none;
    color: rgb(25, 96, 167);
    font-weight: 500;
}

.terms-wrapper .terms-toc a:hover {
    text-decoration: underline;
}

.terms-wrapper h2 {
    margin-top: 35px;
    font-size: 22px;
    font-weight: 700;
    color: rgb(72, 72, 72);
    margin-bottom: 10px;
}

.terms-wrapper ul {
    margin-top: 10px;
    padding-left: 20px;
    list-style-type: initial;
    margin-bottom: 20px;
}

.terms-wrapper p, .terms-wrapper li {
    font-size: 15px;
    line-height: 1.7;
    color: rgb(68, 68, 68);
}

.terms-wrapper a {
    color: rgb(3, 38, 100);
    text-decoration: underline;
}

.banner-highlight-group.TeachingMethodology {
    max-width: initial;
}

.banner-highlight-group {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-direction: row-reverse;
    max-width: 900px;
}

.banner-highlight-group .banner-highlight-left {
    min-width: 350px;
    width: 100%;
}

.banner-highlight-group .banner-highlight-right {
    width: 100%;
}

.banner-highlight-group .banner-highlight-right .banner-section-subtitle {
    font-size: 16px;
    text-align: right;
}

.comparison-section .comparison-section-content.highlight-conteiner-center {
    padding: 50px;
    background: linear-gradient(135deg, rgb(204, 238, 255) 0%, rgb(248, 248, 253) 50%, rgb(184, 233, 255) 100%);
    border-radius: 40px;
}

.multi-select-wrapper {
    width: 100%;
    position: relative;
    font-size: 14px;
}

.multi-select-wrapper .multi-select-box {
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    border-radius: 6px;
    background: rgb(255, 255, 255);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.multi-select-wrapper .multi-select-box .arrow {
    font-size: 12px;
}

.multi-select-wrapper .multi-select-dropdown {
    position: absolute;
    width: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 6px;
    margin-top: 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 20;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px;
}

.multi-select-wrapper .multi-select-option {
    padding: 6px 10px;
    cursor: pointer;
    gap: 6px;
    display: flex !important;
    align-items: center !important;
    margin: 0px !important;
}

.multi-select-wrapper .multi-select-option:hover {
    background: rgb(241, 241, 241);
}

.multi-select-wrapper .multi-select-option input {
    width: 16px;
    height: 16px;
}

.bold-title.ai-for-everything-page .ai-banner-section .banner-section-title {
    font-weight: 600 !important;
}

.bold-title .features-title, .bold-title .ai-for-everything-page .ai-banner-section .banner-section-title, .bold-title .trust-group .trust-group-title, .bold-title .cta-action-group .ai-trusted-title {
    font-weight: 700 !important;
}

.bold-title .otbenefits .content h4, .bold-title .audience-group .audience-group-right h3, .bold-title .otSteps h3, .bold-title .theme-single-user .theme-users-title, .bold-title .theme-testimonials .theme-testimonial-title {
    font-weight: 700 !important;
}

.ai-awards-list-banner {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 25px;
}

.ai-awards-list-banner .ai-awards-stars {
    width: initial;
    max-width: 100%;
}

.ai-awards-list-banner .ai-awards-single {
    width: initial;
}

.ai-awards-list-banner .ai-awards-single .ai-awards-stars img {
    width: 75px;
    max-width: 100%;
}

.landing-popup-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483647;
    padding: 10px;
}

.landing-popup-overlay .popup-box .popup-box-content {
    width: 100%;
    max-width: 900px;
    background: rgb(255, 255, 255);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px;
    animation: 0.35s ease 0s 1 normal none running popupIn;
    position: relative;
}

.landing-popup-overlay .popup-box {
    width: 100%;
    max-width: 900px;
    background: rgb(255, 255, 255);
    border-radius: 14px;
    overflow: hidden;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 30px;
    animation: 0.35s ease 0s 1 normal none running popupIn;
    position: relative;
}

.landing-popup-overlay .popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    background: rgb(239, 239, 239);
    color: rgb(10, 75, 143);
    border: none;
    border-radius: 50%;
    font-size: 22px;
    cursor: pointer;
    z-index: 10;
}

.landing-popup-overlay .popup-box-left {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-popup-overlay .popup-box-left-img {
    display: flex;
    align-items: end;
    padding-top: 40px;
}

.landing-popup-overlay .popup-box-left-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: flex;
    align-items: end;
}

.landing-popup-overlay .popup-box-right {
    width: 60%;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.landing-popup-overlay .popup-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 24px;
    color: rgb(30, 53, 116);
    line-height: 1.4;
}

.landing-popup-overlay .popup-text {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.landing-popup-overlay .popup-btn {
    max-width: 250px;
}

.landing-popup-overlay .popup-btn:hover {
    background: rgb(229, 95, 0);
}

@keyframes popupIn {
    0% {
        transform: scale(0.75);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.landing-popup-overlay .popup-box-right .banner-section-label {
    color: rgb(25, 96, 167);
    font-size: 20px;
    font-weight: 600;
    position: relative;
    width: calc(100% - 80px);
    text-align: left;
    line-height: 1.6;
    margin-bottom: 20px;
    z-index: 0;
}

.landing-popup-overlay .popup-box-right .banner-section-label .india-highlight {
    position: relative;
}

.landing-popup-overlay .popup-box-right .banner-section-label .india-badge {
    width: 70px;
    height: 30px;
    background: linear-gradient(rgb(255, 153, 51) 0%, rgb(255, 153, 51) 33%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 66%, rgb(19, 136, 8) 66%, rgb(19, 136, 8) 100%);
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    transform: rotate(-10deg);
    left: 50%;
    margin-left: -35px;
    opacity: 0.2;
}

.fixed-button-book-demo {
    padding: 6px 20px;
    font-size: 14px;
    position: fixed;
    bottom: 50px;
    left: 110px;
    z-index: 2000000;
}

.awesome-iframe .widget-position-right .widgetLabel {
    display: none !important;
}

.blog-page-image-group {
    position: relative;
    width: 100%;
    float: left;
}

.blog-page-image-group .blog-page-image-group-empty {
    position: relative;
    width: 100%;
    float: left;
}

.blog-page-image-group .blog-page-image-group-empty img {
    position: relative;
    width: 100%;
    float: left;
}

.blog-page-image-group .blog-page-image-group-filled {
    position: absolute;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
}

.blog-page-image-group .blog-page-image-group-filled img {
    position: relative;
    width: 100%;
    float: left;
}

.ai-for-everything-page.TeachingMethodology .ai-banner-section-group {
}

.ai-for-everything-page.TeachingMethodology .ai-banner-section .banner-section-label {
}

.ai-for-everything-page.TeachingMethodology .ai-banner-section .banner-section-title span {
}

.ai-for-everything-page.TeachingMethodology .banner-point-group .banner-point-single {
}

.ai-for-everything-page.TeachingMethodology .highlighted-btn {
}

.ai-for-everything-page.TeachingMethodology .btn-white-outline {
}

.ai-for-everything-page.TeachingMethodology .banner-highlight-group .banner-highlight-right .banner-section-subtitle {
    font-size: 20px;
}

.ai-for-everything-page.TeachingMethodology .btn-white-outline:hover {
}

.ai-for-everything-page .audience-group .audience-group-left-img.TeachingMethodologyImage img {
    border-radius: 0px;
    max-width: 500px;
}

.ai-for-everything-page .audience-group .audience-group-left-img.Transformative {
    max-width: 450px;
    margin: 0px auto;
}

.ai-for-everything-page .audience-group .audience-group-left-img.Transformative img {
    max-height: 100%;
}

.ai-for-everything-page.OnlineTutoring.TeachingMethodology .ai-banner-section-group::before {
    height: 0px;
}

.ai-for-everything-page.TeachingMethodology .comparison-section.background-gray-active {
}

.ai-for-everything-page.TeachingMethodology .features-singleword span {
}

.ai-for-everything-page.TeachingMethodology .trust-group .trust-group-body {
}

.ai-for-everything-page.TeachingMethodology .trust-group .trust-group-body-group::before {
}

.ai-for-everything-page.TeachingMethodology .trust-group .trust-group-header-group::before {
}

.ai-for-everything-page.TeachingMethodology .trust-group .trust-group-header-left {
}

.ai-for-everything-page.TeachingMethodology .trust-group .trust-group-title span {
}

.country-list {
    list-style: none;
    padding: 0px;
    gap: 16px;
    display: flex;
    justify-content: center;
    margin: 10px 0px;
    flex-wrap: wrap;
}

.country-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 8px;
    background: rgb(255, 255, 255);
    flex-direction: column;
    min-width: 170px;
}

.country-list li img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.country-list li span {
    font-size: 16px;
    font-weight: 500;
    color: rgb(51, 51, 51);
}

.progress-cycle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
    position: relative;
    gap: 40px;
}

.progress-cycle .step {
    position: relative;
    text-align: center;
    flex: 1 1 0%;
    font-weight: 600;
    font-size: 16px;
    color: rgb(32, 155, 50);
    width: 100px;
    max-width: 100px;
}

.progress-cycle .step:not(:first-child)::before {
    content: ">";
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(58, 182, 76);
    font-size: 20px;
    font-weight: 800;
    width: 40px;
    text-align: center;
}

.progress-cycle .step .step-name {
    margin-top: 0px;
    width: 100px;
    text-align: center;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(58, 182, 76);
    border-radius: 180px;
    color: rgb(255, 255, 255);
}

.carousel-container {
}

.carousel-container .owl-dots {
    display: none;
}

.carousel-container .carousel-slide {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background: rgb(236, 236, 243);
    width: calc(100% + 0px);
    margin: 80px 0px;
}

.carousel-container .carousel-slide:nth-child(2n) {
    flex-direction: row-reverse;
}

.carousel-container .carousel-slide:nth-child(2n) .slide-left {
    margin-right: 40px;
}

.carousel-container .slide-left {
    width: 350px;
    margin-left: 40px;
    margin-top: -30px;
    margin-bottom: -30px;
    position: relative;
}

.carousel-container .slide-left::after {
    content: "";
    border: 15px solid rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.carousel-container .slide-left img {
    height: auto;
    border-radius: 20px;
}

.carousel-container .slide-right {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 40px;
}

.carousel-container .slide-right h2 {
    font-size: 26px;
    line-height: 1.4;
    font-family: Montserrat;
    color: rgb(54, 54, 54);
    font-weight: 600;
}

.carousel-container .slide-right h3 {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    color: rgb(25, 96, 167);
    font-weight: 600;
}

.carousel-container .slide-right ul {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 15px;
}

.carousel-container .slide-right ul li {
    position: relative;
    padding-left: 25px;
    font-size: 15px;
    line-height: 1.5;
    color: rgb(54, 54, 54);
}

.carousel-container .slide-right ul li::before {
    content: "";
    color: rgb(25, 96, 167);
    width: 10px;
    height: 5px;
    border-bottom: 3px solid;
    border-left: 3px solid;
    position: absolute;
    transform: rotate(-45deg);
    left: -1px;
    top: 5px;
    box-sizing: initial;
}

.carousel-container .slide-right .note {
    font-weight: 600;
    color: rgb(54, 54, 54);
}

.carousel-container .slick-dots {
    bottom: -30px;
}

.carousel-container .owl-nav {
    position: absolute;
    bottom: -80px;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    margin: 0px !important;
    justify-content: center !important;
}

.carousel-container .owl-nav .owl-prev, .carousel-container .owl-nav .owl-next {
    width: 50px;
    height: 35px;
    pointer-events: auto;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.carousel-container .owl-nav .owl-prev {
    margin-left: -22px;
}

.carousel-container .owl-nav .owl-next {
    margin-right: -22px;
}

.carousel-container .owl-nav .owl-prev span, .carousel-container .owl-nav .owl-next span {
    font-size: 31px;
    color: rgb(255, 255, 255);
    display: block;
    transition: transform 0.3s;
    width: 50px;
    line-height: 30px;
    height: 35px;
    padding: 0px;
    border-radius: 180px;
    background: linear-gradient(45deg, rgb(192, 0, 77) 0%, rgb(69, 49, 126) 100%);
}

.carousel-container .owl-nav .owl-prev:hover, .carousel-container .owl-nav .owl-next:hover {
    background: none !important;
}

.carousel-container .owl-nav .owl-prev:hover span {
    transform: translateX(-2px);
}

.carousel-container .owl-nav .owl-next:hover span {
    transform: translateX(2px);
}

.carousel-container .owl-nav .owl-prev.disabled, .carousel-container .owl-nav .owl-next.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .carousel-container .owl-nav .owl-prev, .carousel-container .owl-nav .owl-next {
        width: 36px;
        height: 36px;
    }

    .carousel-container .owl-nav .owl-prev span, .carousel-container .owl-nav .owl-next span {
        font-size: 22px;
    }
}

.table-compare {
    width: 100%;
    border-collapse: collapse;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    margin: 20px 0px;
}

.table-compare th, .table-compare td {
    border: 1px solid rgb(221, 221, 221);
    padding: 12px 15px;
    text-align: center;
}

.table-compare thead {
    background-color: rgb(69, 49, 126);
    color: rgb(255, 255, 255);
}

.table-compare tbody tr:nth-child(2n) {
    background-color: rgb(249, 249, 249);
}

.table-compare tbody tr:hover {
    background-color: rgba(192, 0, 77, 0.1);
}

.table-compare th {
    font-size: 16px;
}

.table-compare td {
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.compare-cards {
    display: grid;
    grid-template-columns: 1fr;
    margin: 30px auto;
    width: 100%;
}

.compare-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 15px 20px;
    border-bottom: 1px solid rgb(221, 221, 221);
    text-align: left;
    font-size: 14px;
}

.compare-card.header-card {
    background-color: rgb(19, 119, 188);
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px 8px 0px 0px;
    text-align: left;
}

.compare-card:nth-child(2n):not(.header-card) {
    background-color: rgb(249, 249, 249);
}

.compare-card .highlight {
    color: rgb(12, 78, 152);
    font-weight: 600;
}

@media screen and (max-width: 700px) {
    .compare-card {
        grid-template-columns: 1fr;
        text-align: left;
        padding: 10px;
    }

    .compare-card.header-card {
        text-align: left;
    }

    .compare-card div {
        margin: 5px 0px;
    }
}

.video-page-header {
    margin: 0px auto;
    width: 100%;
    float: left;
    position: relative;
}

.video-page-header .single-video-title {
    font-size: 24px;
    line-height: 1.5;
    font-family: Montserrat;
    color: rgb(28, 28, 28);
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.video-page-header .single-video-center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0px;
    width: 100%;
    float: left;
    position: relative;
    padding: 25px;
    background: rgb(255, 255, 255);
    flex-direction: column;
    gap: 10px;
    border: 2px solid rgb(206, 238, 254);
}

.video-page-header .single-video-modal-center {
    width: 100%;
    margin-bottom: 15px;
}

.video-page-header .video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: rgb(0, 0, 0);
    overflow: hidden;
}

.video-page-header .video-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

.video-page-header .single-video-description {
    font-size: 15px;
    line-height: 1.7;
    color: rgb(0, 0, 0);
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 768px) {
    .video-page-header .single-video-title {
        font-size: 18px;
    }

    .video-page-header .single-video-description {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .video-page-header {
        padding: 16px 12px 32px;
    }

    .video-page-header .video-container {
        border-radius: 8px;
    }
}

.video-list-detail-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    float: left;
    position: relative;
}

.video-list-detail-page.video-list .single-video {
    flex-direction: column-reverse;
    gap: 10px;
}

.video-list-detail-page.video-list .single-video-left {
    width: 100%;
}

.video-list-detail-page.video-list .single-video-title {
    font-size: 16px;
}

.video-list-detail-page.video-list .single-video-right {
    width: 100%;
}

.video-list-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    color: rgb(34, 34, 34);
    width: 100%;
    float: left;
    position: relative;
}

.no-bottom-padding {
    padding-bottom: 0px !important;
}

.video-tabs {
    margin: auto;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.video-tabs .tab-header {
    display: flex;
    border-bottom: 1px solid rgb(199, 199, 199);
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    gap: 10px;
}

.video-tabs .tab-btn {
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 8px 8px 0px 0px;
    background-color: rgb(239, 239, 239);
}

.video-tabs .tab-btn:hover {
}

.video-tabs .tab-btn.active {
        position: relative;
    font-size: 16px;
    color: white;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.3s;
}

.video-tabs .tab-body {
    padding: 30px 0px 0px;
}
.video-tabs .tab-body .tab-content{
display: none;
}
.video-tabs .tab-body .tab-content.active{
display: flex;
}
.video-tabs .video-box video {
    width: 100%;
    border-radius: 12px;
}

.video-tabs .reels-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.video-tabs .reels-grid video {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}

.video-tabs .reels-grid video:hover {
    transform: scale(1.03);
}

.reels-grid {
}

.reels-grid .reel-card {
    width: 100%;
    border-radius: 14px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}

.reels-grid .reel-card iframe {
    width: 100%;
    height: 100%;
    border: 0px;
}

.reels-grid .reel-cover {
    width: 100%;
    position: relative;
    cursor: pointer;
    aspect-ratio: 9 / 16;
    border-radius: 14px;
    overflow: hidden;
}

.reels-grid .reel-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 9 / 16;
}

.reels-grid .reel-play {
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 24px;
}

.reels-grid .reel-info {
    width: 100%;
    position: relative;
}

.reels-grid .reel-info h4 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    color: rgb(51, 51, 51);
    margin-bottom: 0.5rem;
}

.reels-grid .reel-info p {
    width: 100%;
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 1.6;
}
.reel-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.reel-modal .reel-modal-content {
  position: relative;
  width: min(420px, 92vw);
  height: min(85vh, 750px);
  aspect-ratio: 9 / 16;
  background: #000;
  border-radius: 18px;
  overflow: hidden;
  animation: modalPop .25s ease;
  box-shadow: 0 20px 60px rgba(0,0,0,.6);
}

.reel-modal .reel-modal-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.reel-modal .reel-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  background: rgba(0,0,0,.4);
  border-radius: 50%;
  padding: 4px 8px;
}

/* Animation */
@keyframes modalPop {
  from {
    transform: translateY(20px) scale(.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}



.ai-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);

    /* Nested styles */
}

.ai-modal .ai-modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 80%;
    border-radius: 8px;
}

.ai-modal .ai-modal-caption {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
}

.ai-modal .ai-modal-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.ai-modal .ai-modal-close:hover,
.ai-modal .ai-modal-close:focus {
    color: #bbb;
    text-decoration: none;
}

/* Event image hover effect */
.ai-events-stars .ai-event-img {
    cursor: pointer;
    transition: 0.3s;
}

.ai-events-stars .ai-event-img:hover {
    transform: scale(1.05);
}














.reel-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.reel-modal.active {
  display: flex;
}

.reel-modal  .reel-modal-content {
  position: relative;
}

.reel-modal  .reel-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}

.reel-modal  .reel-ratio {
  position: relative;
  width: 100%;
  padding-top: 177.77%;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

.reel-modal  .reel-ratio iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


 










 /* Modal overlay */
.demo-modal {
    display: none; /* hidden by default */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* scroll if needed */
    background-color: rgba(0, 0, 0, 0.6); /* semi-transparent background */
    transition: opacity 0.3s ease;
}

/* Modal content box */
.demo-modal .demo-modal-content {
    background-color: #fff;
    margin: 8% auto; /* centered vertically and horizontally */
    padding: 20px 30px;
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation: slideDown 0.4s ease;
}

/* Slide-down animation */
@keyframes slideDown {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Close button */
.demo-modal .close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    transition: color 0.2s;
}

.demo-modal .close:hover {
    color: #ff0000;
}

/* Form styles */
.demo-modal .demo-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Form group */
.demo-modal .demo-form .form-group {
    display: flex;
    flex-direction: column;
}

/* Labels */
.demo-modal .demo-form label {
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

/* Inputs */
.demo-modal .demo-form input {
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.demo-modal .demo-form input:focus {
    border-color: #007BFF;
    box-shadow: 0 0 5px rgba(0,123,255,0.3);
    outline: none;
}

/* Submit button */
.demo-modal .demo-form .submit-btn {
    background-color: #007BFF;
    color: #fff;
    padding: 12px;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.demo-modal .demo-form .submit-btn:hover {
    background-color: #0056b3;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .demo-modal .demo-modal-content {
        margin: 15% auto;
        padding: 15px 20px;
    }

   .demo-modal  .demo-form input {
        font-size: 14px;
    }

    .demo-modal .demo-form .submit-btn {
        font-size: 14px;
        padding: 10px;
    }
}








.sidebar-search {
    width: 100%;
    padding: 14px;
    border-radius: 180px;
    box-sizing: border-box;
    margin-bottom: 25px;
    background: linear-gradient(135deg, rgb(204, 238, 255) 0%, rgb(248, 248, 253) 50%, rgb(184, 233, 255) 100%);
}

.sidebar-search form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sidebar-search label {
    flex: 1;
    margin: 0;
}

.sidebar-search span {
    display: none;
}

.sidebar-search input[type="search"] {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #95c6dd;
    border-radius: 180px;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}

.sidebar-search input[type="search"]:focus {
    border-color: #222;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
}

.sidebar-search input[type="submit"] {
    padding: 10px 25px;
    border: none;
    border-radius: 180px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s ease;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
}

.sidebar-search input[type="submit"]:hover {
    background: #444;
}




.blog-empty-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 25px;
}

.blog-empty-wrap .blog-empty-box {
	width: 100%;
	text-align: center;
	background: #fff;
	padding: 50px 40px;
	border-radius: 14px;
}

.blog-empty-wrap .blog-empty-title {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog-empty-wrap .blog-empty-subtitle {
	color: #777;
	margin-bottom: 25px;
}

.blog-empty-wrap .blog-empty-text {
	color: #555;
	margin-bottom: 20px;
}

.blog-empty-wrap .blog-empty-search form {
	display: flex;
	gap: 10px;
}

.blog-empty-wrap .blog-empty-search input[type="search"] {
	flex: 1;
	padding: 10px 25px;
	border: 1px solid #95c6dd;
	border-radius: 180px;
}

.blog-empty-wrap .blog-empty-search input[type="submit"] {
	padding: 10px 25px;
	border-radius: 180px;
	border: none;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
}

.blog-empty-wrap .blog-empty-search input[type="submit"]:hover {
	background: #1e4fd8;
}



body.search-no-results .blog-list-group{
    display: flex;
    width: 100%;
    gap: initial;
}


.blog-empty-wrap .blog-empty-search {
	margin-top: 20px;
	margin-bottom: 25px;
	background: linear-gradient(135deg, rgb(204, 238, 255) 0%, rgb(248, 248, 253) 50%, rgb(184, 233, 255) 100%);
	width: 100%;
	padding: 14px;
	border-radius: 180px;
}

.blog-empty-wrap .blog-empty-search .search-form {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.blog-empty-wrap .blog-empty-search label {
	flex: 1;
}

.blog-empty-wrap .blog-empty-search .search-field {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	padding: 10px 12px;
	border: 1px solid #95c6dd;
	border-radius: 180px;
}

.blog-empty-wrap .blog-empty-search .search-field:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 2px rgba(37,99,235,0.15);
}

.blog-empty-wrap .blog-empty-search .search-submit {
	padding: 12px 18px;
	border-radius: 8px;
	border: none;
	background: #2563eb;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s, transform 0.1s;
}

.blog-empty-wrap .blog-empty-search .search-submit:hover {
	background: #1e4fd8;
	transform: translateY(-1px);
}

.blog-empty-wrap .blog-empty-search .search-submit:active {
	transform: translateY(0);
}




.page-not-found {
	width: 100%;
	text-align: center;
	background: #fff;
	padding: 50px 40px;
	border-radius: 14px;
}

/* Text */
.page-not-found p {
	color: #555;
	font-size: 16px;
	margin-bottom: 25px;
}

/* Search */
.page-not-found .search-form {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 25px;
	background: linear-gradient(135deg, rgb(204, 238, 255) 0%, rgb(248, 248, 253) 50%, rgb(184, 233, 255) 100%);
	width: 100%;
	padding: 14px;
	border-radius: 180px;
}
.page-not-found .search-form label {
    flex: 1;
}
.page-not-found .search-field {
	flex: 1;
	outline: none;
	padding: 10px 25px;
	border: 1px solid #95c6dd;
	border-radius: 180px;
	width: 100%;
}

.page-not-found .search-field:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 2px rgba(37,99,235,0.15);
}

.page-not-found .search-submit {
	padding: 10px 25px;
	border-radius: 180px;
	border: none;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
}

.page-not-found .search-submit:hover {
	background: #1e4fd8;
}

/* Widgets layout */
.page-not-found .widget {
	margin-top: 35px;
	text-align: left;
}

.page-not-found .widget-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
}

/* Lists */
.page-not-found ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.page-not-found ul li {
	padding: 6px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}

.page-not-found ul li:last-child {
	border-bottom: none;
}

.page-not-found ul li a {
	color: #2563eb;
	text-decoration: none;
}

.page-not-found ul li a:hover {
	text-decoration: underline;
}

/* Archives dropdown */
.page-not-found select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	margin-top: 10px;
}

/* Tag cloud */
.page-not-found .tagcloud a {
	display: inline-block;
	margin: 5px 6px 0 0;
	padding: 6px 12px;
	background: #f3f4f6;
	border-radius: 20px;
	font-size: 13px !important;
	color: #333;
	text-decoration: none;
}

.page-not-found .tagcloud a:hover {
	background: #2563eb;
	color: #fff;
}

.video-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
  z-index: 9999;
}

/* Active */
.video-popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Box */
.video-popup-overlay .video-box {
  position: relative;
  width: 100%;
  max-width: 900px;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  transform: scale(.85);
  transition: .3s ease;
}

.video-popup-overlay.active .video-box {
  transform: scale(1);
}

/* Responsive Video Ratio */
.video-popup-overlay .video-box::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}

.video-popup-overlay .video-box iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Close */
.video-popup-overlay .close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  background: #e2e2e2;
  color: #ffffff !important;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  z-index: 2;
}

/* Hover */
.video-popup-overlay .close-btn:hover {
  background: #ff4d4d;
  color: #fff;
}

/* Mobile tweaks */
@media (max-width: 600px) {
  .video-popup-overlay {
    padding: 12px;
  }

  .video-popup-overlay .close-btn {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}




.navigation.pagination {
    margin: 30px 0;
    width: 100%;
}

.navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.navigation.pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    transition: all .25s ease;
}

/* Hover only for links */
.navigation.pagination a.page-numbers:hover {
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
    color: #fff;
    border-color: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
}

.navigation.pagination .page-numbers.current {
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
    color: #fff;
    border-color: #1488d8;
    cursor: default;
}

.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
    padding: 0 16px;
    font-weight: 600;
}

.navigation.pagination .page-numbers.dots {
    border: none;
    background: transparent;
    cursor: default;
}

.navigation.pagination .page-numbers.dots:hover {
    background: transparent;
    color: inherit;
}



/* Main Navigation Container */
.navigation.post-navigation {
    display: flex;
    justify-content: space-between; /* previous on left, next on right */
    align-items: center;
    margin: 40px 0;
     /* light background */
}

/* Visually hidden heading for accessibility */
.navigation.post-navigation .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* Links Container */
.navigation.post-navigation .nav-links {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Individual previous/next links */
.navigation.post-navigation .nav-previous,
.navigation.post-navigation .nav-next {
    max-width: 48%; /* allow some spacing between */
}

.navigation.post-navigation .nav-previous a,
.navigation.post-navigation .nav-next a {
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    transition: all 0.3s ease;
    color: #333;
}

/* Hover effects for links */
.navigation.post-navigation .nav-previous a:hover,
.navigation.post-navigation .nav-next a:hover {
    color: rgb(25, 96, 167);
}

/* Subtitle Styling */
.navigation.post-navigation .nav-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* Title Styling */
.navigation.post-navigation .nav-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navigation.post-navigation {
        flex-direction: column;
        padding: 15px 10px;
    }

    .navigation.post-navigation .nav-links {
        flex-direction: column;
        gap: 15px;
    }

    .navigation.post-navigation .nav-previous,
    .navigation.post-navigation .nav-next {
        max-width: 100%;
    }
}











 


 .contact-form-group div.wpforms-container-full{
width: 100% !important;
margin: 0px !important;
 }

  .contact-form-group div.wpforms-container-full .wpforms-field{
    padding: 0px;
    margin-bottom: 20px;
 }
  .contact-form-group div.wpforms-container-full .wpforms-field-medium{
width: 100% !important;
    max-width: initial !important;
        padding: 9px 15px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 8px;
     font-size: 14px;
 }


   .contact-form-group div.wpforms-container-full .wpforms-submit{
        border-radius: 180px;
        width: 100% !important;
    font-size: 14px;
    padding: 10px 36px;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
 }




 


 


 .enquiry-form div.wpforms-container-full{
width: 100% !important;
margin: 0px !important;
 }

  .enquiry-form div.wpforms-container-full .wpforms-field{
    padding: 0px;
    margin-bottom: 20px;
 }


  .enquiry-form div.wpforms-container-full .wpforms-field.half{
      width: calc(50% - 10px);
    float: left;
    clear: initial;
        margin-right: 10px;
 }
  .enquiry-form div.wpforms-container-full .wpforms-field.half + .wpforms-field.half {
      width: calc(50% - 10px);
    float: left;
    clear: initial;
     margin-left: 10px;
    margin-right: 0px;
 }
  .enquiry-form div.wpforms-container-full .wpforms-field-medium,
    .enquiry-form div.wpforms-container-full .wpforms-field-large{
width: 100% !important;
    max-width: initial !important;
        padding: 9px 15px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 8px;
     font-size: 14px;
 }


   .enquiry-form div.wpforms-container-full .wpforms-submit{
        border-radius: 180px;
        width: 100% !important;
    font-size: 14px;
    padding: 10px 36px;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    background: linear-gradient(45deg, rgb(0, 73, 163) 0%, rgb(0, 167, 247) 100%);
 }


 span.live { 
  color: #ff2b2b !important;
  animation: pulse 1.2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    text-shadow: 0 0 5px #ffffff;
  }
  50% {
    transform: scale(1.1);
    text-shadow: 0 0 20px #ffffff;
  }
  100% {
    transform: scale(1);
    text-shadow: 0 0 5px #ffffff;
  }
}

.mobile-screens-group{
    width: 100%;
    position: relative;
    margin-top: 50px;
}


.mobile-screens-group .single-mobile-screen{
        width: 100%;
    position: relative;
}


.mobile-screens-group .single-mobile-screen img{
        width: 100%;
    position: relative;
} 


.mobile-screens-group .owl-item.center .single-mobile-screen {
    opacity: 1;
    transform: scale(1);
}
.mobile-screens-group .owl-item .single-mobile-screen {
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0.5;
    transform: scale(0.85);
}

.world-map-image-group{width: 100%;float: left;position: relative;margin-top: -2%;}


.world-map-image-group .world-map-image{width: 100%;float: left;position: relative;justify-content: center;display: flex;}


.world-map-image-group .world-map-image img{width: 100%;} 


  .world-video-container {
        width: 100%;
        max-width: 900px;
        margin: auto;
        overflow: hidden;
        border-radius: 12px;
    }

    .world-video {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        cursor: pointer;
    }



.blog-bottom-page-pagination{
 display: flex;
 align-items: center;
 gap: 10px;
 width: 100%;
 justify-content: space-between;
 margin: 30px 0;
}
    
.blog-bottom-page-pagination .navigation.pagination{
 display: flex;
 align-items: center;
 gap: 10px;
 width: auto;
 margin: 0px;
}
    #posts-per-page-form {
    display: flex;
    align-items: center;
    gap: 10px;
}

#posts-per-page-form label {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
}

#posts-per-page-form select {
    padding: 8px 14px;
    background: #ffffff;
    font-weight: 500;
    transition: 0.3s ease;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    font-size: 14px;
}

#posts-per-page-form select:hover {
    border-color: #4f46e5;
}

#posts-per-page-form select:focus {
    border-color: #4f46e5;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.15);
    outline: none;
}


.btn-white-outline.no-hover-no-cursor{
    border: 1px solid rgb(0, 63, 171) !important;
    color: rgb(0, 63, 171) !important;
    background: rgb(255, 255, 255) !important;
    cursor: auto;

}