@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap');

:root {
    --pri-color: #F9A822;
    --sec-color: #AB54DB;
    --light-purple-bg: #FAF6FF;
    --headings-color: #141F39;
    --mian-font-color: #4F4F4F;
    --button-color: #24052F;
    --body-color: #4F4F4F;
    --footer-bg: #24052F;
}

html {
    scroll-behavior: smooth;
}

.light-purple-bg {
    background-color:var(--light-purple-bg);
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Space Grotesk", sans-serif;
    font-style: normal;
}

body {
    font-family: Inter;
    font-style: normal;
    color: var(--body-color);
}


.space-p-t {
    padding-top: 80px;
}

.space-p-b {
    padding-bottom: 80px;
}

.space-p-tb {
    padding: 80px 0;
}

.space-m-t {
    margin-top: 80px;
}

.space-m-b {
    margin-bottom: 80px;
}

.space-m-tb {
    margin: 80px 0;
}

.ctm-mian-title {
    font-size: 36px;
    line-height: 1.3;
    font-style: normal;
    font-weight: 700;
    color:var(--headings-color);
}

.ctm-title-text {    
    font-style: normal;
    font-weight: 400;
    font-size: 18px;   
    line-height:1.3;    

}


.ctm-main-header {
    padding: 15px 0;
    background-color: #FAFAFA;
}

.header-btn {
    padding:10px 20px;
    background-color:var(--button-color);
    display:inline-block;
    text-decoration:none;
    border-radius:10px;
    color:#fff;
    transition:0.3s ease-in;
}

.header-btn:hover {
    background-color:var(--pri-color);
    color:#000;
}

.navbar-expand-lg .navbar-nav {
    gap: 20px;
}
.navbar-light .navbar-nav .nav-link {
    color: #141F39;
}


/*Main Banner homepage*/

.mian-banner-home {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    position:relative;
}

.mian-banner-title {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 51px;
    line-height: 50px;    
    color: #141F39;
}


.mian-banner-title span{
    color:var(--pri-color);
}

.mian-banner-cont {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    max-width: 450px;
}

.banner-btn-dark {
    display: inline-block;
    padding: 20px 50px;
    background-color: #24052F;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    transition:0.3s ease-in-out;
}

.banner-btn-dark:hover {
    background-color:var(--pri-color);
    color:#000;
}


.global-btn-dark {
    display: inline-block;
    padding: 20px 50px;
    background-color: #24052F;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.global-btn-dark:hover {
    background-color: var(--pri-color);
    color: #000;
}

.banner-btn-holder {
    display: flex;
    align-items: center;
    gap: 35px;
}
.banner-btn-holder-thk{
    justify-content:center;
}
    .banner-btn-holder-thk .mian-banner-title{
        line-height:65px;
    }
    .banner-btn-link {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #000;
        text-decoration: none;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        transition: 0.3s ease-in;
    }

.banner-btn-link:hover {
    color: var(--pri-color);
}

.global-btn-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    text-decoration: none;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    transition:0.3s ease-in;
}

.global-btn-link:hover {
    color:var(--pri-color);
}

.mian-banner-img {
    position: absolute;
    right: 0;
    max-width: 58vw;
    top: 30px;
    bottom: 0;
    margin: auto;
}

.mian-banner-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*Main Banner homepage end*/
/*Trusted partners logos*/
.tp-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 44px;
    /* identical to box height, or 183% */
    text-align: center;
    letter-spacing: -1px;
    color: #141F39;
}

.tp-logo-slider {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
    align-items: center;
}

/*Trusted partners logos End*/


/*Shapes CSS*/
.ctm-lt-shape {
    background-position: 40px top;
    background-repeat: no-repeat;
    background-size: 347px;
}

.shape-rt {
    position: absolute;
    right: 36px;
    top: 64px;
    max-width: 386px;
    z-index: -1;
}
/*Shapes CSS End*/

.ctm-zindex-1 {
    z-index:1;
}
/*LP Box*/
.light-purple-box {
    padding: 40px;
    height: 100%;
    background-color: var(--light-purple-bg);
}

.light-purple-box h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;  
    letter-spacing: -1px;
    color: #141F39;
    /*LP Box End*/
}

.pp-img-holder {
    margin-top: 40px;
}

.purple-gradient-bg {
    background: linear-gradient(180deg, #FAF6FF 0%, #FFFFFF 100%);
}


/*Tabs Homepage*/

#ctm-chat-tabs {
    flex-direction: column;
    text-align: left;
}

.ctm-tab-title {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.3;
    letter-spacing: -1px;
    color: #141F39;
}

.ctm-tab-text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #4F4F4F;
    opacity: 0.7;
    margin-top: 10px;
}

.item-chat-tab button {
    background-color: transparent;
    border: none;
    text-align: left;
    color: #000;
    width: 100%;
    padding: 30px 0;
    border-bottom: 2px dashed #C8AEE9;
}

.chatBg-green {
    background: #F8FFF6;
}

.chatBg-cream {
    background: linear-gradient(180deg, #FFF9EE 0%, rgba(255, 249, 238, 0.1) 100%);
}

.chatBg-pink {
    background: linear-gradient(180deg, #FFEEF3 0%, rgba(255, 238, 243, 0.2) 100%);
}
.chatBg-purple {
    background: linear-gradient(180deg, #F7EEFF 0%, rgba(247, 238, 255, 0.2) 100%);
}   


.chatBgBox-div {
    position: relative;
    z-index: 1;
    border-radius: 22px;
}

.chatBgImg {
    text-align: center;
}

.chatBg-cont h4 {
    font-size: 20px;
    color: #320B3C;
    font-weight: 700;
}

.chatBg-cont p {
    color: #495C6E;
}


/*.nav-link.active {    
    border-bottom: 2px solid var(--pri-color);
}*/

/*Tabs Homepage end*/


.ctm-shape-rt {
    background-size: 333px;
    background-repeat: no-repeat;
    background-position: 91% 0px;
}

.ctm-mini-title {
    font-weight: 500;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 2px;
    color: #24052F;
}


.ctm-imgbox-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
}

.ctm-imgbox-cont {
    max-width: 450px;
}



.imgl-box-shape {
    position: absolute;
    left: -105px;
    top: -74px;
    z-index: -1;
    max-width: 350px;
}


.imgr-box-shape {
    position: absolute;
    right: -118px;
    z-index: -1;
    top: -38px;
    max-width: 331px;
}


/*Icon Boxes*/

.icon-logo-holder {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.ic-icon-item {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 11px rgba(229, 213, 250, 0.7);
    border-radius: 19px;
    padding: 15px 15px;
    transition:0.3s;
}

.item-chat-tab:hover {
    padding: 10px 10px 0;
    box-shadow: 4px -2px 8px 3px #ccc;
    border-radius: 10px;
}

.item-chat-tab:hover button {
    border-bottom: none;
}

.item-chat-tab {
    transition: 0.4s;
    padding: 10px 10px 0;
}

.ic-icon-item:hover {
    transform: scale(1.4);
}

.ic-center-box {
    background-color: transparent;
    box-shadow: none;
}
/*Icon Boxes End*/


/*Graph boxes*/
.ctm-graphbox {
    background: #FFFFFF;
    box-shadow: 0px 0px 13px rgba(185, 84, 218, 0.15);
    border-radius: 24px;
    padding: 18px 36px;
    height: 100%;
}

.ctm-graphbox h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 33px;
    color: #000000;
    margin-bottom: 20px;
}
/*Graph boxes end*/



/*contact Section homepage*/

.aar-title {
    font-weight: 700;
    font-size: 71px;
    line-height: 82px;
    text-align: center;
    letter-spacing: -1px;
    color: var(--headings-color);
    margin-bottom: 30px;
}

.aar-cont {
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
}

.chattrik-experts {
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-top: 60px;
}

/*contact Section homepag End*/


/*Customers Say Slider*/

.cs-cont-holder {
    border-radius: 30px;
    overflow: hidden;
    position:relative;
}

/* the slides */
.customers-slider .slick-slide {
    margin: 0 10px;
}

/* the parent */
.customers-slider .slick-list {
    margin: 0 -10px;
}

.box-decor-none a {
    text-decoration:none;
}

.box-over-cont {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 240px;
    padding: 15px 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.84) 100%);
    backdrop-filter: blur(6px);
    color: #fff;
}

.box-over-cont h5 {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom:15px;
    color: #FFFFFF;
}

.tm-name, .tm-desig{
    display: block;
    font-size: 13px;
}

.box-over-cont p {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
}

/*Customers Say Slider End*/


/*Icon box homepage*/

.ctm-icon-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 19px rgba(38, 64, 234, 0.14);
    border-radius: 35px;
    text-align:center;
}

.ctm-icon-box span {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    color: #223147;
    display: block;
    margin-top: 10px;
}

.ctm-icon-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 19px rgba(38, 64, 234, 0.14);
    border-radius: 35px;
    text-align: center;
    min-height: 183px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: 0.3s;
}

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

.iconbox-mian-img {
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 107px rgba(217, 177, 248, 0.25);
    display: flex;
    align-items: center;
    padding:15px;

}




.ctm-ic-box-holder {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


/*Icon box homepage End*/
/*Footer*/
.mian-footer {
    background-color: var(--footer-bg);
    padding: 80px 0px 20px;
}

.foo-logo {
    margin-bottom: 15px;
}
.foo-copyright a {
    text-decoration: none;
    color: #B4B6C4;
    font-weight: 400;
    line-height: 1.5;
}
.foo-inf-holder, .foo-copyright {
    color: #B4B6C4;
}

.foo-inf-holder p {
    line-height: 1.8;
}

.foo-widget-holder h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    color: #FFFFFF;
    margin-bottom:15px;
}

.foo-holder {
    padding-bottom: 80px;
}

.foo-nav {
    list-style:none;
    padding-left:0;
    margin-bottom:0;
}

.foo-nav li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: #B4B6C4;
    text-decoration: none;
    margin-bottom: 15px;
    display: block;
    transition:0.3s ease-in-out;
}

.foo-nav li a:hover {
    color: var(--pri-color);
}

.foo-nav li:last-child a {
    margin-bottom:0;
}

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

.foo-ss-icons {
    padding-left: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    margin-bottom: 0;
}

.foo-ss-icons a{
    color: #B4B6C4;
    transition:0.3s ease-in;
}

.foo-ss-icons a:hover {
    color: var(--pri-color);
}

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

.foo-info-list li a {
    display: flex;
    gap: 12px;
    text-decoration: none;
    margin-bottom: 15px;
    color: #B4B6C4;
    font-size: 16px;
    align-items: center;
}

.foo-info-list li:last-child a {    
    margin-bottom: 0px;    
}

.foo-copyright p a {
    color: #B4B6C4;
    text-decoration:none;
}

.foo-copyright p a:hover {
    color: var(--pri-color);    
}
.pp-tc{
    display:flex;
    gap:20px;
}
/*Footer End*/
/*Payment details Css*/
/*progress Bar css*/
.steps .step-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
    .steps .step-box:after {
        position: absolute;
        background-color: #B526E6;
        content: '';
        width: 75%;
        height: 2px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 25%;
        z-index:-1;
    }
    .steps .step-box .step-box1 .step-c {
        background-color: #B526E6;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 28px;
        height: 28px;
        border-radius: 50px;
    }
    .steps .step-box .step-box1 .step-t {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
        margin-top:10px;
    }

       


        .steps .step-box .step-box1 {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
.order-top span {
    display: block;
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    display: flex;
    align-items: center;
    letter-spacing: -1px;
    color: #320B3C;
    margin-bottom:40px;
}
.starter span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: #320B3C;
    margin-bottom:8px;
}
.p-num span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #B526E6;
    margin-bottom: 8px;
}
.price-holder{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
    .price-holder p {
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        display: flex;
        align-items: center;
        color: #4F4F4F;
    }
.order-s {
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}
.order-top{
    padding:28px 13px 40px 29px;
}
    .order-top p{
        margin-bottom:35px;
    }
.p-list{
    list-style:none;
    column-count:2;
}
    .p-list li {
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        color: #4F4F4F;
        position:relative;
    }
        .p-list li::after {
            content: '';
            position: absolute;
            background-image: url(../images/icons/p-tick.png);
            width: 13px;
            height: 13px;
            left: -26px;
            top: 7px;
        }
.order-bottom {
    background: #EEF0F2;
    border: 1px solid #D9D9D9;
    border-radius: 0px 0px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0 35px 0;
}
    .order-bottom .day {
        font-weight: 700;
        font-size: 16px;
        line-height: 36px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }
    .order-bottom .day {
        font-weight: 400;
        font-size: 16px;
        line-height: 36px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }
.credit-card-form {
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding:39px 42px 47px 41px;
}
    .credit-card-form h4 {
        font-weight: 700;
        font-size: 36px;
        line-height: 46px;
        display: flex;
        align-items: center;
        letter-spacing: -1px;
        color: #320B3C;
        margin-bottom:60px;
    }
.cc-holder{
    position:relative;
}
    .cc-holder img {
        position: absolute;
        right: 20px;
        top: 10%;
    }
.GoBack {
    background: #24052F;
    border-radius: 84px;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    text-decoration:none;
    padding:18px 75px;
    display:block;
}
.cardField input {
    margin-bottom: 34px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    height:40px;
}
.cardField label {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom:8px;
}
/*Payment details Css*/
@media (max-width: 1600px) {
    .ctm-shape-rt {
        background-position: 95% 0px;
    }
}



/*---------------------------- Samit Css -------------------------------*/

.headingDarkBlue {
    color:#141F39;
}

.headingDarkPurple {
    color: #320B3C;
}

.bg-Lpink {
    background-color: #FAF6FD;
}

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

.lg-cont {
    font-size: 18px;
    color: #141F39;
}

.p-color {
    color: #4F4F4F;
}

.bg-DarkPurple {
    background-color: #24052F !important;
}

.inner-banner {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner-banner-thk .mian-banner-title {
    line-height:65px;
}
.inner-banner-thk img{
    margin-bottom:35px;
}
.inner-banner-p {
    font-size: 18px;
    line-height: 35px;
    color: #4F4F4F;
}

.mission-sec {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:150px 0;
}

.mission-sec:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/division-border.webp);
    background-repeat: no-repeat;
    background-position: center;
    height: 90%;
    width: 2px;
    left: 50%;
    top: 30px;
}

.whyChattrik-sec span {
    font-weight: 700;
    color: #495c6ecc;
}

.whyChattrik-box {
    background: linear-gradient(5.13deg, #FAF6FD 6.09%, #FFFFFF 92.68%);
    box-shadow: 0px 0px 15px rgba(38, 64, 234, 0.14);
    border-radius: 10px;
    padding: 30px 30px 10px 30px;
    min-height: 178px;
}

.whyChattrik-box h4 {
    font-family: 'Inter';
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.whyChattrik-Img {
    position: relative;
}

/*.whyChattrik-Img:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/video-placeholder.png);
    width: 50px;
    height: 50px;
    left: 46%;
    top: 46%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}*/

.trusted-logo-sec h4 {
    font-size: 24px;
    font-weight: 700;
    color: #141F39;
}

.dashboard-bgDiv {
    border-radius: 22px;
    padding: 30px 30px 10px 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*.dashboard-img {
    text-align: end;
}*/

.dashboard-cont {
    padding-top:100px;
}

.dashboard-cont h4 {
    color: #24052F;
    font-size: 20px;
    font-weight: 700;
}

.dashboard-iconImage {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
}

.dashboard-smBox {
    border-radius: 20px;
    padding-left: 30px;
    padding-bottom: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard-contBox {
    max-width: 360px;
}

.dashboard-contBox h4 {
    color: #24052F;
    font-size: 20px;
    font-weight: 700;
}

.dashboard-imgImage {
    position: relative;
}

.dashboard-imgImage:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/branding-curve.webp);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 258px;
}

.testi-sec {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.testi-sec:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-logo-shape.png);
    height: 450px;
    width: 466px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -74px;
    left: 163px;
}

.testiheading {
    position: relative;
}

.testiheading:before {
    position: absolute;
    content: "";
    width: 130px;
    height: 2px;
    background-color: #24052F;
    top: -30px;
}

.testi-slider {
    max-width: 600px;
    margin: 0 auto;
}

.testi-box.slick-current.slick-active {
    box-shadow: 40px 55px 60px -23px rgba(63, 111, 223, 0.2);
    background-color: #F7EEFF;
    position: relative;
    left: 0px;
    z-index: 1;
}

.testi-box {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 30px 20px;
    transition: 0.5s ease-in-out;
    position: relative;
    left: 60px;
    z-index: -1;
    max-width: 530px;
}

    .testi-box .testi-info {
        display: flex;
        gap: 16px;
    }

.testi-name h5 {
    font-size: 18px;
    color: #232323;
    font-weight: bold;
    margin-bottom: 2px;
}

.testi-name p {
    color: #969696;
    font-size: 14px;
}

.testi-box p {
    margin-bottom: 0;
}

.agents-slider{
    margin:0 -10px;
}

.agentDiv {
    margin: 0 10px;
}

/*--------------------- About Css End -------------------------*/
/*term command privacy*/
.about-sec-2-sec h3 {
    color: var(--headings-color);
}
.about-sec-2-sec h4 {
    color: var(--headings-color);
}
.about-sec-2-sec p b {
    color: var(--headings-color);
}
.about-sec-2-sec h5 b {
    color: var(--headings-color);
}
.about-sec-2-sec h5 {
    color: var(--headings-color);
}
.about-sec-2-sec ul li b {
    color: var(--headings-color);
}

/*term command privacy*/
/*---------------- Pricing Css Start ----------------------*/
/*.pricing-mainSection .nav {
    justify-content: center;
}*/
.pricing-box {
    background: #FAF6FD;
    border-radius: 20px;
    padding: 40px 26px;
    position: relative;
}

.pricing-box:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #E5DFE9;
    width: 100%;
    left: 0;
    top: 174px;
}

.pricing-boxPurple {
    background: #24052F;
    border-radius: 20px;
    padding: 40px 26px;
    position: relative;
}

.pricing-boxPurple:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #4F256E;
    width: 100%;
    left: 0;
    top: 174px;
}

.pric-head h2 {
    color: #24052F;
    font-size: 40px;
}

.pric-head p {
    color: #0F1011;
    font-size: 18px;
}

.pric-body h3 {
    color: #0F1011;
    font-size: 18px;
    font-weight: 600;
}

.pric-head {
    min-height: 160px;
    position: relative;
}
.price-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .price-top span {
        display: block;
        color: #24052F;
        font-size: 30px;
    }
.pric-head:before {
    position: absolute;
}

.pric-body li {
    color: #0F1011;
    font-size: 18px;
    line-height: 50px;
    position:relative;
}

.pric-body li:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/checkmark.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    left: -26px;
    top: 20px;
}

.pricing-boxPurple .pric-body li {
    color: #0F1011;
    font-size: 18px;
    line-height: 50px;
    position: relative;
}

    .pricing-boxPurple .pric-body li:before {
        position: absolute;
        content: "";
        background-image: url(/assets/images/checkmark.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
        left: -26px;
        top: 20px;
        filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(17%) hue-rotate(253deg) brightness(104%) contrast(104%);
    }

.pric-body ul {
    list-style: none;
    min-height: 260px;
    overflow-y: auto;
}

.pric-Button {
    text-align: center;
    padding-top: 10px;
}

.pric-Button a,.pric-Button input {
    display: inline-block;
    padding: 20px 90px;
    background-color: #24052F;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

    .pric-Button a:hover, .pric-Button input:hover {
        background-color: var(--pri-color);
        color: #000;
    }

.pric-Button p {
    color: #1C4A90;
    font-size: 14px;
    padding-top: 10px;
    margin-bottom:0px;
}

.pricing-mainSection .nav-pills .nav-link.active {
    background: #24052F;
    border-radius: 25px;
    padding: 10px 26px;
    border-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.pricing-tabs {
    background: rgba(169, 121, 237, 0.18);
    border-radius: 25px;
    color: #24052f;
    /* padding: 0px 0px; */
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    max-width: 200px;
    margin: 0 auto;
}

.pricing-tabs ul {
    margin-bottom: 0 !important;
}

.pricing-tabs .nav-pills .nav-link {
    color: #24052F;
    transition: 0.1s ease-in-out;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;

}

.pricing-tabs .nav-item {
    width: 50%;
}

.pric-Button .btn-boxPurple {
    background-color: #fff;
    color: #24052F;
    font-size: 17px;
    font-weight: 500;
}

.plans-section .table > :not(caption) > * > * {
    border: 0;
}

.plan-Content ul {
    list-style: none;
    font-weight: 400;
}

.plan-Content li h4 {
    font-size: 22px;
    font-weight: 700;
}

.plan-Content li p {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

.plan-Starter ul {
    list-style: none;
    text-align: center;
    padding: 0;
}

.plan-Starter h4 {
    font-size: 22px;
    font-weight: 700;
}

.plan-Content li {
    line-height: 50px;
}

.plan-Starter li {
    line-height: 50px;
}

.plan-Starter {
    background-color: #fff;
    border: 1px solid #E1E9F3;
    border-radius: 20px;
    padding-top: 30px;
    width: 230px;
}

.plan-Content {
    padding-top: 30px;
    width: 500px;
}

.plan-Starter li p {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

.plan-Growth {
    background-color: #FAF6FD;
    border-radius: 20px;
    /*margin: 0 20px;*/
    padding-top: 30px;
    padding-bottom: 4px;
    width: 230px;
}

.plan-Growth ul {
    list-style: none;
    text-align: center;
    padding:0;
}

.plan-Growth h4 {
    font-size: 22px;
    font-weight: 700;
}

.plan-Growth li {
    line-height: 50px;
}

.plan-Growth li p {
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

.explore-tabsDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #BDB6C9;
}

.explore-tabsDiv .nav-pills .nav-link {
    color: #141F39;
    font-size: 22px;
    font-family: 'Space Grotesk';
    font-weight: 500;
}

.explore-tabsDiv ul {
    display: flex;
    gap: 20px;
}

.explore-tabsDiv .nav-pills .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #B526E6;
    border-radius: 0;
    color: #B526E6;
    font-weight: 500;
}

.explore-section {
    position: relative;
}

.explore-section:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-shape.webp);
    height: 350px;
    width: 350px;
    left: 50px;
    top: 220px;
    background-repeat: no-repeat;
    background-size: contain;
}

.explore-contSmall h5 {
    font-size: 26px;
    color: #141F39;
    font-weight: 600;
}

.explore-contSmall p {
    font-size: 18px;
    color: #4F4F4F;
    font-weight: 300;
}

.explore-contSmall {
    background: linear-gradient(180deg, #F2EDFF 0%, #FFFFFF 54.33%, #F2EDFF 100%);
    border-radius: 29px;
    padding: 252px 30px;
    height: 781px;
}

.elevate-box {
    background: #FFFFFF;
    border-radius: 28px;
    box-shadow: 0px 0px 15px rgba(38, 64, 234, 0.14);
    padding: 50px 22px;
    min-height: 280px;
    z-index: 1;
    position: relative;
    transition: 0.3s ease-in-out;
}

.elevate-cont h5 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    transition: 0.3s ease-in-out;
}

.elevate-cont p {
    color: #4F4F4F;
    transition: 0.3s ease-in-out;
}

.elevate-cont {
    padding-top: 12px;
}

.elevate-Section {
    background-color: #F7F5FB;
    position: relative;
}

.elevate-Section:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-logo-shape.png);
    height: 450px;
    width: 466px;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -74px;
    left: 163px;
}

.price-faq .accordion-item {
    box-shadow: 0px 0px 14px rgba(218, 147, 242, 0.25);
    border-radius: 7px;
    border: 0;
    margin-bottom: 10px;
}

.price-faq .accordion-button {
    color: #232323 !important;
    font-size: 22px;
    font-weight: 600;
}

.price-faq .accordion-button::after {
    transform: rotate(268deg);
}

.fiters-divMain {
    display: flex;
    gap: 14px;
}

/*.filters-divSingle select option:placeholder {
    color: #9A9A9A !important;
    font-size: 14px;
}*/

.filters-divSingle .form-select {
    border: 1px solid #938D8D;
    color: #9A9A9A;
    font-size: 14px;
    width: 200px;
    padding: 4px 10px;
    border-radius: 8px;
    background-color: transparent;
}

.filters-divSingle .form-select:focus {
    box-shadow: none;
}

.sub-heading {
    color: #141F39;
    font-size: 26px;
    font-weight: 700;
}

.filter-sec p {
    color: #9A9A9A;
    margin-bottom: 10px;
}

.explore-opp-section {
    background-color: #F7F5FB;
    position: relative;
    z-index: 1;
}

.explore-opp-section:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-shape.webp);
    height: 500px;
    width: 500px;
    left: 0;
    top: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.sub-heading-purple {
    color: #5A0899;
    font-size: 26px;
    font-weight: 700;

}

.filterbtn a {
    text-decoration: none;
    padding-right: 10px;
    color: #24052F;
    font-weight: 700;
    font-size: 18px;
}

.filterbtn .fa-arrow-right {
    color: #24052F;
}


/*------------------- Help center -------------*/

.fil-p {
    min-height: 40px;
}

.hoverBoxPurp:hover {
    background-color: #711093;
}

.hoverBoxPurp:hover .elevate-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.hoverBoxPurp:hover .elevate-cont h5 {
    color: #fff;
}

.hoverBoxPurp:hover .elevate-cont p {
    color: #fff;
}

.search-div {
    display: flex;
    align-items: center;
    position: relative;
}

.search-div .fas.fa-search {
    position: absolute;
    left: 20px;
    color: #ABABAB;
    font-size: 20px;
}

.search-div .form-control {
    padding: 14px;
    border: 1px solid #ABABAB;
    border-radius: 10px;
    padding-left: 50px;
}

.search-div .form-control::placeholder {
    font-size: 20px;
    font-weight: 300;
}

.help-cta-banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.help-cta-banner p {
    font-weight: 200;
    opacity: 0.8;
}

.helpCta-div {
    display: flex;
    gap: 20px;
    padding-top: 30px;
}

    .helpCta-div .form-control {
        background-color: #674274;
        border: 0;
        border-radius: 30px;
        max-width: 360px;
        padding: 14px 10px 14px 30px;
        color:#fff;
    }

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

.helpCta-div .btn {
    background-color: #F9A822;
    font-weight: 700;
    border-radius: 33px;
    width: 160px;
}

.helpCta-div .form-control::placeholder {
    color: #fff;
    font-weight: 200;
    font-size: 18px;
}


/*-------------- Contact Css ---------------*/

.inner-banner-contact {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 370px;
}

.cont-infobg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 29px;
    padding: 40px 40px 10px;
    min-height: 540px;
}

.contact-infoDiv {
    display: flex;
    gap: 30px;
    padding-top: 60px;
}

.contact-form-section {
    position: relative;
    top: -78px;
    z-index:1;
}

.contact-form-section p {
    color: #fff;
    font-weight: 200;
}

.cont-icon i {
    color: #fff;
}

.cont-information p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 200;
}

.contact-info-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 14px;
    border-radius: 30px;
}

.contact-form-div label {
    font-size: 12px;
    color: #938D8D;
    margin-bottom: 0;
}

.contact-form-div .form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E2E2E2;
    border-radius: 0;
    padding: 4px 10px 8px 0;
}

.contact-form-div .form-control::placeholder {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.contact-form-div .form-select {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E2E2E2;
    border-radius: 0;
}

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

.contact-form-div .form-select:focus {
    box-shadow: none;
}

.contact-form-div .messageBox {
    min-height: 40px;
    padding-bottom: 80px;
    border-bottom: 2px solid #5A0899;
}

.contact-form-div {
    padding-top: 40px;
    padding-right: 40px;
}

.contact-form-section:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-shape.webp);
    height: 500px;
    width: 500px;
    right: 0;
    bottom: -70px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.contact-boxSection {
    position: relative;
    top: -50px;
}

.contact-Box {
    background: #FAFCFF;
    box-shadow: 0px 3.73px 55.96px rgba(56, 10, 121, 0.19);
    border-radius: 23px;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.contct-cont h4 {
    color: #223147;
    font-size: 22px;
    font-weight: 500;
}

.contct-iconDiv {
    padding-bottom: 40px;
}

.chat-ImgBox {
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #C8CDD2;
    box-shadow: 0px 0px 15px rgba(38, 64, 234, 0.14);
    border-radius: 21px;
    margin-bottom: 20px;
}

.chat-Cont {
    padding: 30px 10px 1px 20px;
    min-height: 110px;
}

.chat-Cont h3 {
    color: #220000;
    font-size: 18px;
    font-weight: 700;
}

.chat-Cont p {
    color: #5C5C5C;
    margin-bottom: 0;
}


/*---------------- Agent & Team ---------------------*/

.tab-icon-ContentDiv {
    display: flex;
    gap: 20px;
    padding-right: 30px;
}

.tab-icon-div img {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9A822;
    padding: 10px;
    border-radius: 25px;
}

/*.tab-icon-div {
    background-color: #F9A822;
    width: 44px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}*/

.tab-ContentDiv h3 {
    font-size: 15px;
    font-weight: 600;
    color: #232323;
    margin-bottom: 4px;
}

.tab-ContentDiv p {
    color: #5C5C5C;
    margin-bottom: 0;
}

.tabs-contDiv {
    background-color: #FAF6FD;
    padding: 50px;
    border-radius: 25px;
}

.tab-img-Div img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tab-iconBtn a {
    display: inline-block;
    padding: 10px 50px;
    background-color: #24052F;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.tab-iconBtn a:hover {
    background-color: var(--pri-color);
    color: #000;
}

.tab-iconBtn a {
    display: inline-block;
    padding: 10px 50px;
    background-color: #24052F;
    text-decoration: none;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
}

.tab-iconBtn a:hover {
    background-color: var(--pri-color);
    color: #000;
}

.tab-menuCont .nav-pills .nav-link.active {
    background-color: #F0DBFF;
    border-radius: 8px;
    color: #232323;
    font-weight: 600;
    border-bottom: none;
}

.tab-menuCont {
    border: 1px solid #C8CDD2;
    border-radius: 10px;
    padding: 10px;
    height: 100%;
}

.tab-menuCont .nav-pills .nav-link {
    color: #232323;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 0;
    border-bottom: 1px solid #DDE8F3;
    border-radius: 0;
}

.tab-menuCont .nav-pills .nav-link:last-child {
    border-bottom: 0;
}

.tabing-mainBorder {
    padding: 20px 10px;
    background: #FFFFFF;
    border: 1px solid #C8CDD2;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.setting-imageDiv {


    display: flex;
    justify-content: center;
}


.setting-contDiv h3 {
    color: #24052F;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 6px;
}

.setting-contDiv p {
    font-size: 18px;
    color: #4F4F4F;
}

.setting-imageDiv img {
    max-width: 550px;
}

.main-blogCont p {
    color: #141F39;
}

.main-blogInfo {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 6px;
}

.main-blogInfo p {
    margin-bottom: 0;
    /* color: #141F39; */
}

.main-blogCont {
    padding-top: 20px;
}

.main-blogCont h3 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.mini-blogImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mini-blogImg {
    max-width: 150px;
    flex: 1 0 150px;
}

.mini-blogDiv {
    display: flex;
    align-items: center;
    gap: 20px;
}

.mini-blogInfo {
    display: flex;
    gap: 30px;
}

.mini-blogCont h3 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.mini-blogInfo p {
    color: #141F39;
}


/*-------------- Blogs -----------------*/
.main-nav .dropdown-item {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    transition: 0.3s ease-in-out;
}

    .main-nav .dropdown-item:hover {
        background-color: var(--pri-color);
        color: #000;
    }

.main-nav .dropdown-menu li:last-child .dropdown-item {
    border-bottom: none;
}

.main-nav .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}
/*Mega Menu CSS Start/*/

.mega-menu {
    width: 692px;
    left: 130% !important;
    transform: translateX(-50%);
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 19.11px 1.89px rgba(13, 17, 45, 0.22);
    border: none;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}




.hover-dropdown:focus-visible {
    outline: none !important;
}

.dd-megamenu-holder {
    padding: 20px 20px 8px 20px;
    background-image: url(../../assets/images/menu-shape.png);
    background-size: 220px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.mega-menu .col-md-6 {
    width: 50%; /* Each column takes 50% of the menu width */
}

.icon-menu-list-item {
    display: flex;
    margin-bottom: 10px;
    transition: 0.3s ease-in-out;
    border-radius: 10px;
    padding: 7px 0;
    position: relative;
    align-items: center;
}
.icon-menu-list a{
    text-decoration:none;
}
/* .icon-menu-list-item:hover {
    background-color: #edf4fb;
} */
.icon-menu-list-item:before {
    width: 0;
    height: 100%;
    content: "";
    background-color: var(--pri-color);
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index: -1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .icon-menu-list-item:hover:before {
        width: 100%;
    }


.iml-icon {
    flex: 1 0 50px;
    height: 50px;
    max-width: 50px;
    background-color: #f4a7211a;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 8px;
    border-radius: 5px;
}

    .iml-icon img {
        max-width: 30px;
    }

.iml-cont span {
    font-size: 14px;
    color: #141313;
    font-weight: bold;
    display: block;
}

.iml-cont a {
    font-size: 16px;
    color: #141313;
    font-weight: bold;
    display: block;
}

.iml-cont p {
    font-size: 12px;
    margin-bottom: 0px;
    color: #212529;
}

.menu-cta {
    background-color: var(--pri-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 22px;
}

.cta-msnu-title {
    font-weight: 700;
    font-size: 17px;
    display: block;
    color: #fff;
}

.cta-menu-cont p {
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
}

.cta-menu-btn-holder {
    flex: 1 0 150px;
    max-width: 150px;
}

.cta-menu-btn {
    transition: 0.3s ease-in-out;
    padding: 12px 17px;
    background-color: var(--sec-color);
    border-radius: 4px;
    color: #fff;
    text-align: center;
}


    .cta-menu-btn:hover {
        background-color: #333;
        color: #fff;
    }

.dropdown-menu {
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    visibility: hidden;
    display: inherit;
}

    .dropdown-menu.show {
        opacity: 1;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        visibility: visible;
    }

/* .dropdown-toggle.show:before{
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    display: inherit;
} */

.dropdown-toggle:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 56px;
    transform: rotate(45deg);
    box-shadow: 0 0 10px #ccc;
    visibility: hidden;
    opacity: 0;
}

.dropdown-toggle.show:before {
    visibility: visible;
    opacity: 1;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

/*/Mega Menu CSS End/*/

/*Modal Css Start*/
.career-pop h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding-top: 30px;
    padding-bottom: 26px;
    margin: 0;
}

.career-pop .btn-close {
    background-color: #D9D9D9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    right: 11px;
    font-size: 11px;
}
.career-pop .modal-body {
    position: relative;
    background-color: #F4F4F4;
    padding:12px;
}
    .career-pop .modal-body .form{
        padding-right:35px;
    }
    .career-pop .modal-dialog {
        border-radius: 10px;
    }
.career-pop .modal-content {
    border-radius: 10px;
}
.career-pop .modal-body {
    border-radius: 10px;
    padding-right: 35px;
}
    .career-pop .modal-body .btn-sec {
        background: #24052F;
        border-radius: 10px;
        font-weight: 500;
        font-size: 18px;
        line-height: 27px;
        color: #FFFFFF;
        border: 1px solid #24052F;
        height: 50px;
        margin-top: 5px;
    }
    .career-pop .modal-body label b {
        font-weight: 700;
        font-size: 15px;
        line-height: 4px;
        color: #000000;
    }
    .career-pop .modal-body .input-group-text {
        background-color: #F4F4F4;
    }
    .career-pop .modal-body input{
        background-color:transparent;
        height:40px;
    }

        .career-pop .modal-body input::file-selector-button {
            background-color: transparent;
            font-weight: 500;
            font-size: 12px;
            line-height: 18px;
            color: #979797;
        }
            .career-pop .modal-body input::file-selector-button:hover {
                background-color: transparent !important;
            }
            .career-pop .modal-body input::placeholder {
                font-weight: 500;
                font-size: 12px;
                line-height: 18px;
                color: #979797;
            }
    .career-pop .modal-body .form-control {
        font-weight: 500;
        font-size: 12px;
        line-height: 25px;
        color: #979797;
    }
.career-pop2 h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 33px;
}
/*Modal Css End*/
.blogs-cta-sec {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.teleted-div {
    position: absolute;
    bottom: 74px;
}

.teleted-div h5 {
    color: #141F39;
    font-size: 16px;
    margin-bottom: 5px;
}

.togel-box {
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}

.togel-box img {
    width: 100%;
}

.togel-cont {
    padding: 30px 10px;
}

.togel-cont h4 {
    font-size: 22px;
    font-weight: 700;
    color: #141F39;
}

.togel-cont p {
    margin-bottom: 0;
    color: #141F39;
    opacity: 0.7;
}

.blogs-cta-sec {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.single-blogDiv {
    display: flex;
    gap: 10px;
}

.single-blogImg {
    max-width: 110px;
    flex: 1 0 110px;
}

.single-blogCont h3 {
    color: #141F39;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
}

.main-blogDiv img {
    width: 100%;
}

.main-blogInfo img {
    width: 60px;
    height: 60px;
}

.single-blogSection{
    position:relative;
}

.all-article {
    position: absolute;
    right: 300px;
    display: flex;
    gap: 16px;
    align-items: baseline;
}

.all-article a {
    margin-bottom: 0;
    color: #141F39;
    font-weight: 600;
    text-decoration:none;
}

.all-article i {
    color: #141F39;
}

/*-------------- Features --------------------*/

.feature-NavDiv li {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 6px 10px;
    position: relative;
}

/*.feature-NavDiv li .nav-link.active {
    border-bottom: 0;
    background: rgba(169, 121, 237, 0.18);
    border-radius: 6px;
    position: relative;
}
*/
.feature-NavDiv li.nav-item.active {
    border-bottom: 0;
    background: rgba(169, 121, 237, 0.18);
    border-radius: 6px;
    position: relative;
}

.feature-NavDiv .nav-link {
    color: #000;
    padding: 10px 0;
    font-size: 15px;
}

.feature-NavDiv li .nav-link.active:after {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #D9D9D9;
    bottom: -6px;
    height: 1px;
    left: 0;
}

.feature-NavDiv .nav-item.active .nav-link {
    font-weight: 600;
    color: #000000; 
}

.feature-NavDiv {
    position: sticky;
    top: 50px;
    z-index: 10;
    margin-right: 26px;
}

.feature-contMainDiv {
    position: relative;
        
}

.feature-contMainDiv:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #D9D9D9;
    left: -26px;
}

.feature-box {
    background: #FFFFFF;
    border-radius: 18px;
    box-shadow: 0px 0px 15px rgba(38, 64, 234, 0.14);
    padding: 30px 20px 22px;
    min-height: 200px;
    z-index: 1;
    position: relative;
    transition: 0.3s ease-in-out;
    margin-bottom: 30px;
}

.feature-cont h5 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    transition: 0.3s ease-in-out;
}

.feature-cont p {
    color: #5C5C5C;
    transition: 0.3s ease-in-out;
    padding-top: 8px;
    margin-bottom: 0;
}

.feature-cont {
    padding-top: 26px;
}

.feature-showMore {
    text-align: end;
}

.feature-showMore a {
    text-decoration: none;
    color: #24052F;
    font-weight: 700;
}

.feature-showMore i {
    color: #24052f;
    padding-left: 8px;
}


.scroll-animate {
    animation: highlightFade 1.5s ease-out;
}

.featureCont-section {
    position: relative;
}

.featureCont-section:before {
    position: absolute;
    content: "";
    background-image: url(/assets/images/chattrik-shape.webp);
    height: 600px;
    width: 600px;
    right: 0;
    top: 220px;
    background-repeat: no-repeat;
    background-size: contain;
}

.ctm-main-header .navbar-nav .nav-item ul.dropdown-menu {
    padding: 0;
}














/*media Qureries*/
@media (max-width: 1399.98px) {

    .plan-Content {
        width: 450px;
    }

    .plan-Starter {
        width: 200px;
    }

    .plan-Growth {
        width: 200px;
    }

    .item-chat-tab button {
        padding: 25px 0;
    }

    .ctm-tab-text {
        margin-top: 13px;
        font-size: 16px;
    }

    .ctm-icon-box img {
        max-width: 65px;
    }

    .box-over-cont p {        
        font-size: 17px;
    }

    .box-over-cont h5 {        
        font-size: 28px;
    }
    .box-over-cont {
        min-height: 225px;
    }

    .aar-title {        
        font-size: 64px;
        line-height: 73px;
    }


    /*---------------- Samit Css ----------------------*/
    
    .whyChattrik-box {
        padding: 20px;
        min-height: 150px;
    }

        .whyChattrik-box p {
            margin-bottom: 0;
        }

   /* .navbar-expand-lg .navbar-nav {
        gap: 10px;
    }*/

    .navbar-light .navbar-nav .nav-link {
        padding: 0 6px;
    }

    .mian-banner-title {
        font-size: 44px;
        line-height: 60px;
    }

    .testi-sec:before {
        height: 422px;
        width: 400px;
        bottom: -82px;
        left: 17px;
    }

    .explore-tabsDiv ul {
        gap: 10px;
    }

    .explore-tabsDiv .nav-pills .nav-link {
        font-size: 20px;
        padding: 8px 6px;
    }

    .explore-contSmall {
        padding: 150px 20px;
        height: 736px;
    }

    .setting-imageDiv img {
        max-width: 490px;
    }

    .teleted-div {
        bottom: 30px;
    }

    .mini-blogCont h3 {
        font-size: 20px;
    }

    .single-blogCont h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .all-article {
        right: 70px;
    }

    .feature-box {
        min-height: 230px;
        padding: 20px 16px 16px;
    }

    .whyChattrik-box {
        min-height: auto;
    }

    .dashboard-imgImage:before {
        width: 259px;
        height: 208px;
        right: 275px;
        top: 18px;
    }

}

@media (max-width: 1199.98px) {

    /*---------------- Samit Css ----------------------*/
    .p-list {
        column-count: 1;
    }

    .steps .step-box:after {
        width: 71%;
    }
    .contact-boxSection {
        top: 0;
    }

    .contact-form-section {
        top: 0;
    }

    .inner-banner-contact {
        min-height: 240px;
    }

    .contact-Box {
        padding: 30px 4px;
    }

    .contct-iconDiv {
        padding-bottom: 20px;
    }

    .mini-blogInfo {
        gap: 16px;
    }

    .togel-cont {
        padding: 20px 8px;
        min-height: 170px;
    }

    .teleted-div {
        bottom: 16px;
    }

        .teleted-div h5 {
            font-size: 14px;
        }

    .plan-Content {
        width: 350px;
    }

    .plan-Starter {
        width: 150px;
    }

    .plan-Growth {
        width: 150px;
    }

    .elevate-box {
        padding: 30px 20px;
    }

    .pricing-box {
        padding: 20px 16px;
    }

    .pric-head h2 {
        font-size: 30px;
    }

    .pricing-boxPurple {
        padding: 20px 16px;
    }

        .pricing-boxPurple:before {
            top: 160px;
        }

    .pricing-box:before {
        top: 160px;
    }

    .pric-body li {
        line-height: 35px;
    }

        .pric-body li:before {
            top: 12px;
        }

    .pricing-boxPurple .pric-body li {
        line-height: 35px;
    }

        .pricing-boxPurple .pric-body li:before {
            top: 12px;
        }

    .pric-Button a {
        padding: 14px 10px;
        width: 90%;
    }

    .pric-Button {
        padding-top: 0px;
    }

    .testiheading:before {
        top: -8px;
        width: 100px;
    }

    .dashboard-imgImage:before {
        display: none;
    }

    .mian-banner-title {
        font-size: 40px;
        line-height: 1.2;
    }

    .feature-box {
        min-height: 226px;
        padding: 20px 12px 6px;
    }


    .setting-imageDiv img {
        width: 100%;
    }

    .explore-contSmall {
        padding: 90px 20px;
        height: 620px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
        padding: 0 6px;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 4px;
    }

    .mian-banner-title {
        font-size: 40px;
        line-height: 1.2;        
    }

    .navbar-brand {
        max-width: 150px;
    }
    .navbar-brand img {
        width: 100%;
    }

    .header-btn {
        padding: 8px;
    }

    .banner-btn-dark {
        padding: 16px 38px;
    }

    .mian-banner-cont {        
        font-size: 16px;
        line-height: 30px;
    }

    .space-p-t {
        padding-top: 60px;
    }

    .space-p-b {
        padding-bottom: 60px;
    }

    .space-p-tb {
        padding: 60px 0;
    }

    .space-m-t {
        margin-top: 60px;
    }

    .space-m-b {
        margin-bottom: 60px;
    }

    .space-m-tb {
        margin: 60px 0;
    }

    .aar-title {
        font-size: 53px;
        line-height: 63px;
    }

    .global-btn-dark {        
        padding: 15px 38px;
    }

    .ce-img-holder img {
        max-width: 74px;
    }

    .chattrik-experts {
        gap: 15px;
        justify-content: center;
    }

    .ctm-icon-box {
        min-height: 126px;
    }

    .ctm-icon-box span {        
        font-size: 14px;
    }
    
    .ctm-icon-box img {
        max-width: 50px;
    }



    .ic-icon-item {      
        padding: 10px;
    }



    .ic-icon-item img {
        max-width: 30px;
    }

    .ic-center-box img {
        max-width: 70px;
    }   

    .ctm-title-text br {
        display: none;
    }

    .ctm-title-text {       
        font-size: 16px;
        line-height: 1.6;
    }

    .item-chat-tab button {
        padding: 14px 0;
    }

    .ctm-tab-text {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.5;
    }

    .tp-logo-slider {        
        padding: 18px 0;
    }

    .box-over-cont h5 {
        font-size:24px;
    }
    .box-over-cont p {
        font-size: 15px;
    }

    .aar-cont {        
        max-width: 100%;     
    }

}

@media (min-width: 992px) {
    .ctm-mob-menu-btn {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .mian-footer {
        padding: 40px 0px 20px;
    }
    .foo-holder {
        padding-bottom: 30px;
    }
    .foo-social-media .foo-ss-icons {
        justify-content: center;
    }
    .foo-copyright {
        flex-direction: column;
        gap: 10px;
    }
    .pp-tc{
        justify-content:center;
    }
    .foo-copyright p{
        text-align:center;
    }
    .p-list {
        column-count: 2;
    }
    .credit-card-form {
        margin-bottom: 30px;
    }
    .steps .step-box:after {
        width: 79%;
    }
    .career-pop .modal-body {
        padding-right: 25px;
        padding-left: 25px;
    }

    .career-pop .modal-body .pop-22 {
        display: none;
    }
        .career-pop .modal-body .pop-11 {
            display: none;
        }
    .full-w{
        width:100%;
    }
    .career-pop2 h3 br{
        display:none;
    }
    .career-pop2 h3{
        padding:20px 0 20px 0;
    }
    /*-------------- Samit Css Start -----------*/
    .togel-cont {
        padding: 14px 8px;
        min-height: 116px;
    }

    .teleted-div {
        bottom: 316px;
    }

    .plan-Content {
        width: 300px;
    }

        .plan-Content ul {
            padding: 0;
        }

    .elevate-box {
        padding: 30px 20px;
        min-height: auto;
    }

    .pric-head {
        min-height: auto;
        padding-bottom: 20px;
    }

    .pric-body ul {
        min-height: auto;
        overflow: auto;
        padding-bottom: 20px;
    }

    .pricing-box:before {
        top: 110px;
    }

    .pricing-boxPurple:before {
        top: 110px;
    }


    .testi-box {
        padding: 30px 20px;
        transition: 0.5s ease-in-out;
        position: relative;
        left: 40px;
        z-index: -1;
        max-width: 500px;
    }

    .testiheading:before {
        top: -8px;
        width: 100px;
    }

    .dashboard-cont {
        padding-top: 30px;
    }

    .mission-sec:before {
        display: none;
    }

    .mission-sec {
        padding: 50px 0;
    }

    .space-p-tb {
        padding: 40px 0;
    }

    .space-p-t {
        padding-top: 40px;
    }

    .space-p-b {
        padding-bottom: 40px;
    }


    .tabs-contDiv {
        margin-top: 20px;
        padding: 30px;
    }

    .tab-img-Div {
        margin-top: 20px;
    }

    .tab-iconBtn {
        text-align: center;
    }

    .explore-contSmall {
        height: auto;
        padding: 20px;
        margin-bottom: 20px;
    }

    .feature-box {
        min-height: auto;
        padding: 20px;
    }

    .feature-contMainDiv:before {
        display: none;
    }

    .chat-Cont {
        min-height: auto;
        padding: 20px 10px 1px 10px;
    }

    .chat-Img img {
        width: 100%;
    }


    /*-------------- Samit Css End -----------*/

        .ctm-ic-box-holder {
            flex-direction: row;
            justify-content: space-between;
            gap: 20px;
            margin-top: 22px;
            margin-bottom: 22px;
        }

            .ctm-ic-box-holder .ctm-icon-box {
                flex: 1;
            }

        .aar-cont {
            display: none;
        }

        .imgl-box-shape {
            left: -93px;
            top: -50px;
            max-width: 223px;
        }

        .shape-rt {
            position: absolute;
            right: 15px;
            top: 64px;
            max-width: 236px;
        }

        #ctm-chat-tabs {
            margin-bottom: 20px;
        }

        .ctm-mini-title {
            font-size: 20px;
            margin-bottom: 0;
        }

        .ctm-mian-title {
            font-size: 32px;
        }

        .ctm-imgbox-text {
            font-size: 16px;
            line-height: 1.6;
        }

        .global-btn-dark {
            padding: 10px 32px;
        }

        .ctm-shape-rt {
            background-size: 226px;
        }

        .mian-banner-title {
            font-size: 38px;
            line-height: 1.2;
        }

        .mian-banner-home {
            height: auto;
            padding: 60px 0;
        }

        .mian-banner-img {
            max-width: 58vw;
            top: 0;
            display: flex;
            align-items: center;
        }

        .icon-logo-holder {
            flex-wrap: wrap;
        }

        .ctm-lt-shape {
            background-size: 222px;
        }

        .light-purple-box {
            padding: 40px 20px;
            height: 100%;
            background-color: var(--light-purple-bg);
        }

        .ic-center-box img {
            max-width: 30px;
        }

        .ic-center-box {
            background-color: #FFFFFF;
            box-shadow: 0px 0px 11px rgba(229, 213, 250, 0.7);
            border-radius: 19px;
        }
    }

@media (max-width: 767.98px) {
    .foo-copyright {
        flex-wrap: wrap;
    }
    .foo-copyright div {
        padding-right: 20px;
    }
    .inner-banner-contact {
        min-height: 190px;
    }

    .cont-infobg {
        padding: 30px 20px 10px;
        min-height: 560px;
    }

    .contact-infoDiv {
        gap: 20px;
        padding-top: 30px;
    }

    .togel-cont {
        min-height: auto;
    }

    .teleted-div {
        top: 200px;
    }

    .mission-sec {
        padding: 30px 0;
    }

        .space-p-t {
            padding-top: 30px;
        }

        .space-p-b {
            padding-bottom: 30px;
        }

        .space-p-tb {
            padding: 30px 0;
        }

        .space-m-t {
            margin-top: 40px;
        }

        .space-m-b {
            margin-bottom: 40px;
        }

        .space-m-tb {
            margin: 40px 0;
        }

        .ctm-icon-box img {
            max-width: 40px;
        }

        .ctm-icon-box {
            min-height: 110px;
        }

        .ctm-ic-box-holder {
            gap: 8px;
            margin-top: 9px;
            margin-bottom: 9px;
        }

        .ctm-icon-box {
            margin-bottom: 0;
        }

        .aar-title {
            font-size: 40px;
            line-height: 48px;
        }

        .foo-widget-holder {
            margin-bottom: 30px;
        }

        .mian-footer {
            background-color: var(--footer-bg);
            padding: 60px 0px 20px;
        }

        .foo-holder {
            padding-bottom: 0px;
        }

        .mian-banner-img {
            display: none;
        }

        .header-btn {
            font-size: 12px;
        }


        /*---------------- Samit Css -------------*/

    .fiters-divMain {
        flex-wrap: wrap;
    }

    .setting-contDiv h3 {
        font-size: 28px;
    }


    }

@media (max-width: 575.98px) {
    .credit-card-form h4 {
        font-size: 31px;
       
    }
    .cont-infobg {
        padding: 30px 20px 10px;
        min-height: 550px;
    }

    .contact-infoDiv {
        gap: 20px;
        padding-top: 30px;
    }

    .inner-banner-contact {
        min-height: 150px;
        padding-top: 40px;
    }

    .contact-form-div button {
    }

    .contact-Box {
        padding: 20px 4px 10px;
    }

    .contct-iconDiv {
        padding-bottom: 12px;
    }

    .all-article {
        position: relative;
        right: 0;
    }

    .teleted-div {
        top: 176px;
    }

    .search-div .form-control {
        padding: 10px;
        padding-left: 32px;
    }

        .search-div .form-control::placeholder {
            font-size: 16px;
        }

    .search-div .fas.fa-search {
        font-size: 16px;
        left: 12px;
    }

    .plan-Content li p {
        font-size: 16px;
    }

    .plan-Content li {
        line-height: 36px;
    }

    .plan-Starter li p {
        font-size: 16px;
    }

    .plan-Starter li {
        line-height: 36px;
    }

    .plan-Growth li p {
        font-size: 16px;
    }

    .plan-Growth li {
        line-height: 36px;
    }

    .elevate-Section:before {
        display: none;
    }

    .testiheading:before {
        display: none;
    }

    .testi-box {
        padding: 20px 10px;
        transition: 0.5s ease-in-out;
        position: relative;
        left: 40px;
        z-index: -1;
        max-width: 400px;
    }

    .helpCta-div {
        padding-top: 12px;
        flex-direction: column;
    }

    .helpCta-div .btn {
    width: 100%;
    padding: 14px 10px 14px 30px;
}

.helpCta-div .form-control {
    max-width: 100%;
}



        .mian-footer {         
            padding: 30px 0px 20px;
        }

        .header-btn {
            display:none;
        }

        .chattrik-experts {
            flex-wrap: wrap;
            margin-top: 38px;
        }

        .aar-title {
            font-size: 32px;
            line-height: 38px;
        }

        .ctm-icon-box span {
            font-size: 12px;
        }

        .ctm-mian-title {
            font-size: 24px;
        }

        .mian-banner-title {
            font-size: 30px;
        }


        .space-p-t {
            padding-top: 20px;
        }

        .space-p-b {
            padding-bottom: 20px;
        }

        .space-p-tb {
            padding: 20px 0;
        }

        .space-m-t {
            margin-top: 30px;
        }

        .space-m-b {
            margin-bottom: 30px;
        }

        .space-m-tb {
            margin: 30px 0;
        }

        .ctm-graphbox h4 {
            font-size: 18px;
            line-height: 25px;
        }

        .banner-btn-holder {
            gap: 14px;
        }

        .global-btn-dark {
            font-size: 14px;
            padding: 10px 26px;
        }

        .banner-btn-dark {
            padding: 10px 26px;
            font-size: 14px;
        }

        .global-btn-link {
            font-size: 14px;
        }

        .banner-btn-link {
            ;
            font-size: 14px;
        }

        .foo-copyright p {
            font-size: 14px;
        }

        .foo-copyright {
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }

        .aar-title {
            font-size: 28px;
            line-height: 33px;
        }

        .light-purple-box {
            padding: 20px 20px;
            margin-bottom: 10px;
            height: auto;
        }

        .mian-banner-home {
            padding: 30px 0;
        }

        .light-purple-box h3 {
            font-size: 20px;
        }

        .ctm-tab-title {
            font-size: 18px;
        }

        .ctm-mini-title {
            font-size: 16px;
        }

        .ctm-imgbox-cont {
            max-width: 450px;
            margin-bottom: 20px;
            margin-top: 15px;
        }

        .ctm-lt-shape {
            background-size: 176px;
            background-position: 18px top;
        }
    }

@media (max-width: 480px) {
    .foo-copyright p{
        font-size:12px;
    }
    .foo-copyright a {
        font-size: 12px;
    }
    .foo-nav li a {
        font-size: 12px;
    }
    .inner-banner-thk .mian-banner-title {
        line-height: 40px;
    }
    .mian-banner-title {
        font-size: 26px;
    }
    .GoBack {
        font-size: 14px;6
        padding: 11px 40px;
    }
    .cardField input {
        margin-bottom: 15px;
        height: 30px;
    }
    .cc-holder img {
        top: 0%;
    }
    .cardField label {
        font-size: 12px;
        margin-bottom: 3px;
    }
    .credit-card-form h4{
        margin-bottom:10px;
    }
    .credit-card-form h4 {
        font-size: 22px;
    }
    .credit-card-form{
        padding:20px;
    }
    .steps .step-box:after {
        width: 63%;
    }
    .order-top p br{
        display:none;
    }
    .p-list {
        column-count: 1;
    }
    .contct-iconDiv img {
        width: 40px;
    }

    .contct-cont h4 {
        font-size: 18px;
    }

    .contact-infoDiv {
        gap: 16px;
        padding-top: 20px;
    }

    .cont-infobg {
        padding: 20px 16px 10px;
        min-height: 400px;
    }

    .contact-form-div {
        padding-top: 20px;
        padding-right: 10px;
    }

    .single-blogDiv {
        gap: 4px;
    }

    .main-blogInfo {
        gap: 6px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .single-blogCont h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .main-blogInfo img {
        width: 45px;
        height: 45px;
    }

    .lg-cont {
        font-size: 16px;
        color: #141F39;
    }

    .teleted-div {
        top: 216px;
    }

    .explore-opp-section:before {
        height: 300px;
        width: 300px;
    }

    .sub-heading-purple {
        font-size: 20px;
        font-weight: 700;
        padding-top: 10px;
    }

    .elevate-box {
        padding: 20px 14px;
    }

    .price-faq .accordion-button {
        font-size: 18px;
        padding: 10px;
    }

    .dashboard-cont {
        padding-top: 10px;
    }

    .testi-sec:before {
        height: 250px;
        width: 250px;
        bottom: 0px;
        left: 12px;
    }

    .dashboard-img img {
        width: 170px;
    }

    .dashboard-imgImage img {
        width: 170px;
    }

    .dashboard-icon img {
        width: 40px;
    }

    .dashboard-smBox {
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .dashboard-contBox {
        padding-top: 10px;
    }

    .dashboard-bgDiv {
        padding: 20px 10px 10px 10px;
    }

    .testi-box {
        padding: 20px 10px;
        left: 0px;
        z-index: -1;
        max-width: 310px;
    }

    .setting-contDiv h3 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .setting-contDiv p {
        margin-bottom: 0;
        font-size: 16px;
    }

    .tabs-contDiv {
        padding: 20px 10px;
    }

    .tabing-mainBorder {
        padding: 10px;
    }

    .tab-icon-ContentDiv {
        gap: 10px;
        padding-right: 0;
    }

    .explore-section:before {
        height: 250px;
        width: 250px;
    }

    .explore-tabsDiv ul {
        gap: 4px;
    }

    .explore-tabsDiv .nav-pills .nav-link {
        font-size: 16px;
        padding: 6px 4px;
    }

    .explore-contSmall {
        padding: 10px 14px;
    }

        .explore-contSmall h5 {
            font-size: 20px;
        }

        .explore-contSmall p {
            font-size: 16px;
        }

    .chat-Cont {
        padding: 12px 2px 6px 6px;
    }

    .banner-btn-dark {
        padding: 10px 10px;
        font-size: 14px;
    }

    .inner-banner-p {
        font-size: 16px;
        line-height: 26px;
    }

    .mini-blogDiv {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .mini-blogImg {
        max-width: none;
    }

    .mini-blogInfo {
        gap: 20px;
        justify-content: center;
    }

    .mini-blogCont h3 {
        font-size: 20px;
    }

}