:root{
    --btn-bg-color:#DB1E5B;
    --footer-bg-color:#1D1D1B;
    --color-gradient-left-right: linear-gradient(to right, #ff9401, #ff7626, #f9583b, #ed3b4c, #da1d5b);
    --container-gradient-up-down:linear-gradient(to bottom, #ff9202, #ff7526, #f9583b, #ed3b4c, #db1e5b);
    --black-text-color:#1D1D1B;
    --white-text-color:#FFFFFF;
    --gray-white-color:#FFFFFFCC;
    --para-text-color:#1D1D1BCC;
    --f3f3f3-text-color:#F3F3F3;
    --ffffff33-color:#FFFFFF33;
    --borders-line-black:#0000001A;
    --gray-color:#414E6A;
    --border-line-black21:#00000021;
    --lite-gray-color:#64728F;
    --black-color-texts:#0148EE1A;
    --border-color-blue:#0148EE;
    --f7f8f9-white:#F7F8F9;
    --e5e7e8-white:#E5E7EB;
    --FFFFFFC7-white:#FFFFFFC7;
    --border-line-40:#00000040;
    --e5e5e5-white:#E5E5E5;
    --white-color-textfa:#FAFAFB;
    --color-black1d:#1D1D1B3D;
    --d9d9d9-color:#D9D9D9;
    --blacky:#00000042;
}

.zone-section1 {
    width: 100%;
    height: 646px;
    background: url('./images/game1-bg.webp') no-repeat  center ;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 200px;
}
.zone-section1 .zone1-content .casino{
    width: 629px;
    height: 176px;
    line-height: 88px;
}
.zone-section1 .zone1-content .jost-regular{
    width: 629px;
    height: 56px;
    line-height: 28px;
    margin-top: 28px;
}
.zone-section1 .zone1-content  .contact-span{
    margin-top: 40px;
}
.zone-section1 .image1-conatiner img{
    width: 484px;
    height: 452px;
}

@media (min-width:320px) and (max-width:600px) {
.zone-section1 {
    padding: 50px 15px 70px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.zone-section1 .zone1-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone-section1 .zone1-content .casino{
    width: auto;
    height: auto;
    line-height: 38px;
    text-align: center;
    font-size: 30px;
}
.zone-section1 .zone1-content .jost-regular{
    width: auto;
    height: auto;
    line-height: 28px;
    margin-top: 28px;
    font-size: 14px;
    text-align: center;
}
.zone-section1 .zone1-content  .contact-span{
    margin-top: 40px;
}
.zone-section1 .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 354px;
}   
}
@media (min-width:601px) and (max-width:800px) {
.zone-section1 {
    padding: 90px 20px 100px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 90px;
}
.zone-section1 .zone1-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone-section1 .zone1-content .casino{
    width: auto;
    height: auto;
    line-height: 30px;
    text-align: center;
    font-size: 40px;
}
.zone-section1 .zone1-content .jost-regular{
    width: auto;
    height: auto;
    line-height: 28px;
    margin-top: 28px;
    font-size: 16px;
    text-align: center;
}
.zone-section1 .zone1-content  .contact-span{
    margin-top: 40px;
} 
}
@media (min-width:801px) and (max-width:1000px) {
.zone-section1 {
    height: 508px;
    gap: 0px;
    justify-content: space-between;
    padding: 0 40px;
}
.zone-section1 .zone1-content .casino{
    width: 400px;
    height: auto;
    line-height: 45px;
    font-size: 45px;
}
.zone-section1 .zone1-content .jost-regular{
    width:400px;
    height: auto;
    line-height: 28px;
    margin-top: 28px;
}
.zone-section1 .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 300px;
}  
 }
 @media (min-width:871px) and (max-width:1000px) {
.zone-section1 .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 350px;
} 
}

@media (min-width:1001px) and (max-width:1300px) {
.zone-section1 {
    gap: 0px;
    justify-content: space-between;
    padding: 0 50px;
}
.zone-section1 .zone1-content .casino{
    width: 450px;
    height: auto;
    line-height: 60px;
    font-size: 60px;
}
.zone-section1 .zone1-content .jost-regular{
    width:450px;
    height: auto;
    line-height: 28px;
    margin-top: 28px;
}
.zone-section1 .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 426px;
}  
}

@media (min-width:1301px) and (max-width:1400px) {
.zone-section1 {
    gap:100px;
}  
}
@media (min-width:1401px) and (max-width:1500px) {
.zone-section1 {
    gap:191px;
}  
}



/* satrting of section2 */

.zone1-section2 {
    width: 100%;
    height: 819px;
    background-color: var(--white-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.zone1-section2 .section2-container{
    width:1490px ;
    height: 579px;
    background-color: var(--f3f3f3-text-color);
    border-radius: 121px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 50px;
}
.zone1-section2 .section2-container .leaders{
    color: var(--btn-bg-color);
    text-transform: uppercase;
    text-align: center;
}
.zone1-section2 .section2-container .trusted{
    margin-top: 40px;
    text-align: center;
}
.zone1-section2 .section2-container .nexro-game{
    width: 1210px;
    height: 56px;
    margin-top: 30px;
    text-align: center;
    line-height: 28px;
    color: var(--para-text-color);
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}
.zone1-section2 .section2-container .industry-images :first-child{
   width: 112px;
   height: 56px;
}
.zone1-section2 .section2-container .industry-images :nth-child(2){
   width: 133px;
   height: 56px;
}
.zone1-section2 .section2-container .industry-images :nth-child(3){
   width: 132px;
   height: 56px;
}
.zone1-section2 .section2-container .industry-images :nth-child(4){
   width: 140px;
   height: 56px;
}
.zone1-section2 .section2-container .industry-images :nth-child(5){
   width: 146px;
   height: 56px;
}
.zone1-section2 .section2-container .industry-images :nth-child(6){
   width: 237px;
   height: 46px;
}
.zone1-section2 .section2-container .industry-images :last-child{
   width: 200px;
   height: 46px;
}

@media (min-width:320px) and (max-width:600px) {
.zone1-section2 {
    padding: 40px 15px;
    height: auto;
}
.zone1-section2 .section2-container{
    width:auto ;
    height: auto;
    padding: 60px 20px;
}
.zone1-section2 .section2-container .leaders{
    font-size: 20px;
}
.zone1-section2 .section2-container .trusted{
    font-size: 14px;
}
.zone1-section2 .section2-container .nexro-game{
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 28px;
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin-top: 30px;
    width: auto;
    overflow-x: scroll;
}
.zone1-section2 .section2-container .industry-images :first-child{
   width: 100px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(2){
   width: 100px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(3){
   width: 102px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(4){
   width: 110px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(5){
   width: 106px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(6){
   width: 137px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :last-child{
   width: 100px;
   height: 36px;
}    
}

@media (min-width:601px) and (max-width:800px) {
.zone1-section2 {
    padding: 60px 20px;
    height: auto;
}
.zone1-section2 .section2-container{
    width:auto ;
    height: auto;
    padding: 60px 20px;
}
.zone1-section2 .section2-container .leaders{
    font-size: 30px;
}
.zone1-section2 .section2-container .trusted{
    font-size: 16px;
}
.zone1-section2 .section2-container .nexro-game{
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 28px;
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin-top: 30px;
    width: auto;
    overflow-x: scroll;
}
.zone1-section2 .section2-container .industry-images :first-child{
   width: 100px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(2){
   width: 110px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(3){
   width: 112px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(4){
   width: 120px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(5){
   width: 126px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :nth-child(6){
   width: 157px;
   height: 36px;
}
.zone1-section2 .section2-container .industry-images :last-child{
   width: 150px;
   height: 36px;
}    
}
@media (min-width:801px) and (max-width:1000px) {
.zone1-section2 {
    padding: 70px 40px;
    height: auto;
}
.zone1-section2 .section2-container{
    width:auto ;
    height: auto;
    padding: 60px 20px;
}
.zone1-section2 .section2-container .trusted{
    font-size: 25px;
}
.zone1-section2 .section2-container .nexro-game{
    width: auto;
    height: auto;
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: flex-start;
    gap: 60px;
    margin-top: 30px;
    width: auto;
    overflow-x: scroll;
}
.zone1-section2 .section2-container .industry-images :first-child{
   width: 100px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :nth-child(2){
   width: 110px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :nth-child(3){
   width: 112px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :nth-child(4){
   width: 120px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :nth-child(5){
   width: 126px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :nth-child(6){
   width: 157px;
   height: 40px;
}
.zone1-section2 .section2-container .industry-images :last-child{
   width: 150px;
   height: 40px;
} 
}

@media (min-width:1001px) and (max-width:1300px) {
.zone1-section2 {
    padding: 70px 50px;
    height: auto;
}
.zone1-section2 .section2-container{
    width:auto ;
    height: auto;
    padding: 60px 30px;
}
.zone1-section2 .section2-container .nexro-game{
    width: auto;
    height: auto;
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: flex-start;
    gap: 60px;
    margin-top: 30px;
    width: auto;
    overflow-x: scroll;
}
.zone1-section2 .section2-container .industry-images :first-child{
   width: 100px;
}
.zone1-section2 .section2-container .industry-images :nth-child(2){
   width: 110px;
}
.zone1-section2 .section2-container .industry-images :nth-child(3){
   width: 112px;
}
.zone1-section2 .section2-container .industry-images :nth-child(4){
   width: 120px;
}
.zone1-section2 .section2-container .industry-images :nth-child(5){
   width: 126px;
}
.zone1-section2 .section2-container .industry-images :nth-child(6){
   width: 157px;
}
.zone1-section2 .section2-container .industry-images :last-child{
   width: 150px;
} 
}

@media (min-width:1301px) and (max-width:1515px) {
.zone1-section2 {
    padding: 70px 32px;
    height: auto;
}
.zone1-section2 .section2-container{
    width:auto ;
    height: auto;
    padding: 80px 30px;
}
.zone1-section2 .section2-container .nexro-game{
    width: auto;
    height: auto;
}
.zone1-section2 .section2-container .industry-images{
    display: flex;
    justify-content: flex-start;
    gap: 60px;
    margin-top: 30px;
    width: auto;
    overflow-x: scroll;
}
}



/* satarting of section3 */

.zone1-section3 {
    width: 100%;
    height: 2751px;
    background-color: var(--white-text-color);
}
.zone1-section3 .casino-platform{
    text-align: center;
}
.zone1-section3 .nexora-platform{
    text-align: center;
    line-height: 28px;
    color: var(--para-text-color);
    margin-top: 30px;
}
.zone1-section3 .centring-sections{
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin: 145px auto 0px;
}
.zone1-section3 .centring-sections .platform1-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    background-color:var(--white-text-color);
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para1{
    line-height: 40px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: 377px;
    height: 84px;
    line-height: 28px;
    color: var(--para-text-color);
    margin-top: 16px;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    width: 825px;
    height: 348px;
}

@media (min-width:320px) and (max-width:600px) {
.zone1-section3 {
    height: auto;
    padding: 0px 15px 70px;
}
.zone1-section3 .casino-platform{
    font-size: 20px;
}
.zone1-section3 .nexora-platform{
    font-size: 12px;
    line-height: 20px;
    margin-top: 25px;
}
.zone1-section3 .centring-sections{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 70px;
    margin: 70px auto 0px;
}
.zone1-section3 .centring-sections .platform1-section{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content{
    order: 2;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para1{
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}
.zone1-section3 .centring-sections .platform1-section .platform-image{
    order: 1;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    width: 100%;
    height:auto;
}
}

@media (min-width:601px) and (max-width:800px) {
.zone1-section3 {
    height: auto;
    padding: 0px 20px 80px;
}
.zone1-section3 .casino-platform{
    font-size: 25px;
}
.zone1-section3 .nexora-platform{
    font-size: 14px;
    line-height: 28px;
}
.zone1-section3 .centring-sections{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 90px;
    margin: 90px auto 0px;
}
.zone1-section3 .centring-sections .platform1-section{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content{
    order: 2;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para1{
    line-height: 28px;
    font-size: 16px;
    text-align: center;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: auto;
    height: auto;
    font-size: 14px;
    text-align: center;
    line-height: 28px;
}
.zone1-section3 .centring-sections .platform1-section .platform-image{
    order: 1;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    width: 100%;
    height:auto;
}
}

@media (min-width:801px) and (max-width:1000px) {
.zone1-section3 {
    height: auto;
    padding: 0px 40px 100px;
}
.zone1-section3 .casino-platform{
    font-size: 25px;
}
.zone1-section3 .nexora-platform{
    font-size: 16px;
    line-height: 28px;
}
.zone1-section3 .centring-sections{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 90px;
    margin: 90px auto 0px;
}
.zone1-section3 .centring-sections .platform1-section{
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content{
    order: 2;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para1{
    line-height: 28px;
    font-size: 25px;
    text-align: center;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: auto;
    height: auto;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}
.zone1-section3 .centring-sections .platform1-section .platform-image{
    order: 1;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    width: 100%;
    height:auto;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.zone1-section3 {
    height: 2751px;
}
.zone1-section3 .centring-sections .platform1-section{
    gap: 40px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: 300px;
    height: auto;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    max-width: 511px;
}
}
@media (min-width:1080px) and (max-width:1180px) {
 .zone1-section3 .centring-sections .platform1-section .platform-image img{
    max-width: 611px;
}   
}
@media (min-width:1180px) and (max-width:1300px) {
 .zone1-section3 .centring-sections .platform1-section .platform-image img{
    max-width: 711px;
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.zone1-section3 {
    height: 2751px;
}
.zone1-section3 .centring-sections .platform1-section{
    gap: 40px;
}
.zone1-section3 .centring-sections .platform1-section .platform-content .para2{
    width: 320px;
    height: auto;
}
.zone1-section3 .centring-sections .platform1-section .platform-image img{
    max-width: 711px;
}
}
@media (min-width:1601px) {
.zone1-section3 .centring-sections .platform1-section{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
}  
.zone1-section3 .centring-sections .platform1-container2 ,.zone1-section3 .centring-sections .platform1-container7{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 72px;
}  
}

/* starting of section5 */

.zone1-section5{
    width: 100%;
    height: 915px;
    background-color: var(--white-text-color);
}
.zone1-section5 .others{
    text-align: center;
    padding-top: 120px;
}
.zone1-section5 .think-view{
    width: 857px;
    height: 56px;
    line-height: 28px;
    color: var(--para-text-color);
    text-align: center;
    margin: 30px auto 0px;
}
.zone1-section5  .all-games-section {
    width:1300px;
    overflow-x: scroll;
    margin: 50px auto 0px;
    display: flex;
    gap: 26px;
}
.zone1-section5  .all-games-section .diffrent-games{
    min-width: 418px;
    height: 480px;
    border-radius: 14px;
    background-color: var(--f3f3f3-text-color);
    padding: 44px 36px 30px 40px;
}
.zone1-section5  .all-games-section .diffrent-games .game1{
    width: 146px;
    height: 188px;    
}
.zone1-section5  .all-games-section .diffrent-games .game2{
    width: 177px;
    height: 188px;    
}
.zone1-section5  .all-games-section .diffrent-games .game3{
    width: 194px;
    height: 155px;   
    margin-top: 32px; 
}
.zone1-section5  .all-games-section .diffrent-games .game4{
    width: 144px;
    height: 147px; 
    margin-top: 40px;    
}

.zone1-section5  .all-games-section .diffrent-games p:first-of-type{
   font-size: 25px;
   margin-top: 20px;
}
.zone1-section5  .all-games-section .diffrent-games p:last-of-type{
   margin-top: 15px;
   color: var(--para-text-color);
}

.zone1-section5  .all-games-section .diffrent-games a img{
    width: 57px;
    height: 48px;
    margin-top:53px;
}

@media (min-width:320px) and (max-width:600px) {
.zone1-section5{
    height: 800px;
    padding: 0px 15px;
}
.zone1-section5 .others{
    font-size: 20px;
    padding-top: 60px;
}
.zone1-section5 .think-view{
    width: auto;
    height: auto;
    font-size: 12px;
}  
.zone1-section5  .all-games-section {
    width:auto;
}
.zone1-section5  .all-games-section .diffrent-games{
    min-width: 318px;
    height: 450px;
    padding: 44px 26px 30px 30px;
}
.zone1-section5  .all-games-section .diffrent-games .game1{
    width: 126px;
    height: 178px;    
}
.zone1-section5  .all-games-section .diffrent-games .game2{
    width: 157px;
    height: 178px;    
}
.zone1-section5  .all-games-section .diffrent-games .game3{
    width: 174px;
    height: 145px;    
}
.zone1-section5  .all-games-section .diffrent-games .game4{
    width: 124px;
    height: 127px;    
}

.zone1-section5  .all-games-section .diffrent-games p:first-of-type{
   font-size: 20px;
}
.zone1-section5  .all-games-section .diffrent-games p:last-of-type{
   font-size: 12px;
}

.zone1-section5  .all-games-section .diffrent-games a img{
    width: 47px;
    height: 38px;
}
}

@media (min-width:601px) and (max-width:800px) {
.zone1-section5{
    height: 840px;
    padding: 0px 20px;
}
.zone1-section5 .others{
    font-size: 20px;
    padding-top: 80px;
}
.zone1-section5 .think-view{
    width: auto;
    height: auto;
    font-size: 14px;
}  
.zone1-section5  .all-games-section {
    width:auto;
}
}
@media (min-width:801px) and (max-width:1000px) {
.zone1-section5{
    height: 915px;
    padding: 0px 40px;
}
.zone1-section5 .others{
    font-size: 25px;
    padding-top: 100px;
}
.zone1-section5 .think-view{
    width: auto;
    height: auto;
}  
.zone1-section5  .all-games-section {
    width:auto;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.zone1-section5{
    height: 915px;
    padding: 0px 50px;
}
.zone1-section5  .all-games-section {
    width:auto;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.zone1-section5{
    height: 915px;
    padding: 0px 32px;
}
.zone1-section5  .all-games-section {
    width:auto;
}
}



/* starting of section6 */

.zone1-section6{
    background-color: var(--white-text-color);
}

@media (min-width:320px) and (max-width:600px) {
.zone1-section6{
    padding: 0px 15px;
} 
}
@media (min-width:601px) and (max-width:800px) {
.zone1-section6{
    padding: 0px 20px;
} 
}
@media (min-width:801px) and (max-width:1000px) {
.zone1-section6{
    padding: 0px 40px;
} 
}


.main-container {
    background-color:var(--white-text-color);
}

.main-container .homepage-section7 {
    height: 820px;
   padding: 0px;
}

.main-container .homepage-section7 .latest-news-section {
    margin-top: 0px;
}

@media (min-width:320px) and (max-width:600px) {
.main-container .homepage-section7 {
        height: auto;
        padding: 0px 15px 50px;
    }  
.main-container .homepage-section7  .latest-news-section {
        margin-top: 50px;
    }
}

@media (min-width:601px) and (max-width:800px) {
.main-container .homepage-section7 {
        height: auto;
        padding: 0px 20px 50px;
    }  
.main-container .homepage-section7  .latest-news-section {
        margin-top: 50px;
    }
}
@media (min-width:801px) and (max-width:1000px) {
.main-container .homepage-section7 {
        height: auto;
        padding: 0px 40px 50px;
    }  
.main-container .homepage-section7  .latest-news-section {
        margin-top: 50px;
    }
}









/* game2-- changing section */

.zone2-section2 {
    width: 100%;
    height: 646px;
    background: url('./images/game2-bg.webp') no-repeat center;
}
.zone2-section2 .image2-container img{
    width: 401px;
    height: 516px;
}
.zone1-section3 .single-hub{
    width: 857px;
    height: 56px;
    margin: 0 auto;
    margin-top: 30px;
}
.zone2-section3{
    height: 1950px;
}

@media (min-width:320px) and (max-width:800px) {
.zone2-section2 {
    height: auto;
    display: flex;
    align-items: center;
}
.zone2-section2 .image2-container img{
    width: 100%;
    height: auto;
    max-width:354px ;
    max-height: 455px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zone1-section3 .single-hub{
    width: auto;
    height: auto;
}
.zone2-section3{
    height: auto;
}  
}

@media (min-width:801px) and (max-width:1000px)  {
.zone2-section2 {
    height: auto;
    display: flex;
    align-items: center;
    padding: 40px;
}
.zone2-section2 .image2-container img{
    width: 100%;
    height: auto;
    max-width: 220px;
    max-height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zone1-section3 .single-hub{
    width: auto;
    height: auto;
}
.zone2-section3{
    height: auto;
}  
}

@media (min-width:1001px) and (max-width:1300px)  {
.zone2-section2 .image2-container img{
    width: 100%;
    height: auto;
    max-width: 320px;
    max-height: 380px;
}
}


/* frequently asked questions game2 sports-book */

.zone2-questions-sections {
    width: 100%;
    height: 850px;
    background-color: var(--white-text-color);
}
.zone2-questions-sections .frequent-ques{
    text-align: center;
    margin-top: 120px;
}
.zone2-questions-sections .think-view{
    width: 857px;
    height: 56px;
    line-height: 28px;
    color: var(--para-text-color);
    text-align: center;
    margin: 30px auto 0px;
}
.zone2-questions-sections .all-questions-conatiner{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 16px;
   margin-top: 40px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 1306px;
    height: auto;
    border-radius: 14px;
    background-color: var(--f3f3f3-text-color);
    padding: 50px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zone2-questions-sections .all-questions-conatiner .questions-ans .question .what{
    font-size: 25px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container{
    display: flex;
    align-items: center;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position{
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position .white-circle-image{
    width: 54px;
    height: 54px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position .plus-cross-image{
    position: absolute;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .imag2{
   display: none;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: 1180px;
   height: 148px;
   line-height: 28px;
   color: var(--para-text-color);
   margin-top: 50px;
   display: none;
}

@media (min-width:320px) and (max-width:600px) {
.zone2-questions-sections {
    height: auto;
    padding: 0px 15px;
}
.zone2-questions-sections .frequent-ques{
    font-size: 20px;
    margin-top: 50px;
}
.zone2-questions-sections .think-view{
    width: auto;
    height: auto;
    font-size: 12px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 20px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .what{
    font-size: 16px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position .white-circle-image{
    width: 48px;
    height: 44px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position  .plus-cross-image{
    width: 15px;
    height: 15px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container .placing-position  .cross-image{
    width: 30px;
    height: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: auto;
   height: auto;
   font-size: 12px;
}    
}

@media (min-width:601px) and (max-width:800px) {
.zone2-questions-sections {
    height: auto;
    padding: 0px 20px;
}
.zone2-questions-sections .frequent-ques{
    font-size: 30px;
    margin-top: 70px;
}
.zone2-questions-sections .think-view{
    width: auto;
    height: auto;
    font-size: 14px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question .what{
    font-size: 20px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: auto;
   height: auto;
   font-size: 14px;
}    
}

@media (min-width:801px) and (max-width:1000px) {
.zone2-questions-sections {
    height: auto;
    padding: 0px 40px;
}
.zone2-questions-sections .frequent-ques{
    font-size: 30px;
    margin-top: 70px;
}
.zone2-questions-sections .think-view{
    width: auto;
    height: auto;
    font-size: 16px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 35px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: auto;
   height: auto;
}    
}

@media (min-width:1001px) and (max-width:1300px) {
.zone2-questions-sections {
    height: auto;
    padding: 0px 50px;
}
.zone2-questions-sections .think-view{
    width: auto;
    height: auto;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: auto;
   height: auto;
}    
}
@media (min-width:1301px) and (max-width:1500px) {
.zone2-questions-sections {
    height: auto;
    padding: 0px 32px;
}
.zone2-questions-sections .think-view{
    width: auto;
    height: auto;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.zone2-questions-sections .all-questions-conatiner .questions-ans .answer .basically{
   width: auto;
   height: auto;
}    
}







/* starting of game section3 --------lotto*/

.zone3-section1{
    width: 100%;
    height: 646px;
    background: url('./images/game3-bg.webp') no-repeat center;
    display: flex;
    align-items: center;
}
.zone3-section1 .adjusting-container{
    width: 1330px;
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 107px;
}
.zone3-section1 .adjusting-container .zone3-content .lotto{
    width: 509px;
    height: 176px;
    line-height: 88px;
}
.zone3-section1 .adjusting-container .zone3-content .jost-regular{
    width: 509px;
    height: 56px;
    line-height: 28px;
    margin-top: 28px;
}
.zone3-section1 .adjusting-container .zone3-content .zone3-contact{
    width: 132px;
    height: 48px;
    border: 1.2px solid var(--white-text-color);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.zone3-section1 .adjusting-container .zone3-content .zone3-contact a p{
    font-size: 12.91px;
    color: var(--white-text-color);
    line-height: 16.8px;
}
.zone3-section1 .adjusting-container .image1-conatiner img{
    width: 510px;
    height: 498px;
    transform: translateY(75px);
}
.zone1-section5 .all-games-section .diffrent-games .game-3-sport-image{
    width: 146px;
    height: 188px;
}
.zone1-section5 .all-games-section .diffrent-games .casino-image{
    width: 201px;
    height: 188px;
}

@media (min-width:320px) and (max-width:600px) {
.zone3-section1{
    height: auto;
    padding: 50px 15px;
}
.zone3-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 0px;
}
.zone3-section1 .adjusting-container .zone3-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone3-section1 .adjusting-container .zone3-content .lotto{
    width: auto;
    height: auto;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.zone3-section1 .adjusting-container .zone3-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 14px;
    text-align: center;
}
.zone3-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    transform: translateY(50px);
    max-width: 350px;
}   
}

@media (min-width:601px) and (max-width:800px) {
.zone3-section1{
    height: auto;
    padding: 80px 20px;
}
.zone3-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 0px;
}
.zone3-section1 .adjusting-container .zone3-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone3-section1 .adjusting-container .zone3-content .lotto{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
.zone3-section1 .adjusting-container .zone3-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 16px;
    text-align: center;
}
.zone3-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    transform: translateY(80px);
    max-width: 400px;
}   
}

@media (min-width:801px) and (max-width:1000px) {
.zone3-section1{
    height: auto;
    padding: 80px 40px;
}
.zone3-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone3-section1 .adjusting-container .zone3-content .lotto{
    width: 400px;
    height: auto;
    font-size: 45px;
    line-height: 50px;
}
.zone3-section1 .adjusting-container .zone3-content .jost-regular{
    width: 400px;
    height:auto;
    font-size: 16px;
}
.zone3-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 344px;
    transform: translateY(80px);
}   
}

@media (min-width:1001px) and (max-width:1300px) {
.zone3-section1{
    height: auto;
    padding: 80px 50px;
}
.zone3-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone3-section1 .adjusting-container .zone3-content .lotto{
    width: 450px;
    height: auto;
    font-size: 60px;
    line-height: 50px;
}
.zone3-section1 .adjusting-container .zone3-content .jost-regular{
    width: 450px;
    height:auto;
    font-size: 16px;
}
.zone3-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 444px;
    transform: translateY(80px);
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.zone3-section1 .adjusting-container{
    width: 1225px;
    margin: 0 auto;
    justify-content:space-between;
}
}
@media (min-width:1401px) and (max-width:1500px) {
.zone3-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}
}
@media (min-width:1501px) and (max-width:1600px) {
.zone3-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}

}

@media (min-width:1601px) {
.zone3-section1 .adjusting-container{
    width: 1322px;
    margin: 0 auto;
    justify-content:space-between;
}

}

/* starting of game5 */


.zone5-section1{
    width: 100%;
    height: 646px;
    background: url('./images/game4-bg.webp') no-repeat center;
    display: flex;
    align-items: center;
}
.zone5-section1 .adjusting-container{
    width: 1330px;
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 107px;
}
.zone5-section1 .adjusting-container .zone5-content .crypto{
    width: 581px;
    height: 105px;
    line-height: 88px;
}
.zone5-section1  .adjusting-container .zone5-content .jost-regular{
    width: 509px;
    height: 56px;
    line-height: 28px;
    margin-top: 28px;
}
.zone5-section1 .adjusting-container .zone5-content .zone5-contact{
    width: 132px;
    height: 48px;
    border: 1.2px solid #FFFFFF;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.zone5-section1 .adjusting-container .zone5-content .zone5-contact a p{
    font-size: 12.91px;
    color: var(--white-text-color);
    line-height: 16.8px;
}
.zone5-section1 .adjusting-container .image1-conatiner img{
    width: 415px;
    height: 424px;
}
/* .zone1-section5 .all-games-section .diffrent-games .game-3-sport-image{
    width: 146px;
    height: 188px;
}
.zone1-section5 .all-games-section .diffrent-games .casino-image{
    width: 201px;
    height: 188px;
} */

@media (min-width:320px) and (max-width:600px) {
.zone5-section1{
    height: auto;
    padding: 50px 15px;
}
.zone5-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 70px;
}
.zone5-section1 .adjusting-container .zone5-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone5-section1 .adjusting-container .zone5-content .crypto{
    width: auto;
    height: auto;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.zone5-section1 .adjusting-container .zone5-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 14px;
    text-align: center;
}
.zone5-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 350px;
}   
}

@media (min-width:601px) and (max-width:800px) {
.zone5-section1{
    height: auto;
    padding: 80px 20px;
}
.zone5-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 100px;
}
.zone5-section1 .adjusting-container .zone5-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone5-section1 .adjusting-container .zone5-content .crypto{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
.zone5-section1 .adjusting-container .zone5-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 16px;
    text-align: center;
}
.zone5-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 400px;
}   
}

@media (min-width:801px) and (max-width:1000px) {
.zone5-section1{
    height: auto;
    padding: 80px 40px;
}
.zone5-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone5-section1 .adjusting-container .zone5-content .crypto{
    width: 400px;
    height: auto;
    font-size: 45px;
    line-height: 50px;
}
.zone5-section1 .adjusting-container .zone5-content .jost-regular{
    width: 400px;
    height:auto;
    font-size: 16px;
}
.zone5-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 344px;
}   
}

@media (min-width:1001px) and (max-width:1300px) {
.zone5-section1{
    height: auto;
    padding: 80px 50px;
}
.zone5-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone5-section1 .adjusting-container .zone5-content .crypto{
    width: 450px;
    height: auto;
    font-size: 60px;
    line-height: 50px;
}
.zone5-section1 .adjusting-container .zone5-content .jost-regular{
    width: 450px;
    height:auto;
    font-size: 16px;
}
.zone5-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width:415px;
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.zone5-section1 .adjusting-container{
    width: 1225px;
    margin: 0 auto;
    justify-content:space-between;
}
}
@media (min-width:1401px) and (max-width:1500px) {
.zone5-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}
}
/* @media (min-width:1501px) and (max-width:1600px) {
.zone5-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}

} */

@media (min-width:1601px) {
.zone5-section1 .adjusting-container{
    width: 1322px;
    margin: 0 auto;
    justify-content:space-between;
}

}

/* starting of game6 jackpot */

.zone6-section1{
    width: 100%;
    height: 646px;
    background: url('./images/game5-bg.webp') no-repeat center;
    display: flex;
    align-items: center;
}
.zone6-section1 .adjusting-container{
    width: 1330px;
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 107px;
}
.zone6-section1 .adjusting-container .zone6-content .jackpot{
    width: 509px;
    height: 176px;
    line-height: 88px;
}
.zone6-section1  .adjusting-container .zone6-content .jost-regular{
    width: 509px;
    height: 84px;
    line-height: 28px;
    margin-top: 28px;
}
.zone6-section1 .adjusting-container .zone6-content .zone6-contact{
    width: 132px;
    height: 48px;
    border: 1.2px solid #FFFFFF;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.zone6-section1 .adjusting-container .zone6-content .zone6-contact a p{
    font-size: 12.91px;
    color: var(--white-text-color);
    line-height: 16.8px;
}
.zone6-section1 .adjusting-container .image1-conatiner img{
    width: 481px;
    height: 510px;
}
/* .zone1-section5 .all-games-section .diffrent-games .game-3-sport-image{
    width: 146px;
    height: 188px;
}
.zone1-section5 .all-games-section .diffrent-games .casino-image{
    width: 201px;
    height: 188px;
} */

@media (min-width:320px) and (max-width:600px) {
.zone6-section1{
    height: auto;
    padding: 50px 15px;
}
.zone6-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 70px;
}
.zone6-section1 .adjusting-container .zone6-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone6-section1 .adjusting-container .zone6-content .jackpot{
    width: auto;
    height: auto;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.zone6-section1 .adjusting-container .zone6-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 14px;
    text-align: center;
}
.zone6-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 350px;
}   
}

@media (min-width:601px) and (max-width:800px) {
.zone6-section1{
    height: auto;
    padding: 80px 20px;
}
.zone6-section1 .adjusting-container{
    width: auto;
   display: flex;
   flex-direction: column;
    gap: 100px;
}
.zone6-section1 .adjusting-container .zone6-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.zone6-section1 .adjusting-container .zone6-content .jackpot{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
}
.zone6-section1 .adjusting-container .zone6-content .jost-regular{
    width: auto;
    height:auto;
    font-size: 16px;
    text-align: center;
}
.zone6-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 400px;
}   
}

@media (min-width:801px) and (max-width:1000px) {
.zone6-section1{
    height: auto;
    padding: 80px 40px;
}
.zone6-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone6-section1 .adjusting-container .zone6-content .jackpot{
    width: 400px;
    height: auto;
    font-size: 45px;
    line-height: 50px;
}
.zone6-section1 .adjusting-container .zone6-content .jost-regular{
    width: 400px;
    height:auto;
    font-size: 16px;
}
.zone6-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width: 344px;
}   
}

@media (min-width:1001px) and (max-width:1300px) {
.zone6-section1{
    height: auto;
    padding: 80px 50px;
}
.zone6-section1 .adjusting-container{
    width: auto;
    display: flex;
    gap: 70px;
}
.zone6-section1 .adjusting-container .zone6-content .jackpot{
    width: 450px;
    height: auto;
    font-size: 60px;
    line-height: 50px;
}
.zone6-section1 .adjusting-container .zone6-content .jost-regular{
    width: 450px;
    height:auto;
    font-size: 16px;
}
.zone6-section1 .adjusting-container .image1-conatiner img{
    width: 100%;
    height: auto;
    max-width:415px;
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.zone6-section1 .adjusting-container{
    width: 1225px;
    margin: 0 auto;
    justify-content:space-between;
}
}
@media (min-width:1401px) and (max-width:1500px) {
.zone6-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}
}
/* @media (min-width:1501px) and (max-width:1600px) {
.zone5-section1 .adjusting-container{
    width: 1315px;
    margin: 0 auto;
    justify-content:space-between;
}

} */

@media (min-width:1601px) {
.zone6-section1 .adjusting-container{
    width: 1322px;
    margin: 0 auto;
    justify-content:space-between;
}

}





/* online-dating */

.online-dation-section2{
    width: 100%;
    height: 928px;
    background-image: url('./images/wedding-bg.jpg') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.online-dation-section2 .section2-content{
    width: 691px;
    transform: translateX(50px);
}
.online-dation-section2 .section2-content .potential{
    width: 640px;
    height: 241px;
    line-height: 80px;
    font-size: 76px;
}
.online-dation-section2 .section2-content .wheather{
    width: 549px;
    height: 84px;
    line-height: 28px;
    margin-top: 29px;
}
.online-dation-section2 .section2-content .explore {
  display: inline-block;
  width: 195px;
  height: 48px;
  margin-top: 40px;
}
.online-dation-section2 .section2-content .explore .download-app{
    background: linear-gradient(to right, #ff2c66, #ff395b, #ff4551, #ff5147, #ff5c3d);
}
.online-dation-section2 .adding-image img{
    width: 850px;
    height: 920px;
}
.online-dation-section2 .section2-content .potential .effort{
font-family: "rochester";
color: var(--btn-bg-color);
}
@media (min-width:320px) and (max-width:600px) {
.online-dation-section2{
    height:auto;
    padding: 60px 15px;
    flex-direction: column;
    gap: 50px;
}
.online-dation-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dation-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.online-dation-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    font-size:16px ;
    text-align: center;
}
.online-dation-section2 .adding-image img{
    width: 100%;
    height: auto;
    max-width: 400px;
    max-height: 400px;
}
}
@media (min-width:601px) and (max-width:800px) {
.online-dation-section2{
    height: auto;
    padding: 80px 20px;
    flex-direction: column;
    gap: 70px;
}
.online-dation-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dation-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 45px;
    line-height: 50px;
    text-align: center;
}
.online-dation-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.online-dation-section2 .adding-image img{
    width: 100%;
    height: auto;
    max-width: 500px;
    max-height: 500px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.online-dation-section2{
    height: auto;
    padding: 100px 40px;
    flex-direction: column;
    gap: 70px;
}
.online-dation-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dation-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}
.online-dation-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.online-dation-section2 .adding-image img{
    width: 100%;
    height: auto;
    max-width: 600px;
    max-height: 600px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dation-section2{
    height: auto;
    padding: 100px 40px;
    flex-direction: column;
    gap: 70px;
}
.online-dation-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dation-section2 .section2-content .potential{
    width: auto;
    height: auto;
    text-align: center;
}
.online-dation-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.online-dation-section2 .adding-image img{
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.homepage-section2-slide2 .section2-content .potential{
    width: 500px;
    height: auto;
}
.homepage-section2-slide2 .section2-content .wheather{
    width: 500px;
    height: auto;
}
.homepage-section2-slide2 .adding-image img{
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}
}


/* online-dating-section3 */

.online-dation-section3{
    width: 100%;
    height: 164px;
    background: linear-gradient(to right, #ff2c66, #ff395b, #ff4551, #ff5147, #ff5c3d);
    display: flex;
    justify-content: center;
    align-items: center;
}
.online-dation-section3 .section3-img-1{
    width: 470px;
    height: 164px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.online-dation-section3 .section3-img-1 img{
    width: 81px;
    height: 81px;
}
.online-dation-section3 .section3-img-1:hover{
    background-color: var(--ffffff33-color);
}

@media (min-width:320px) and (max-width:600px) {
.online-dation-section3{
    height: auto;
    flex-direction: column;
    gap: 30px;
    padding: 50px 15px;
}
.online-dation-section3 .section3-img-1{
    width: auto;
    height: auto;
}
.online-dation-section3 .section3-img-1 .heart2{
    width:60px;
    height:60px;
    margin-left: 15px;
}
}

@media (min-width:320px) and (max-width:500px) {
.online-dation-section3 .section3-img-1{
    width: 290px;
    height: auto;
}
}

@media (min-width:500px) and (max-width:600px) {
.online-dation-section3 .section3-img-1 .heart2{
    width:60px;
    height:60px;
    margin-left: 75px;
}
}

@media (min-width:601px) and (max-width:800px) {
.online-dation-section3{
    padding: 0px 20px;
    gap: 10px;
}
.online-dation-section3 .section3-img-1 h5{
    font-size: 16px;
}
.online-dation-section3 .section3-img-1 img{
    width: 70px;
    height: 70px;
}
.online-dation-section3 .section3-img-1 .heart2{
    width:60px;
    height:60px;
} 
}
@media (min-width:801px) and (max-width:1000px) {
.online-dation-section3{
    padding: 0px 40px;
    gap: 20px;
}
.online-dation-section3 .section3-img-1 h5{
    font-size: 15px;
}
.online-dation-section3 .section3-img-1 img{
    width: 70px;
    height: 70px;
}
.online-dation-section3 .section3-img-1 .heart2{
    width:60px;
    height:60px;
} 
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dation-section3{
    padding: 0px 50px;
    gap: 20px;
}
.online-dation-section3 .section3-img-1 img{
    width: 70px;
    height: 70px;
}
.online-dation-section3 .section3-img-1 .heart2{
    width:60px;
    height:60px;
    margin-left:23px;
} 
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dation-section3{
    padding: 0px 32px;
    gap: 20px;
}
.online-dation-section3 .section3-img-1 .heart2{
    width:70px;
    height:70px;
} 
}


.online-dating-section4 {
    width: 100%;
    height:750px ;
    background-color: var(--white-text-color);
    position: relative;
    background-image: url('./images/pink-blur-dating.png'),url('./images/pink-blur-dating.png');
    background-position: -250px 20px, 990px 290px;
    background-repeat: no-repeat;
}
.online-dating-section4 .grid-image{
    position: absolute;
    left: 0;
    top: 0;
}
.online-dating-section4 .helping{
    width: 552px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding-top: 120px;
}
.online-dating-section4 .all-couple-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin-top: 40px;
}
.online-dating-section4 .all-couple-images .couple-image img{
    width: 418px;
    height: 290px;
    position: relative;
    z-index: 100000;
}
.online-dating-section4 .all-couple-images .couple-image .million{
    text-align: center;
    margin-top: 20px;
}
.online-dating-section4 .all-couple-images .couple-image .next{
    text-align: center;
    margin-top: 20px;
    line-height: 28px;
    color: var(--para-text-color);
}

@media (min-width:320px) and (max-width:600px) {
.online-dating-section4 {
    height:auto;
    padding: 0px 15px 70px;
    background-position: -250px 20px, 990px 290px;
}
.online-dating-section4 .grid-image{
    display: none;
}
.online-dating-section4 .helping{
    width: auto;
    height: auto;
    font-size: 20px;
    padding-top: 50px;
}
.online-dating-section4 .all-couple-images {
    display: flex;
    flex-direction: column;
}
.online-dating-section4 .all-couple-images .couple-image .million{
    font-size: 18px;
}
.online-dating-section4 .all-couple-images .couple-image .next{
    font-size: 16px;
} 
}

@media (min-width:601px) and (max-width:800px) {
.online-dating-section4 {
    height:auto;
    padding: 0px 20px 70px;
    background-position: -250px -70px, 990px 290px;
}
.online-dating-section4 .helping{
    width: auto;
    height: auto;
    font-size: 25px;
    padding-top: 50px;
}
.online-dating-section4 .all-couple-images {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
}
.online-dating-section4 .all-couple-images .couple-image img{
    min-width: 418px;
}
}
@media (min-width:801px) and (max-width:1000px) {
.online-dating-section4 {
    height:auto;
    padding: 0px 40px 70px;
    background-position: -250px -70px, 990px 290px;
}
.online-dating-section4 .helping{
    width: auto;
    height: auto;
    font-size: 30px;
    padding-top: 50px;
}
.online-dating-section4 .all-couple-images {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
}
.online-dating-section4 .all-couple-images .couple-image img{
    min-width: 418px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section4 {
    height:auto;
    padding: 0px 50px 70px;
    background-position: -250px -70px, 990px 290px;
}
.online-dating-section4 .helping{
    width: auto;
    height: auto;
}
.online-dating-section4 .all-couple-images {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
}
.online-dating-section4 .all-couple-images .couple-image img{
    min-width: 418px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section4 {
    padding: 0px 32px 70px;
    background-position: -250px 20px, 990px 290px;
}
}
@media (min-width:1601px) and (max-width:1800px) {
.online-dating-section4 {
    background-position: -200px 20px, 1190px 290px;
}
}
@media (min-width:1801px) and (max-width:2000px) {
.online-dating-section4 {
    background-position: 10% 20px, 80% 290px;
}
}
@media (min-width:2001px) and (max-width:2300px) {
.online-dating-section4 {
    background-position: 10% 20px, 100% 290px;
}
}
@media (min-width:2301px)  {
.online-dating-section4 {
    background-position: 18% 20px, 90% 290px;
}
}


/* online-dating-section5 */

.online-dating-section5{
    width: 100%;
    height: 660px;
    background-color: var(--white-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 96px;
}
.online-dating-section5 .ready-chat-content .chat{
    line-height: 100%;
}
.online-dating-section5 .ready-chat-content .why-wait{
    width: 459px;
    height: auto;
    margin-top: 30px;
    line-height: 28px;
    color: var(--para-text-color);
}
.online-dating-section5 .ready-chat-content  .explore {
  display: inline-block;
  width: 195px;
  height: 48px;
  margin-top: 40px;
}
.online-dating-section5 .ready-chat-content  .explore .download-app{
    background: linear-gradient(to right, #ff2c66, #ff395b, #ff4551, #ff5147, #ff5c3d);
}
.online-dating-section5 .ready-chat-content img{
    width: 251px;
    height: 42px;
    margin-top: 38px;
}
.online-dating-section5 .ready-chat-image .chat-image{
    width: 751px;
    height: 539px;
    border-radius: 20px;
    border: 1px solid var(--borders-line-black);
}

@media (min-width:320px) and (max-width:600px) {
.online-dating-section5{
    padding: 0px 15px 80px;
    height: auto;
    flex-direction: column;
    gap: 50px;
}
.online-dating-section5 .ready-chat-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 2;
}
.online-dating-section5 .ready-chat-content .chat{
    font-size: 20px;
}
.online-dating-section5 .ready-chat-content .why-wait{
    width: auto;
    height: auto;
    font-size: 12px;
    text-align: center;
}
 .online-dating-section5 .ready-chat-image{
    order: 1;
 }
.online-dating-section5 .ready-chat-image .chat-image{
    width: 100%;
    height: auto;
    max-width: 450px;
}   
}

@media (min-width:601px) and (max-width:800px) {
.online-dating-section5{
    padding: 0px 20px 80px;
    height: auto;
    flex-direction: column;
    gap: 50px;
}
.online-dating-section5 .ready-chat-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 2;
}
.online-dating-section5 .ready-chat-content .chat{
    font-size: 30px;
}
.online-dating-section5 .ready-chat-content .why-wait{
    width: auto;
    height: auto;
    text-align: center;
}
 .online-dating-section5 .ready-chat-image{
    order: 1;
 }
.online-dating-section5 .ready-chat-image .chat-image{
    width: 100%;
    height: auto;
    max-width: 650px;
}   
}

@media (min-width:801px) and (max-width:1000px) {
.online-dating-section5{
    padding: 0px 40px 80px;
    height: auto;
    flex-direction: column;
    gap: 50px;
}
.online-dating-section5 .ready-chat-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 2;
}
.online-dating-section5 .ready-chat-content .why-wait{
    width: auto;
    height: auto;
    text-align: center;
}
 .online-dating-section5 .ready-chat-image{
    order: 1;
 }
.online-dating-section5 .ready-chat-image .chat-image{
    width: 100%;
    height: auto;
    max-width: 720px;
}   
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section5{
    padding: 0px 50px 100px;
    height: auto;
    gap: 50px;
}
.online-dating-section5 .ready-chat-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dating-section5 .ready-chat-content .why-wait{
    max-width: 400px;
    height: auto;
}

.online-dating-section5 .ready-chat-image .chat-image{
    width: 100%;
    height: auto;
    max-width: 600px;
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section5{
    padding: 0px 32px 80px;
    height:auto;
    gap: 50px;
}
}

/* online-dating-section6 */

.online-dating-section6{
    width: 100%;
    height:1000px;
    background-color: var(--white-text-color);
}
.online-dating-section6 .intro{
    line-height: 100%;
    text-align: center;
    margin-top: 100px;
}
.online-dating-section6 .finding{
    margin-top: 30px;
    line-height: 28px;
    color: var(--para-text-color);
    text-align: center;
}
.online-dating-section6 .video-container{
    width: 1306px;
    height: 735px;
    border-radius: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 50px;
}
.online-dating-section6  .video-section-image{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.online-dating-section6 .video-container .video-section-image .couples{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.online-dating-section6 .video-section-image .outer-ring,.online-dating-section6 .video-section-image .inner-ring,.online-dating-section6 .video-section-image .start-triangle{
    position: absolute;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.online-dating-section6 .video-section-image .outer-ring {
  width: 212px;
  height: 212px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 146px;
  height: 146px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 44px;
  cursor: pointer;
}

@media (min-width:320px) and (max-width:600px) {
.online-dating-section6{
    padding: 0px 15px 50px;
    height: auto;
}
.online-dating-section6 .intro{
    font-size: 20px;
    margin-top: 0px;
    line-height: 30px;
}
.online-dating-section6 .finding{
    font-size: 12px;
}
.online-dating-section6 .video-container{
    width: auto;
    height: auto;
}
.online-dating-section6 .video-section-image .outer-ring {
  width:70px;
  height:70px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 40px;
  height: 40px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 20px;
}   
}

@media (min-width:450px) and (max-width:600px) {
.online-dating-section6 .video-section-image .outer-ring {
  width:100px;
  height:100px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 80px;
  height: 80px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 30px;
}   
}

@media (min-width:601px) and (max-width:800px) {
.online-dating-section6{
    padding: 0px 20px 50px;
    height: auto;
}
.online-dating-section6 .intro{
    font-size: 25px;
    margin-top: 0px;
    line-height: 30px;
}
.online-dating-section6 .finding{
    font-size: 14px;
}
.online-dating-section6 .video-container{
    width: auto;
    height: auto;
}
.online-dating-section6 .video-section-image .outer-ring {
  width:100px;
  height:100px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 80px;
  height: 80px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 30px;
}   
}
@media (min-width:801px) and (max-width:1000px) {
.online-dating-section6{
    padding: 0px 20px 50px;
    height: auto;
}
.online-dating-section6 .intro{
    font-size: 30px;
    margin-top: 0px;
    line-height: 30px;
}
.online-dating-section6 .video-container{
    width: auto;
    height: auto;
}
.online-dating-section6 .video-section-image .outer-ring {
  width:100px;
  height:100px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 80px;
  height: 80px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 30px;
}   
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section6{
    padding: 0px 40px 50px;
    height: auto;
}
.online-dating-section6 .intro{
    margin-top: 0px;
}
.online-dating-section6 .video-container{
    width: auto;
    height: auto;
}   
.online-dating-section6 .video-section-image .outer-ring {
  width:150px;
  height:150px;
}

.online-dating-section6 .video-section-image .inner-ring {
  width: 120px;
  height: 120px;
}

.online-dating-section6 .video-section-image .start-triangle {
  width: 50px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section6{
    padding: 0px 32px;
}
.online-dating-section6 .video-container{
    width: auto;
    height: auto;
} 
}

/* online-dating-section7 */

.online-dating-section7{
    width: 100%;
    height: 621px;
    background-color: var(--f3f3f3-text-color);
    display: flex;
    gap: 130px;
    align-items: center;
    position: relative;
}
.online-dating-section7 .girl-image-container{
   position: relative;
}
.online-dating-section7 .girl-image-container .girl-image{
    width: 814px;
    height: 621px;
}
.online-dating-section7 .girl-image-container .blue-tick-container{
    width: 175px;
    height: 50px;
    border-radius: 168px;
    /* background-color: #FFFFFF05; */
    box-shadow: -1px 0 2px #FFFFFF, 1px 0 2px #FFFFFF;
    backdrop-filter: blur(20px);
    position:absolute;
    bottom: 50px;
    left: 25%;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.online-dating-section7 .girl-image-container .blue-tick-container img:first-of-type{
    width: 30px;
    height: 30px;
}
.online-dating-section7 .girl-image-container .blue-tick-container img:last-of-type{
    width: 18px;
    height: 18px;
}
.online-dating-section7 .floating-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}
.online-dating-section7  .dating-open-chat{
    width: auto;
    height: 58px;
    border-radius: 58px;
    background-color:var(--white-text-color);
    padding: 15px 22px ;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.online-dating-section7  .dating-open-chat img{
    width: 28px;
    height: 28px;
}
.online-dating-section7  .dating-open-chat .date{
    line-height: 16.8px;;
}
.online-dating-section7 .join-now-container .meet-people{
   width: 488px;
   height: 118px;
}
.online-dating-section7 .join-now-container .get{
   width: 409px;
   height: auto;
   line-height: 28px;
   color: var(--para-text-color);
   font-family: "inter";
   margin-top: 30px;
}
.online-dating-section7 .join-now-container .explore {
  display: inline-block;
  width: 127px;
  height: 48px;
  margin-top: 40px;
}
.online-dating-section7 .join-now-container .explore .download-app{
    background: linear-gradient(to right, #ff2c66, #ff395b, #ff4551, #ff5147, #ff5c3d);
}

@media (min-width:320px) and (max-width:600px) {
.online-dating-section7{
    padding: 50px 15px 70px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.online-dating-section7 .girl-image-container .girl-image{
    width:100%;
    height: auto;
    max-width: 450px;
}
.online-dating-section7 .girl-image-container .blue-tick-container{
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.online-dating-section7 .floating-container{
  position: unset;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}
.online-dating-section7  .dating-open-chat .date{
    font-size: 12px;
}
.online-dating-section7 .join-now-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dating-section7 .join-now-container .meet-people{
   width: auto;
   height: auto;
   font-size: 20px;
   text-align: center;
}
.online-dating-section7 .join-now-container .get{
   width: auto;
   height: auto;
   font-size: 12px;
   text-align: center;
}
}

@media (min-width:601px) and (max-width:800px) {
.online-dating-section7{
    padding: 50px 20px 70px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.online-dating-section7 .girl-image-container .girl-image{
    width:100%;
    height: auto;
    max-width: 700px;
}
.online-dating-section7 .girl-image-container .blue-tick-container{
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.online-dating-section7 .floating-container{
  position: unset;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}
.online-dating-section7 .join-now-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dating-section7 .join-now-container .meet-people{
   width: auto;
   height: auto;
   font-size: 25px;
   text-align: center;
}
.online-dating-section7 .join-now-container .get{
   width: auto;
   height: auto;
   font-size: 14px;
   text-align: center;
}
}

@media (min-width:801px) and (max-width:1000px) {
.online-dating-section7{
    padding: 50px 40px 70px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 70px;
}
.online-dating-section7 .girl-image-container .girl-image{
    width:100%;
    height: auto;
    max-width: 864px;
}
.online-dating-section7 .girl-image-container .blue-tick-container{
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.online-dating-section7 .floating-container{
  position: unset;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}
.online-dating-section7 .join-now-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.online-dating-section7 .join-now-container .meet-people{
   width: auto;
   height: auto;
   font-size: 30px;
   text-align: center;
}
.online-dating-section7 .join-now-container .get{
   width: auto;
   height: auto;
   text-align: center;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section7{
    gap: 80px;
}

.online-dating-section7 .girl-image-container .girl-image{
    width:100%;
    max-width: 600px;
}
.online-dating-section7 .girl-image-container .blue-tick-container{
    bottom: 50px;
    left: 25%;
}
.online-dating-section7 .floating-container{
  top: 50%;
  left: 45%;
  transform: translate(-50%, -45%);
}
.online-dating-section7 .join-now-container .meet-people{
   max-width: 350px;
   height: auto;
}
.online-dating-section7 .join-now-container .get{
   max-width: 350px;
   height: auto;
}
}
@media (min-width:1146px) and (max-width:1300px) {
.online-dating-section7 .floating-container{
  top: 50%;
  left: 40%;
  transform: translate(-50%, -40%);
}
}
@media (min-width:1241px) and (max-width:1300px) {
.online-dating-section7 .floating-container{
  top: 50%;
  left: 40%;
  transform: translate(-50%, -40%);
}
}

@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section7 .join-now-container .meet-people{
   max-width: 400px;
   height: auto;
}
.online-dating-section7 .join-now-container .get{
   max-width: 350px;
   height: auto;
}
}
@media (min-width:1560px)  {
.online-dating-section7{
    width: 1350px;
    margin: 0 auto;
}
}


/* online-dating-section8 */

.online-dating-section8{
    width: 100%;
    height: 1450px;
    background-color: var(--white-text-color);
}
.online-dating-section8 .mask-stories{
    text-align: center;
    margin-top: 150px;
}
.online-dating-section8 .hear-directly{
    font-family: "inter";
    text-align: center;
    margin-top: 20px;
    color: var(--para-text-color);
    line-height: 28px;
}
.online-dating-section8 .all-3-containers-mask-stories{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin-top: 44px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers{
    width: 418px;
    height: 1229px;
    overflow:hidden;
    position: relative;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .scroll-inner-container{
    display: flex;
    flex-direction: column;
    gap: 26px;
    animation: scrollUp 30s linear infinite;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    background-color: #F5F5F5;
    width: 418px;
    height: 495px;
    border-radius: 20px;
    padding: 16px 16px 40px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories img{
    width: 100%;
    height: 191px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .working{
    width: 355px;
    height: auto;
    margin: 22px auto 0px;
    line-height: 26px;
    letter-spacing: -0.36px;
    font-family: "inter-medium";
    font-weight: 500;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .written-by{
    margin: 74px 0px 0px 16px;
    line-height: 21.6px;
    letter-spacing: -0.32px;
    font-family: "inter-medium";
}

.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories:hover{
    background: linear-gradient(to bottom, #e1f2f9, #e8f2f9, #eef2f8, #f3f3f7, #f5f5f5);
}

.online-dating-section8 .all-3-containers-mask-stories .mask-story-container2 .scroll-inner-container { 
    animation: scrolldown 30s linear infinite; 
}

@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes scrolldown {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}



@media (min-width:320px) and (max-width:600px) {
.online-dating-section8{
    padding: 0px 15px 70px;
    height: auto;
}
.online-dating-section8 .mask-stories{
    font-size: 20px;
    margin-top: 50px;
}
.online-dating-section8 .hear-directly{
    font-size: 12px;
}
.online-dating-section8 .all-3-containers-mask-stories{
    flex-direction: column;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers{
    width: 100%;
    height: 495px;
     overflow: hidden;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .scroll-inner-container{
    flex-direction: row;
     width: max-content;
    animation: scrollUp 30s linear infinite;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    width: 400px;
    flex-shrink: 0;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .working{
    font-size: 14px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .written-by{
    font-size: 12px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-story-container2 .scroll-inner-container { 
    animation: scrolldown 30s linear infinite; 
}

@keyframes scrollUp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes scrolldown {
  0% {
    transform: translatex(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}   
}


@media (min-width:601px) and (max-width:800px) {
.online-dating-section8{
    padding: 0px 20px 70px;
    height: auto;
}
.online-dating-section8 .mask-stories{
    font-size: 25px;
    margin-top: 50px;
}
.online-dating-section8 .hear-directly{
    font-size: 14px;
}
.online-dating-section8 .all-3-containers-mask-stories{
    flex-direction: column;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers{
    width: 100%;
    height: 495px;
     overflow: hidden;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .scroll-inner-container{
    flex-direction: row;
     width: max-content;
    animation: scrollUp 30s linear infinite;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    width: 400px;
    flex-shrink: 0;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .working{
    font-size: 16px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .written-by{
    font-size: 14px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-story-container2 .scroll-inner-container { 
    animation: scrolldown 30s linear infinite; 
}

@keyframes scrollUp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes scrolldown {
  0% {
    transform: translatex(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}   
}

@media (min-width:801px) and (max-width:1000px) {
.online-dating-section8{
    padding: 0px 40px 70px;
    height: auto;
}
.online-dating-section8 .mask-stories{
    font-size: 30px;
    margin-top: 50px;
}
.online-dating-section8 .all-3-containers-mask-stories{
    flex-direction: column;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers{
    width: 100%;
    height: 495px;
     overflow: hidden;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .scroll-inner-container{
    flex-direction: row;
     width: max-content;
    animation: scrollUp 30s linear infinite;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    width: 400px;
    flex-shrink: 0;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-story-container2 .scroll-inner-container { 
    animation: scrolldown 30s linear infinite; 
}

@keyframes scrollUp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes scrolldown {
  0% {
    transform: translatex(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}   
}

@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section8{
    padding: 0px 32px 70px;
    height: auto;
}
.online-dating-section8 .mask-stories{
    margin-top: 100px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers{
    width: 320px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    width: 290px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories img{
    width: 100%;
    height: auto;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .working{
    width: auto;
    height: auto;
   font-size: 16px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories .written-by{
    font-size: 14px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-story-container2 .scroll-inner-container { 
    animation: scrolldown 30s linear infinite; 
}

@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes scrolldown {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0%);
  }
}
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section8{
    padding: 0px 32px 0px;
}
.online-dating-section8 .all-3-containers-mask-stories .mask-containers .cards-in-mask-stories{
    width: auto;
}
}


/* get app */
.online-dating-section9{
    width: 100%;
    height: 620px;
    background-color: var(--white-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.online-dating-section9 .get-app-container{
    width: 1306px;
    height: 378px;
    border-radius: 20px;
    background: linear-gradient(to right, #ff2c66, #ff395b, #ff4551, #ff5147, #ff5c3d);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 97px 0px 73px;
}
.online-dating-section9 .get-app-container .qr-content .get{
    line-height: 48px;
    font-size: 40px;
}
.online-dating-section9 .get-app-container .qr-content .scan{
    line-height: 28px;
    font-family: "inter-medium";
    margin-top: 12px;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 33px;
    margin-top: 33px;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store .play-store{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store .play-store img{
width: 128px;
height: 38px;
}

.online-dating-section9 .get-app-container .mobile-images img{
    width: 454px;
    height: 367px;
}

@media (min-width:320px) and (max-width:600px) {
.online-dating-section9{
    height: auto;
    padding: 0px 15px 70px;
}
.online-dating-section9 .get-app-container{
    width: 100%;
    height:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}
.online-dating-section9 .get-app-container .qr-content{
    order: 2;
}
.online-dating-section9 .get-app-container .qr-content .get{
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}
.online-dating-section9 .get-app-container .qr-content .scan{
    font-size: 14px;
    text-align: center;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store{
    flex-direction: column;
    margin-top: 30px;
} 
}

@media (min-width:601px) and (max-width:800px) {
.online-dating-section9{
    height: auto;
    padding: 0px 20px 70px;
}
.online-dating-section9 .get-app-container{
    width: 100%;
    height:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}
.online-dating-section9 .get-app-container .qr-content{
    order: 2;
}
.online-dating-section9 .get-app-container .qr-content .get{
    line-height: 30px;
    font-size: 25px;
    text-align: center;
    margin-top: 30px;
}
.online-dating-section9 .get-app-container .qr-content .scan{
    text-align: center;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store{
    flex-direction: column;
    margin-top: 30px;
} 
}

@media (min-width:801px) and (max-width:1000px) {
.online-dating-section9{
    height: auto;
    padding: 0px 40px 70px;
}
.online-dating-section9 .get-app-container{
    width: 100%;
    height:auto;
    display: flex;
    padding: 30px;
}
.online-dating-section9 .get-app-container .qr-content .get{
    line-height: 30px;
    font-size: 25px;
    margin-top: 30px;
}
.online-dating-section9 .get-app-container .qr-content .qr-code-play-store{
    flex-wrap: wrap;
    margin-top: 30px;
} 
.online-dating-section9 .get-app-container .mobile-images img{
    width: 100%;
    max-width: 420px;
    transform: translateY(30px);
}
}
@media (min-width:801px) and (max-width:876px) {
.online-dating-section9 .get-app-container .qr-content .get{
    text-align: center;
}
.online-dating-section9 .get-app-container .qr-content .scan{
    text-align: center;
}
.online-dating-section9 .get-app-container .mobile-images img{
    transform: translateY(52px);
}
}

@media (min-width:1001px) and (max-width:1300px) {
.online-dating-section9{
    height: auto;
    padding: 40px 50px 70px;
}
.online-dating-section9 .get-app-container{
    width: 100%;
    height:auto;
    display: flex;
    padding: 11px 47px 0px 73px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.online-dating-section9{
    padding: 0px 32px 0px;
}
}


/* software-development */


.custom1-section2{
    width: 100%;
    height: 928px;
    background-image: url('./images/man-bg.jpg') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom1-section2 .section2-content{
    width: 727px;
    transform: translateX(15%);
}
.custom1-section2 .section2-content .potential{
    width: 626px;
    height: 320px;
    line-height: 80px;
    font-size: 72px;
  
}
.custom1-section2 .section2-content .wheather{
    width: 727px;
    height: 56px;
    line-height: 28px;
    margin-top: 14px;
    color:var(--gray-color);
}
.custom1-section2 .section2-content .schedule {
  display: inline-block;
  width: 241px;
  height: 48px;
  margin-top: 40px;
}
.schedule-consult-btn{
    width: inherit;
    height: 48px;
    color: var(--white-text-color);
    background-color:var(--blue-color);
    border-radius: 50px;
    padding: 15.45px 0px;
    font-size: 16px;
    font-family: "plus-bold";
    line-height: 16.8px;
}
.custom1-section2 .adding-image img{
    width: 850px;
    height: 920px;
}
.custom1-section2 .adding-image .single-man{
    display: none;
}
@media (min-width:320px) and (max-width:600px) {
.custom1-section2{
    height:auto;
    padding: 60px 15px;
    flex-direction: column;
    gap: 50px;
}
.custom1-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.custom1-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    font-size:16px ;
    text-align: center;
}
.custom1-section2 .adding-image .single-man{
    width: 100%;
    height: auto;
    max-width: 400px;
    max-height: 400px;
}
.custom1-section2 .adding-image .man-with-ring{
    display: none;
}
.custom1-section2 .adding-image .single-man{
    display: block;
}
}
@media (min-width:601px) and (max-width:800px) {
.custom1-section2{
    height: auto;
    padding: 80px 20px;
    flex-direction: column;
    gap: 70px;
}
.custom1-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 45px;
    line-height: 50px;
    text-align: center;
}
.custom1-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.custom1-section2 .adding-image .single-man{
    width: 100%;
    height: auto;
    max-width: 500px;
    max-height: 500px;
}
.custom1-section2 .adding-image .man-with-ring{
    display: none;
}
.custom1-section2 .adding-image .single-man{
    display: block;
}
}
@media (min-width:801px) and (max-width:1000px) {
.custom1-section2{
    height: auto;
    padding: 100px 40px;
    flex-direction: column;
    gap: 70px;
}
.custom1-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section2 .section2-content .potential{
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}
.custom1-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.custom1-section2 .adding-image .single-man{
    width: 100%;
    height: auto;
    max-width: 600px;
    max-height: 600px;
}
.custom1-section2 .adding-image .man-with-ring{
    display: none;
}
.custom1-section2 .adding-image .single-man{
    display: block;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.custom1-section2{
    height: auto;
    padding: 100px 40px;
    flex-direction: column;
    gap: 70px;
}
.custom1-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section2 .section2-content .potential{
    width: auto;
    height: auto;
    text-align: center;
}
.custom1-section2 .section2-content .wheather{
    width: auto;
    height: auto;
    text-align: center;
}
.custom1-section2 .adding-image .single-man{
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}
.custom1-section2 .adding-image .man-with-ring{
    display: none;
}
.custom1-section2 .adding-image .single-man{
    display: block;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.custom1-section2 .section2-content .potential{
    width: 500px;
    height: auto;
}
.custom1-section2 .section2-content .wheather{
    width: 500px;
    height: auto;
}
.custom1-section2 .adding-image .man-with-ring{
    width: 100%;
    height: auto;
    max-width: 800px;
    max-height: 800px;
}
}
@media (min-width:1601px) {
.custom1-section2{
    gap: 70px;
}
}

/* custom1-section3 */

.custom1-section3{
    width: 100%;
    height: 1221px;
    background-color: var(--white-text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom1-section3 .floating-division{
    width: 1306px;
    height: 299px;
    border-radius: 30px;
    background-color: var(--white-text-color);
    box-shadow: 0px 9px 22px 1px #0000001A;
    padding: 0px 61px 0px 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-23%);
}
.custom1-section3 .floating-division .divisions{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section3 .floating-division .divisions .num{
    font-size: 48px;
    line-height: 44px;
}
.custom1-section3 .floating-division .divisions .num span{
    font-size: 42px;
    line-height: 43px;
    text-align: center;
    color:var(--blue-color);
}
.custom1-section3 .floating-division .divisions .projects{
    line-height: 28px;
    margin-top: 16px;
}
.custom1-section3 .floating-division .divisions .impressive{
    width: 197px;
    height: 47px;
    line-height: 26px;
    text-align: center;
    margin-top: 13px;
    color: var(--lite-gray-color);
}
.custom1-section3 .floating-division .divisions .impressive1{
    width: 245px;
}


@media (min-width:320px) and (max-width:1000px) {
.custom1-section3{
    height: auto;
    padding:70px 15px ;
}
.custom1-section3 .floating-division{
    width: 100%;
    padding: 0px 61px 0px 59px;
    display: flex;
    gap: 50px;
    justify-content: flex-start;
    transform: translateY(-40%);
    overflow: scroll;
}
.custom1-section3 .floating-division .divisions .num{
    font-size: 30px;
    text-align: center;
}
.custom1-section3 .floating-division .divisions .num span{
    font-size: 30px;
}
.custom1-section3 .floating-division .divisions .projects{
    text-align: center;
    font-size: 26px;
    line-height: 35px;
}
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section3{
    height: auto;
    padding:70px 20px ;
}
.custom1-section3 .floating-division{
    transform: translateY(-50%);
}
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section3{
    height: auto;
    padding:70px 40px ;
}
.custom1-section3 .floating-division{
    transform: translateY(-50%);
}
}

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section3{
    height: auto;
    padding:70px 50px ;
}
.custom1-section3 .floating-division{
    width: 100%;
    padding: 0px 61px 0px 59px;
    display: flex;
    gap: 50px;
    justify-content: flex-start;
   transform: translateY(-60%);
    overflow: scroll;
}
.custom1-section3 .floating-division .divisions .projects{
    text-align: center;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.custom1-section3{
    height: auto;
    padding:70px 32px ;
}
.custom1-section3 .floating-division{
    width: 100%;
    transform: translateY(-50%);
}
}

/* person-image-container */

.custom1-section3 .img-content-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    margin-top: 110px;
}
.custom1-section3 .img-content-container .persons-image img{
      width: 640px;
      height: 700px;
      border-radius: 30px;
}
.custom1-section3 .img-content-container .content-section .applying-border{
    width: 520px;
    border-bottom: 1px solid var(--border-line-black21);
}
.custom1-section3 .img-content-container .content-section .why{
    line-height: 19.6px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: var(--blue-color);
}
.custom1-section3 .img-content-container .content-section .choose{
    width: 423px;
    height: 101px;
    font-size: 40px;
    line-height: 50px;
    margin-top: 12.3px;
    margin-bottom: 30px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds{
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs{
    display: flex;
    align-items: center;
    gap: 23px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .tailored{
    line-height: 28px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .every{
    line-height: 20px;
    color:var(--lite-gray-color);
    margin-top: 12px;
}



@media (min-width:320px) and (max-width:600px) {
.custom1-section3 .img-content-container{
    flex-direction: column;
    gap: 40px;
    margin-top: 0px;
    padding: 0px 15px;
}
.custom1-section3 .img-content-container .persons-image img{
      width: 100%;
      height: auto;
      max-width: 450px;
}
.custom1-section3 .img-content-container .content-section .applying-border{
    width:auto;
}
.custom1-section3 .img-content-container .content-section .why{
    text-align: center;
}
.custom1-section3 .img-content-container .content-section .choose{
    width:auto;
    height: auto;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .tailored{
    line-height: 28px;
    font-size: 16px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .every{
    font-size: 14px;
}
   
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section3 .img-content-container{
    flex-direction: column;
    gap: 40px;
    margin-top: 0px;
    padding: 0px 20px;
}
.custom1-section3 .img-content-container .persons-image img{
      width: 100%;
      height: auto;
      max-width: 550px;
}
.custom1-section3 .img-content-container .content-section .applying-border{
    width:auto;
}
.custom1-section3 .img-content-container .content-section .why{
    text-align: center;
}
.custom1-section3 .img-content-container .content-section .choose{
    width:auto;
    height: auto;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .tailored{
    line-height: 28px;
    font-size: 18px;
}
.custom1-section3 .img-content-container .content-section  .all-5-neeeds .needs .every{
    font-size: 16px;
}   
}
@media (min-width:801px) and (max-width:1000px) {
.custom1-section3 .img-content-container{
    flex-direction: column;
    gap: 60px;
    margin-top: 0px;
    padding: 0px 40px;
}
.custom1-section3 .img-content-container .persons-image img{
      width: 100%;
      height: auto;
      max-width: 600px;
}
.custom1-section3 .img-content-container .content-section .applying-border{
    width:auto;
}
.custom1-section3 .img-content-container .content-section .why{
    text-align: center;
}
.custom1-section3 .img-content-container .content-section .choose{
    width:auto;
    height: auto;
    text-align: center;
}   
}
@media (min-width:1001px) and (max-width:1300px) {
.custom1-section3 .img-content-container{
    gap: 55px;
    margin-top: 0px;
    padding: 0px 50px;
}
.custom1-section3 .img-content-container .persons-image img{
      width: 100%;
      height: auto;
      min-width: 450px;
      max-width: 550px;
}
.custom1-section3 .img-content-container .content-section .applying-border{
    width:400px;
}
.custom1-section3 .img-content-container .content-section .choose{
    width: 390px;
    height: auto;
    font-size: 30px;
    line-height: 40px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.custom1-section3 .img-content-container{
    margin-top: 0px;
}
}


/* custom1-section4 */

.custom1-section4{
    width: 100%;
    height: 755px;
    background-color:var(--black-color-texts);
    padding-top: 154px;
}
.custom1-section4 .solutions{
    line-height: 19.6px;
    letter-spacing: 0.56px;
    color: var(--blue-color);
    text-align: center;
}
.custom1-section4 .end{
    line-height: 50px;
    text-align: center;
    margin-top: 14.59px;
}
.custom1-section4 .comprehensive{
    line-height: 32px;
    text-align: center;
    letter-spacing: -0.2px;
    margin-top: 20px;
    color: var(--software-para);
}
.custom1-section4 .all-4-divs-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin-top: 41px;
}
.custom1-section4 .all-4-divs-container .divisions{
    width: 307px;
    height: 286px;
    border-radius: 15px;
    background-color: var(--white-text-color);
    padding: 30px 37.63px 0px 30px;
}
.custom1-section4 .all-4-divs-container .divisions .software{
    font-size: 21px;
    line-height: 32px;
    margin-top: 22px;
}
.custom1-section4 .all-4-divs-container .divisions .define{
    color: var(--software-para);
    line-height: 26px;
    margin-top: 16px;
}

@media (min-width:320px) and (max-width:600px) {
.custom1-section4{
    height: auto;
    padding: 54px 15px;
}
.custom1-section4 .end{
    line-height: 30px;
    font-size: 20px;
}
.custom1-section4 .comprehensive{
    font-size: 14px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 280px;
    height: 260px;
}
.custom1-section4 .all-4-divs-container .divisions .software{
    font-size: 16px;
}
.custom1-section4 .all-4-divs-container .divisions .define{
    font-size: 14px;
}
}

@media (min-width:320px) and (max-width:600px) {
.custom1-section4{
    height: auto;
    padding: 54px 15px;
}
.custom1-section4 .end{
    line-height: 30px;
    font-size: 20px;
}
.custom1-section4 .comprehensive{
    font-size: 14px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 280px;
    height: 260px;
}
.custom1-section4 .all-4-divs-container .divisions .software{
    font-size: 16px;
}
.custom1-section4 .all-4-divs-container .divisions .define{
    font-size: 14px;
}
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section4{
    height: auto;
    padding: 54px 20px;
}
.custom1-section4 .end{
    line-height: 30px;
    font-size: 25px;
}
.custom1-section4 .comprehensive{
    font-size: 16px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 300px;
    height: 280px;
}
.custom1-section4 .all-4-divs-container .divisions .software{
    font-size: 18px;
}
.custom1-section4 .all-4-divs-container .divisions .define{
    font-size: 16px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section4{
    height: auto;
    padding: 70px 40px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 300px;
    height: 280px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section4{
    height: auto;
    padding: 100px 50px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 307px;
}
}
@media (min-width:1301px) and (max-width:1370px) {
.custom1-section4{
    height: auto;
    padding: 100px 32px;
}
.custom1-section4 .all-4-divs-container{
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section4 .all-4-divs-container .divisions{
    min-width: 307px;
}
}

/* custom1-section5 */

.custom1-section5{
    width: 100%;
    height: 1116px;
    background-color: var(--white-text-color);
    padding: 144px;
}
.custom1-section5 .how{
    line-height: 19.6px;
    letter-spacing:0.56px ;
    text-align: center;
    color: var(--blue-color);
}
.custom1-section5 .build{
    line-height: 50px;
    text-align: center;
    margin-top: 14.6px;
}
.custom1-section5 .our{
    width: 646px;
    height: 57px;
    line-height: 32px;
    letter-spacing:-0.2px ;
    text-align: center;
    color: var(--software-para);
    margin: 20px auto 0px;
}
.custom1-section5 .work-persons-container{
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 52px;
 gap: 204px;
}
.custom1-section5 .work-persons-container .dotted-paragraphs{
    display: flex;
    gap: 30px;
}
.custom1-section5 .work-persons-container .dotted-container{
    height: 558px;
    border-left: 2px dashed var(--border-color-blue);
    display: flex;
    flex-direction: column;
    gap: 80px;
    margin-top: 45px;
}
.custom1-section5 .work-persons-container .dotted-container img{
    min-width: 48px;
    height: 48px;
    transform: translateX(-25px);
}
.custom1-section5 .content-work-image-division .paras3-content .steps{
   line-height: 16px;
   color: var(--blue-color);
   letter-spacing: 0.64px;
   margin-top: 25px;
}
.custom1-section5 .content-work-image-division .paras3-content{
    width: 400px;
}
.custom1-section5 .content-work-image-division .paras3-content .discover{
    font-size: 28px;
   line-height: 40px;
   margin-top: 10px;
}
.custom1-section5 .content-work-image-division .paras3-content .understand{
   line-height: 26px;
   margin-top: 10px;
}
.custom1-section5 .content-work-image-division .work-persons-image{
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom1-section5 .work-persons-container .work-persons-image img{
    width: 651px;
    height: 653px;
    border-radius: 30px;
}

@media (min-width:320px) and (max-width:600px) {
.custom1-section5{
    height: auto;
    padding: 70px 15px 100px;
}
.custom1-section5 .build{
    line-height: 30px;
    font-size: 20px;
}
.custom1-section5 .our{
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 28px;
}
.custom1-section5 .work-persons-container{
 display: flex;
 flex-direction: column;
 margin-top: 20px;
 gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-paragraphs{
    gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-container{
    height: 649px;
    border-left: unset;
    border-right: 2px dashed var(--border-color-blue);
    gap: 123px;
}
.custom1-section5 .work-persons-container .dotted-container img{
    min-width: 38px;
    height: 38px;
    transform: translateX(20px);
}
.custom1-section5 .content-work-image-division .paras3-content{
    width: 200px;
}
.custom1-section5 .content-work-image-division .paras3-content .discover{
    font-size: 18px;
   line-height: 28px;
}
.custom1-section5 .work-persons-container .work-persons-image img{
    width: 100%;
    height: auto;
    max-width: 450px;
}
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section5{
    height: auto;
    padding: 70px 20px 100px;
}
.custom1-section5 .build{
    line-height: 30px;
    font-size: 25px;
}
.custom1-section5 .our{
    width: auto;
    height: auto;
    font-size: 14px;
    line-height: 28px;
}
.custom1-section5 .work-persons-container{
 display: flex;
 flex-direction: column;
 margin-top: 20px;
 gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-paragraphs{
    gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-container{
    height: 505px;
    border-left: unset;
    border-right: 2px dashed var(--border-color-blue);
}
.custom1-section5 .work-persons-container .dotted-container img{
    min-width: 38px;
    height: 38px;
    transform: translateX(20px);
}
.custom1-section5 .content-work-image-division .paras3-content .discover{
    font-size: 18px;
   line-height: 28px;
}
.custom1-section5 .work-persons-container .work-persons-image img{
    width: 100%;
    height: auto;
    max-width:550px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section5{
    height: auto;
    padding: 70px 40px 100px;
}
.custom1-section5 .our{
    width: auto;
    height: auto;
}
.custom1-section5 .work-persons-container{
 display: flex;
 flex-direction: column;
 margin-top: 20px;
 gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-paragraphs{
    gap: 50px;
}
.custom1-section5 .work-persons-container .dotted-container{
    height: 523px;
    border-left: unset;
    border-right: 2px dashed var(--border-color-blue);
    gap: 80px;
}
.custom1-section5 .work-persons-container .dotted-container img{
    transform: translateX(25px);
}
}
@media (min-width:1001px) and (max-width:1300px) {
.custom1-section5{
    height: auto;
    padding: 70px 50px 100px;
}
.custom1-section5 .our{
    width: auto;
    height: auto;
}
.custom1-section5 .work-persons-container{
 display: flex;
 gap: 10px;
}
.custom1-section5 .work-persons-container .dotted-paragraphs{
    gap: 0px;
}
.custom1-section5 .work-persons-container .work-persons-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:1301px) and (max-width:1500px) {
.custom1-section5{
    height: auto;
    padding: 70px 32px 100px;
}
.custom1-section5 .our{
    width: auto;
    height: auto;
}
.custom1-section5 .work-persons-container{
 display: flex;
 gap: 10px;
}

.custom1-section5 .work-persons-container .dotted-paragraphs{
    gap: 0px;
}
.custom1-section5 .work-persons-container .work-persons-image img{
    width: 100%;
    height: auto;
    max-width: 700px;
}
}

/* custom1-section6 */

.custom1-section6{
    width: 100%;
    height: 700px;
    background-color: var(--white-text-color);
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom1-section6 .tech{
    line-height: 19.6px;
    letter-spacing:0.56px ;
    text-align: center;
    color: var(--blue-color);
    text-transform: uppercase;
}
.custom1-section6 .tech-we-use{
    line-height: 50px;
    text-align: center;
    margin-top: 13.6px;
}
.custom1-section6 .customer{
    width: 550px;
    height: 64px;
    line-height: 32px;
    letter-spacing:-0.2px ;
    text-align: center;
    color: var(--software-para);
    margin: 11px auto 0px;
}
.custom1-section6 .all-images{
    width: 1306px;
    display: flex;
    flex-wrap: wrap; 
    gap: 26px;
    margin-top: 51px;
}
.custom1-section6 .all-images .img-container{
    width: 196px;
    height: 80px;
    border-radius: 16px;
    background-color:var(--f7f8f9-white);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width:320px) and (max-width:600px) {
.custom1-section6{
    height:auto;
    padding: 0px 15px 70px;
}
.custom1-section6 .tech-we-use{
    line-height: 28px;
    font-size: 20px;
}
.custom1-section6 .customer{
    width:auto;
    height: auto;
    font-size: 12px;
}
.custom1-section6 .all-images{
    width: 100%;
    flex-wrap: nowrap; 
    overflow-x: scroll;
    gap: 26px;
    margin-top: 51px;
}
.custom1-section6 .all-images .img-container{
    min-width: 196px;
} 
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section6{
    height:auto;
    padding: 0px 20px 70px;
}
.custom1-section6 .tech-we-use{
    line-height: 28px;
    font-size: 25px;
}
.custom1-section6 .customer{
    width:auto;
    height: auto;
    font-size: 14px;
}
.custom1-section6 .all-images{
    width: 100%;
    gap: 26px;
    margin-top: 51px;
    justify-content: center;
    align-items: center;
}
.custom1-section6 .all-images .img-container{
    min-width: 196px;
} 
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section6{
    height:auto;
    padding: 0px 40px 70px;
}
.custom1-section6 .tech-we-use{
    font-size:30px;
}
.custom1-section6 .customer{
    width:auto;
    height: auto;
}
.custom1-section6 .all-images{
    width: 100%;
    gap: 26px;
    margin-top: 51px;
    justify-content: center;
    align-items: center;
}
.custom1-section6 .all-images .img-container{
    min-width: 196px;
} 
}

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section6{
    height:auto;
    padding: 0px 50px 70px;
}
.custom1-section6 .all-images{
    width: 100%;
    justify-content: center;
    align-items: center;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.custom1-section6{
    height:auto;
    padding: 0px 32px 70px;
}
.custom1-section6 .all-images{
    width: 100%;
    justify-content: center;
    align-items: center;
}
}


/* custom1-section7 */

.custom1-section7{
    width: 100%;
    height: 800px;
    background-color: var(--white-text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom1-section7 .indusrty{
    line-height: 19.6px;
    letter-spacing:0.56px ;
    text-align: center;
    color: var(--blue-color);
    text-transform: uppercase;
}
.custom1-section7 .building{
    line-height: 50px;
    text-align: center;
    margin-top: 13.59px;
}
.custom1-section7 .range{
    line-height: 32px;
    letter-spacing:-0.2px ;
    text-align: center;
    color: var(--software-para);
    margin: 20px auto 0px;
}
.custom1-section7 .four-images{
    display: flex;
    gap: 26px;
    margin-top: 41px;
}
.custom1-section7 .four-images .insusty-image1{
    width: 307px;
    height: 248px;
    border-radius: 15px;
    background-color: var(--f7f8f9-white);
}
 .custom1-section7 .four-images .insusty-image1 img{
    width: 307px;
    height: 157px;
    border-radius: 15px 15px 0px 0px;
 }
  .custom1-section7 .four-images p{
    font-size: 21px;
    line-height: 32px;
    padding: 20px 0px 0px 20px;
  }
  .custom1-section7 .two-images{
    display: flex;
    gap: 26px;
    margin-top: 26px;
}
  .custom1-section7 .two-images .insusty-image2{
    width: 639px;
    height: 248px;
    border-radius: 15px;
    background-color: var(--f7f8f9-white);
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 640px;
    height: 157px;
    border-radius: 15px 15px 0px 0px;
 }
  .custom1-section7 .two-images p{
    font-size: 21px;
    line-height: 32px;
    padding: 20px 0px 0px 20px;
  }

  @media (min-width:320px) and (max-width:600px) {
.custom1-section7{
    height: auto;
    padding: 0px 15px 70px;
}
.custom1-section7 .building{
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}
.custom1-section7 .range{
    font-size: 12px;
}

.custom1-section7 .four-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.custom1-section7 .four-images .insusty-image1{
    width: 100%;
}
 .custom1-section7 .four-images .insusty-image1 img{
    width: 100%;
 }
  .custom1-section7 .four-images p{
    font-size: 18px;
  }
  .custom1-section7 .two-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .two-images .insusty-image2{
    width:100%;
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 100%;
    height: 157px;
 }
  .custom1-section7 .two-images p{
    font-size: 18px;
  }
  }

    @media (min-width:601px) and (max-width:800px) {
.custom1-section7{
    height: auto;
    padding: 0px 20px 70px;
}
.custom1-section7 .building{
    line-height: 30px;
    text-align: center;
    font-size: 25px;
}
.custom1-section7 .range{
    font-size: 14px;
}

.custom1-section7 .four-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .four-images p{
    font-size: 20px;
  }
  .custom1-section7 .two-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .two-images .insusty-image2{
    width:307px;
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 307px;
    height: 157px;
 }
  .custom1-section7 .two-images p{
    font-size: 20px;
  }
  }

@media (min-width:801px) and (max-width:1000px) {
.custom1-section7{
    height: auto;
    padding: 0px 40px 70px;
}
.custom1-section7 .building{
    text-align: center;
    font-size: 30px;
}
.custom1-section7 .four-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .two-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .two-images .insusty-image2{
    width:307px;
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 307px;
    height: 157px;
 }
  }

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section7{
    height: auto;
    padding: 0px 50px 70px;
}
.custom1-section7 .four-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.custom1-section7 .four-images .insusty-image1{
    width:407px;
}
 .custom1-section7 .four-images .insusty-image1 img{
    width:407px;
 }
  .custom1-section7 .two-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
  .custom1-section7 .two-images .insusty-image2{
    width:407px;
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 407px;
    height: 157px;
 }
  }

  @media (min-width:1301px) and (max-width:1380px) {
.custom1-section7{
    padding: 0px 32px;
}
.custom1-section7 .four-images .insusty-image1{
    width: 290px;
}
 .custom1-section7 .four-images .insusty-image1 img{
     width: 290px;
 }
.custom1-section7 .two-images .insusty-image2{
    width: 610px;
}
  .custom1-section7 .two-images .insusty-image2 img{
    width: 610px;
 }
}

/* custom1-section8 */

.custom1-section8{
    width: 100%;
    height: 700px;
    background-color: var(--white-text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0px;
}
.custom1-section8 .clients{
    line-height: 19.6px;
    letter-spacing:0.56px ;
    text-align: center;
    color: var(--blue-color);
    text-transform: uppercase;
}
.custom1-section8 .what{
    line-height: 50px;
    text-align: center;
    margin-top: 14.59px;
}
.custom1-section8 .customer{
    width: 550px;
    height: 57px;
    line-height: 32px;
    letter-spacing:-0.2px ;
    text-align: center;
    color: var(--software-para);
    margin: 15px auto 0px;
}
.custom1-section8 .all-clients{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin-top: 52.14px;
}
.custom1-section8 .all-clients img{
    width: 50px;
    height: 50px;
}
.custom1-section8 .all-clients .changing-container{
    display: flex;
    gap: 26px;
}
.custom1-section8 .all-clients .client-container{
    width: 418px;
    height: 292px;
    border-radius: 16px;
    border: 1px solid var(--e5e7e8-white);
    padding: 31px 40px 35px 31px;
}
.custom1-section8 .all-clients .client-container .incrediable{
   line-height: 28px;
}
.custom1-section8 .all-clients .client-container .extremely{
   width: 358px;
   height: 99px;
   line-height: 26px;
   color: var(--software-para);
   margin-top: 19px;
}
.custom1-section8 .all-clients .client-container .client-img{
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.custom1-section8 .all-clients .changing-containers{
    display: none;
}
.custom1-section8 .all-clients .client-container .client-img .p7{
    margin-top: 5px;
}
@media (min-width:320px) and (max-width:600px) {
.custom1-section8{
    height: auto;
    padding: 0px 15px 70px;
}
.custom1-section8 .what{
    line-height: 30px;
    font-size: 20px;
}
.custom1-section8 .customer{
    width: auto;
    height: auto;
    font-size: 12px;
}
.custom1-section8 .all-clients{
    width: 100%;
    flex-direction: column;
    gap: 20px;
}
.custom1-section8 .all-clients .changing-container{
    width: 100%;
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section8 .all-clients .client-container{
    min-width: 418px;
    height: auto;
}
.custom1-section8 .all-clients .client-container .incrediable{
   font-size: 16px;
}
.custom1-section8 .all-clients .client-container .extremely{
   width: 358px;
   height: 99px;
   font-size: 14px;
}
.custom1-section8 .all-clients .client-container .client-img .p4{
    font-size: 12px;
}
.custom1-section8 .all-clients .client-container .client-img .p7{
    font-size: 10px;
    margin-top: 5px;
}
.custom1-section8 .all-clients .client-container .client-img{
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.custom1-section8 .all-clients .changing-containers{
    display:block;
} 
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section8{
    height: auto;
    padding: 0px 20px 70px;
}
.custom1-section8 .what{
    line-height: 30px;
    font-size: 25px;
}
.custom1-section8 .customer{
    width: auto;
    height: auto;
    font-size: 14px;
}
.custom1-section8 .all-clients{
    width: 100%;
    flex-direction: column;
    gap: 30px;
}
.custom1-section8 .all-clients .changing-container{
    width: 100%;
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section8 .all-clients .client-container{
    min-width: 418px;
    height: auto;
}
.custom1-section8 .all-clients .client-container .incrediable{
   font-size: 16px;
}
.custom1-section8 .all-clients .client-container .extremely{
   width: 358px;
   height: 99px;
   font-size: 14px;
}
.custom1-section8 .all-clients .client-container .client-img .p4{
    font-size: 12px;
}
.custom1-section8 .all-clients .client-container .client-img .p7{
    font-size: 10px;
    margin-top: 5px;
}
.custom1-section8 .all-clients .client-container .client-img{
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.custom1-section8 .all-clients .changing-containers{
    display:block;
} 
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section8{
    height: auto;
    padding: 0px 40px 70px;
}
.custom1-section8 .what{
    line-height: 30px;
    font-size: 30px;
}
 .custom1-section8 .all-clients{
    width: 100%;
    gap: 30px;
 }
.custom1-section8 .all-clients .changing-container{
    width: 70%;
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section8 .all-clients .client-container .client-img{
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section8{
    height: auto;
    padding: 0px 50px 70px;
}
.custom1-section8 .what{
    line-height: 30px;
}
 .custom1-section8 .all-clients{
    width: 100%;
    gap: 30px;
 }
.custom1-section8 .all-clients .changing-container{
    width: 82%;
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section8 .all-clients .client-container .client-img{
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
}
@media (min-width:1301px) and (max-width:1500px) {
.custom1-section8{
    padding: 0px 32px;
}
 .custom1-section8 .all-clients{
    width: 100%;
    gap: 30px;
 }
.custom1-section8 .all-clients .changing-container{
    width: 82%;
    overflow-x: scroll;
    justify-content: flex-start;
}
.custom1-section8 .all-clients .client-container .client-img{
   margin-top: 35px;
}
.custom1-section8 .all-clients .client-container .client-img img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
}

/* custom1-section9 */

.custom1-section9{
    width: 100%;
    height: 490px;
    background-color: var(--white-text-color);
    display: flex;
    justify-content: center;
}
.custom1-section9 .blue-container{
    width: 1306px;
    height: 370px;
    border-radius: 30px;
    background-image: url('./images/blue-container.png');
    background-repeat: no-repeat;
    padding: 80px 259px 84px 259px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.custom1-section9 .blue-container .touch{
    line-height: 50px;
}
.custom1-section9 .blue-container .deliver{
    width: 765px;
    height: 64px;
    line-height: 32px;
    letter-spacing: -0.2px;
    margin-top: 11px;
    text-align: center;
    color:var(--FFFFFFC7-white);
}
.custom1-section9 .blue-container .contact{
    display: inline-block;
    width: 162px;
    height: 48px;
    margin-top: 33px;
}
.custom1-section9 .blue-container .contact-btn-software{
    width: inherit;
    height: 48px;
    color: var(--blue-color);
    background-color:var(--white-text-color);
    border-radius: 50px;
    padding: 15.45px 0px;
    font-size: 16px;
    font-family: "plus-bold";
    line-height: 16.8px;
}
.custom1-section9 .blue-container .contact-btn-software:after{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url('./images/blue-arrow.png');
    background-size: cover;
    vertical-align: middle;
    margin-left: 8px;
}

@media (min-width:320px) and (max-width:600px) {
.custom1-section9{
    height: auto;
    padding: 0px 15px 70px;
}
.custom1-section9 .blue-container{
    width: 100%;
    height: auto;
    padding: 40px 20px ;
}
.custom1-section9 .blue-container .touch{
    line-height: 28px;
    font-size: 20px;
    text-align: center;
}
.custom1-section9 .blue-container .deliver{
    width: 100%;
    height: auto;
    font-size: 12px;
}
}

@media (min-width:601px) and (max-width:800px) {
.custom1-section9{
    height: auto;
    padding: 0px 20px 70px;
}
.custom1-section9 .blue-container{
    width: 100%;
    height: auto;
    padding: 70px 40px ;
}
.custom1-section9 .blue-container .touch{
    line-height: 28px;
    font-size: 25px;
    text-align: center;
}
.custom1-section9 .blue-container .deliver{
    width: 100%;
    height: auto;
    font-size: 14px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.custom1-section9{
    height: auto;
    padding: 0px 40px 70px;
}
.custom1-section9 .blue-container{
    width: 100%;
    height: auto;
    padding: 100px 60px ;
}
.custom1-section9 .blue-container .touch{
    line-height: 28px;
    font-size: 30px;
    text-align: center;
}
.custom1-section9 .blue-container .deliver{
    width: 100%;
    height: auto;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.custom1-section9{
    height: auto;
    padding: 0px 50px 70px;
}
.custom1-section9 .blue-container{
    width: 100%;
    padding: 120px 80px ;
}
.custom1-section9 .blue-container .touch{
    text-align: center;
}
.custom1-section9 .blue-container .deliver{
    width: 100%;
    height: auto;
}
}

@media (min-width:1301px) and (max-width:1370px) {
.custom1-section9{
    height: auto;
    padding: 0px 32px 70px;
}
.custom1-section9 .blue-container{
    width: 100%;
}
.custom1-section9 .blue-container .touch{
    text-align: center;
}
}




/* calling-page */

.calling-section2{
    width: 100%;
    height: 928px;
    background: url('./images/calling-bg.png') no-repeat ;
    /* background-position: center; */
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calling-section2 .section2-content{
    width: 683px;
    transform: translateX(50px);
}
.calling-section2 .section2-content .connect{
    width: 683px;
    height: 300px;
    line-height: 75px;
    font-size: 78px;
    letter-spacing: -4%;
}
.calling-section2 .section2-content .join{
    width: 597px;
    height: 56px;
    line-height: 28px;
    margin-top: 25px;
}
.calling-section2 .section2-content .free-btn {
  display: inline-block;
  width: 199px;
  height: 48px;
  border-radius: 8px;
  background-color: var(--white-text-color);
  margin-top: 30px;
}
.calling-section2 .adding-image img{
    width: 835px;
    height: 656px;
}

@media (min-width:320px) and (max-width:600px) {
.calling-section2{
    height:auto;
    padding: 60px 15px;
    flex-direction: column;
    gap: 50px;
}
.calling-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calling-section2 .section2-content .connect{
    width: auto;
    height: auto;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.calling-section2 .section2-content .join{
    width: auto;
    height: auto;
    font-size:16px ;
    line-height: 28px;
    margin-top: 29px;
    text-align: center;
}
.calling-section2 .adding-image img{
    width: 100%;
    height: auto;
}
}
@media (min-width:601px) and (max-width:800px) {
.calling-section2{
    height: auto;
    padding: 80px 20px;
    flex-direction: column;
    gap: 70px;
}
.calling-section2 .section2-content{
    width: auto;
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calling-section2 .section2-content .connect{
    width: auto;
    height: auto;
    font-size: 45px;
    line-height: 50px;
    text-align: center;
}
.calling-section2 .section2-content .join{
    width: auto;
    height: auto;
    text-align: center;
}
.calling-section2 .adding-image img{
    width: 100%;
    height: auto;
}
}
@media (min-width:801px) and (max-width:1000px) {
.calling-section2{
    height: auto;
    padding: 100px 40px 50px;
    flex-direction: column;
    gap: 70px;
}
.calling-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calling-section2 .section2-content .connect{
    width: auto;
    height: auto;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
}
.calling-section2 .section2-content .join{
    width: auto;
    height: auto;
    text-align: center;
}
.calling-section2 .adding-image img{
    width: 100%;
    height: auto;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.calling-section2{
    height: auto;
    padding: 100px 40px;
    flex-direction: column;
    gap: 70px;
}
.calling-section2 .section2-content{
    transform: translateX(0px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.calling-section2 .section2-content .connect{
    width: auto;
    height: auto;
    text-align: center;
    line-height: 85px;
}
.calling-section2 .section2-content .join{
    width: auto;
    height: auto;
    text-align: center;
}
.calling-section2 .adding-image img{
    width: 100%;
    height: auto;
}
} 
@media (min-width:1301px)  and (max-width:1400px){
.calling-section2 .section2-content .connect{
    width: 600px;
    height: auto;
}
}


/* section3 of calling page */
.calling-section3{
    width: 100%;
    height:170px ;
    background-color: var(--white-text-color);
}
.calling-section3 .trusted{
    text-align: center;
    padding-top: 60px;
}
.calling-section3 .section3-row1-images{
    height: 45px;
    gap: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 47px;
    overflow-x: scroll;
}
.section3-row1-images .one{
    width: 238px;
    height: 20px;
}
.section3-row1-images .two{
    width: 163px;
    height: 45px;
}
.section3-row1-images .three{
    width: 77px;
    height: 45px;
}
.section3-row1-images .four{
    width: 64px;
    height: 45px;
}

.section3-row1-images .five{
    width: 87px;
    height: 45px;
}
.section3-row1-images .six{
    width: 164px;
    height: 45px;
}
.section3-row1-images .seven{
    width: 85px;
    height: 45px;
}
.section3-row1-images .eight{
    width: 86px;
    height: 45px;
}
@media (min-width:2300px) {
.calling-section3 .section3-row1-images{
    width: 2000px;
    margin:47px auto ;
}    
}

.calling-section4{
    width: 100%;
    height:1129px ;
    background-color: var(--white-text-color);
    padding: 0px 115px;
}

.calling-section4 .section4-row2-products{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding-top: 150px;
}
.calling-section4 .section4-row2-products .all-our-interests{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 725px;
    height: 68px;
    border: 1.2px solid var(--borders-line-black);
    border-radius: 16px;
    padding: 0px 10px;
}
.calling-section4 .all-our-interests p{
    height: 51px;
    border-radius: 12px;
    width: auto;
    padding: 0px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--para-text-color);
    text-transform: uppercase;
}
.calling-section4 .all-our-interests p:hover{
    cursor: pointer;
}
.calling-section4 .all-our-interests .active-slides-our-interests{
    background-image: linear-gradient(to left, #5a86fd, #4975f4, #3763eb, #2351e2, #073fd7);
    color: var(--white-text-color);
    cursor: pointer;
}

.calling-section4 .section4-row3{
    width: 100%;
    height: 677px;
    border-radius: 32px;
    background-color:var(--white-text-color);
    box-shadow: 0px 2px 19px 0px var(--border-line-40);
    margin-top: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    padding: 0px 18px 0px 50px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: 505px;
    height: 80px;
    line-height: 40px;
    letter-spacing: -2%;

}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width: 531px;
    height:52px;
    line-height: 26px;
    letter-spacing: 0%;
    margin-top: 15px;
    color: var(--para-text-color);
}
.calling-section4 .section4-row3 .section4-row3-content-container .key{
    line-height: 40px;
    letter-spacing: -2%;
    margin-top: 20px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras{
    display: flex;
    gap: 13px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras img{
    width: 34px;
    height: 34px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:first-child{
    line-height: 15px;
    font-size: 18px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: 472px;
    height: 44px;
    line-height: 22px;
    color: var(--para-text-color);
    margin-top: 6px;
}
.calling-section4 .section4-row3 .row3-image{
    width: 681px;
    height: 641px;
    border-radius: 30px;
    background-color: var(--e5e5e5-white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 626px;
    height: 443px;
    border-radius: 14px;
}

.calling-section4 #corporate-slide-relative, .calling-section4 #political-slide-relative, .calling-section4 #marketing-slide-relative, .calling-section4 #games-slide-relative {
   display: none;
}


@media (min-width:320px) and (max-width:600px) {
.calling-section4{
    height:auto;
    padding: 0px 15px 70px;
}
.calling-section4 .section4-row2-products{
    padding-top: 50px;
}
.calling-section4 .section4-row2-products .meeting{
    font-size: 30px;
    text-align: center;
}
.calling-section4 .section4-row2-products .all-our-interests{
    width: 100%;
    overflow-x: scroll;
}
.calling-section4 .all-our-interests p{
    min-width: 198px;
}
.calling-section4 .section4-row3{
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 25px;
}
.calling-section4 .section4-row3 .section4-row3-content-container{
    order: 2;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: auto;
    height: auto;
    line-height: 30px;
    font-size: 20px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width:auto;
    height:auto;
    font-size: 12px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .key{
    font-size: 16px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:first-child{
    font-size: 14px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: auto;
    height: auto;
    font-size: 12px;
}
.calling-section4 .section4-row3 .row3-image{
    width: auto;
    height: auto;
    order: 1;
    padding: 50px;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:601px) and (max-width:800px) {
.calling-section4{
    height:auto;
    padding: 0px 20px 70px;
}
.calling-section4 .section4-row2-products{
    padding-top: 70px;
}
.calling-section4 .section4-row2-products .meeting{
    font-size: 35px;
    text-align: center;
}
.calling-section4 .section4-row2-products .all-our-interests{
    width: 100%;
    overflow-x: scroll;
}
.calling-section4 .all-our-interests p{
    min-width: 198px;
}
.calling-section4 .section4-row3{
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.calling-section4 .section4-row3 .section4-row3-content-container{
    order: 2;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: auto;
    height: auto;
    line-height: 30px;
    font-size: 22px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width:auto;
    height:auto;
    font-size: 14px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .key{
    font-size: 20px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:first-child{
    font-size: 16px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: auto;
    height: auto;
    font-size: 14px;
}
.calling-section4 .section4-row3 .row3-image{
    width: auto;
    height: auto;
    order: 1;
    padding: 50px;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:801px) and (max-width:1000px) {
.calling-section4{
    height:auto;
    padding: 0px 40px 70px;
}
.calling-section4 .section4-row2-products{
    padding-top: 70px;
}
.calling-section4 .section4-row2-products .meeting{
    font-size: 40px;
    text-align: center;
}
.calling-section4 .section4-row2-products .all-our-interests{
    width: 100%;
    overflow-x: scroll;
}
.calling-section4 .all-our-interests p{
    min-width: 198px;
}
.calling-section4 .section4-row3{
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.calling-section4 .section4-row3 .section4-row3-content-container{
    order: 2;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: auto;
    height: auto;
    line-height: 30px;
    font-size: 24px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width:auto;
    height:auto;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: auto;
    height: auto;
}
.calling-section4 .section4-row3 .row3-image{
    width: auto;
    height: auto;
    order: 1;
    padding: 50px;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.calling-section4{
    height:auto;
    padding: 0px 50px 70px;
}
.calling-section4 .section4-row2-products{
    padding-top: 70px;
}
.calling-section4 .section4-row2-products .meeting{
    font-size: 40px;
    text-align: center;
}
.calling-section4 .section4-row2-products .all-our-interests{
    width: 100%;
    overflow-x: scroll;
}
.calling-section4 .all-our-interests p{
    min-width: 198px;
}
.calling-section4 .section4-row3{
    height: auto;
    display: flex;
    padding: 30px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: 350px;
    height:auto;
}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width: 350px;
    height:auto;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: 350px;
    height: auto;
}
.calling-section4 .section4-row3 .row3-image{
    width: auto;
    height: auto;
    padding: 50px;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:1301px) and (max-width:1500px) {
.calling-section4{
    height:auto;
    padding: 0px 32px 70px;
}
.calling-section4 .section4-row2-products{
    padding-top: 70px;
}
.calling-section4 .section4-row2-products .meeting{
    font-size: 40px;
    text-align: center;
}
.calling-section4 .section4-row2-products .all-our-interests{
    width: 100%;
    overflow-x: scroll;
}
.calling-section4 .all-our-interests p{
    min-width: 198px;
}
.calling-section4 .section4-row3{
    height: auto;
    display: flex;
    padding: 30px;
}
.calling-section4 .section4-row3 .section4-row3-content-container .empowering{
    width: 450px;
    height:auto;
}
.calling-section4 .section4-row3 .section4-row3-content-container .we2call{
    width: 450px;
    height:auto;
}
.calling-section4 .section4-row3 .section4-row3-content-container .features-container .img-paras p:last-child{
    width: 430px;
    height: auto;
}
.calling-section4 .section4-row3 .row3-image{
    width: auto;
    height: auto;
    padding: 50px;
}
.calling-section4 .section4-row3 .row3-image img{
    width: 100%;
    height: auto;
}
}

@media (min-width:1601px)  {
.calling-section4 .section4-row3 {
    width: 1300px;
    margin: 40px auto;
}
}


/* calling section5 */

.calling-section5{
    width: 100%;
    height: 626px;
    background-color: var(--white-text-color);
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    align-items: center;
}
.calling-section5 .section5-content .seamless{
    line-height: 100%;
}
.calling-section5 .section5-cards{
   width: 1500px;
    height: 322px;
    border-radius: 121px;
    background-color:var(--white-color-textfa);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
}

.calling-section5 .section5-cards .cards-row5{
    width: 307px;
    height: 262px;
    border-radius: 14px;
    background-color: var(--white-text-color);
    box-shadow: 0px 2px 19.2px 0px var(--borders-line-black);
    padding: 30px 20px 49px 30px;
}
.calling-section5 .section5-cards .cards-row5 .img-num{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.calling-section5 .section5-cards .cards-row5 .img-num img{
    width: 48px;
    height: 48px;
}
.calling-section5 .section5-cards .cards-row5 .img-num .num{
    font-size: 42px;
    color:var(--color-black1d);
    transform: translateY(-10px);
}
.calling-section5 .section5-cards .cards-row5 p:first-of-type{
    margin-top: 20px;
    line-height: 28px;
}
.calling-section5 .section5-cards .cards-row5 p:last-of-type{
    margin-top: 21px;
    line-height: 100%;
    color: var(--para-text-color);
}

@media (min-width:320px) and (max-width:600px) {
.calling-section5{
    height: auto;
    padding: 0px 15px 70px;
}
.calling-section5 .section5-content .seamless{
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
.calling-section5 .section5-cards{
   width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.calling-section5 .section5-cards .cards-row5{
    width: auto;
    padding: 30px;
}
.calling-section5 .section5-cards .cards-row5 p:first-of-type{
    font-size: 16px;
}
.calling-section5 .section5-cards .cards-row5 p:last-of-type{
    font-size: 14px;
}  
}

@media (min-width:601px) and (max-width:800px) {
.calling-section5{
    height: auto;
    padding: 0px 20px 70px;
}
.calling-section5 .section5-content .seamless{
    font-size: 25px;
    text-align: center;
    line-height: 28px;
}
.calling-section5 .section5-cards{
   width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.calling-section5 .section5-cards .cards-row5{
    width: auto;
    padding: 30px;
}
.calling-section5 .section5-cards .cards-row5 p:first-of-type{
    font-size: 18px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.calling-section5{
    height: auto;
    padding: 0px 40px 70px;
}
.calling-section5 .section5-content .seamless{
    font-size: 30px;
    text-align: center;
    line-height: 28px;
}
.calling-section5 .section5-cards{
   width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.calling-section5 .section5-cards .cards-row5{
    width: auto;
    padding: 30px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.calling-section5{
    height: auto;
    padding: 0px 50px 70px;
}
.calling-section5 .section5-content .seamless{
    text-align: center;
}
.calling-section5 .section5-cards{
   width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.calling-section5 .section5-cards .cards-row5{
    width: auto;
    padding: 30px;
}
}

@media (min-width:1301px) and (max-width:1500px) {
.calling-section5{
    height: auto;
    padding: 0px 32px 70px;
}
.calling-section5 .section5-cards{
   width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
.calling-section5 .section5-cards .cards-row5{
    width: auto;
    padding: 30px;
}
}

/* calling-section6 */

.calling-section6{
    width: 100%;
    height:614px ;
    background: linear-gradient(to right, #00053c, #06042f, #060323, #030216, #000002);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.calling-section6 .features{
    width: 650px;
    height: 108px;
    line-height: 100%;
    letter-spacing: -2%;
    margin: 0 auto;
    text-align: center;
}
.calling-section6 .all-scrolling-containers{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:26px ;
    overflow-x: scroll;
    padding-left: 207px;
}
.calling-section6 .all-scrolling-containers .containers{
    min-width: 418px;
    height: 166px;
    border-radius: 14px;
    background-color: var(--white-text-color);
    margin-top: 40px;
    padding: 40px 41px 59px 30px;
    display: flex;
    justify-content: space-between;
}
.calling-section6 .all-scrolling-containers .containers img{
    width: 36px;
    height: 36px;
}
.calling-section6 .all-scrolling-containers .containers .category{
    line-height: 28px;
}
.calling-section6 .all-scrolling-containers .containers .sessions{
    color: var(--para-text-color);
    margin-top: 16px;
}


@media (min-width:320px) and (max-width:600px) {
.calling-section6{
    height:auto;
    padding: 70px 15px;
}
.calling-section6 .features{
    width: auto;
    height: auto;
   font-size: 20px;
   line-height: 30px;
}
.calling-section6 .all-scrolling-containers{
    padding-left: 0px;
}
}

@media (min-width:601px) and (max-width:800px) {
.calling-section6{
    height:auto;
    padding: 100px 20px;
}
.calling-section6 .features{
    width: auto;
    height: auto;
   font-size: 25px;
   line-height: 30px;
}
.calling-section6 .all-scrolling-containers{
    padding-left: 0px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.calling-section6{
    height:auto;
    padding: 120px 40px;
}
.calling-section6 .features{
    width: auto;
    height: auto;
   font-size: 30px;
}
.calling-section6 .all-scrolling-containers{
    padding-left: 0px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.calling-section6{
    height:auto;
    padding: 140px 50px;
}
.calling-section6 .features{
    width: auto;
    height: auto;
}
.calling-section6 .all-scrolling-containers{
    padding-left: 0px;
}
}

/* calling-section7 */

.calling-section7{
    width: 100%;
    height: 900px;
    background-color: var(--white-text-color);
    overflow-x: visible;
}
.calling-section7 .hear{
    letter-spacing: 100%;
    padding-top: 150px;
    text-align: center;
}
.calling-section7 .main-all-containers{
    display: flex;
    margin-top: 50px;
    overflow-x: auto;
    gap: 26px;
    padding:0 250px 0px 20px;
    width: 100%;
    scroll-padding-right: 100px;
}
.calling-section7 .main-all-containers .division-container{
    min-width: 900px;
    height: 443px;
    border-radius: 14px;
    background-color: var(--f3f3f3-text-color);
    padding: 72px 53px 72px 82px;
}
.calling-section7 .main-all-containers .division-container img{
    width: 60px;
    height:60px
}
.calling-section7 .main-all-containers .division-container h3{
    line-height: 54px;
    margin-top: 33px;
}
.calling-section7 .main-all-containers .division-container p{
    line-height: 28px;
    margin-top: 70px;
    color: var(--para-text-color);
}
.calling-section7 .calling-scroll-indicators{
    width: 300px;
    margin: 70px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.calling-section7 .calling-scroll-indicators span{
    display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color:var(--d9d9d9-color);
}
.calling-section7 .calling-scroll-indicators .active-scroll{
    width: 46px;
    height: 18px;
    border-radius: 20px;
    background-color: var(--black-text-color);
}


@media (min-width:320px) and (max-width:600px) {
.calling-section7{
    height: auto;
    padding: 0px 15px 70px;
}
.calling-section7 .hear{
    font-size: 20px;
    padding-top: 50px;
}
.calling-section7 .main-all-containers{
    padding:0 20px 0px 20px;
}
.calling-section7 .main-all-containers .division-container{
    min-width: 300px;
    height: auto;
    padding: 30px;
}
.calling-section7 .main-all-containers .division-container img{
    width: 30px;
    height:30px
}
.calling-section7 .main-all-containers .division-container h3{
    line-height: 30px;
    font-size: 22px;
}
.calling-section7 .main-all-containers .division-container p{
    font-size: 12px;
}
}
@media (min-width:530px) and (max-width:600px) {
.calling-section7 .main-all-containers{
    padding:0 70px 0px 20px;
}
}
@media (min-width:580px) and (max-width:600px) {
.calling-section7 .main-all-containers{
    padding:0 90px 0px 20px;
}
}

@media (min-width:601px) and (max-width:800px) {
.calling-section7{
    height: auto;
    padding: 0px 20px 70px;
}
.calling-section7 .hear{
    font-size: 25px;
    padding-top: 70px;
}
.calling-section7 .main-all-containers{
    padding:0 130px 0px 20px;
}
.calling-section7 .main-all-containers .division-container{
    min-width: 400px;
    height: auto;
    padding: 40px;
}
.calling-section7 .main-all-containers .division-container img{
    width: 40px;
    height:40px
}
.calling-section7 .main-all-containers .division-container h3{
    line-height: 30px;
    font-size: 25px;
}
.calling-section7 .main-all-containers .division-container p{
    font-size: 14px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.calling-section7{
    height: auto;
    padding: 0px 40px 70px;
}
.calling-section7 .hear{
    font-size: 30px;
    padding-top: 80px;
}
.calling-section7 .main-all-containers{
    padding:0 150px 0px 20px;
}
.calling-section7 .main-all-containers .division-container{
    min-width: 450px;
    height: auto;
    padding: 40px;
}
.calling-section7 .main-all-containers .division-container img{
    width: 40px;
    height:40px
}
.calling-section7 .main-all-containers .division-container h3{
    line-height: 40px;
    font-size: 30px;
}
.calling-section7 .main-all-containers .division-container p{
    font-size: 16px;
}
}
@media (min-width:937px) and (max-width:1000px) {
.calling-section7 .main-all-containers{
    padding:0 170px 0px 20px;
}
}
@media (min-width:957px) and (max-width:1000px) {
.calling-section7 .main-all-containers{
    padding:0 200px 0px 20px;
}
}
@media (min-width:989px) and (max-width:1000px) {
.calling-section7 .main-all-containers{
    padding:0 220px 0px 20px;
}
}
@media (min-width:1001px) and (max-width:1300px) {
.calling-section7{
    height: auto;
    padding: 0px 50px 80px;
}
.calling-section7 .hear{
    padding-top: 80px;
}
.calling-section7 .main-all-containers .division-container{
    min-width: 600px;
    height: auto;
}
.calling-section7 .main-all-containers .division-container img{
    width: 40px;
    height:40px
}
.calling-section7 .main-all-containers .division-container h3{
    line-height: 40px;
    font-size: 30px;
}
}
@media (min-width:1601px){
.calling-section7 .main-all-containers{
    width: 1500px;
    margin: 50px auto;
}    
}



/* calling-page questions */

.calling-questions-sections {
    width: 100%;
    height: auto;
    background-color: var(--white-text-color);
    padding-bottom: 100px;
}
.calling-questions-sections .frequent-ques{
    text-align: center;
}
.calling-questions-sections .all-questions-conatiner{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;
   margin-top: 40px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans{
    width: 1306px;
    height: auto;
    border: 1.8px solid var(--blacky);
    border-radius: 20px;
    padding: 50px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question p{
    font-size: 24px;
    line-height: 28px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container{
    display: flex;
    align-items: center;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container img{
    width: 22px;
    height: 22px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question .two-images-container img:last-child{
   display: none;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .answer p{
   line-height: 28px;
   font-size: 21px;
   color: var(--para-text-color);
   margin-top: 43px;
   display: none;
}

@media (min-width:320px) and (max-width:600px) {
.calling-questions-sections {
    height: auto;
    padding: 0px 15px 70px;
}
.calling-questions-sections  .frequent-ques{
    font-size: 20px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 20px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans .question p{
    font-size: 16px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans .question .two-images-container img{
    min-width: 11px;
    max-width: 11px;
    height: 11px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans .answer p{
   font-size: 12px;
}    
}

@media (min-width:601px) and (max-width:800px) {
.calling-questions-sections {
    height: auto;
    padding: 0px 20px 70px;
}
.calling-questions-sections .frequent-ques{
    font-size: 30px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 30px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question p{
    font-size: 20px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .answer p{
   width: auto;
   height: auto;
   font-size: 14px;
}
.calling-questions-sections  .all-questions-conatiner .questions-ans .question .two-images-container img{
    min-width: 15px;
    max-width: 15px;
    height: 15px;
}    
}

@media (min-width:801px) and (max-width:1000px) {
.calling-questions-sections {
    height: auto;
    padding: 0px 40px 70px;
}
.calling-questions-sections .frequent-ques{
    font-size: 30px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
    padding: 35px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}  
.calling-questions-sections  .all-questions-conatiner .questions-ans .question .two-images-container img{
    min-width: 18px;
    max-width: 18px;
    height: 18px;
}   
}

@media (min-width:1001px) and (max-width:1300px) {
.calling-questions-sections{
    height: auto;
    padding: 0px 50px 70px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
}   
}
@media (min-width:1301px) and (max-width:1500px) {
.calling-questions-sections {
    height: auto;
    padding: 0px 32px 70px;
}
.calling-questions-sections .all-questions-conatiner .questions-ans{
    width: 100%;
    height: auto;
}
.calling-questions-sections .all-questions-conatiner .questions-ans .question{
  gap: 30px;
} 
}


/* calling-section9 */

.calling-section9{
    width: 100%;
    height: 465px;
    background-color: var(--blue-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 200px;
}
.calling-section9 .section9-content .ready{
    width: 540px;
    height: 124px;
    font-size: 52px;
    letter-spacing: -2%;
}
.calling-section9 .section9-content .sign{
    line-height: 22px;
    margin-top: 20px;
}
.calling-section9 .section9-content  .free-btn-get{
    width: 171px;
}
.calling-section9 .section9-content  .free-btn-get .get-now{
    margin-top: 47px;
}

.calling-section9 .img-content img{
    width: 455px;
    height: 395px;
}

@media (min-width:320px) and (max-width:600px) {
.calling-section9{
    height: auto;
    flex-direction: column;
    padding: 50px 20px;
    text-align: center;
    gap: 70px;
}
.calling-section9 .section9-content{
    order: 2;
}
.calling-section9 .section9-content .ready{
    width: auto;
    height: auto;
    font-size: 28px;
    font-size: 20px;
    text-align: center;
}
.calling-section9 .section9-content .sign{
    font-size: 12px;
}
.calling-section9 .img-content{
    order: 1;
}
.calling-section9 .img-content img{
    width: 100%;
    height: auto;
    max-width: 350px;
}
}

@media (min-width:601px) and (max-width:800px) {
.calling-section9{
    height: auto;
    flex-direction: column;
    padding: 70px 30px;
    text-align: center;
    gap: 90px;
}
.calling-section9 .section9-content{
    order: 2;
}
.calling-section9 .section9-content .ready{
    width: auto;
    height: auto;
    font-size: 30px;
    font-size: 25px;
    text-align: center;
}
.calling-section9 .section9-content .sign{
    font-size: 14px;
}
.calling-section9 .img-content{
    order: 1;
}
.calling-section9 .img-content img{
    width: 100%;
    height: auto;
    max-width: 400px;
}
}

@media (min-width:801px) and (max-width:1000px) {
.calling-section9{
    height: auto;
    flex-direction: column;
    padding: 70px 30px;
    text-align: center;
    gap: 90px;
}
.calling-section9 .section9-content{
    order: 2;
}
.calling-section9 .section9-content .ready{
    width: auto;
    height: auto;
    font-size: 35px;
    font-size: 25px;
    text-align: center;
}
.calling-section9 .img-content{
    order: 1;
}
.calling-section9 .img-content img{
    width: 100%;
    height: auto;
    max-width: 400px;
}
}

@media (min-width:1001px) and (max-width:1300px) {
.calling-section9{
    height: auto;
    padding: 70px 20px;
    text-align: center;
    gap: 100px;
}
.calling-section9 .section9-content .ready{
    width: 500px;
    height: auto;
    font-size: 40px;
}
.calling-section9 .img-content img{
    width: 100%;
    height: auto;
    max-width: 400px;
}
}