.main.facet .hero-section .container{
    max-width:1210px;
}
.main.facet .hero-section {
    background: #002C4E;
    padding: 100px 0px 20px;
}

.hero-title {
    font-size: 46px;
    line-height: 58px;
}

.hero-sub-title {
    font-size: 20px;
    line-height: 22px;
}

.section-title {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 8px;
}

.main.facet .hero-section .shapes img {
    position: absolute;
}

.main.facet .hero-section .shapes img.sm-diamond1 {
    bottom: 5%;
    left: 0;
}

.main.facet .hero-section .hero-image {
    position: relative;
    max-width: 540px;
    margin-left: auto;
}

.main.facet .hero-section .shapes img.sm-diamond2 {
    right: 0;
    bottom: 40%;
}

.main.facet .hero-section .shapes img.lg-diamond1 {
    left: -9%;
    bottom: 20%;
}

.main.facet .hero-section .shapes img.lg-diamond2 {
    right: -8%;
    bottom: 63%;
    transform: rotate(-18deg);
}

.main.facet .hero-section .shapes img.lg-diamond3 {
    right: -4%;
    bottom: 5%;
    transform: scale(1.5) rotate(27deg);
}

.main.facet .hero-section .btn-lg {
    font-size: 20px;
}

.why-uni-facet {
    background: #EDF4FA;
    padding: 56px 0px;
}

.why-uni-facet .card {
    border: none;
    padding: 28px 40px;
    transition: .4s ease;
    border: none;
    background: none;
    height: 100%;
    margin-bottom: 20px;
    border-radius: 20px;

}

.why-uni-facet .card .icon-wrapper {
    margin-bottom: 12px;
}

.why-uni-facet .card .icon-wrapper .icon {
    background: none;
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    transition: .4s ease;
}

.why-uni-facet .card .details-wrapper .card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #242424;
    margin-bottom: 12px;
}

.why-uni-facet .card .details-wrapper p {
    line-height: 24px;
}

.why-uni-facet .card:hover {
    background: #FFFFFF;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}

.why-uni-facet .card:hover .icon-wrapper .icon {
    background: #EDF4FA;
}

.why-uni-facet .section-title {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 20px;
}

.facet .form-section {
    background: #fff;
}

.facet .form-section .section-title {
    color: var(--tc);
    font-size: 40px;
    line-height: 46px;
}
.main.facet.api .form-section .container{
    max-width:1084px;
}
.facet .form-section .form-left-content {
    padding-top: 0;
    max-width: 470px;
}

.facet .form-div .form-card {
    background: #EDF4FA;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15), 3px 3px 24px rgba(0, 75, 132, 0.25);
}

.facet .form-section .sec-sub-title {
    font-size: 20px;
}

/* shopify page css  */
.main.shopify .hero-section .container {
    max-width: 1140px!important;
}

.main.facet.shopify .hero-title span {
    color: var(--sc);
    font-weight: bold;
}

.main.facet.shopify .hero-sub-title {
    font-size: 24px;
    line-height: 30px;
}

.main.facet.shopify .hero-image img {
    transform: translate(61%, 15%) scale(2.8);
}

.shopify .top-strip {
    background: #004172;
    overflow: hidden;
    white-space: nowrap;
    padding: 14px 0;
    margin-top: -1px;
}

/* Desktop */
.shopify .strip-track {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    max-width: 1140px;
    margin: auto;
}

.shopify .strip-item {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.shopify .divider {
    width: 2px;
    height: 18px;
    background: #4F83AA;
}

.shopify .icon {
    font-size: 18px;
}

.online-diamonds img {
    transform: scale(1.1);
    z-index: -1;
    position: relative;
    margin-top: -90px;
}

.main.shopify .why-uni-facet {
    padding: 72px 0px;
}

.main.shopify .form-section .sec-sub-title {
    font-size: 20px;
    line-height: 22px;
    color: #002C4E;
}

/* api page css  */
.main.facet.api .hero-section .content-div {
    padding-right: 30px;
}
.main.facet.api .section-title {
    font-size: 40px;
    line-height: 46px; 
}
.main.api .api-testi .testimonial-wrapper {
    background: #D9E4ED;
    border-radius: 30px;
    padding: 52px 90px;
    position: relative;
        z-index:1;
            max-width: 1210px;
    margin: auto;
    text-align: center;

    
}
.main.api .api-testi .testimonial-wrapper .content{
    padding: 40px 24px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 6px 14px rgba(0, 44, 78, 0.1);
    border-radius: 20px;
    margin-top: 24px;
}
.main.api .api-testi .testimonial-wrapper .content .desc{
    font-size: 28px;
    line-height: 38px;
}
.main.api .api-testi .big-quote {
    position: absolute;
    top: 80px;
    left: 16px;
    z-index:-1;
}
.main.api .api-testi .author-details{
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}
.main.api .api-testi .author-details .author-icon {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main.api .api-testi .author-details .author-name {
    margin: 0 ;
    font-size: 20px;
    font-weight: 700;
}


.main.api .why-uni-facet {
    padding: 300px 0px 56px 0px;
    margin-top: -200px;
}
.main.facet.api .form-section .section-title {
    margin-bottom: 32px;
}
.main.facet.api  .form-section .sec-sub-title {
    color: #002C4E;
}
.main.facet.api .form-div .form-card {
    background: #D9E4ED;
}
.inv-holding .container{
    max-width: 1360px;
}
.inv-holding img.lg-diamond {
    position: absolute;
    right: 10px;
    top: 48%;
    transform: scale(1.4) rotate(45deg);
}
img.sm-diamond {
    position: absolute;
    top: 27%;
    right: 30px;
}
img.lg-diamond-2 {
    position: absolute;
    left: 50%;
    top: 12%;
    transform: rotate(-26deg);
}
@media(min-width:1200px) {
    .main.facet.shopify .hero-sub-title {
        padding-right: 50px;
    }
}



@media(min-width:992px){
    .main.api .inv-holding .content {
        max-width: 590px;
    }
}
@media(min-width:1920px){
    .main.facet .hero-section .container {
        max-width: 1540px;
    }
    .main.facet.api .hero-section .content-div {
        width: 63%;
    }
    .main.facet .hero-section .hero-image img {
        transform: scale(1.1);
    }
   .main.facet .hero-section .hero-title{
         max-width:680px
   }
    .hero-title {
        font-size: 57px;
        line-height: 68px;
    }
    .main.facet.shopify .hero-section .hero-image img {
        transform: translate(61%, 15%) scale(2.8);
    }
    
    .hero-sub-title {
        font-size: 23px;
        line-height: 28px;
    }
    .main.facet.shopify .hero-section .hero-title{
        font-size: 46px;
        line-height: 60px;
    }

    .inv-holding .container {
        max-width: 1686px;
    }
    .inv-holding .container {
        max-width: 1686px;
    }
    .inv-holding .inv-img {
        width: 40%;
    }
    .main.api .inv-holding .inv-content{
        width: 54%;
    }
    .main.api .inv-holding .content {
        max-width: 100%;
    }
    .main.api .api-testi .container,
    .main.api .api-testi .testimonial-wrapper,
    .why-uni-facet .container {
        max-width: 1540px;
    }
    .main.facet.api .form-section .container {
        max-width: 1430px;
    }
    .main.facet.api .form-section .container  .col-lg-6:has(.form-left-content){
        width:60%;
    }
    .main.facet.api .form-section .container  .col-lg-6:has(.form-div){
        width:40%;
    }
     .main.facet.api .form-section .container  .form-div .form-card{
        margin-left: auto;
     }
     .main.facet.api .form-section .form-left-content {
        max-width: 100%;
     }
    

}


@media(max-width:1919px){
    .main.facet.api .hero-section .content-div {
        padding-right: 0px;
    }
}
@media(max-width:1439px){
    .hero-title {
        font-size: 46px;
        line-height: 64px;
    }

    .why-uni-facet .card {
        padding: 12px 20px;
    }

    .why-uni-facet .card .details-wrapper .card-title {
        font-size: 22px;
    }

    .main.facet.shopify .hero-title {
        font-size: 36px;
        line-height: 44px;
    }

    .main.facet.shopify .hero-sub-title {
        font-size: 20px;
    }
    .main.facet.api .hero-title {
        font-size: 42px;
        line-height: 56px;
    }
    .main.facet.api .hero-section .content-div {
        /* padding-right: 167px; */
    }
}
@media(max-width:1399px){
    .main.facet.api .hero-section .content-div {
        padding-right: 0px;
    }
}

@media(max-width:1199px) {
    .shopify .strip-track {
        gap: 32px;
    }

    .main.shopify .hero-section .hero-image img {
        transform: translate(49%, 15%) scale(2.8);
    }
}

@media(max-width:991px) {
    .facet .form-section {
        padding: 40px 0px;
        margin-top: 0;
    }

    .facet .form-section .form-left-content {
        text-align: center;
        max-width: 332px;
        margin: auto;
    }

    .facet .form-div .form-card {
        margin: auto;
    }

    .top-strip {
        background: #003b6f;
        overflow: hidden;
        padding: 14px 0;
    }

    .strip-track {
        display: flex;
        align-items: center;
        width: max-content;
        gap: 30px;
    }
    .strip-item {
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
        flex-shrink: 0;
    }

    .divider {
        width: 1px;
        height: 18px;
        background: rgba(255, 255, 255, 0.3);
        flex-shrink: 0;
    }

    .main.facet.shopify .hero-image img {
        transform: translate(39%, 4%) scale(1.7);
    }
    .strip-track {
        animation: marquee 30s linear infinite;
        /* animation-direction: alternate-reverse */
        animation-delay: 0s;
    }

    @keyframes marquee {
        from {
            transform: translateX(5%);
        }

        to {
            transform: translateX(-70%);
        }
    }
    .main.shopify .hero-section .shopify-hero-content {
        max-width: 580px;
        margin: auto;
    }
     .main.facet .hero-section .hero-image {
        margin-left: auto;
        margin-right:auto;
    }
}   






@media(max-width:575px) {
    .main.facet.api .hero-section .content-div {
        padding-right:0px;
    }
   .main.facet.api .inv-holding img.lg-diamond {
                top: 68%;
        transform: scale(1.1) rotate(45deg);
    }

   .main.facet.api .inv-holding .sm-diamond {
        top: 87%;
    }

   .main.facet.api .inv-holding .lg-diamond-2 {
        left: 0%;
        top: 43%;
    }
   
}
@media(max-width:767px){
    
    .main.facet.api .section-title {
        font-size: 22px;
                line-height: 30px;
    }
    .main.api .api-testi .testimonial-wrapper {
        padding: 38px 18px 100px;    
    }
    .main.api .api-testi .testimonial-wrapper .content .desc {
        font-size: 18px;
        line-height: 25px;
    }
    .main.api .api-testi .testimonial-wrapper .content {
    padding: 16px 24px;
    min-height:auto;
    }
    .main.api .api-testi .author-details .author-name {
        font-size: 18px;
    }
    .main.api .api-testi .author-details .author-icon{
        transform: scale(.8);
    }
    .main.api .api-testi .big-quote {
        top: auto;
        bottom: 20px;
        left: -50px;
    }
}
@media(max-width:575px){
    .hero-title {
        font-size: 30px;
        line-height: 34px;
    }

    .hero-sub-title {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .hero-section .btn-lg {
        padding: 10px 10px;
        font-size: 15px;
        border-radius: 10px;
        width: 50%;
    }

    .hero-section .hero-image img {
        transform: scale(.8);
    }

    .section-title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 12px;
    }

    p {
        font-size: 14px;
        line-height: 18px;
    }

    .why-uni-facet .card {
        background: #FFFFFF;
        box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.08);
        height: auto;
        padding: 16px 12px 20px;
        text-align: center;
    }

    .why-uni-facet .card .icon-wrapper .icon {
        margin: 0 auto;
        background: #EDF4FA;
    }

    .why-uni-facet .card .details-wrapper .card-title {
        font-size: 18px;
    }

    .why-uni-facet .section-title {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .why-uni-facet {
        padding: 36px 13px;
    }

    .facet .form-section .section-title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .facet .hero-section .content-div {
        max-width: 340px;
        margin: auto;
        padding: 0;
    }

    .main.facet .hero-section .btn-lg {
        font-size: 15px;
    }

    .facet .form-section .sec-sub-title {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .main.facet .hero-section .shapes img.lg-diamond2 {
        right: -4%;
    }

    .main.facet .hero-section .shapes img.lg-diamond3 {
        right: 0%;
        transform: scale(1.2) rotate(27deg);
    }

    .main.facet .hero-section {
        padding: 100px 0px 0px;
    }

    .main.facet.shopify .hero-title {
        font-size: 23px;
        line-height: 30px;
    }

    .main.facet.shopify .hero-title span {
        font-size: 23px;
    }

    .main.facet.shopify .hero-sub-title {
        font-size: 15px;
        line-height: 22px;
    }

    .main.facet .hero-section {
        padding: 80px 0px 0px;
    }

    .online-diamonds img {
        transform: translateY(-20px) scale(1.6);
        margin-top: 0px;
    }

    .main.shopify .form-section .sec-sub-title {
        font-size: 14px;
        line-height: 17px;
    }

    .main.shopify .why-uni-facet .card .details-wrapper .card-title {
        font-size: 16px;
    }

    .main.shopify .why-uni-facet .card {
        padding: 16px 18px 20px;

    }

    .main.shopify .why-uni-facet {
        padding: 45px 13px;
    }

    .main.shopify .online-diamonds .section-title {
        font-size: 24px;
    }
    .main.shopify .hero-section .shopify-hero-content {
        max-width: 360px;    
    }
    .main.facet .hero-section {
        padding: 80px 0px 0px;
    }
     .main.facet.api .hero-section .hero-image img{
        transform: scale(1);
     }
     .main.facet.api .hero-section .hero-image {
        margin-top: 0;
    }
    .main.facet.api .hero-title {
        font-size: 23px;
        line-height: 30px;
    }
    .main.facet.api .hero-sub-title {
        font-size: 15px;
        line-height: 18px;
    }
    .api .api-testi .container {
        padding: 0;
    }
    .main.api .api-testi .testimonial-wrapper {
        border-radius: 0;
    }
    
    .main.api .why-uni-facet {
        padding: 40px 13px 26px 13px;
        margin-top: 0px;
    }
    .main.facet.api .form-section .form-left-content{
        max-width:340px;
        margin:auto;
    }
    .main.facet.api .form-section .section-title{
        font-size:26px;
        margin-bottom:12px;
    }
    .main.facet.api .form-section .sec-sub-title {
        font-size: 14px;
        line-height: 16px;
    }
    .main.facet .form-section {
        padding-left: 13px;
        padding-right: 13px;
    }
    
}


@media(max-width:389px){
    .main.api .api-testi .testimonial-wrapper {
        padding: 38px 18px 100px;
        border-radius: 0px;
    }
    .main.facet.api .api-testi .section-title {
        font-size: 20px;
    }
    .main.api .api-testi .author-details .author-name {
        font-size: 16px;
    }
}