/* main heading */
.subtitleheading{
    font-family: var(--body);
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    line-height: 55px;
    color: #464158;
}
a.video-arrow img {
    right: 15%;
    position: absolute;
    width: 50px;
}
/* paragraph text */
.subtitleparagraphs{
    font-family: var(--body);
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 170%;
    color: #464158;
	margin-bottom:0px;
}
.subtitleparagraph{
    font-family: var(--body);
    font-style: normal;
     font-weight: 400;
    font-size: 0.9rem;
    line-height: 23px;
    color: #464158;
	margin-bottom:0px;
}
/* text color purple */
.purple_text1{
    color: #464158;
}
/* card title heading */
.whitecardheading{
    font-family: var(--body);
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 32px;
    color: #464158;
    
}
.white_vector_img{
	border-radius:30px;
}
.whitecardheading1{
    font-family: var(--body);
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 42px;
    color: #464158;
/* 	    margin-top: 20px; */
    
}
.whitecardheadings1{
	  font-family: var(--body);
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 42px;
    color: #464158;
}
/* UI/UX PAGE STYLE CSS */

 .ui_ux_main_container{
    width: 80%;
    margin: auto;
 }
 .ui_ux_main::before {
    content: "";
    position: absolute;
    top: 42rem;
    left: 33%;
    width: 60rem;
    height: 50rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.vectorpink{
    position: relative;

}
.vectorpink::before {
    content: "";
    position: absolute;
    top: -43rem;
    right: -75rem;
    width: 79rem;
    height: 58rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.vectorpink1{
    position: relative;

}
.vectorpink1::before {
    content: "";
    position: absolute;
    top: -15rem;
    right: -75rem;
    width: 79rem;
    height: 58rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
/* white card */
 .white_card{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -30%;
    left: 50%;
    width: 80%;
 }
 .white_card1{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -21%;
    left: 50%;
    width: 82%;
 }
 .white_card2{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -24%;
    left: 50%;
    width: 82%;
 }
/* wide card */
 .white_card3{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -30%;
    left: 44%;
    width: 79%;
 }

 .subtract_vector{
    position: absolute;
    transform: translateX(-50%);
    top: 0%;
    left: 50%;
    width: 90%;
 }

/* bullet icon */
.starbullet li {
    background: url('./../images/web-design-development/Star_bullet.png') no-repeat left center;
    background-size: 15px;
    padding-left: 25px;
}
.starbullet {
    padding-left: 0;
    list-style: none;
    align-items: start;
}
/* cta button */
.white_button{
    box-sizing: border-box;
    background: #5C489C;
    border-radius: 38.7111px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 0px;
    letter-spacing: 0.105em;
    color: #FFFFFF;
    height: 42px;
    position: absolute;
    width: 247px;
    top: 70%;
    right: -28%;
    transform: translate(-50%, 50%);
}
.white_button:hover{
    background: #E65125;
    color: #FFFFFF;
}
 .call_to_action_title{
    font-family: var(--body);
    font-style: normal;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 35px;
    text-align: center;
    color: #464158;
    text-transform: capitalize;
 }
 .white_button1{
    box-sizing: border-box;
    padding: 13px 37px;
	     max-width: 100%;
/*     width: 360px; */
    height: 40px;
    background: #5C489C;
    border-radius: 38.7111px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 0.7rem;
    line-height: 0px;
    letter-spacing: 0.105em;
    color: #FFFFFF;
}
.white_button1:hover{
    background:#E65125;
    color:#FFFFFF;
}
.white_button2{
    box-sizing: border-box;
    padding: 13px 37px;
    width: 360px;
    height: 40px;
    background: #5C489C;
    border-radius: 38.7111px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 0.7rem;
    letter-spacing: 0.105em;
    color: #FFFFFF;
}
.white_button2:hover{
    background:#FFFFFF;
    color:#E65125;
}
/* orange card */
.orangecard {
    background: #E65125;
    backdrop-filter: blur(5.25px);
    border-radius: 50px;
    position: relative; /* Ensure z-index applies */
    z-index: 2; /* Ensure it appears above the ::before */
    width:80%;
    margin: auto;
}

.orangesubtitle {
    font-family: var(--body);
    font-style: normal;
    font-weight: 400;
    font-size: 2.1rem;
    line-height: 120%;
    text-transform: capitalize;
    color: #FFFFFF;
}

/* END */

/* wordpress development page css */

.wordpress_section::before {
    content: "";
    position: absolute;
   top: -18%;
    left: 42%;
    width: 74rem;
    height: 54rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.subtract_vector2{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 90%;
}
/* white card */

.whitecard{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -19%;
    left: 52%;
    width: 82%;
 }
 .whitecard1{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -28%;
    left: 52%;
    width: 82%;
 }
 .whitecard2{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -14%;
    left: 52%;
    width: 82%;
 }
 .paddtop{
    padding-top: 36px!important;
}
 .whitecard3{
    position: absolute;
    transform: translate(-50%, 50%);
    top: 0%;
    left: 44%;
    width: 80%;
 }
/* custom-software-development page */

.custom_software::before {
    content: "";
    position: absolute;
   top: -9%;
    left: 42%;
    width: 74rem;
    height: 55rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.white_cards{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -13%;
    left: 52%;
    width: 82%;
}
.white_cards1{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -13%;
    left: 52%;
    width: 82%;
}
.white_cards2{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -10%;
    left: 52%;
    width: 82%;
}
.white_cards3{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -13%;
    left: 52%;
    width: 82%;
}
.white_cards4{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -13%;
    left: 52%;
    width: 82%;
}
.white_cards5{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -13%;
    left: 52%;
    width: 82%;
}
.white_cards6{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -40%;
    left: 52%;
    width: 95%;
}
.subtitleparagraph1{
    font-family: var(--body);
    font-style: normal;
     font-weight: 400;
    font-size: 1rem;
    line-height: 25px;
    color: #000000;
	margin-bottom:0px;
    width:80%;
    margin:auto;
}
.vectorplu{
    position: relative;
    z-index:99;
}
.vectorplu::before {
    content: "";
    position: absolute;
    bottom: 42%;
    left: 88%;
    width: 88rem;
    height: 66rem;
    transform: translate(-50%, 50%);
    background-image: url(./../images/web-design-development/Vector_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    display: block;
}
/* magazine */
.whites_cards{
    position: absolute;
    transform: translate(-50%, 50%);
    top: -35%;
    left: 47%;
    width: 79%;
}
.whites_cards1 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -27%;
    left: 47%;
    width: 79%;
}
.whites_cards2 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -19%;
    left: 47%;
    width: 79%;
}
.whites_cards3 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -11%;
    left: 47%;
    width: 79%;
}
.magazine{
  position: relative;
}
.magazine::before {
    content: "";
    position: absolute;
    top: -14%;
    left: 37%;
    width: 67rem;
    height: 50rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.whitescardheading{
    font-family: var(--body);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 35px;
    color: #464158;
/* 	margin-top:20px; */
}
/* video */

.subtitlesheading{

font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 2.2rem;
line-height: 130%;
color: #FFFFFF;
}
/* seo services */

.whitescards1 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -7%;
    left: 52%;
    width: 82%;
}
.whitescards2 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -2%;
    left: 52%;
    width: 82%;
}
.whitescards4 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -9%;
    left: 52%;
    width: 82%;
}
.magazines{
	position:relative;
}
.magazines::before {
    content: "";
    position: absolute;
   top: -69%;
    left: 47%;
    width: 85rem;
    height: 57rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
/* product */
.products{
	position:relative;
}
.products::before {
    content: "";
    position: absolute;
   top: -32rem;
    left: 47%;
    width: 85rem;
    height: 68rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
/* graphic */
.whiteorangecard{
	position: absolute;
    transform: translate(-50%, 50%);
  top: -3%;
    left: 43%;
    width: 82%;
}
.whitesbutton {
    box-sizing: border-box;
    background: #5C489C;
    border-radius: 38.7111px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 0px;
    letter-spacing: 0.105em;
    color: #FFFFFF;
    height: 42px;
    position: absolute;
    width: 146px;
    top: 70%;
    right: 36%;
    transform: translate(-50%, 50%);
}
.whitesbutton:hover{
	color: #FFFFFF;
	background: #E65125;
}

@media (min-width: 320px) and (max-width: 575.98px) {
	
	.white_button{
	    font-size: 8px !important;
        height: 34px !important;
        width: 187px !important;
        top: 72% !important;
        right: -26%;
        transform: translate(-50%, 50%);
	}

    /* main heading */
    .subtitleheading{
        font-size: 2.4rem;
        line-height: 50px;
    }
    /* paragraph text */
    .subtitleparagraphs{
        font-size: 1rem;
        line-height: 170%;
    }
    .subtitleparagraph{
        font-size: 0.9rem;
        line-height: 25px;
    }
    .ui_ux_main_container{
        width: 100%;
        margin: auto;
     }
    .ui_ux_main::before {
        display:none;
    }
    .white_card3 {
        position: relative;
        transform: translate(-0%, 0%) !important;
        top: 0% !important;
        left: 0% !important;
        width: 100%;
    }
    .white_vector_imgs{
        display: none;
    }
    .whitecardheading1 {
        font-size: 1.4rem;
        line-height: 42px;
    }
    .white_button {
        font-size: 10px;
        height: 34px;
        width: 219px;
        top: 73%;
        right: -26%;
        transform: translate(-50%, 50%);
        
    }
    .white_card1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        left: 50%;
        width: 82%;
    }
    /* wordpress */
    .orangecard {
        background: #E65125;
        backdrop-filter: blur(5.25px);
        border-radius: 50px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: auto;
    }
    .subtract_vector2 {
        position: absolute;
    transform: translateX(-50%);
    top: 0%;
    left: 50%;
    width: 90%;
    }
    .whitecard {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -16%;
        left: 49%;
        width: 82%;
    }
    .whitecard1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -29%;
        left: 49%;
        width: 82%;
    }
    .whitecard2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -6%;
        left: 49%;
        width: 82%;
    }
    /* custom */
    .white_cards6 {
        position: relative;
        transform: translate(-0%, 0%) !important;
        top: 0% !important;
        left: 0% !important;
        width: 100%;
    }
    .white_vector_imgss{
        display: none;
    }
	.breadcrumb_vector.pb-5 {
    padding-bottom: 0 !important;
}
 
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .ui_ux_main_container {
        width: 95%;
        margin: auto;
    }
    .ui_ux_main::before {
        display:none;
    }
    .whitecardheading {
        font-size: 1.6rem;
        line-height: 32px;
    }
    .subtitleparagraph {
        font-size: 1.3rem;
        line-height: 32px;
    }
    .white_card {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -17%;
        left: 46%;
        width: 77%;
    }
    .white_card1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -5%;
        left: 46%;
        width: 77%;
    }
    .white_card2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        left: 46%;
        width: 77%;
    }
    .white_vector_imgs{
        display: none;
    }
    .white_card3 {
        position: relative;
        transform: translate(-0%, 0%) !important;
        top: 0% !important;
        left: 0% !important;
        width: 100%;
    }
    .subtract_vector {
        position: absolute;
        transform: translate(-50%, 50%);
        top: 2%;
        left: 60%;
        width: 100%;
    }
    .whitecardheading1 {
        font-size: 1.8rem;
        line-height: 49px;
    }
    .white_button {
        box-sizing: border-box;
        background: #5C489C;
        border-radius: 38.7111px;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 0px;
        letter-spacing: 0.105em;
        color: #FFFFFF;
        height: 47px;
        position: absolute;
        width: 336px;
        top: 74%;
        right: -25%;
        transform: translate(-50%, 50%);
    }
    .subtitleheading {
        font-size: 2.8rem;
        line-height: 50px;
    }
	.breadcrumb_vector.pb-5 {
    padding-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	
    .subtitleparagraph {
        font-size: 1.2rem;
        line-height: 33px;
    }
    .whitecardheading {
        font-size: 1.6rem;
        line-height: 32px;
    }
    .ui_ux_main::before {
        display:none;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .subtitleheading {
        font-size: 2.5rem;
        line-height: 50px;
    }
    .subtitleparagraph {
        font-size: 1rem;
        line-height: 33px;
    }
    .whitecardheading {
        font-size: 1.1rem;
        line-height: 24px;
    }
    .subtitleparagraph {
        font-size: 0.8rem;
        line-height: 16px;
        padding-top: 0px !important;
    }
    .paddingtop{
        padding-top: 21px !important;
    }
    .white_card {
        top: -27%;
        left: 50%;
        width: 80%;
    }
    .white_card1{
        top: -16%;
        left: 50%;
        width: 80%;
    }
    .white_card2{
        top: -19%;
        left: 50%;
        width: 80%;
    }
    .whitecardheading1 {
        font-size: 1.3rem;
        line-height: 35px;
    }
    .subtract_vector {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -9%;
        left: 55%;
        width: 100%;
    }
    .white_card3 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -36%;
        left: 44%;
        width: 79%;
    }
    .call_to_action_title {
        font-size: 1.1rem;
        line-height: 24px;
    }
    .subtitleparagraphs {
        font-size: 1.1rem;
        line-height: 28px;
    }
    .white_button1 {
        width: 269px;
        height: 34px;
        font-size: .6rem;
    }
    .white_button {
        font-size: 0.5rem;
        height: 30px;
        width: 180px;
        top: 70%;
        right: -29%;
        transform: translate(-50%, 50%);
    }
}
@media screen and (min-width:1400px){
    .white_card {
        top: -20%;
        left: 50%;
        width: 80%;
    }
    .white_card1{
        top: -14%;
        left: 50%;
        width: 80%;
    }
    .white_card2{
        top: -17%;
        left: 50%;
        width: 80%;
    }
    /* wordpress */
    .whitecard {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -8%;
        left: 52%;
        width: 86%;
    }
    .whitecard1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -14%;
        left: 52%;
        width: 86%;
    }
	.wordpress_section::before {
    content: "";
    position: absolute;
    top: -18%;
    left: 39%;
    width: 74rem;
    height: 54rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	/* magazine */
    .whites_cards {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -29%;
        left: 47%;
        width: 79%;
    }
    .whites_cards2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -14%;
        left: 47%;
        width: 79%;
    }
}
@media screen and (min-width:1600px){
    .subtitleparagraph {
        font-size: 1.2rem;
        line-height: 33px;
    }
    .whitecardheading {
        font-size: 1.6rem;
        line-height: 32px;
    }
    .white_button {
        font-size: 13px;
        letter-spacing: 0.105em;
        height: 46px;
        width: 300px;
        top: 72%;
        right: -28%;
        transform: translate(-50%, 50%);
    }
}
@media (min-width: 1920px) {
	

    .subtitleparagraph {
        font-size: 1.4rem;
        line-height: 33px;
    }
    .whitecardheading {
        font-size: 1.6rem;
        line-height: 32px;
    }
    /* ui-ux  */
    .white_card {
        top: -23%;
        left: 50%;
        width: 80%;
    }
    .white_card1{
        top: -14%;
        left: 50%;
        width: 80%;
    }
    .white_card2{
        top: -17%;
        left: 50%;
        width: 80%;
    }
    .whitecardheading1 {
        font-size: 2.2rem;
        line-height: 50px;
    }
    .subtract_vector {
        position: absolute;
        transform: translate(-50%, 50%);
        top: 8%;
        left: 60%;
        width: 100%;
    }
    .white_card3{
        top: -20%;
        left: 44%;
        width: 79%;
     }
     .white_button {
        font-size: 14px;
        letter-spacing: 0.105em;
        height: 46px;
        width: 325px;
        top: 75%;
        right: -22%;
        transform: translate(-50%, 50%);
    }
     .ui_ux_main_heading .white_card_heading{
        font-size: 1.9rem;
        line-height: 35px;
     }
     .ui_ux_main_heading .sub_paragraph {
        font-size: 1.3rem;
        line-height: 32px;
    }
    .ui_ux_main_heading .star_bullet {
       font-size: 1.3rem;
       line-height: 30px;
    }
    .subtitleparagraphs {
        font-size: 1.6rem;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .call_to_action_title{
        font-size: 1.6rem;
        line-height: 32px;
     }
     .white_button1 {
        width: 397px;
        height: 46px;
        font-weight: 500;
        font-size: 0.9rem;
    }
    .lets_build .sub_title {
        font-size: 1.3rem;
        line-height: 120%;
        text-transform: capitalize;
        color: #FFFFFF;
    }
    /* end ui-ux */
    .lets_builds{
        background: #E65125;
        backdrop-filter: blur(5.25px);
        border-radius: 50px;
        position: relative;
        z-index: 99;
        width:85%;
        margin: auto;
        
    }
    /* wordpress development */
    .wordpress_section::before {
        content: "";
        position: absolute;
        top: -9%;
        left: 27%;
        width: 66rem;
        height: 59rem;
        transform: translate(-50%, 50%);
        background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .whitecard {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -8%;
        left: 51%;
        width: 80%;
    }
    .whitecard1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -16%;
        left: 52%;
        width: 80%;
    }
    .whitecard2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -2%;
        left: 52%;
        width: 80%;
    }
    .paddtop{
        padding-top: 23px!important;
    }
    .subtract_vector2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        left: 54%;
        width: 90%;
    }
	.ui_ux_main::before {
    content: "";
    position: absolute;
    top: 48rem;
    left: 20%;
    width: 60rem;
    height: 50rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	.vectorpink::before {
    content: "";
    position: absolute;
    top: -46rem;
    right: -77rem;
    width: 79rem;
    height: 58rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	.custom_software::before {
    content: "";
    position: absolute;
    top: -9%;
    left: 29%;
    width: 74rem;
    height: 55rem;
    transform: translate(-50%, 50%);
    background-image: url('/wp-content/uploads/2025/02/Vector_1.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	.vectorpink1::before {
    content: "";
    position: absolute;
    top: -15rem;
    right: -79rem;
    width: 79rem;
    height: 58rem;
    transform: translate(-50%, 50%);
    background-image: url(/wp-content/uploads/2025/02/Vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	/* magazine */
    .magazine::before {
        content: "";
        position: absolute;
        top: -1%;
        left: 26%;
        width: 67rem;
        height: 50rem;
        transform: translate(-50%, 50%);
        background-image: url(/wp-content/uploads/2025/02/Vector_1.png);
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }
    .whites_cards{
        position: absolute;
        transform: translate(-50%, 50%);
        top: -17%;
        left: 47%;
        width: 79%;
    }
    .whites_cards1 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -13%;
        left: 47%;
        width: 79%;
    }
    .whites_cards2 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -19%;
        left: 47%;
        width: 79%;
    }
    .whites_cards3 {
        position: absolute;
        transform: translate(-50%, 50%);
        top: -11%;
        left: 47%;
        width: 79%;
    }
	.magazines::before {
    content: "";
    position: absolute;
    top: -69%;
    left: 31%;
    width: 91rem;
    height: 63rem;
    transform: translate(-50%, 50%);
    background-image: url(/wp-content/uploads/2025/02/Vector_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	.white_cards3 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: 0%;
    left: 52%;
    width: 82%;
}
	.products::before {
    content: "";
    position: absolute;
    top: -32rem;
    left: 30%;
    width: 85rem;
    height: 68rem;
    transform: translate(-50%, 50%);
    background-image: url(/wp-content/uploads/2025/02/Vector_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
	.whitesbutton {
    box-sizing: border-box;
    background: #5C489C;
    border-radius: 38.7111px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 0px;
    letter-spacing: 0.105em;
    color: #FFFFFF;
    height: 52px;
    position: absolute;
    width: 197px;
    top: 75%;
    right: 39%;
    transform: translate(-50%, 50%);
}
		.white_cards6 {
    position: absolute;
    transform: translate(-50%, 50%);
    top: -31%;
    left: 52%;
    width: 95%;
}
	
}