body {
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    font-family: "Albert Sans", sans-serif;
    color: #000;
    background-image: url(../img/bodybg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    overflow-x: hidden;
    background-size: cover;
    object-fit: cover;
}

.fontplayfair {
    font-family: "Playfair Display", serif;
}

::selection {
    background-color: #2196f3;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #000;
}

a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    outline: 0;
    color: #000;
    text-decoration: none;
}

a:hover {
    outline: none;
    color: #1d1d1d;
    text-decoration: none;
}

.wow {
    visibility: hidden;
}

.clear {
    clear: both;
}

img:not(table img) {
    max-width: 100%;
}

iframe {
    border: 0;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

p {
    font-size: 16px;
    color: #5f5d62;
}

figure {
    margin: 0 auto;
    display: block;
    text-align: center;
}

body.scroll-off {
    overflow: hidden;
}

.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-heading {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0;
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.relative-box .form-control::-webkit-input-placeholder {
    color: #5f5d62;
}

.relative-box .form-control::-moz-placeholder {
    color: #5f5d62;
}

.relative-box .form-control:-ms-input-placeholder {
    color: #5f5d62;
}

.relative-box .form-control:-moz-placeholder {
    color: #5f5d62;
}

.appointment-form .form-control::-webkit-input-placeholder {
    color: #fff;
}

.appointment-form .form-control::-moz-placeholder {
    color: #fff;
}

.appointment-form .form-control:-ms-input-placeholder {
    color: #fff;
}

.form-control::-webkit-input-placeholder {
    color: #5f5d62;
}

.form-control::-moz-placeholder {
    color: #5f5d62;
}

.form-control:-ms-input-placeholder {
    color: #5f5d62;
}

/*==================== User Dropdown End ===================*/

/* *** loader css start ****  */

.loader-wrapper {
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

.loader {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
}

.loader:before {
    content: "";
    width: 100px;
    height: 100px;
    border: 5px solid rgba(0, 0, 0, 0.05);
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1.5s infinite linear;
    display: block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader img {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* *** loader css end  ****  */

/*==================== Header Start ===================*/

#header {
    height: 80px;
    display: flex;
    align-items: center;
    z-index: 10;
    width: 100%;
    position: fixed;
    border-bottom: 1px solid rgba(22, 20, 25, 0.08);
}

body.innerPage #header {
    position: relative;
    margin-bottom:40px;
}

body.innerPage #header.is-sticky {
    position: fixed;
}

#header.is-sticky .navbar-expand-lg .navbar-nav .nav-link:before {
    bottom: -21px;
}

#header.is-sticky {
    position: fixed;
    right: 0;
    left: 0;
    background-color: #fff;
    top: 0;
    transform: translateY(-100%);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    height: 65px;
    border-bottom: 1px solid #ededed;
}

#header.is-sticky.awake {
    transform: translateY(0%);
    -webkit-transition: 0.3s all ease-out;
    -o-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

#header.is-sticky.inner_pages_head,
#header.inner_pages_head {
    height: 65px;
}

#header > .container-fluid > .navbar {
    padding-left: 0;
    padding-right: 0;
}

#header .navbar-brand img {
    height: 45px;
    width: auto;
}

#header .navbar-expand-lg .navbar-nav .nav-item {
    margin-right: 40px;
}

#header .navbar-expand-lg .navbar-nav .nav-item:last-child {
    margin-right: 0px;
}

#header .nav-link {
    position: relative;
    padding: 0;
    font-size: 16px;
    color: rgba(22, 20, 25, 0.6);
}

#header .navbar-expand-lg .navbar-nav .nav-link:hover,
#header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link {
    color: #471ca8;
    font-weight: 600;
}

#header .navbar-expand-lg .navbar-nav .nav-link:hover:before,
#header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before {
    color: #471ca8;
    transform: scaleX(1);
}

#header .navbar-expand-lg .navbar-nav .nav-link:before {
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 5px;
    background: #471ca8;
    transform: scaleX(0);
    content: "";
    position: absolute;
    transition: transform 0.5s ease;
}

#header .dropdown-toggle::after {
    border: none;
    /* height: 8px;
  width: 11px; */
    /* background-image: url(../img/drop_arrow.png); */
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: 3px;
}

#header .extra_nav {
    margin-left: 30px;
}

#header .navbar-expand-lg .extra_nav .navbar-nav .nav-item {
    margin-right: 10px;
}

#header .extra_nav .nav-item:list-child {
    margin-right: 0px;
}

#header .extra_btn:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.header_border_btn:before,
.header_filled_btn:before {
    display: none;
}

#header .flag_ico {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {
    padding-left: 32px;
    padding-right: 5px;
    width: auto;
    font-weight: 400;
    color: #000;
}

#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop img {
    width: 21px;
    height: auto;
    vertical-align: text-bottom;
}

#header .for_mobile {
    display: none;
}

#header .for_desktop {
    display: block;
}

.navbar-brand {
    font-size: 0;
    margin: 0 auto 0 0;
}

.themeBtn {
    background: radial-gradient(70.19% 70.19% at 50% 100%, #A37CFA 0%, #471CA8 100%);
    color: #fff;
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
}

.themeBtn:hover {
    background: radial-gradient(ellipse at bottom, #471ca8, #471ca8);
    color: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: radial-gradient(ellipse at bottom, #471ca8, #471ca8);
}

.themeBtn2 {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    backdrop-filter: blur(30px);
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
}

.themeBtn2:hover {
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
}
.img-box3 .img1 {
    position: relative;
}
.img1 .themeBtn2 {
    position: absolute;
    bottom: 28px;
    left:28px;
}

.search-section {
    /* position: absolute; */
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 740px;
    bottom: 0px;
    margin-left: 12.5px;
    margin-right: 12.5px;
}
.search-section input{
    width: calc(100% - 174px);
    background: #fff;
    border-radius: 0 40px 40px 0;
    padding: 8px 19px;
    min-height: 60px;
}
.search-section span {
    color: #161419;
    font-size: 16px;
    white-space: nowrap;
    background: #fff;
    height: 60px;
    border-radius: 40px 0 0 40px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 15px;
}
.search-section span::after {
    content: "";
    position: relative;
    background: #ccc8c0;
    width: 1px;
    height: 44px;
    right: -16px;
}
.btn-search,
.btn-search:hover {
    background: #ff8107;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 4px;
}
.btn-search:hover {
    opacity: 0.9;
}

/* 
.langugae_filter:hover .lang_dropdown {
    display: block;
} */
/*==================== Header End ===================*/

/*==================== Footer login Signup Section ===================*/
.newsletter-form {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #eae7e0;
}

.footer-logsign-link {
    position: relative;
}

.footer-logsign-link:after,
.footer-logsign-link:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: -1;
}

.footer-logsign-link:before {
    background-color: #df1f26;
    left: 0;
}

.footer-logsign-link:after {
    background-color: #5932af;
    right: 0;
}

.footer-signin-link a,
.footer-signup-link a {
    height: 150px;
    align-items: center;
    padding-left: 50px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
}

.footer-signup-link a {
    background-color: #df1f26;
    padding-left: 0px;
}

.footer-signin-link a {
    background-color: #5932af;
}

.footer-signin-link a span,
.footer-signup-link a span {
    color: #fff;
    font-size: 36px;
    width: 100%;
}

.footer-signin-link a p,
.footer-signup-link a p {
    color: #fff;
    font-size: 15px;
    width: 100%;
    margin-bottom: 0;
}

.footer-signup-link a span.footer-link-arrow,
.footer-signin-link a span.footer-link-arrow {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    background-color: #d42027;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 23px;
    transition: 0.5s all;
}

.footer-signup-link a:hover span.footer-link-arrow,
.footer-signin-link a:hover span.footer-link-arrow {
    background-color: #fff;
    color: #d42027;
}

/*==================== Footer login Signup Section ===================*/

/*==================== Footer ===================*/

.footer-block figure {
    margin: 0 0 0px;
    display: inline-block;
    max-width: 311px;
}

.cts_no{
    font-size:15px;
    padding:0 80px 0 0;
}

.cts_no p{
    font-size:14px;
    color:rgba(0, 0, 0, 0.5);
    font-weight:300;
}

.copyright{
    padding:15px 0;
    border-top:1px solid #eeeeee;
    color:#161419;
    font-size:14px;
    margin-top:30px;
}
.mailIcon{
    position:absolute;
    top:25px;
    left:22px;
}

/* .newsletter-form .form-control::before{
    content: '';
    background-image: url(../img/inputMailIcon.svg);
    background-size: 20px 14px;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 20px;
    height: 14px;
} */
.newsletter-form .form-control {
    height: 68px;
    font-size: 14px;
    color: #5f5d62;
    font-weight: 400;
    background-color: transparent;
    border: 0;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 22px;
    padding-right: 130px;
    padding-left: 54px;
}

.relative-box {
    position: relative;
    top: 7px;
}

.relative-box .subscribe-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 60px;
    border: 0;
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
    color: #fff;
    padding: 15px 16px;
    border-radius: 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 120px;
}

.relative-box .subscribe-btn:hover {
    color: #fff;
    background: radial-gradient(ellipse at bottom, #471ca8, #471ca8);
}

footer h6 {
    font-size: 17px;
    color: #000;
    margin: 0 0 27px;
    position: relative;
}

ul.footer-links{
    margin:0;
    padding:0;
    list-style:none;
    column-count:2;
}

ul.footer-links li {
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}

ul.footer-links li a > svg {
    min-width: 20px;
}

ul.footer-links li a {
    font-size: 16px;
    font-weight: 400;
    color: #161419;
    display: flex;
    align-items: center;
    gap: 6px;
    word-break: break-word;
}

ul.footer-links li a:hover {
    color: #471ca8;
}

ul.footer-links.socialize li a {
    position: relative;
    padding-left: 25px;
}

ul.footer-links.socialize li a i {
    position: absolute;
    left: -9px;
    width: 30px;
    text-align: center;
    top: -4px;
    color: #959595;
    font-size: 17px;
}

footer h6 {
    font-size: 16px;
    margin: 0 0 35px;
    font-weight: 600;
    color: #ff8107;
}

.subscribe_text {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
}

.footerTop {
    max-width: calc(100vw - 50px);
    margin: auto;
}

footer.footer_wrapper {
    max-width: calc(100vw - 50px);
    margin: auto;
    background: #fff;
    border-radius: 0 0 80px 80px;
    margin-bottom: 40px;
}

.th-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: end;
}

/*.th-social a:hover {
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
}*/

.th-social a {
    width: 60px;
    height: 60px;
    min-width: 60px;
    /*background: radial-gradient(ellipse at bottom, #471ca8, #471ca8);*/
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar {
    padding: 0;
    justify-content: right;
}

#top-button {
    display: inline-block;
    transition:
        background-color 0.3s,
        opacity 0.5s,
        visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#top-button.show {
    opacity: 1;
    visibility: visible;
}

.back_top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #2196f3;
    display: none;
    border: #2196f3 1px solid;
    z-index: 1;
    border-radius: 4px;
}

.back_top span {
    position: relative;
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
}

.back_top span svg {
    width: 22px;
    height: 21px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.back_top:hover {
    border-color: #2196f3;
    color: #2196f3;
    background-color: #fff;
}

.back_top:hover span {
    color: #2196f3;
}

/*==================== Footer ===================*/

#header .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link {
    /* padding-right: 25px; */
}

.mobiledrop {
    position: absolute;
    right: 0px;
    top: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: transparent;
}

/* Hero Section */
.heroLeftcard .herodataCard:first-child:before {
    content: "";
    background-image: url(../img/cloudicon.png);
    width: 106px;
    height: 73px;
    position: absolute;
    top: -53px;
    left: -52px;
}

.heroLeftcard .herodataCard:first-child {
    margin-top: -90px;
    position: relative;
}

.heroLeftcard {
    display: flex;
    gap: 15px;
}

.theme-color {
    color: #471ca8;
    font-style: italic;
}

.heroSection {
    /* padding: 150px 0 180px; */
}

.heroTextCard {
    z-index: 1;
    max-width: 518px;
}

.heroLeftcard- {
    position: absolute;
    top: 0;
    right: 0;
}

.heroCard {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 185px 0 180px;
}

.heroMainImg {
    position: absolute;
    bottom: 30px;
    left: 100px;
    right: 0;
    margin-inline: auto;
    max-width: 663px;
}

.heroSection {
    /* background-image: url(../img/heroBg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 660px auto; */
}

.herodataCard {
    background: #fff;
    border-radius: 20px;
    padding: 18px 12px;
    text-align: center;
    height: 155px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 122px;
}

.cardIcon span.cardTitle {
    font-size: 14px;
    font-weight: 400;
    color: #5f5d62;
}

.heroCardValue span.greenclr {
    color: #07ad51;
    font-size: 28px;
    font-weight: 600;
    display: block;
}

.heroCardValue span.blueclr {
    color: #1b35a5;
    font-size: 28px;
    font-weight: 600;
    display: block;
}

.heroCardValue span.cardTitle {
    font-size: 14px;
    font-weight: 400;
    color: #5f5d62;
}

.cardIcon span {
    font-size: 18px;
    font-weight: 700;
    color: #1b35a5;
}

.cardIcon {
    max-width: 48px;
    margin: auto;
    margin-top: 0;
}

.heroTextCard p {
    max-width: 318px;
    font-size: 16px;
    color: #5f5d62;
    margin-bottom: 40px;
}

.heroTitle {
    font-size: 58px;
    color: #161419;
    margin-bottom: 16px;
}

.subTitle {
    font-size: 28px;
    color: #161419;
    margin-bottom: 40px;
}

.afterIcon {
    position: relative;
}

h2.cardTitle {
    font-size: 48px;
    color: #161419;
    margin-bottom: 15px;
    font-weight: 400;
}

.afterIcon::after {
    content: "";
    background-image: url(../img/afterRightIcon.png);
    position: absolute;
    top: -14px;
    right: -50px;
    width: 56px;
    height: 58px;
    display: block;
    background-repeat: no-repeat;
}

.beforeIcon {
    position: relative;
}

.beforeIcon::before {
    content: "";
    background-image: url(../img/beforeLeftIcon.png);
    position: absolute;
    top: -33.9px;
    left: -46px;
    width: 56px;
    height: 58px;
    display: block;
    background-repeat: no-repeat;
}

.dataCard {
    border-radius: 20px;
    background-color: #fff;
    padding: 28px 20px;
    text-align: center;
}

.dataValue {
    font-size: 48px;
    margin-bottom: 20px;
    display: block;
    line-height: 1;
}

.themeClr1 {
    color: #471ca8;
}

.themeClr2 {
    color: #ff8107;
}

.dataTitle {
    color: #5f5d62;
    font-size: 16px;
    display: block;
    line-height: 1;
}

.clientLogoCard {
    display: flex;
    align-items: center;
    justify-self: center;
    height: 110px;
    filter: invert(25%) sepia(28%) saturate(34%) hue-rotate(141deg) brightness(52%) contrast(40%);
}

.clientLogoCard:hover {
    filter: unset;
}

.partnerSection {
    overflow: hidden;
    margin: 80px 0;
}

.img-box3 {
    position: relative;
}

.discount-wrapp.style2 {
    right: 48px;
    position: absolute;
    top: -54px;
    background: rgb(255 255 255);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img1 img {
    border-radius: 40px;
}

.img1 {
    text-align: end;
}

/* tag animation */
.discount-tag {
    text-align: center;
    animation: spin 10s infinite alternate-reverse;
}

.discount-wrapp.style2 .box-counter {
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    background: #ffb30f;
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: #fff;
}

/* tag animation */

.requestSection {
    margin: 40px 0;
}

.box-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-title {
    font-size: 20px;
    color: #161419;
    margin-bottom: 8px;
}

.box-text {
    font-size: 16px;
    color: #5f5d62;
    margin: 0;
}

.choose-feature2:last-child {
    padding-bottom: 0px;
}

.choose-feature2 {
    gap: 28px;
    display: flex;
    align-items: center;
    padding-bottom: 48px;
    position: relative;
}

.choose-feature2:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 32px;
    width: 1px;
    background-color: #ccc8c0;
    position: absolute;
    bottom: 9px;
    left: 12%;
}

.topcitySection {
    margin: 140px 0 111px;
}

.topCityBox {
    height: 300px;
    border-radius: 28px;
    overflow: hidden;
}

img.cityImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.topCityBox:hover .cityInfoCard {
    display: block;
}

.cityInfoCard {
    /* display: none; */
    background-image: url(../img/cityOverBg.jpg);
    background-position: left top;
    background-size: cover;
    position: relative;
    top: 0;
    left: 0;
    padding: 30px 15px;
    border-radius: 25px;
    height: inherit;
    z-index:1;
}

.scoreCard {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    max-width: 320px;
    margin-top: -20px;
    padding: 0 8px;
    margin-inline: auto;
}

.scoreValue {
    color: rgba(255, 129, 7, 1);
    margin: 0;
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
}

.scoreBox {
    text-align: center;
}

.scoreLabel {
    font-size: 16px;
    color: rgba(95, 93, 98, 1);
    margin: 0;
}

.cityBtn {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 40%;
}

.cityInfoCard.d-flex {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}



.btnName span {
    display: block;
    color: #5f5d62;
    font-size: 10px;
}

.btnName {
    color: #161419;
    font-size: 14px;
}

.cityTitle {
    margin-bottom: 35px;
    margin-top: 15px;
}

.city-wrapper {
    overflow: hidden;
}

.onCardName {
    position: absolute;
    bottom: 28px;
    left: 28px;
    color: #fff;
    font-size: 24px;
    z-index: 1;
}

.topCityBox:after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 31%) 100%);
    transition: all 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30%;
    width: 100%;
    border-radius: 0 0 28px 28px;
}

.services-box {
    border-radius: 28px;
    background: #fff;
    padding: 25px 20px;
    position: relative;
}

.serviCardHead img {
    min-width: 28px;
}

.services-box:hover .serviCardHead img {
    filter: brightness(0) invert(1);
}

.servidetail {
    font-size: 14px;
    color: #5f5d62;
    margin-bottom: 35px;
}

.themeLink {
    color: #471ca8;
    text-decoration: underline;
    font-size: 16px;
    z-index: 9;
    position: relative
}

.serviCardHead {
    display: flex;
    font-size: 24px;
    align-items: center;
    gap: 16px;
    margin-bottom: 15px;
    color: #161419;
}

.services-box:hover .serviCardHead,
.services-box:hover .servidetail,
.services-box:hover .themeLink {
    color: #fff;
}

.services-box:hover {
    background:radial-gradient(70.19% 70.19% at 50% 100%, #8958F8 0%, #471CA8 100%);
}

.services-box:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../img/onHover.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0.2;
    top: 0;
    right: 0;
}

.services-box:hover:before {
    content: "";
    border: 1px solid #471ca8;
    border-radius: 28px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-4deg);
}

.maxWidth {
    font-size: 14px;
    color: #5f5d62;
    max-width: 650px;
    margin-inline: auto;
}

.mt66 {
    margin-top: 66px;
}

.serviSection {
    padding-top: 40px;
}

.pointList li img {
    min-width: 28px;
}

.pointList li {
    margin-bottom: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    color: #5f5d62;
}

.titlecard p {
    font-size: 16px;
    color: #5f5d62;
    margin: 40px auto;
}

.pointList {
    list-style: none;
    padding: 0;
    margin: 0;
}

.journeySection {
    margin: 117px 0;
}

.cardBtnRow {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px 40px;
    flex-wrap: wrap;
}

section.ourClient {
    margin-top: 100px;
}

.mt80 {
    margin-top: 80px;
}

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

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

.communitySection {
    margin-top: 120px;
}

.clickCard.hideAfter:after {
    content: unset;
}

.clickCard:after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(116 116 116 / 83%) 100%);
    transition: all 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    backdrop-filter: blur(1px);
}

img.boxBanner {
    height: 100%;
    object-fit: cover;
}

.clickCard {
    height: 235px;
    border-radius: 28px;
    background-color: #fff;
    display: block;
    width: 200px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.cardPlayBtn {
    width: 60px;
    height: 60px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-inline: auto;
    margin-bottom: 10px;
}

.cardInfo {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin-inline: auto;
    text-align: center;
    padding-inline: 10px;
    z-index: 1;
}

.mtAdd {
    margin-top: 100px;
}

.mtAdd2 {
    margin-top: 124px;
}

.mtAdd3 {
    margin-top: 60px;
}

.mInline-auto {
    margin-inline: auto;
}

.nameonCard {
    font-size: 16px;
    color: #fff;
}

.Articles-wrapper {
    overflow: hidden;
}

.blogCard {
    background: linear-gradient(187deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    border-radius: 28px;
    padding: 8px 8px 8px 8px;
    height: 100%;
    overflow: hidden;
    min-height: 430px;
}

.blogDate {
    font-size: 14px;
    color: #5f5d62;
    margin-bottom: 10px;
}

.blogCard img {
    border-radius: 28px;
    width: 100%;
    object-fit: cover;
    height: 220px;
}

.blogDetailBox {
    padding: 20px 12px 12px 12px;
}

h3.blogTitle {
    color: #161419;
    font-size: 24px;
    margin-bottom: 40px;
    font-family: "Playfair Display", serif;
}

.swiperBtn {
    position: relative;
}

.appointment-area::after{
    content:"";
    background-image:url(../img/formOverimg.png);
    background-position:left bottom;
    background-size:cover;
    position:relative;
    position:absolute;
    bottom:0;
    left:0;
    height:378px;
    width:100%;
    max-width:440px;
    background-repeat:no-repeat;
}
section.formSection {
    margin:150px 0 80px;
}
.submitBtn{
    background:#fff;
    border:0;
    border-radius:50px;
    padding:12px 50px;
    color:#471ca8;
    font-size:16px;
    font-weight:600;
}
.appointment-area{
    background-image:url(../img/formBg.jpg);
    background-position:left top;
    background-size:cover;
    position:relative;
    top:0;
    left:0;
    padding:22px 40px;
    border-radius:40px;
    height:100%;
}
span.sub-title {
    font-size:38px;
    margin-bottom:15px;
    display: block;
    color: #fff;
    line-height: normal;
}
.swiperBtn {
    position: absolute;
    width: 192px;
    gap: 35px;
    display: flex;
    margin-top: auto;
    bottom: 0;
}

.title-area {
    z-index: 9;
    position: relative;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: "";
}

.swiper-button-next,
.swiper-button-prev {
    width: 80px;
    height: 80px;
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
    border-radius: 50%;
    color: #fff;
}

.clickCard img,
.blogCard img,
.topCityBox img {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.clickCard:hover img,
.blogCard:hover img,
.topCityBox:hover img {
    scale: 1.05;
}

.titlecard {
    /*height: 100%;*/
    position: relative;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: auto;
    height: auto;
}

.swiperBtn .swiper-button-prev.swiper-button-disabled,
.swiperBtn .swiper-button-next.swiper-button-disabled {
    background: #fff;
    color: #000;
    opacity: 1;
    z-index:1;
}

.customContainer {
    padding: 0 15px;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
}

/* Hero Section */
/* Custom Select */

.custom_checkbox input[type="checkbox"],
.custom_checkbox input[type="radio"] {
    height: 21px;
    width: 21px;
    min-width: 21px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 2px solid #d0d0d0;
    border-radius: 5px;
    background: transparent;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.custom_checkbox input[type="checkbox"]:checked,
.custom_checkbox input[type="radio"]:checked {
    border: 2px solid #1295d6;
    background: #1295d6;
}

.custom_checkbox input[type="checkbox"]:checked::before,
.custom_checkbox input[type="radio"]:checked::before {
    content: "\f00c";
    height: 100%;
    color: #fff;
    font-family: "Font-awesome-5-pro";
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.custom_checkbox label {
    color: #555 !important;
}

/* Custom Radio */
.custom_radio [type="radio"]:checked,
.custom_radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom_radio [type="radio"]:checked + label,
.custom_radio [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.custom_radio [type="radio"]:checked + label:before,
.custom_radio [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #b5b5b5;
    border-radius: 100%;
    background: #fff;
}

.custom_radio [type="radio"]:checked + label::after,
.custom_radio [type="radio"]:not(:checked) + label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #f87da9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom_radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom_radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-control {
    height: 45px;
    font-size: 16px;
    color: rgb(66 66 66 / 60%);
    font-weight: 400;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    padding: 15px 25px;
}

.form-control:focus {
    box-shadow: none;
}

.custom_select_block .ms-dd .ms-dd-header {
    height: 45px;
    font-size: 16px;
    color: rgb(66 66 66 / 60%);
    font-weight: 400;
    background: transparent;
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    overflow: hidden;
    width: 100%;
}

.custom_select_block .ms-dd .ms-dd-header .option-selected {
    height: 45px;
    padding: 10px 25px;
    width: 100%;
}

.custom_select_block .ms-dd .ms-list-option.option-selected,
.ms-dd .ms-optgroup ul .ms-list-option.option-selected {
    background: #ffffff;
}

.custom_select_block .ms-dd {
    width: 100%;
}

.custom_select_block .ms-dd .ms-dd-arrow {
    margin-top: -5px;
    right: 25px;
}

/* Select2 */

.floating-label {
    font-size: 16px;
    font-weight: 400;
    color: #475f7b;
    opacity: 1;
    top: 16px;
    left: 20px;
    pointer-events: none;
    position: absolute;
    transition: 240ms;
    margin-bottom: 0;
    z-index: 1;
}

.floating-diff .floating-label {
    opacity: 0;
}

.floating-diff.focused .floating-label {
    opacity: 1;
}

.form-group.focused .floating-label {
    opacity: 1;
    color: #7b7f82;
    top: 4px;
    left: 19px;
    font-size: 12px;
}

.form-group.focused select.form-control {
    padding-top: 21px;
}

.float-checkradio {
    background-color: #fff;
    border: 1px solid #dfe3e7;
    border-radius: 0.267rem;
    padding: 8px 19px;
    transition: 0.3s;
    min-height: 55px;
}

.float-checkradio.focused {
    padding-top: 21px;
}

/*--------select2-css----*/
.select2Part .floating-label {
    opacity: 0;
}

.select2Part.focused .floating-label {
    opacity: 1;
}

.select2multiple .floating-label {
    opacity: 1;
}

.floating-group.focused .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-bottom: 7px;
    margin: 0;
    padding-top: 17px;
    padding-left: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered:before {
    border: none;
    content: "";
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00NzMgMjc3IDEyIDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTQ3MyAyNzcgMTIgODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzhBOTNBNjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00NzEuNiwyNzcuM2w0LjYsNC42bDQuNi00LjZsMS40LDEuNGwtNiw2bC02LTZMLTQ3MS42LDI3Ny4zeiIvPg0KPC9zdmc+DQo=")
        no-repeat 0 0;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
    transform: translateY(-50%);
    position: absolute;
    right: 18px;
    top: 26px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    top: 0;
    right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-right: 30px;
    padding-left: 0px;
    background-color: #ebf0fe;
    margin-right: 5px;
    border: 0px solid #aaa;
    margin-top: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #dc3545;
    color: #e4e4e4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #ee343a;
    color: #fff;
    padding: 1px;
    top: 7px;
    right: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border-right: 0;
    justify-content: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-right: 10px;
    font-size: 13px;
    font-weight: 300;
    padding-left: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
    line-height: 11px;
    height: 17px;
    /* width: 1px; */
    padding-right: 1px;
    border-radius: 50%;
    display: flex;
    font-weight: 300;
    justify-content: center;
}

.floating-group .select2-container--focus .select2-selection__rendered {
    padding-top: 20px !important;
}

.floating-group .select2-container--focus .select2-selection__rendered {
    padding-top: 20px !important;
}

.floating-group .select2-container--below .select2-selection__rendered {
    padding-top: 20px !important;
}

.floating-group .select2-container--below .select2-selection--multiple {
    padding-top: 20px !important;
}

.floating-group .select2-container--above .select2-selection__rendered {
    padding-top: 20px !important;
}

.floating-group .select2-container--above .select2-selection--multiple {
    padding-top: 20px !important;
}

.floating-group .select2-selection--multiple .select2-selection__rendered {
    padding-top: 20px !important;
}

.select2-dropdown {
    border: 0px solid #aaa;
    box-shadow: 0 9px 9px rgba(0, 0, 0, 0.1);
    margin-top: 3px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #dfe3e7;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #dfe3e7;
    padding-left: 19px;
    padding-bottom: 9px;
}

.select2-container .select2-selection--multiple {
    min-height: 55px;
}

.select2-container .select2-selection--single {
    min-height: 55px;
    border: 1px solid #dfe3e7;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 16px;
    line-height: 1;
    margin-left: 0;
    padding-left: 0px;
    font-size: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    border: none;
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00NzMgMjc3IDEyIDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTQ3MyAyNzcgMTIgODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzhBOTNBNjt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00NzEuNiwyNzcuM2w0LjYsNC42bDQuNi00LjZsMS40LDEuNGwtNiw2bC02LTZMLTQ3MS42LDI3Ny4zeiIvPg0KPC9zdmc+DQo=)
        no-repeat 0 0;
    width: 12px;
    height: 8px;
    background-size: 100% 100%;
    transform: translateY(-50%);
    position: absolute;
    right: 18px;
    top: 26px;
}

.select2-selection__rendered li:first-child {
    margin-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:19px;
    padding-right:20px;
    font-size:15px;
    color:#000;
    padding-top:10px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
    font-weight:300;
}

.select2-results__option{
    font-size:15px;
    font-weight:300;
}

/*select2*/
.form-group{
    position:relative;
    margin-bottom:15px;
}
.appointment-form .form-control{
    background-color:rgba(255, 255, 255, 0.28);
    min-height:45px;
    border-radius:8px;
    padding:5px 15px;
    font-size:15px;
    padding-right:30px;
}
.appointment-form .form-group{
    margin-bottom:10px;
}
.form-control{
    display:block;
    width:100%;
    height:auto;
    padding:8px 15px;
    min-height:48px;
    font-size:15px;
    background-color:#f4f4f4;
    color:#ffffff;
    border:0px solid #dfe3e7;
    border-radius:10px;
    -webkit-transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
select.form-control{
    padding-top:10px;
    transition:0.15s;
    padding-right:30px;
}
.form-control:focus{
    color: #475f7b;
    background-color: #f4f4f4d1;
    border-color: #5a8dee;
    outline: 0;
    box-shadow: none;
}
/* contact us */
.titleBox:after{
    content: "";
    background-size: cover;
    border-radius: 40px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.titleBox h2.cardTitle,
.titleBox .theme-color {
    color: #fff;
}

.titleBox .titlecard p {
    font-size: 16px;
    color: #ffffff;
    margin: 22px auto 0;
}

.titleBox .titlecard {
    z-index: 1;
}

.titleBox {
    padding: 70px 20px 60px;
    border-radius: 40px;
    background: radial-gradient(70.19% 70.19% at 50% 100%, rgb(163 124 250 / 82%) 0%, rgb(71 28 168 / 82%) 100%);
    color: #fff;
    margin-bottom: 40px;
    position: relative;
}

.contact-area {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
}

.formSubmit {
    border: 0;
    padding: 18px 54px;
}

.formTitle {
    font-size: 28px;
    margin-bottom: 16px;
    display: block;
    color: #161419;
}

.formSubTitle {
    margin-bottom: 40px;
    color: #161419;
}

.contactTitle {
    font-size: 48px;
    margin-bottom: 40px;
    display: block;
    color: #161419;
}

.contactBtn {
    width: fit-content;
    background: #fff;
    padding: 8px 25px 8px 8px;
    border-radius: 50px;
    font-size: 14px;
    color: #5f5d62;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.btnIcon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    display: inline-flex;
    background: #000;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.callIcon {
    background: #ffeedd;
}

.contactBtn .btnValue {
    font-size: 16px;
    color: #161419;
    display: block;
}

.mailCallBtn {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.contactCard p {
    margin-bottom: 40px;
}

.socialIcon:hover {
    background: #ff9934;
}

.socialIcon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffffff;
}

.socialLinks {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin: 40px 0;
}

.contactCard .titlecard {
    margin: 40px 0;
}

body.bgsame {
    background-color: #f7f3ff;
    background-image: none;
}

body.bodybg2 {
    background-image: url(../img/bodybg2.png);
}

/* contact us */
/* blog */

.fullBlogBox {
    background-color: #fff;
    padding: 8px;
    border-radius: 28px;
    margin-bottom: 40px;
}

.blogUserInfo img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
}

.blogUserInfo h4 {
    color: #161419;
    font-size: 20px;
    margin-bottom: 4px;
}

.blogUserInfo span {
    color: #5f5d62;
    font-size: 16px;
    margin-bottom: 0px;
    display: block;
}

.blogDetailBox .blogTitle {
     min-height: 50px;
    margin-bottom: 20px;
}

.blogSubTitle {
    font-size: 20px;
    margin-bottom: 5px;
    color: #471ca8;
}

img.blogImg {
    border-radius: 28px;
    width: 100%;
    object-fit: cover;
    height: 200px;
}
.home_articlesSection .Articles-wrapper img.blogImg {
    height:220px;
}
.blogDetailBox p {
    margin-bottom: 5px;
}

.blogUserInfo {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
}

.blogDetailBox p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.mtb-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mb48 {
    margin-bottom: 48px !important;
}

ul#blogstab {
    justify-content: center;
    margin: 40px auto;
    gap: 5px;
}

.tablinkBtn {
    color: #161419;
    font-size: 16px;
    padding: 18px 28px;
    border: 0;
    background: transparent;
    border-radius: 32px;
    white-space: nowrap;
}

.tablinkBtn.active,
.tablinkBtn:hover {
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
    color: #fff;
}

.searchInput {
    background-color: #fff;
    border-radius: 40px;
    padding: 8px 8px 8px 20px;
    width:100%;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0px 4px 6px 0px #00000029;
    max-width: 700px;
    justify-content: space-between;
}

.searchinputBtn {
    border: 0;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    background: #ff8107;
    align-items: center;
    justify-content: center;
}

.searchinputBtn:hover {
    background: #471ca8;
}

.searchBoxInput {
    border: 0px;
    min-width: 400px;
    height: 50px;
    width: 100%;
    max-width: 600px;
    padding-left: 10px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjYzNTYgNi42MjAyOUwwLjMyNTU5NSAxLjA0NzI5QzAuMjM2OTUxIDAuOTU0MzAyIDAuMTg3NSAwLjgzMDc2MSAwLjE4NzUgMC43MDIyOUMwLjE4NzUgMC41NzM4MTkgMC4yMzY5NTEgMC40NTAyNzkgMC4zMjU1OTUgMC4zNTcyOTFMMC4zMzE1OTUgMC4zNTEyOUMwLjM3NDU2OSAwLjMwNjA1NSAwLjQyNjI5NSAwLjI3MDAzNiAwLjQ4MzYyOCAwLjI0NTQyMkMwLjU0MDk2MSAwLjIyMDgwOCAwLjYwMjcwMiAwLjIwODExNSAwLjY2NTA5NSAwLjIwODExNUMwLjcyNzQ4OSAwLjIwODExNSAwLjc4OTIzIDAuMjIwODA4IDAuODQ2NTYzIDAuMjQ1NDIyQzAuOTAzODk2IDAuMjcwMDM2IDAuOTU1NjIyIDAuMzA2MDU1IDAuOTk4NTk1IDAuMzUxMjlMNS45OTg2IDUuNTk5MjlMMTAuOTk2NiAwLjM1MTI5QzExLjAzOTYgMC4zMDYwNTUgMTEuMDkxMyAwLjI3MDAzNiAxMS4xNDg2IDAuMjQ1NDIyQzExLjIwNiAwLjIyMDgwOCAxMS4yNjc3IDAuMjA4MTE1IDExLjMzMDEgMC4yMDgxMTVDMTEuMzkyNSAwLjIwODExNSAxMS40NTQyIDAuMjIwODA4IDExLjUxMTYgMC4yNDU0MjJDMTEuNTY4OSAwLjI3MDAzNiAxMS42MjA2IDAuMzA2MDU1IDExLjY2MzYgMC4zNTEyOUwxMS42Njk2IDAuMzU3MjkxQzExLjc1ODIgMC40NTAyNzkgMTEuODA3NyAwLjU3MzgxOSAxMS44MDc3IDAuNzAyMjlDMTEuODA3NyAwLjgzMDc2MSAxMS43NTgyIDAuOTU0MzAyIDExLjY2OTYgMS4wNDcyOUw2LjM1OTYgNi42MjAyOUM2LjMxMjkgNi42NjkzIDYuMjU2NzMgNi43MDgzMiA2LjE5NDUxIDYuNzM0OThDNi4xMzIyOCA2Ljc2MTY0IDYuMDY1MjkgNi43NzUzOSA1Ljk5NzYgNi43NzUzOUM1LjkyOTkgNi43NzUzOSA1Ljg2MjkxIDYuNzYxNjQgNS44MDA2OCA2LjczNDk4QzUuNzM4NDYgNi43MDgzMiA1LjY4MjI5IDYuNjY5MyA1LjYzNTYgNi42MjAyOVoiIGZpbGw9IiMxNjE0MTkiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 23px;
}

.searchCategories {
    border: 0px;
    height: 50px;
}

.searchBox {
    margin-top: -75px;
    z-index: 1;
    position: relative;
}

input:focus-visible,
select:focus-visible {
    outline: 0;
}

.blogUserInfoRow img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
}

.blogUserInfoRow {
    display: flex;
    align-items: center;
    /* gap: 25px; */
}

.blogUserInfoLIst:first-child {
    padding-left: 0;
}

.blogUserInfoLIst:not(:first-child)::before {
    content: "";
    height: 40px;
    width: 1px;
    background-color: #eae7e0;
    position: absolute;
    display: block;
    left: 0;
}

.blogUserInfoLIst h4,
.blogUserInfoLIst {
    font-size: 16px;
    color: #5f5d62;
}

.blogUserInfoLIst {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    padding-left: 28px;
    margin-right: 28px;
}

.detailMainImg {
    margin-top: 20px;
    margin-bottom: 48px;
    border-radius: 40px;
    height: 100%;
    max-height: 440px;
    object-fit: cover;
    object-position: center;
}

h2.blogFullTitle {
    font-size: 40px;
    font-family: "Playfair Display";
    margin: 20px 0;
    color: #161419;
}

.commentCard {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
}

.round16 {
    border-radius: 16px !important;
}

.commListRow {
    display: flex;
    gap: 20px;
    padding: 40px 0 28px 0;
    border-top: 1px solid #eae7e0;
}

.commUserImg img {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
}

.commUserName {
    font-size: 20px;
    margin-bottom: 10px;
    color: #161419;
    font-weight: 500;
}

.commDes {
    color: #5f5d62;
    margin-bottom: 0;
    font-size: 16px;
}

.commentList {
    margin-top: 48px;
}

.commentLoadMore:hover {
    color: #fff;
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
}

.commentLoadMore {
    color: #161419;
    font-size: 16px;
    border: 1px solid #eae7e0;
    padding: 20px 40px;
    border-radius: 16px;
    display: block;
    width: fit-content;
    margin-inline: auto;
}

.commentBox {
    margin: 80px 0;
}

.desHeading {
    font-size: 20px;
    color: #161419;
    margin-bottom: 25px;
    margin-bottom: 25px;
}

.desText {
    font-size: 16px;
    color: #5f5d62;
    line-height: 20px;
}

.boldTitle {
    color: #5f5d62;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    display: block;
}

.blogTextdes ul,
.blogTextdes ol {
    margin-bottom: 35px;
}

.blogTextdes li {
    color: #5f5d62;
    font-size: 16px;
    line-height: 18px;
}

.breadcrumb-item a {
    color: #5f5d62;
}

.breadcrumb-item {
    color: #161419 !important;
}

/* blog */
/* register agent */

.themeCard {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
    margin-bottom: 24px;
}

.borderInput .form-floating > label {
    left: 24px;
    padding: 0 8px;
    background-color: #fff;
    height: fit-content;
    top: 17px;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    top: -3px;
    font-size: 14px;
    color: #5f5d62;
}

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 8px;
    padding-bottom: 8px;
}

.borderInput .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 8px 19px;
    min-height: 60px;
    font-size: 16px;
    color: #161419;
    background-color: transparent;
    border: 1px solid #e0dcdc;
    border-radius: 16px;
    -webkit-transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.themeCardTitle {
    font-size: 20px;
    color: #161419;
    padding-bottom: 16px;
    margin-bottom: 28px;
    position: relative;
}

.themeCardTitle:after {
    content: "";
    display: block;
    background-color: #471ca8;
    height: 2px;
    width: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.requiredField {
    font-size: 14px;
    color: #ff5655;
    padding-left: 5px;
}

.form-floating {
    margin-bottom: 24px;
}

/* photo upload */
.photo-container {
    display: flex;
    gap: 20px;
    align-items: self-end;
}

.photo-box {
    width: 152px;
    height: 152px;
    background-color: #f4f4f4;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    border: 1px dotted #5f5d62;
}

.photo-box .imgIcon {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
}

.uploaded-photo .actions img {
    width: 24px;
    height: 24px;
    border-radius: 0;
}

.add-icon {
    text-align: center;
}

.uploadlabel {
    font-size: 16px;
    color: #161419;
    margin-bottom: 12px;
}

.uploadImagesBtn {
    display: flex;
    gap: 80px;
}

.imgUploadlabel {
    display: block;
    color: #5f5d62;
    font-size: 16px;
}

.photo-box label {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

.add-icon {
    font-size: 24px;
    color: #888;
}

.uploaded-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.photouploaded-box {
    width: 152px;
    height: 152px;
    background-color: #f4f4f4;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.uploaded-photo .actions {
    display: flex;
    gap: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.action-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
}

/* photo upload */
/* team image */
#teamstaff_input {
    display: none;
}

.teamstaff {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    aspect-ratio: 16 / 9;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border: 1px dashed currentcolor;
    cursor: pointer;
    outline: none;
    overflow: hidden;
}

.teamstaff_img {
    max-width: 100%;
}

.addmoreBtn:hover {
    color: #fff;
    background-color: #471ca8;
}

.addmoreBtn {
    border-radius: 40px;
    border: 1px solid #471ca8;
    padding: 20px;
    color: #471ca8;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 10px;
}

/* team image */
/* no input */
.intl-tel-input,
.iti {
    width: 100%;
}

.numberlabel {
    top: -12px !important;
    font-size: 14px;
    color: #5f5d62;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.iti__selected-flag {
    padding: 0 6px 0 19px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

/* no input */
.formBtnRow {
    display: flex;
    gap: 20px;
    margin: 40px 0;
}

.cancelBtn:hover {
    background-color: #161419;
    color: #fff;
}

.cancelBtn {
    color: #161419;
    background-color: transparent;
    padding: 17px 42px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    border: 1px solid #5f5d62;
}

.mt-28 {
    margin-top: 28px;
}

.w-fit-content {
    width: fit-content;
}

.cityAgentCard {
    margin-top: 60px;
    margin-bottom: 40px;
}

.scrollTab .nav-link {
    color: #5f5d62;
    font-size: 16px;
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
}

.scrollTab {
    position: sticky;
    top: 75px;
    border-bottom: 1px solid #e0dcdc;
    padding-bottom: 20px;
    margin-bottom: 40px;
    z-index: 2;
    justify-content: space-around;
    background-color: #fff6ed4f;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.scrollTab .nav-link.active,
.scrollTab .nav-link:hover {
    color: #471ca8;
    font-weight: 600;
}

.scrollTab .nav-link.active::after {
    content: "";
    background-color: #471ca8;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 5px;
    display: block;
}

.iconfull.cardTitle {
    max-width: 463px;
}

.divText {
    max-width: 85%;
    text-align: center;
    margin: 30px auto 70px;
}

.visa-detail-box li {
    color: #5f5d62;
}

dl,
ol,
ul {
    padding-left: 20px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollTab::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollTab {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.widthFixed {
    justify-content: flex-start;
    width: fit-content;
}

/* register agent */
table{
    border-color:rgb(0 0 0 / 10%);
    max-width:100% !important;
}
table>tbody>tr:nth-of-type(odd)>* {
    background: rgb(0 0 0 / 5%);
}
table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    border-color:rgb(0 0 0 / 10%);
}
/* new page */

.page-banner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-banner img {
    height: 480px;
    max-height: 480px;
    border-radius: 22px;
    overflow: hidden;
}

.cityInfoCard .themeBtn {
    padding: 8px 16px;
}

.common-section-space {
    margin-bottom: 90px;
}

.theme-accordion .accordion-button {
    color: #000;
    background-color: #fff;
    box-shadow: unset;
    font-size: 20px;
    padding: 28px 28px 28px;
    border: 0;
}

.theme-accordion .accordion-button:not(.collapsed) {
    padding: 28px 28px 20px;
}

.theme-accordion .accordion-body {
    padding: 0 28px 28px;
    font-size: 16px;
}

.theme-accordion .accordion-item {
    margin-bottom: 12px;
    border-radius: 20px !important;
    overflow: hidden;
}

.theme-accordion .accordion-item {
    --bs-accordion-btn-icon: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.625 8.24927H9.75V0.374268H8.25V8.24927H0.375V9.74927H8.25V17.6243H9.75V9.74927H17.625V8.24927Z" fill="%23161419"/></svg>');
}

.theme-accordion .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.000732422" width="16" height="2" fill="%23161419"/></svg>');
    background-position: center;
}

.explore-sec .cardTitle {
    max-width: 480px;
    margin-inline: auto;
}

.explore-block .swiper-slide img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    margin-inline: auto;
}

.explore-block .swiper-slide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.visa-title {
    /* max-width: 200px; */
    text-align: center;
    color: #161419;
}

.explore-block {
    margin-top: 80px;
    padding-bottom: 30px;
}

.dataTitle-h3, .visa-detail-box h2{
    font-size: 28px;
    margin-bottom: 28px;
    margin-top: 28px;
    font-weight: 600;
}

.theme-accordion {
    margin-top: 60px;
    margin-bottom: 40px;
}

.description p{
    font-size: 16px;
    font-weight: 400;
    color: #5f5d62;
    line-height: 22px;
}

.theme-list {
    list-style: none;
    padding-left: 0;
}

.visa-detail-box {
    padding-right: 70px;
}

.cityInfoCard {
    /* max-height: max-content; */
}

.cityInfoCard.freeBook {
    background-image: url(../img/freeBook.png);
}

.form-select {
    height: 48px;
    border-radius: 10px;
}

.yello-btn {
    background: #ff8107;
    border: 0;
    padding: 12px;
    width: 100%;
    border-radius: 40px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
}

.freeBook .fontplayfair .theme-color {
    color: #ff8107;
}

.freeBook .themeBtn{
    background:radial-gradient(ellipse at bottom, #ffb066, #ff8107);
}
.blogImgBox{
    position:relative;
}
.rating-star{
    position:absolute;
    z-index:1;
    background:#FF8107;
    padding:4px 16px;
    border-radius:16px;
    font-size:16px;
    font-weight:bold;
    right:12px;
    bottom:12px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#fff;
}
.cityAgentCard .blogCard{
    background:#FFFFFF;
}
.blogStatus{
    list-style:none;
    padding:0;
    display:flex;
    margin-bottom:10px;
}

.blog-tag {
    margin-right: 6px;
    background: #fff4ea;
    color: #ff8107;
    font-size: 14px;
    padding: 8px;
    border-radius: 10px;
}

.locationText {
    font-size: 14px;
}

.social-tag {
    background: #04bc1f;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.post-footer {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eae7e0;
}

.view-agent {
    color: #471ca8;
    padding: 17px 22px;
    border: 1px solid #eae7e0;
    border-radius: 60px;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 16px;
}

.message-btn {
    background: #0095ff;
}

.theme-tab {
    margin-bottom: 38px;
}

.theme-tab .nav-item .nav-link {
    border: 0;
    border-bottom: 2px solid transparent;
}

.theme-tab .nav-item a {
    color: #5f5d62;
}

.theme-tab .nav-item .nav-link.active {
    color: #471ca8;
    border-bottom: 2px solid #471ca8;
    font-weight: 600;
}

.theme-tab .nav-tabs .nav-link:focus,
.theme-tab .nav-tabs .nav-link:hover {
    border: 0;
    color: #471ca8;
    border-bottom: 2px solid #471ca8;
}

.dataTitle-h2 {
    font-size: 48px;
    margin-bottom: 28px;
    margin-top: 48px;
}

.service-list {
    list-style: none;
    padding: 0;
}

.service-item {
    display: flex;
    gap: 24px;
    border-radius: 24px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.theme-item {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5f5d62;
}

.service-heading {
    margin-bottom: 15px;
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 20px;
}

.service-info {
    font-size: 16px;
}

.read-more-link {
    font-size: 16px;
    font-weight: 600;
    color: #ff8107;
}

.process-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.process-item {
    display: flex;
    gap: 24px;
    position: relative;
}

.process-list .process-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    width: 2px;
    border-left: 1px dashed #d4bed0;
    height: 100%;
    z-index: 0;
    user-select: none;
}

.process-icon {
    width: 88px;
    height: 88px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.step-no {
    font-size: 16px;
    font-weight: 600;
    color: #ff8107;
    margin-bottom: 4px;
}

.process-heading {
    margin-bottom: 20px;
    font-size: 20px;
    color: #161419;
    font-weight: 500;
}

.process-info {
    color: #5f5d62;
    font-size: 16px;
    line-height: 20px;
}

.process-content {
    padding-bottom: 40px;
}

.apply-visa.cityInfoCard {
    background-image: url(../img/apply-visa.png);
    background-position: right;
}

.apply-visa .yello-btn {
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
}

.apply-visa .cityTitle {
    max-width: 250px;
    position: relative;
    z-index: 1;
}

.apply-visa {
    position: relative;
}

.apply-visa::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 124px;
    background-image: url(../img/apply-visa-shap.png);
    width: 143px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

.titleBanner {
    position: relative;
}

.right-bottom-img {
    position: absolute;
    right: -75px;
    bottom: -54px;
    z-index: 1;
    height: 228px;
}

.top-left-img {
    position: absolute;
    left: -25px;
    top: 25px;
    z-index: 1;
    height: 228px;
}

.h-180 {
    max-height: 180px;
}

.innerCalculator {
    margin-bottom: 100px;
}

.innerCalculator .content {
    width: 100%;
}

.whitebox {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 24px;
}

.custom_radio [type="radio"]:checked + label,
.custom_radio [type="radio"]:not(:checked) + label {
    border: 1px solid #e0dcdc;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 12px;
    width: 100%;
    padding-left: 54px;
}

.custom_radio [type="radio"]:checked + label {
    background: #f6f2ff;
}

.custom_radio [type="radio"]:checked + label:before,
.custom_radio [type="radio"]:not(:checked) + label:before {
    left: 15px;
    top: 15px;
    width: 26px;
    height: 26px;
}

.custom_radio [type="radio"]:checked + label::after,
.custom_radio [type="radio"]:not(:checked) + label::after {
    background: #471ca8;
    top: 20px;
    left: 20px;
    width: 16px;
    height: 16px;
}

.label-subclass {
    font-size: 16px;
    color: #161419;
    margin-bottom: 8px;
}

.point-subclass {
    font-size: 16px;
    color: #5f5d62;
}

.block-head {
    display: flex;
    justify-content: space-between;
    font-family: "Playfair Display", serif;
    align-items: center;
    margin-bottom: 18px;
}



.block-heading {
    font-size: 28px;
    color: #471ca8;
    font-weight: 400;
    margin: 0;
}

.scoreBox {
    background: #ffe2d5;
    background: linear-gradient(
        180deg,
        rgba(255, 226, 213, 1) 0%,
        rgba(255, 255, 255, 1) 45%,
        rgba(255, 255, 255, 1) 100%
    );
    padding: 40px 20px 20px;
    border-radius: 20px;
}

.scoreBox-action {
    margin-top: 40px;
}

.reset-btn {
    border: 1px solid #e0dcdc;
    padding: 14px;
    border-radius: 58px;
    text-align: center;
    flex: 1;
}

.get-scores {
    border-radius: 58px;
    border: 1px solid #ff8107;
    padding: 15px;
    color: #fff;
    flex: 2;
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    background: #ff8107;
}

.scoreBox-action {
    margin-top: 40px;
    display: flex;
    gap: 16px;
}

.status-btn-list {
    margin: 0;
    list-style: none;
    padding: 0;
}

.status-btn-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0dcdc;
    padding-bottom: 12px;
}

.scoreBox + .whitebox {
    padding: 20px;
}

.scoreBox + .whitebox .status-btn {
    padding: 5px 17px;
    font-weight: bold;
}

.stepCard {
    background: #fff;
    padding: 18px;
    border-radius: 30px;
    text-align: center;
    height:100%;
}

.card-icon {
    /* padding: 40px; */
    /* border: 1px solid #eae7e0; */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: auto;
    margin-bottom: 20px;
}

.step-label {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.step-dec {
    font-size: 16px;
    color: #5f5d62;
    margin-bottom: 0;
}

.details-heading {
    margin-top: 20px;
    margin-bottom: 28px;
    font-size: 36px;
    padding-inline: 12px;
}

.details-heading i {
    color: #471ca8;
}

.Course-info {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.Course-info-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    padding: 12px;
    border: 1px solid #eae7e0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CourseDetails {
    background: #fff;
    padding: 6px;
    border-radius: 28px;
}

.Course-info {
    display: flex;
    gap: 15px;
    padding-inline: 12px;
    margin-bottom: 20px;
}

.horizontal-list {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.select-details.horizontal-list .label-subclass {
    margin: 0;
}

.horizontal-list .custom_radio [type="radio"]:checked + label,
.horizontal-list .custom_radio [type="radio"]:not(:checked) + label {
    padding-block: 17px;
    margin-bottom: 0;
}

.Question-text + ul {
    border: 1px solid #e0dcdc;
    border-radius: 20px;
    padding: 14px;
    padding-left: 40px;
}

.book-btn.score-btn {
    border: 1px solid #e0dcdc;
    color: #161419;
}

.book-btn.score-btn:hover {
    color: #fff;
    border-color: #471ca8;
}

.score-btn {
    border: 1px solid;
    color: #471ca8;
    display: flex;
    gap: 8px;
    padding: 15px 28px;
    align-items: center;
    border-radius: 40px;
}

.score-btn:hover {
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
    color: #fff;
}

.score-btn:hover svg path {
    stroke: #fff;
}

.actionBtn {
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
}

.info-subtitle {
    font-size: 16px;
    color: #5f5d62;
}

.Course-info-text p {
    font-size: 20px;
    margin: 0;
    color: #161419;
}

/* new page */
/* form */

.content {
    width: 95%;
    margin: 0 auto 50px;
}

.content_title {
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
}

.content_title--m-sm {
    margin-bottom: 10px;
}

.multisteps-form_progress {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    margin: 10px 0 40px;
}

.multisteps-form_progress-btn {
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    position: relative;
    padding-top: 20px;
    color: rgba(108, 117, 125, 0.7);
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
}

form.multisteps-form_form {
    padding: 25px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgb(243 217 205) 0%, rgb(235 227 251) 45%, rgb(235 227 251) 100%);
    padding: 40px 20px 20px;
}

@media (min-width: 500px) {
    .multisteps-form_progress-btn {
        text-indent: 0;
    }
}

.multisteps-form_progress-btn:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 13px;
    height: 13px;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition:
        all 0.15s linear 0s,
        -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition:
        all 0.15s linear 0s,
        transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    transition:
        all 0.15s linear 0s,
        transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s,
        -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    border: 2px solid currentColor;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 3;
}

.multisteps-form_progress-btn:after {
    position: absolute;
    top: 5px;
    left: calc(-50% - 13px / 2);
    transition-property: all;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: currentColor;
    z-index: 1;
}

.multisteps-form_progress-btn:first-child:after {
    display: none;
}

.multisteps-form_progress-btn.js-active {
    color: rgb(255 129 7);
}

.multisteps-form_progress-btn.js-active:before {
    -webkit-transform: translateX(-50%) scale(1.2);
    transform: translateX(-50%) scale(1.2);
    background-color: currentColor;
}

.multisteps-form_form {
    position: relative;
}

.multisteps-form_panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 25px;
}

.multisteps-form_panel.js-active {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.steepBtn {
    background: radial-gradient(ellipse at bottom, #471ca89c, #471ca8);
    color: #fff;
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    min-width: 133px;
    border: 0;
}

.multisteps-form_panel[data-animation="fade"] {
    -webkit-animation: fadeInRight 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fadeInRight 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.multisteps-form_panel[data-animation="fade"].js-active {
    -webkit-animation: fadeInLeft 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fadeInLeft 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/*---- CUSTOM ANIMATION ----*/

.fadeInRight {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.fadeInLeft {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.priceValue {
    font-size: 24px;
    font-weight: 600;
    color: #ff8107;
    display: block;
}

.sameLIne {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.post-location {
    display: flex;
    align-items: center;
    gap: 9px;
}

.courceTitle {
    font-family: "Playfair Display", serif;
    color: #161419;
    font-size: 24px;
    margin-bottom: 12px;
}

.courceSearchBox{
    background-color:#fff;
    border-radius:50px;
    padding:8px 8px 8px 10px;
    width:fit-content;
    margin-inline:auto;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    box-shadow:0px 8px 16px 0px #00000029;
}

.searchinputBtn {
    border: 0;
    border-radius: 30px;
    width: 144px;
    height: 52px;
    display: flex;
    background: #ff8107;
    align-items: center;
    color: #fff;
    justify-content: center;
}
.courceInput {
    border: 1px solid #d8d8d8;
    border-radius: 30px;
    padding: 17px 20px;
    width: 170px;
}
select.courceInput{
    background-position:90% 29px;
    padding-right:35px;
}
.locationBox iframe{
    border-radius:40px;
}
.locationBox {
    background:#fff;
    border-radius:40px;
    padding:10px;
    margin:80px 0;
}
.mt80 {
    margin-top:80px;
}
.agentDetailText {
    padding-bottom: 35px;
    margin-top: 40px;
}
.connectBtn {
    background: radial-gradient(ellipse at bottom, #461ca800, #471ca8);
    color: #fff;
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 170px;
}

.agentConnectBtns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 40px 0;
}

.orangeBtn {
    background: radial-gradient(70.19% 70.19% at 50% 100%, #FFBE7E 0%, #FF8107 100%);
}
.greenBtn {
    background: radial-gradient(70.19% 70.19% at 50% 100%, #86FF97 0%, #04BC1F 100%);
}
.blueBtn {
    background: radial-gradient(70.19% 70.19% at 50% 100%, #98D4FF 0%, #0095FF 100%);
}

.agentRating-star {
    background: #ff9127;
    padding: 4px 16px;
    border-radius: 16px;
    font-size: 16px;
    font-weight: bold;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}

.rounded-custom {
    border-radius: 30px;
}

.thumb img {
    height: 100%;
    width: 100%;
    border-radius: 40px;
    object-fit: cover;
}

.main-image img {
    height: 100%;
    width: 100%;
    max-height: 435px;
    border-radius: 40px;
    object-fit: cover;
}

.thumb {
    height: 208px;
    background-size: cover;
    background-position: center;
    border-radius: 25px;
}

.overlay2 {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 40px;
}

.imggalleryBox {
    margin-top: 40px;
}

.main-image {
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 30px;
}

.image-grid {
    gap: 10px;
}

/* form */
.card-Imgicon {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 40px;
}

.FF8107color {
    color: #ff8107;
}

.themepp8color {
    color: #471ca8;
}

.priWhiteCard span {
    display: block;
    font-size: 28px;
    font-weight: 600;
}

.priWhiteCard {
    font-size: 16px;
    color: #5f5d62;
    background: #fff;
    border-radius: 24px;
    padding: 20px 16px;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background: #eee;
    margin-bottom: 2rem;
    border-radius: 10px;
    overflow: hidden;
}

.progress {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #7f53ac, #ff8107);
    transition: width 0.3s ease;
}

.form-section {
    display: none;
    animation: fadeIn 0.5s ease;
}

button#prevBtn {
    color: #210505;
    padding: 15px 16px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
}

.buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.buttons button {
    border: 0;
    min-width: 120px;
}

.form-section.active {
    display: block;
}

.modalcard .courceTitle {
    font-size: 18px;
}

.modalcard img.blogImg {
    border-radius: 14px;
}

.modalcard .blogCard {
    /* display: flex; */
}

.modalcard .blogImgBox {
    width: 100%;
    height: 150px;
}

.checkbox-card .blogCard {
    border: 2px solid transparent;
}

.checkbox-card input[type="checkbox"]:checked + .blogCard {
    border: 2px solid #471ca8;
    /* Adjust color/thickness as needed */
    border-radius: 10px;
    /* Optional: adds smooth corners */
    box-shadow: 0 0 10px rgba(71, 28, 168, 0.3);
    /* Optional: add glow */
}

.checkbox-card {
    width: 100%;
}

.dropdown {
    position: unset;
}

.modalcard .view-agent {
    padding: 10px 12px;
    gap: 12px;
    align-items: center;
    font-size: 14px;
}

.modalcard .priceValue {
    font-size: 20px;
    line-height: 1;
}

.modalcard .rating-star {
    padding: 4px 10px;
    font-size: 12px;
    color: #fff;
}

.modalcard .post-footer {
    display: flex;
    /* gap: 10px; */
    align-items: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eae7e0;
}

/* mega menu */
/* Style for submenu */
.dropdown-submenu {
    /* position: relative; */
}

.dropdown-submenu:hover {
}

.submenuHeading {
    color: #161419;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0dcdc;
    font-size: 16px;
}

.dropdownHeading {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #46469c;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    height: 100%;
    width: 100%;
    display: none;
    /* Hide initially */
    min-width: 600px;
}

/* Show the submenu on hover (for desktop) */
.dropdown-submenu:hover .dropdown-menu,
.dropdown .dropdown-menu.show {
    display: block;
}

/* .dropdown:hover .dropdown-menu{
    display: block;
} */
/* Optional: Handle mobile click */
.menuBox {
    border-radius: 28px;
    border: 0;
    padding: 40px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.25);
    max-width: 82%;
}

.menuInnerBox {
    right: 0;
    left: auto;
    border: 0px;
    min-width: fit-content;
    padding: 40px 40px;
    border-radius: 0px;
    position: relative;
    max-width: 290px;
    list-style: none;
    padding: 0;
}

.subDropMenu > .dropdown-item::after {
    content: " â–¸";
    float: right;
    margin-left: auto;
}

ul.dropdown-menu {
    border: 0px;
    min-width: fit-content;
    padding: 40px 0 0 80px;
    border-radius: 0px;
    /* /* max-width: 421px; */
}

#header .dropdown-item {
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid transparent;
}

.multi-column-dropdown {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 👈 2 columns */
    gap: 10px 20px;
    min-width: 300px;
    padding: 10px;
}

#header .dropdown-submenu > .dropdown-item:hover {
    background: #f6f2ff;
    border: 1px solid #a37cfa;
}

#header .dropdown-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 190px;
}

/* mega menu */

.subDropMenu .dropdown-item {
    /* width: 300px; */
    white-space: normal;
}

.subDropMenu .dropdown-item:hover {
    color: #471ca8;
    background: transparent;
    border: 0px solid #a37cfa;
}

.subDropMenu .dropdown-item:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCA3TDEuMjQxODMgLTUuNDI4MjNlLTA4TC01LjU1ODI5ZS0wNyAxLjI4NDEyTDUuNTE5ODQgN0wtNS42MjEwMWUtMDggMTIuNzE0MUwxLjI0MTgzIDE0TDggN1oiIGZpbGw9IiM1RjVENjIiLz4KPC9zdmc+Cg==");
    float: right;
    margin-left: auto;
    font-weight: 400;
    font-size: 23px;
}

.subDropMenu .dropdown-item:hover:after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCA3TDEuMjQxODMgLTUuNDI4MjNlLTA4TC01LjU1ODI5ZS0wNyAxLjI4NDEyTDUuNTE5ODQgN0wtNS42MjEwMWUtMDggMTIuNzE0MUwxLjI0MTgzIDE0TDggN1oiIGZpbGw9IiM0NzFDQTgiLz4KPC9zdmc+");
}

.videoCard:after {
    content: url(../img/videoPlayBtn.svg);
    position: absolute;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.page-block {
    margin-block: 80px;
}

.videoCard {
    /* video card */
  width: 100%;
  max-width: 260px; /* adjust or remove if you use grid */
  height: 500px;    /* card height */
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
}

.videoCard img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.playBtn{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%,-50%);
  width: 56px; height: 56px;
  border: 0; border-radius: 999px;
  background: white;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
}
.playBtn::before{
  content: "";
  position: absolute;
  left: 22px; top: 18px;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #6c5ce7; /* purple triangle */
}
.videoCaption{
  position: absolute; left:0; right:0; bottom:0;
  padding: 10px 12px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0,0,0,.5);
  background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0));
  pointer-events: none;
}

.video-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
}

.video-modal video {
    max-width: 100%;
    max-height: 100%;
}

#ytModal .modal-dialog {
  max-width: 960px;                /* adjust to taste: 720/960/1140 */
  width: calc(100% - 2rem);        /* small side gutters on mobile */
}
#ytModal .modal-body { padding: 0; }
#ytModal .modal-content { background: #000; }

select.form-select.form-control {
    color: #5f5d62;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}

.videoCard video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

/* video card */
/* testimonials */
.testimonialCard {
    border-radius: 24px;
    padding: 28px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA1NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjkzNzUgMjQuMTY0OFYtNC41Nzc2NGUtMDVINTVWMjQuNTEwMUM1NSA0MS4wODAzIDM5LjUzMTIgNDMuMTUxNiAzOS41MzEyIDQzLjE1MTZMMzcuNDY4NyAzOC4zMTg2QzM3LjQ2ODcgMzguMzE4NiA0NC4zNDM4IDM3LjI4MjkgNDUuNzE4OCAzMS43NTk1QzQ3LjA5MzggMjcuNjE3IDQ0LjM0MzcgMjQuMTY0OCA0NC4zNDM3IDI0LjE2NDhIMzAuOTM3NVpNMCAyNC4xNjQ4Vi00LjU3NzY0ZS0wNUgyNC4wNjI1VjI0LjUxMDFDMjQuMDYyNSA0MS4wODAzIDguNTkzNzUgNDMuMTUxNiA4LjU5Mzc1IDQzLjE1MTZMNi41MzEyNSAzOC4zMTg2QzYuNTMxMjUgMzguMzE4NiAxMy40MDYzIDM3LjI4MjkgMTQuNzgxMyAzMS43NTk1QzE2LjE1NjMgMjcuNjE3IDEzLjQwNjMgMjQuMTY0OCAxMy40MDYzIDI0LjE2NDhIMFoiIGZpbGw9IiNFNEU0RTQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: top right 23px;
}

.testimonial__details {
    display: flex;
    align-items: center;
    gap: 16px;
}

.googleStarRaiting {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 35px;
}

.textTestimmonials {
    margin-block: 45px;
}

.googleTextBox {
    border-radius: 24px;
    padding: 28px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
}

.testimonial__img img {
    width: 68px;
    height: 68px;
    max-width: 68px;
    min-width: 68px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial__name {
    font-size: 20px;
    color: #161419;
    margin-bottom: 4px;
}

.testimonial_text {
    font-size: 14px;
    color: #5f5d62;
    margin-top: 28px;
    margin-bottom: 0;
}

/* testimonials */

.menuBox {
    max-width: 1147px;
}

.dropdown-menu[data-bs-popper] {
    top: 80px;
}

[aria-expanded="true"].nav-link:before {
    color: #471ca8;
    transform: scaleX(1) !important;
}

#header [aria-expanded="true"].nav-link::after {
    background-image: url('data:image/svg+xml,<svg width="33" height="17" viewBox="0 0 33 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5 0L32.5215 16.5H0.478531L16.5 0Z" fill="white"/></svg>');
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: -57px;
    z-index: 5;
    left: 0;
    z-index: 1056;
}

#header.is-sticky.awake [aria-expanded="true"].nav-link::after {
    bottom: -46px;
}

#header.is-sticky.awake .dropdown-menu[data-bs-popper] {
    top: 70px;
}

.right-showbox .multi-column-dropdown {
    display: none;
}

.right-showbox .multi-column-dropdown.show {
    display: block;
}

.outerMenuBox {
    width: 100%;
    display: flex;
    gap: 80px;
}

.left-navbar {
    flex: 0 0 283px;
}

.right-showbox {
    flex: 1;
}

.right-showbox .submenuHeading {
    list-style: none;
}

.right-showbox .submenuHeading ul {
    padding: 0;
}

#header .left-navbar .dropdown-item.active {
    border: 1px solid #a37cfa;
    background: #f6f2ff;
    color: #161419;
}

.menuBox.show {
    max-height: calc(100vh - 120px);
    overflow: hidden auto;
}

.no-megaMenu .subDropMenu {
    max-width: 392px;
    margin-left: auto;
    margin-right: 110px;
}





/**Shubham CSS**/

.swiper-partners {
       padding-left: 12vw;
}

.col-md-6 .fullWBlogImg img {
    height: 100%;
}

.blogTextdes .row {
    margin-bottom: 40px;
}

 .profile-img {
      width: 100%;
      /* height: 180px; */
      object-fit: cover;
      border-radius: 50%;
      /* border: 5px solid white; */
      box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
      transition: transform 0.3s ease;
    }
    .profile-img:hover {
      transform: scale(1.05);
      box-shadow: 0 8px 16px rgb(0 0 0 / 0.2);
      z-index: 10;
      position: relative;
    }
    .profile-caption {
      margin-top: 0.8rem;
      text-align: center;
    }
    .profile-name {
      font-weight: 600;
      text-transform: capitalize;
      margin-bottom: 0;
      font-size: 1.1rem;
    }
    .profile-role {
      font-size: 0.85rem;
      color: #6c757d;
      font-weight: 400;
      margin-top: 0.2rem;
      letter-spacing: 0.04em;
    }


        .btn-blue {
      background-color: #1e4ed8;
      color: white;
    }
    .btn-blue:hover {
      background-color: #1c40bb;
    }
    .btn-purple {
      background-color: #4c1d95;
      color: white;
    }
    .btn-purple:hover {
      background-color: #3b127a;
    }
    .explore-btn {
        background: #93C0FF;
        background: linear-gradient(357deg, rgba(147, 192, 255, 1) 0%, rgba(32, 75, 215, 1) 50%);
        color: white;
        font-size: 14px;
        font-weight: 400;
        padding: 7px 20px;
        border-radius: 9999px;
        display: inline-block;
        margin-bottom: 30px;
        user-select: none;
    }
    .explore-purple {
      background: #A37CFA;
      background: linear-gradient(360deg, rgba(163, 124, 250, 1) 0%, rgba(71, 28, 168, 1) 50%);
    }

    .card {
      border-radius: 1.25rem;
      padding: 2rem 2.5rem;
      width: 360px;
      display: flex;
      align-items: center;
      gap: 1.75rem;
      box-sizing: border-box;
    }
    .card-blue {
      background: #dbeafe;
      position: relative;
      overflow: hidden;
    }
    .card-purple {
      background: #ede9fe;
      position: relative;
      overflow: hidden;
    }

    .text-content {
      /* flex: 1; */
      z-index: 1;
    }
    .headline {
    font-weight: 400;
    font-size: 40px;
    color: #161419;
    margin-bottom: 0.25rem;
    font-family: "Playfair Display", serif;
}

    .headline span{ color: #1e3a8a;}
    .headline-purple span {
      color: #4c1d95;
    }
    .italic-text {
      font-style: italic;
    }
    .subtext {
      margin-bottom: 1.25rem;
      font-size: 1.15rem;
      color: #1e40af;
    }
    .subtext-purple {
      color: #5b21b6;
    }

    .explore_now .card {
    width: 100%;
    }

    .explore_now .text-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    }

    .image-container img {
    position: relative;
    right: -10px;
    margin-top: -70px;
    z-index: 999;
    }

    .explore_now .card {
        overflow: visible;
        height: 100%;
        padding-bottom: 60px;
    }

    .explore_now button.btn {
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 16px;
    width: 48%;
    padding: 10px 15px;
    border-radius: 30px;
    }

    .explore_now button.btn:hover{ background: #000; color: #fff;}

    .whychooseSection h2.cardTitle.afterIcon {
        display: inline-block;
    }

    @media(max-width:1440px){
        .image-container img{ right: 0;}
        .explore_now .card { padding: 25px 15px 80px 20px;}
        .explore_now button.btn { bottom: 20px; left: 20px; width: 65%;}
    }

    @media(max-width:991px){

        .explore_now .text-content { flex-direction: column;}
        .image-container img { position: initial;margin-top: 10px; width: 100%; max-width: 190px;}
        .explore_now button.btn { bottom: 20px; width: calc(100% - 20px); left: 0; right: 0; margin: auto; bottom: 15px;}
        .explore_now .card { padding: 25px 15px 75px 20px;   height: auto; margin: 15px 0px;}
        
    }

    .visa-section {
    background: #fff;
    border-radius: 20px;
    padding: 20px 20px 10px;
}


.visa-section h2 {
    color: #471CA8;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.visa-section ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.visa-section li {
    font-size: 16px;
    font-weight: 400;
    color: #161419;
    padding:12px 0;
    border-bottom: 1px solid #E4E4E4;
    background: url(../img/lsicon_down-filled.png) no-repeat right center;
    padding-right: 20px;
}

.visa-section li:last-child{
    border-bottom:0;
    margin-bottom:0;
}

.visa-section li img{
    max-width:22px;
    margin-right:5px;
}

/*home 16 Aug 2025*/
.card_btn_bx {
    display: flex;
    gap: 18px;
}
.card_btn_bx .cardBtn {
    width: 50%;
}
.card_btn_bx .cardBtn a {
    margin: 0;
    flex-direction: column;
    border-radius: 20px;
    padding: 20px 14px;
}
.card_btn_bx .cardBtn span {
    width: 80px;
    height: 80px;
    display: flex;
    margin: auto;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 1px solid #EAE7E0;
    margin-bottom:8px;
}
.city-wrapper {
    position: relative;
}
.city-wrapper .swiperBtn {
    width: 100%;
}
.city-wrapper .swiper-button-prev, .city-wrapper .swiper-button-next {
    background: transparent;
    height: auto;
    width: auto;
    bottom:35px;
}
.city-wrapper .swiper-button-next{
    right:15px;
    left:auto;
    position:absolute;
    top:auto;
    bottom:35px;
}
.partners-wrapper{
    overflow:hidden;
}
.client_user span {
    width: 48px;
    height: 48px;
    display: inline-flex;
}
.client_user {
    position: relative;
}
.client_user span:not(:first-child) {
    margin-left: -26px;
}
.servidetail {
    height: auto !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.clickCard .videoCard{
    height: 100%;
}
.clickCard .videoCard:after {
    transform:translate(-50%, 0%);
}
.footer-links img{
    min-width:20px;
    object-fit:none;
}
.searchinputBtn{
    width:52px;
}
.blogsTabs .fullWBlogImg {
    height:100%;
}
.blog-post p{
    display: inline;
}
.blog-post a{
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #471CA8;
}
.blogUserInfoRow .blogUserInfoLIst img.icon{
    border-radius:0;
    width:16px;
    min-width:16px;
}
.user-view{
    display:flex;
    align-items:center;
}
.blogUserInfoRow{
    justify-content:space-between;
}
.share-btn{
    border:1px solid #161419;
    font-family:Albert Sans;
    font-weight:400;
    font-size:16px;
    line-height:100%;
    border-radius:25px;
    padding:15px 24px;
}
.share-btn img{
    width:20px;
    min-width:20px;
    height:auto;
}
.btnName sup{
    display: block;
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    top: 0;
    color:#5F5D62;
}
ul li{
    color:#5F5D62;
}
.book-img-set{
    margin-bottom:-15px;
}
.card-blue:after, .card-purple:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../img/blue_liner.png) no-repeat top center / cover;
}
.card-purple:after{
    background:url(../img/purple_liner.png) no-repeat top center / cover;
}
.explore_now .text-content, .explore_now .btn{
    position:relative;
    z-index:1;
}
.courceSearchBox .searchinputBtn{
    min-width:130px;
}
.innerPage{
    background:linear-gradient(0deg, #FFF6ED, #F7F3FF), linear-gradient(151.57deg, #F7F3FF 2.8%, #FFF6ED 97.02%);
}
.titleBox .afterIcon::after{
    background-image:url(../img/afterRightWhiteIcon.png);
    right:-54px;
}
.courses_detailBg.titleBox:after{
    background:url(../img/course_detail_banner.png) no-repeat top center / cover;
    border-radius:40px;
}
.unlock_sec{
    background: #FFBE80 url(../img/courses_unlock.png) no-repeat top center / cover;
    background-blend-mode: overlay;
    border-radius: 40px; 
    padding:25px 20px;
    text-align: center;
    margin-bottom:75px;
}
.btn-orange{
    background:#FF8107;
}
.stepCard .card-icon{
    align-items:center;
    display:flex;
}
.visa-section li{
    margin-bottom:0;
}
.list-numbering li {
    margin-bottom: 10px;
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}
.list-numbering {
    list-style: auto;
}
.pathway_subclass_list {
    list-style: none;
    padding: 0;
    margin: 20px 0 15px;
    display: flex;
    justify-content: center;
    gap: 10px;
    column-gap: 40px;
}
.pathway_subclass_list li{
    display: flex;
    align-items:center;
    gap:15px;
}
.pathway_subclass_list li span{
    background: #FFFFFF;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.cityAgentCard img.blogImg{
    height:320px;
}
.py-80{
    padding-top:80px;
    padding-bottom:80px;
}
.list-50{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.list-50 .theme-item{
    width:49%;
}
.service-list{
    list-style:none;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    column-gap:24px;
}
.service-list .service-item{
    width: calc(25% - 18px);
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}
.service-list{
    margin-top:90px;
}
.apply-visa-column{
    padding:0;
}
.apply-visa-column .cityInfoCard.apply-visa{
    width: 100%;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background:#DFD0FF url(../img/apply-visa_bg.png) no-repeat top center / cover;
}
.apply-visa-column .apply-visa .cityTitle{
    max-width:305px;
    text-align:left;
    z-index:1;
    position:relative;
}
.apply-visa-column .yello-btn{
    width:fit-content;
    padding:12px 50px;
}
.title_icon{
    position:relative;
}
.title_icon .afterIcon{
    position:static;
}
.cityInfoCard.freeBook{
    background:#FFDFBF url(../img/book-consultation.png) no-repeat top center / cover;
    padding:10px 30px 40px 40px;
}
.form-consultation{
    margin-top:80px;
}
.choseUs_tab .card_btn_bx{
    max-width:300px;
    margin:auto;
}
.cityTitle{
    font-weight:400;
    font-size:32px;
    line-height:48px;
}
.scrollTab{
    top:65px;
    padding-top:10px;
}
.roundaded-4 {
    border-radius:2.5rem;
}
.blog-post-discription h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    margin: 25px 0 20px;
}
.blog-post-discription p{
    font-weight:400;
    font-size:16px;
    line-height:22px;
    color:#5F5D62;
}
.blog-sidebar{
    position: sticky;
    top:80px;
}
.card-blog {
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px;
}
.card-blog h4 {
    margin-bottom: 10px;
    font-size: 22px;
}
.blog-post a {
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
    margin-top: 15px;
}
.blog-post {
    max-height: 380px;
    overflow: auto;
}
.serach_blog .searchBoxInput{
    width: 100%;
    min-width: auto;
    padding: 0;
}
.serach_blog .searchinputBtn {
    width: 45px;
    height: 45px;
    min-width: 45px;
}
.list_archives {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list_archives li{
    margin-bottom:5px;
}
.list_archives a{
    text-decoration:underline;
    font-style:italic;
    color:#ff9934;
}
.bd-placeholder-img{
    max-width:100px;
    border-radius:15px;
}
.scrollTab{
    gap:22px;
    justify-content:flex-start;
    background:#f7f3fe;
}
.about_ielts .titleBox:after{
    background-image:url(../img/about-ielts-banner.png);
    filter:grayscale(1);
}
.stepCard img{
    height:140px;
    width:140px;
    object-fit:contain;
}
.test_option_bx{
    background:#70AAFD3D;
    border-radius:20px;
    padding:35px 28px;
    height:100%;
}
.test_option_bx .icon {
    background:radial-gradient(50% 50% at 50% 50%, #70AAFD 0%, #183AD0 100%);
    width:100px;
    height:100px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-top:-80px;
    margin-bottom:35px;
}
.test_option_bx h3{
    text-align:center;
    font-weight:500;
    font-size:30px;
    line-height:40px;
    max-width:240px;
    margin:0 auto 10px;
}
.test_option_bx h3 span{
    font-family:Playfair Display;
    font-weight:400;
    font-style:Italic;
    font-size:48px;
    line-height:100%;
    text-align:center;
}
.test_option_bx p{
    font-weight:400;
    font-size:16px;
    line-height:26px;
    text-align:center;
    margin-bottom:0;
}
.about_ielts_card .card-Imgicon{
    margin-bottom:15px;
}
.pattren_list{
    list-style:none;
    padding:0;
    margin:20px 0;
    display:flex;
    flex-wrap:wrap;
    border:1px solid #D6D9DD;
    border-radius:30px;
    overflow:hidden;
}
.pattren_list li{
    width:50%;
    border-right:1.5px solid #D6D9DD;
    border-bottom:1.5px solid #D6D9DD;
    padding:26px 22px 30px;
    transition:all ease .3s;
    cursor:pointer;
}
.pattren_list li:nth-child(2n){
    border-right:0;
}
.pattren_list li:nth-child(2n){
    border-right:0;
}
.pattren_list li:nth-last-child(2), .pattren_list li:last-child{
    border-bottom:0;
}
.pattren_list li .pattren_icon{
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
    font-family: Playfair Display;
    font-weight: 400;
    font-style: Italic;
    font-size: 28px;
    line-height: 100%;
    text-align: right;
    color: #471CA8;
}
.pattren_list li h3 {
    font-family: Albert Sans;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 22px;
}
.pattren_list li p{
    font-family:Albert Sans;
    font-weight:400;
    font-size:16px;
    line-height:28px;
    color:#5F5D62;
    margin-bottom:0;
}
.pattren_list li:hover, .pattren_list li.active{
    background:#FF9934;
    transition: all ease .3s;
}
.pattren_list li:hover .pattren_icon svg path, .pattren_list li.active .pattren_icon svg path{
    fill:#fff;
    transition: all ease .3s;
}
.pattren_list li:hover .pattren_icon, .pattren_list li.active .pattren_icon, 
.pattren_list li:hover h3, .pattren_list li.active h3, .pattren_list li:hover p, .pattren_list li.active p{
    color:#fff;
    transition:all ease .3s;
}
.about_course_bg{
    padding:60px 65px 95px;
    border-radius:40px;
}
.white-title .cardTitle, .white-title .theme-color{
    color:#fff;
}
.white-title .afterIcon::after{
    background-image: url(../img/afterRightWhiteIcon.png);
}
.featurs_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 40px;
}
.featurs_list li {
    width: 48%;
    display: flex;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    flex-wrap: wrap;
}
.featurs_list li span {
    width: 45%;
}
.featurs_list li .list_caption {
    width: 55%;
    padding: 20px;
}
.featurs_list li .list_caption h4 {
    font-family: Albert Sans;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    color: #471CA8;
    margin-bottom: 18px;
}
.featurs_list li .list_caption p {
    margin-bottom: 0;
    font-size: 15px;
}
.featurs_list li span img {
    height: 100%;
    object-fit: contain;
}
.video_bx {
    position: relative;
}
.video_bx .cardInfo{
    top:0;
    bottom:0;
    margin:auto;
    height:fit-content;
    width:fit-content;
    padding:0;
}
.pridarkCard{
    background:#95BDF559;
    border-radius:24px;
    padding:20px;
    display:flex;
    gap:30px;
}
.pridarkCard .caption{
    font-family:Albert Sans;
    font-weight:400;
    font-size:16px;
    line-height:28px;
}
.pridarkCard span{
    font-weight:500;
    font-size:28px;
}
.d-blue-color{
    color:#2F327D;
}
.btn_mockTest{
    border-radius:40px;
    font-family:Albert Sans;
    font-weight:400;
    font-size:16px;
    line-height:100%;
    text-align:center;
    text-transform:uppercase;
    padding:20px;
    width:81%;
    margin-left:auto;
    display:block;
}
.visa-detail-box ul:not(.scrollTab) li, .check-list li{
    padding-left:30px;
    margin-bottom:10px;
    position:relative;
}
.visa-detail-box ul:not(.scrollTab), .check-list{
    padding:0;
    list-style:none;
}
.visa-detail-box ul:not(.scrollTab) li:before, .check-list li:after{
    background:url(../img/tick-circle-outline.svg) no-repeat center center;
    width:20px;
    height:20px;
    content:"";
    position:absolute;
    left:0;
    top:1px;
    background-size: cover;
}
.error-msg{
    background:rgba(255, 0, 0, 0.796);
    color:var(--bg-color);
    border-radius:4px;
    transition:all ease-in-out 0.3s;
    font-size:16px;
    color:#ffffff;
}
.success-msg{
    background:green;
    color:var(--bg-color);
    border-radius:4px;
    font-size:16px;
    transition:all ease-in-out 0.3s;
    color:#ffffff;
}
.blog-post a img{
    max-width:95px;
    border-radius:10px;
}

.post-footer{
    flex-wrap:wrap;
}
.view-agent{
    width:100%;
    justify-content:center;
}
.priceInfo{
    width:100%;
    text-align:center;
}
.priceValue{
    font-size:24px;
}
.cityInfoCard .form-control{
    color:#000;
}
.read-more-link{
    display:block;
    width:fit-content;
    margin:0px auto;
    background:#ff8107;
    color:#fff;
    padding:10px 20px;
    border-radius:26px;
}
.read-more-link:hover{
    opacity:.8;
    color:#fff;
}
.service-list .service-item{
    justify-content:space-between;
}
.form-messages:empty{
    margin:0 !important;
}
.appointment-area-wrapper select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-position:right 10px center;
}
.cityTitle br{
    display:none;
}
.visa-detail-box h3{
    font-size:24px;
}
.visa-detail-box h4{
    font-size:22px;
}
.visa-detail-box a{
    text-decoration:underline;
}
.locationIcon{
    line-height:normal;
}
.courceTitle{
    color:#161419;
    margin-bottom:13px;
    font-family:Playfair Display;
    font-weight:400;
    font-size:18px;
    line-height:normal;
}
.blog-tag {
    border-radius:30px;
}
.blogDetailBox{
    padding:20px 0px 12px;
}
.post-footer {
    padding-top:15px;
    margin-top:15px;
}
.cityInfoCard.courses_cta {
    background: linear-gradient(160.76deg, rgba(255, 180, 107, 0.23) 4.7%, rgba(255, 129, 7, 0.44) 92.83%), url(../img/courses_cta.png) no-repeat top center;
    height: auto;
}
.courses_cta .cityTitle {
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
}
.courses_cta .cityBtn{
    gap:8px;
}
.courses_cta .card_btn_bx .cardBtn span{
    width:42px;
    height:42px;
    display:flex;
    margin:auto;
    border-radius:50%;
    justify-content:center;
    align-items:center;
    border:1px solid #EAE7E0;
    margin-bottom:0;
}
.courses_cta .card_btn_bx .cardBtn span img{
    max-width:24px;
}
.courses_pg .blogCard {
    border-radius: 25px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.courses_pg img.blogImg{
    height:145px;
    border-radius:20px;
}
.courses_pg .courses_city{
    background:linear-gradient(160.76deg, rgb(239 231 255) 0%, rgb(223 208 255) 100%), url(../img/course_cta_bg_img.png) no-repeat top left;
    background-size:contain;
}
.courses_pg .courses_city h2{
    font-family:Playfair Display;
    font-weight:400;
    font-size:32px;
    color:#161419D1;
}
.courses_pg .courses_city li{
    border-bottom:1px solid #D6CDEB;
}
.courses_pg .trade_courses{
    background:linear-gradient(180deg,rgba(222, 250, 242, 1) 0%, rgba(212, 248, 232, 1) 100%), url(../img/course_cta_bg_img.png) no-repeat top left;
}
.courses_pg .trade_courses h2 span{
    color:#1BC972;
}
.courses_pg .blogCard .blogDetailBox{
    padding-bottom:0;
    margin-bottom:0;
}
.courses_pg .courses_city li:last-child{
    border:0;
}
.courses_pg .courses_city ul li {
    font-weight: 400;
    font-size: 12px;
    padding: 5px 0;
    margin-bottom: 8px;
    color: #161419D1;
}
@media (min-width: 992px) {
    .custom_col .col-lg-9 {
        flex: 0 0 auto;
        width: 72%;
    }
}
@media (min-width: 992px) {
    .custom_col .col-lg-3 {
        flex: 0 0 auto;
        width: 28%;
    }
}
.courses_pg .courses_city ul li {
    font-weight:400;
    font-size:14px;
    padding:5px 0;
    margin-bottom:8px;
    color:#161419D1;
    background:url(../img/arrow-right.svg) no-repeat right center;
}
.courses_pg .locationText{
    font-size: 12px;
}
.courses_pg .view-agent{
    padding:12px 20px;
    gap:12px;
    font-size:14px;
}
.topCityBox {
    max-height: 342px;
}
.locationIcon img {
    height: auto;
    border-radius:0;
}
.courses_pg .view-agent:hover svg path {
    fill: #fff;
}
.courses_pg .view-agent:hover {
    background: #4a1fa4;
    color: #fff;
}

.table-style {
    border-top: 0;
}
.table-style thead tr {
    border: 0;
}
.table-style tr th:first-child {
    border-radius: 16px 0 0 0;
    white-space: nowrap;
}
.table-style tr th {
    background: #471CA8;
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #fff;
    padding: 15px;
    text-align: center;
}
.table-style tr th:last-child {
    border-radius: 0 16px 0 0;
}
.table-style tr td {
    font-family: Albert Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #5F5D62;
}

.cityInfoCard.speak_cta {
    background:#E3F4FF url(../img/bg_speakCta.png) no-repeat center center / cover;
}
.sky-color{
    color:#009DFF;
}
.sky-btn{
    background:#009DFF;
}
.tab-discription h5{
    font-weight:400;
    font-size:20px;
    color:#161419;
}
.no-apply, .apply{
    position:relative;
}
.no-apply:before, .apply:before{
    content:"";
    background:#000;
    border-radius:50%;
    width:40px;
    height:40px;
    display:inline-flex;
    vertical-align:middle;
    margin-right:12px;
}
.no-apply:before{
    background:url(../img/no-apply-sign.svg) no-repeat center center;
}
.apply:before{
    background:url(../img/apply-sign.svg) no-repeat center center;
}
.tab-discription h5{
    font-weight:400;
    font-size:20px;
    color:#161419;
    margin:35px 0 24px;
}
.cpm_jobDescription h3{
    font-weight:600;
    font-size:28px;
    color:#161419;
    margin-bottom:28px;
    margin-top:40px;
}
.cpm-list-stap li{
    width: 19%;
    background: #fff;
    border-radius: 40px;
    padding: 28px;
}
.cpm-list-stap{
    justify-content: space-between;
}
.cpm-list-stap small{
    display: block;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}
.cpm-list-stap h5{
    font-weight:400;
    font-size:20px;
    line-height:100%;
    text-align:center;
    color:#161419;
    margin:5px 0 0;
}
.assessment-form{
    background:#471CA8 url(../img/cpm_banner.png) no-repeat center center / cover;
    background-blend-mode:luminosity;
}
.bg-parpal:hover{
    color:#ffffff;
}
.parpal_shade{
    background:#DFD0FF url(../img/white_shade.png) no-repeat top center / cover;
}
.cpm_sidebar li{
    background:url(../img/arrow-right.svg) no-repeat right center / cover;
    background-size:14px;
}
.cpm_sidebar li span{
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border-radius:50%;
}
.cpm_sidebar li{
    margin:0;
}
.cpm_sidebar li a{
    display:flex;
    align-items:center;
    gap:10px;
}
.cpm_sidebar .visa-section h2 {
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 38px;
    line-height: normal;
    color: #161419;
}
.green_shade{
    background:linear-gradient(180deg, #D4F4E5 0%, #FFFFFF 100%), url(../img/green_shade.png) no-repeat bottom right;
}
.green_shade{
    background:linear-gradient(180deg, #D4F4E5 0%, #FFFFFF 100%), url(../img/green_shade.png) no-repeat bottom right;
    background-blend-mode: color-burn;
}
.green-color{
    color:#1BC972;
}
.cpm_career_cta{
    background:#FFDFBF url(../img/career_cta.png) no-repeat center center / cover;
    background-size:cover;
}
.orange-color{
    color:#ff8107;
}
.cpm_career_cta .cityTitle {
    max-width: 270px;
}
.cpm_career_cta label{
    background:radial-gradient(70.19% 70.19% at 50% 100%, #FFB066 0%, #FF8107 100%);
    padding:10px 18px;
    border-radius:35px;
    color:#FFFFFF;
    margin-bottom:8px;
}
.breadcrumb-item a:hover {
    color: #471ca8;
}
.card-blog {
    border-radius: 28px;
    padding: 20px;
}
.blog_article {
    background: url(../img/blog-article-bg.png) no-repeat top center / cover;
    box-shadow: 0 0px 4px rgb(0 0 0 / 5%);
}
.card-blog h4 {
    font-family: Albert Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #161419;
    margin-bottom: 28px;
}
.blog_article .blog-post {
    max-height: 470px;
    overflow: auto;
}
.blog_article a {
    margin-bottom: 20px;
    text-decoration: none;
    border: 0;
    padding: 0;
    margin-top: 0;
}
.blog_article a img {
    width: 120px;
    border-radius: 20px;
    height: 120px;
    object-fit: cover;
}
.card-blog .blog-post .text-body-secondary {
    color: #5F5D62;
    display: block;
    margin-bottom: 5px;
}
.blog_article a h6 {
    color: #161419;
    font-family: Playfair Display;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tablinkBtn {
    padding: 10px 28px;
}
.no-apply, .apply {
    display: flex;
    align-items: center;
}
.cpm-list-stap li img {
    margin: auto;
    display: block;
}
.tab_cpm .accordion-tabs {
    column-count: 2;
    column-gap: 10px;
    padding-right: 40px;
    position: relative;
    height: 100%;
}
.tab_cpm .accordion-tabs .accordion-tab, .tab_cpm .accordion-item .accordion-item__label{
    background: #ffffff;
    color: #5f5d62;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.tab_cpm .accordion-tabs .accordion-tab, .tab_cpm .accordion-item .accordion-item__label, .tab_cpm .accordion-active .accordion-item__label{
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.tab_cpm .accordion-tabs .accordion-tab:hover, .tab_cpm .accordion-item .accordion-item__label:hover, .tab_cpm .accordion-tabs .accordion-tab.accordion-active,
.tab_cpm .accordion-active .accordion-item__label{
    color:#fff;
}
.tab_cpm .accordion-tabs .accordion-tab:before, .tab_cpm  .accordion-item .accordion-item__label:before, .tab_cpm .accordion-tabs .accordion-tab.accordion-active:before,
.tab_cpm .accordion-active .accordion-item__label:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #471CA8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius:5px;
}
.tab_cpm .accordion-tabs .accordion-tab:hover:before, .tab_cpm .accordion-tabs .accordion-tab:focus:before, .tab_cpm .accordion-tabs .accordion-tab:active:before,
.tab_cpm  .accordion-item .accordion-item__label:hover:before, .tab_cpm  .accordion-item .accordion-item__label:focus:before, .tab_cpm .accordion-item .accordion-item__label:active:before,
.tab_cpm .accordion-tabs .accordion-tab.accordion-active:before, .tab_cpm .accordion-active .accordion-item__label:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.tab_cpm .accordion-item:not(.accordion-active){
    display: none;
}
.tab_cpm .accordion-tabs:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 0;
    border-right: 3px solid #471ca8;
    height: 100%;
}
.tab_cpm .accordion-item {
    background: transparent;
    border: 0;
}
.tab_cpm .accordion-item .accordion-item__label{
    display:none;
}
.tab_cpm .accordion-item__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 350px;
    overflow: auto;
}
.tab_cpm .accordion-item__content ul li a {
    background: #e8e8e8;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 10px;
}
.tab_cpm .accordion-item__content ul li a:hover{
    background:#471CA8;
    color:#fff;
}
.select_Scores .multisteps-form_panel {
    position: relative;
    padding: 0;
    display:none;
}
.select_Scores .multisteps-form_panel.js-active{
    display:block;
}

@keyframes confetti-slow {
  0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  
  100% { transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg); }
}

@keyframes confetti-medium {
  0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  
  100% { transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg); }
}

@keyframes confetti-fast {
  0% { transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  
  100% { transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg); }
}

.js-container {
    height: 400px;
}

.confetti-container {
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%;
}

.confetti--animation-slow {
  animation: confetti-slow 2.25s linear 1 forwards;
}
.confetti--animation-medium {
  animation: confetti-medium 1.75s linear 1 forwards;
}
.confetti--animation-fast {
  animation: confetti-fast 1.25s linear 1 forwards;
}


/* Checkmark */
.checkmark-circle {
  width: 150px;
  height: 150px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
.checkmark-circle .background {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #00C09D;
  position: absolute;
}
.checkmark-circle .checkmark {
  border-radius: 5px;
}
.checkmark-circle .checkmark.draw:after {
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-name: checkmark;
  -moz-animation-name: checkmark;
  animation-name: checkmark;
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.checkmark-circle .checkmark:after {
  opacity: 1;
  height: 75px;
  width: 37.5px;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border-right: 15px solid white;
  border-top: 15px solid white;
  border-radius: 2.5px !important;
  content: '';
  left: 25px;
  top: 75px;
  position: absolute;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@-moz-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 37.5px;
    opacity: 1;
  }
  40% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
  100% {
    height: 75px;
    width: 37.5px;
    opacity: 1;
  }
}

.thank_you {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    margin: auto;
    background: rgb(255 255 255 / 85%);
    position: relative;
    z-index: 1;
    text-align:center;
}
.thank_you h3 {
    font-size: 48px;
    font-family: Playfair Display;
    font-style: italic;
}
#thank_you .btn-close{
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: #fff;
    opacity: 1;
    padding: 12px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    background-size: 12px;
    box-shadow: 0 0 5px rgb(0 0 0 / 45%);
    z-index: 2;
}
.blog-post.related_article {
    max-height: none;
}
.cpm_Articles .blogDetailBox .blogTitle {
    margin-bottom: 10px;
    font-size: 18px;
}
.cpm_Articles img.blogImg{
    border-radius:25px;
    height:155px;
}
.footerTop img {
    width: 100%;
}
button#prevBtn[style="display: none;"] {
    display: block !important;
    visibility: hidden;
    opacity: 0;
}
.gradient-gray-bg {
    background: linear-gradient(209.3deg, #F7F7F7 19.58%, #F0F0F0 83.43%);
    border: 1px solid #dfdfdf;
}
.tab_cpm .accordion-tabs .accordion-tab .fa-info{
    width: 20px;
    height: 20px;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    background: #ff8814;
    border-radius: 50%;
    color: #fff;
    vertical-align: text-bottom;
}
.question_data .list_data {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    row-gap: 8px;
}
.question_data .list_data li {
    background: #e4e4e4;
    padding: 14px 25px;
    border-radius: 25px;
}
.flex-auto {
    flex: 0 0 auto;
}
.multisteps-form_content select.form-control {
    padding-top: 10px;
    transition: 0.15s;
    background-position: right 15px center;
    color: #626262;
}
.tab_cpm .accordion-tabs .accordion-tab {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: normal;
    font-size: 15px;
}
.tab_cpm .accordion-tabs .accordion-tab .fa-info {
    min-width: 20px;
}
.cpm_jobDescription h3 {
  font-size: 26px;
  margin-bottom: 22px;
}
.list_managerIcon li {
  width: 25%;
}
.list_managerIcon li .list_bx {
  border: 1px solid #FF810740;
  box-shadow: 0px 4px 4px 0px #00000040;
  max-width: 264px;
  margin: 0 auto 0px;
  padding: 15px;
  text-align: center;
  height: 100%;
  border-radius: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.list_managerIcon li .list_bx span {
  box-shadow: 0px 62.18px 17.92px 0px #BDBDBD00;
  background: #FF8107;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  border-radius: 50%;
}
.list_managerIcon {
  row-gap: 30px;
}
.list_managerIcon li .list_bx {
  display: block;
}
.list_managerIcon li .list_bx:hover {
  box-shadow: none;
}
.info_employer .card_bx {
    padding: 45px 50px;
    background: #FFDFBF url(../img/bg_speakCta.png) no-repeat center center / cover;
}
.info_employer .card_bx h3 {
    font-size: 32px;
    margin-bottom: 26px;
}
.info_employer .card_bx p {
    margin-bottom: 10px;
}
.info_employer .card_bx a:not(.btn){
    text-decoration: underline;
}

.banner-caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(70.19% 70.19% at 50% 100%, rgb(163 124 250 / 55%) 0%, rgb(71 28 168 / 70%) 100%);
    border-radius: 30px;
}

.cardTitle {
    color: #fff;
}

.common-section-space img {
    max-height: 380px;
}

.noAfter:after{display:none}
.banner-img img {
    border-radius: 30px;
    object-fit: cover;
    max-height: 250px;
    width: 100%;
}
.container > .titlecard > .cardTitle {
    color: #000;
}
.explore-block .swiper-slide img {
    margin-bottom: 10px;
}
.contactTitle {
    line-height: normal;
}
.contact-area select.form-control, .contact-area .form-control {
    color: rgb(66 66 66 / 75%);
}
.my-120{
    margin-top:120px;
    margin-bottom:120px;
}
.mt-120{
    margin-top:120px;
}
.mb-120{
    margin-bottom:120px;
}
.my-80{
    margin-top:80px;
    margin-bottom:80px;
}
.mt-80{
    margin-top:80px;
}
.mb-80{
    margin-bottom:80px;
}
.my-40{
    margin-top:40px;
    margin-bottom:40px;
}
.mt-40{
    margin-top:40px;
}
.mb-40{
    margin-bottom:40px;
}
.py-120{
    padding-top:120px;
    padding-bottom:120px;
}
.pt-120{
    padding-top:120px;
}
.pb-120{
    padding-bottom:120px;
}
.py-80{
    padding-top:80px;
    padding-bottom:80px;
}
.pt-80{
    padding-top:80px;
}
.pb-80{
    padding-bottom:80px;
}
.py-40{
    padding-top:40px;
    padding-bottom:40px;
}
.pt-40{
    padding-top:40px;
}
.pb-40{
    padding-bottom:40px;
}
.table td:first-child{
    white-space: nowrap;
}
.img-bx img{
    width: 100%;
    border-radius: 40px;
}
.featurs_list li:before, .pattren_list li:before{
    display:none !important;
}
#registration .img_bx img{
    object-fit:fill;
    max-height:fit-content;
}
.visa-section li a:hover, .card_btn_bx .cardBtn a:hover{
    color: #ff8107;
}
#header .nav-link:hover, aside#mega-menu--mobile nav.navigation a.btn:hover{
    color: #ff9934;
}
aside#mega-menu--mobile nav.navigation {
    margin-bottom: 10px;
}
.cityTitle {
    margin-bottom: 15px;
}
.services-box {
    display: block;
}

.service_card [class*="col-"]:nth-child(even) .services-box:hover {
    background: linear-gradient(90deg, #ef8a28 24.44%, #f59537 71.99%);
}
.service_card [class*="col-"]:nth-child(even) .services-box:hover:before{
    border: 1px solid #ef8a28;
}

.CourseDetails > img {
    border-radius: 24px;
} 
.service_card .apply-visa-column .apply-visa .cityTitle{
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 0;
    max-width: 245px;
}
.service_card .apply-visa-column{
    height:100%;
}
.unlock_sec h2.cardTitle {
    font-size: 40px;
}
#bookConsultation .modal-content {
    border-radius:25px;
}
#bookConsultation .appointment-area-wrapper {
    background:radial-gradient(70.19% 70.19% at 50% 100%, rgb(163 124 250 / 82%) 0%, rgb(71 28 168 / 82%) 100%);
    padding:20px;
    border-radius:0 0 22px 22px;
}
.themeBreadcrumb .breadcrumb {
    justify-content: center;
    margin: 0;
}
.themeBreadcrumb .breadcrumb li a {
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}
.banner-caption .titlecard p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.cpm-list-stap li{
    padding:20px;
}
.cpm-list-stap li p{
    margin:0;
    text-align:center;
    font-size:14px;
    line-height:normal;
    margin-top:12px;
}
.cpm-list-stap li img{
    height:120px;
    object-fit:contain;
}
.mb-40{
    margin-bottom:40px;
}
ol li{
    color:#5F5D62;
    line-height:normal;
}
p a{
    color:#5f5d62;
    text-decoration:underline;
}
.skill-occupation h3{
    font-weight:600;
    font-size:28px;
    line-height:normal;
    margin-bottom:25px;
}
.assessment-form{
    background-position:center center;
}
.bg-parpal.btn-transparent{
    background:transparent;
    border:1px solid #471CA8;
    color:#471CA8;
}
.abord_confidence {
    background: url(../img/confidence_img.png) no-repeat center center / cover;
}

.filter-box {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
}

#searchInput, #categoryFilter {
  padding: 10px;
  width: 220px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 12px;
  overflow: hidden;
}

th {
  background: #4c1d95;
  color: #fff;
  padding: 12px;
  text-align: left;
  font-size: 14px;
}

td {
  padding: 12px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

tr:hover {
  background: #f5edff;
}

/* Pagination */
#pagination {
    display: flex;
    gap: 22px;
    align-items: center;
}

.page-btn {
  padding: 8px 14px;
  background: #4c1d95;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.page-btn.disabled {
  background: #ddd;
  cursor: not-allowed;
}

.page-btn.active {
  background: #7c3aed;
}
.searchInput #categoryFilter {
    position: absolute;
    right: 160px;
    padding: 7px 20px;
    border: 0;
    color: #5F5D62;
    cursor: pointer;
    width: fit-content;
}
#occupationTable tr th{
    background:#471CA8;
    color:#fff;
    white-space:pre;
    padding:12px 15px;
}
#occupationTable tr th:first-child{
    border-radius:28px 0 0 0;
}
#occupationTable tr th:last-child{
    border-radius:0 28px 0 0;
}
#occupationTable.table{
    border-radius:28px;
}
#occupationTable tr td{
    padding:10px 15px;
    border-color:#E4E4E4;
}
.pagination_bx{
    background:#fff;
    padding:12px 20px;
    border:1px solid #E0DCDC;
    border-radius:20px;
}
.pagination_bx .page-btn:not(.active) {
    background: transparent;
    border-radius: 50%;
    padding: 0;
    color: #5F5D62;
    line-height: normal;
}
.pagination_bx .page-btn.active{
    border-radius:50%;
    padding:0;
    width:28px;
    height:28px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.page_no {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #5F5D62;
}
.page_no select{
    border:1px solid #E0DCDC;
    padding:10px 15px;
    border-radius:40px;
    padding-right:26px;
    background-position:right 10px center;
    margin-left:10px;
}
.pagination_bx .page-btn .fas{
    font-size:24px;
    font-weight:400;
    color:#471CA8;
}

@media(max-width:576px){
.pagination_bx{
    flex-wrap:wrap;
}
#pagination{
    gap:15px;
}
.page_no select{
    margin-left:5px;
}
.searchInput #categoryFilter, .serach_cpm .themeBtn{
    position:static;
}
.searchInput{
    flex-wrap:wrap;
}
.searchInput #categoryFilter{
    width:100%;
    max-width:100%;
    border:1px solid #D8D8D8;
    border-radius:30px;
    height:50px;
    background-position:right 12px center;
}
.searchInput{
    border-radius:15px;
}
.mb-40{
    margin-bottom:20px;
}
.accordion-button::after{
    width:16px;
    background-size:contain;
}
}
.skill-occupation h3{
    font-size:24px;
    margin-bottom:20px;
}
#occupationTable tr th:nth-child(3) {
    width: 255px;
}
.read-toggle {
    text-decoration: underline;
}

.blogDetail img:has(+ .blog-post-discription) {
    height: 320px;
    object-fit: cover;
}
.visa-option .img-bx, .visa-option .img-bx img {
    height: 100%;
    object-fit: cover;
}
.blog-post {
    overflow-x: hidden;
}

.banner-caption .titlecard {
    max-width: 800px;
}

.blog-post-discription h4 {
    font-size: 20px;
}

.scoreBox{
    position: relative;
}
.scoreBox:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, #ff8107 50%, transparent 0) repeat-x, linear-gradient(90deg, #ff8107 50%, transparent 0) repeat-x, linear-gradient(0deg, #ff8107 50%, transparent 0) repeat-y, linear-gradient(0deg, #ff8107 50%, transparent 0) repeat-y;
    background-size: 4px 2px, 4px 2px, 2px 4px, 2px 4px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    animation: linearGradientMove .3s infinite linear;
}
.total_score{
    border-radius:0;
}
@keyframes linearGradientMove{
100% {
    background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px;
}
}
.total_score {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #FFDFBF;
    max-width: 360px;
    margin: auto;
}
.total_score h3{
    font-weight:400;
    font-size:34px;
    line-height:38px;
    font-family:"Playfair Display", serif;
}
.total_score .score_num {
    padding: 5px 0 0;
    font-weight: 700;
    font-size: 26px;
    color: #ff8107;
}
.score_point ul{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin:0;
}
.score_point ul li{
    width: calc(50% - 8px);
    background: #e3d7ff;
    padding: 10px 18px;
    border-radius: 0;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 3px solid #471ca8;
}
.score_point ul li span{
    width:20px;
    text-align:center;
    height:20px;
    background:#471ca8;
    color:#fff;
    border-radius:50%;
    font-size:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.score_point{
    margin-top:40px;
}
.score_point tr th, .score_point tr td{
    padding:8px 15px;
}
.score_point tr th{
    background:#471ca8;
    color:#fff;
    border-color:#787878;
}
.score_point .score-btn{
    padding:12px 20px;
}
.score_point .score-btn svg{
    width:20px;
}
.user_points{
    padding:20px;
    border:1px solid #e7e7e7;
    border-radius:25px;
    background:#fff;
}
.score_point .score-btn{
    display:unset;
}

.scoreBox {
    text-align: center;
}
.scoreBox {
    background: #ffe2d5;
    background: linear-gradient(
        180deg,
        rgba(255, 226, 213, 1) 0%,
        rgba(255, 255, 255, 1) 45%,
        rgba(255, 255, 255, 1) 100%
    );
    padding: 40px 20px 20px;
    border-radius: 20px;
}

.scoreBox-action {
    margin-top: 40px;
}


.PointsCalculator .form-control {
    color: #000;
}

.scoreBox-action {
    margin-top: 40px;
    display: flex;
    gap: 16px;
}

.scoreBox + .whitebox {
    padding: 20px;
}

.scoreBox + .whitebox .status-btn {
    padding: 5px 17px;
    font-weight: bold;
    
}

.status-btn {
    background: #ff8107;
    border: 0;
    padding: 11px 17px;
    color: #fff;
    border-radius: 26px;
    font-weight: 600;
}

.status-btn button {
    background: transparent;
    border: 0;
    padding: 0;
    color: #fff;
}

.video_bx img {
    max-height: fit-content;
    border-radius: 20px;
}

.staticy_header #header {
    position: unset;
}
.contact-area .form-check a, .appointment-form label a {
    text-decoration: underline;
}
.appointment-form label, .appointment-form label a{
    color: #fff;
}