@media only screen and (max-width: 767px) {
    .services-listing .service-item .service-banner.desktop,
    .services-listing .service-item .service-banner.tablet {
        display: none;
    }
    .services-listing .service-item .service-banner.mobile {
        display: block;
    }
	    .elementor-377 .elementor-element.elementor-element-3523fdd > .elementor-widget-container {
        margin: 6% 0% 2% 3%;
    }
		.partner-logo .qodef-grid-item{
		margin-left: 0% !important;
			margin-top: 20px !important;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .services-listing .service-item .service-banner.desktop,
    .services-listing .service-item .service-banner.mobile {
        display: none;
    }
    .services-listing .service-item .service-banner.tablet {
        display: block;
    }
}
@media only screen and (min-width:1024px) {
    .services-listing .service-item .service-banner.tablet,
    .services-listing .service-item .service-banner.mobile {
        display: none;
    }
    .services-listing .service-item .service-banner.desktop {
        display: block;
    }
}


.postid-21461 #team-stack{
	display:none !important;
}
.postid-20120 #team-stack{
	display:none !important;
}

.sub-menu li a:hover .qodef-menu-item-text {
    color: #9b51e0;
}
.postid-23963 .qodef-m-subtitle, .postid-23963 .qodef-m-title{
	display:none !important;
}
.postid-20289 #team-stack, .postid-23963 #team-stack, .postid-24101 #team-stack{
	display:none !important;
}
.newsSection{

}
.newsSection h1{

}
.newsSection h2{
 font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 2px;
    margin-top: 30px;
color: #111;
}
.newsSection h3{
 font-size: 38px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 2px;
    margin-top: 30px;
color: #111;
}
.newsSection h5{
 font-size: 20px;
 font-weight:700;
 line-height:20px;
letter-spacing:3px;
margin-top:15px;
}
.newsSection p{
 font-size: 18px;
 font-weight:500;
 line-height:28px;
letter-spacing:0;
margin-bottom:20px;
color:#676767;
}
.newsSection p a{
text-transform:none;
color:#335CD3

}
.newsSection p strong a{
text-transform:uppercase;
}
.newsSection p strong{
text-transform:uppercase;
font-size: 18px;
 font-weight:700;
 line-height:28px;
color:#111;
}
.newsSection ul {

}
.newsSection ul li{
font-size: 18px;
 font-weight:400;
 line-height:28px;
letter-spacing:0;
margin-bottom:15px;
color:#676767;
}
.newsSection .banner{
	    background: #828FED;
    max-height: 490px;
	min-height:490px;
    margin-left: -50vw;
    margin-right: -50vw;
	padding-left:50vw;
	padding-right:50vw;
    margin-bottom: 100px;
	display:flex;
}
.newsSection .banner .inner{
	max-width:1300px;
	margin:auto;
	    align-content: center;
}
.newsSection .banner .inner h1{
	text-transform:uppercase;
	font-size: 66px;
    line-height: 66px;
    letter-spacing: 10px;
	font-weight:700;
	color:#38005E;
	margin-bottom:35px;
}
.newsSection .banner .inner p{
		text-transform:none;
	font-size:26px;
	line-height:30px;
	letter-spacing: 0;
	font-weight:500;
	color:#38005E;
	margin-bottom:20px;
}

@media(max-width:767px){
	.newsSection .banner{
		margin-bottom:50px;
		max-height: 100%;
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
	}
	.newsSection .banner .inner h1{
	    font-size: 30px;
    line-height: 40px;
    letter-spacing: 2px;
	}
	.newsSection h2 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
}
	.newsSection h3 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0;
}
	.newsSection p,
	.newsSection p strong,
	.newsSection p strong a,
	.newsSection p a{
		    font-size: 16px;
    line-height: 27px;
	}
	.newsSection ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
	.newsSection h5 {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 2px;
}
	.newsSection .banner .inner p {
    font-size: 20px;
    line-height: 26px;
}

}

/* =========== New Homepage =========== */

.bannerMain.desktop{
            background-repeat: no-repeat;
            background-size: 100% 100%;
                height: 925px;
    position: relative;
    padding: 70px 40px 40px 40px;
    margin-top: 78px;
        }

         .bannerMain.desktop .topSec h1{
            color: #FFF;
            text-align: center;
            font-size: 120px;
            font-style: normal;
            font-weight: 700;
					 letter-spacing:0;
            line-height: 106px; /* 88.333% */
            text-transform: uppercase;
                width: 50%;
    margin: auto;
					 font-family: Rajdhani, sans-serif;
        }
        .bannerMain.desktop .bottomSec{
            display: flex;
                align-items: flex-end;
                height: 73%;
        } 
         .bannerMain.desktop .bottomSec .data{
            flex: 1;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: column;
        } 
        .bannerMain.desktop .bottomSec .data:first-child{
             align-items: flex-start;

        }
        .bannerMain.desktop .bottomSec .data:last-child{
             align-items: flex-end;

        }
        .bannerMain.desktop .bottomSec .data p{
               color: #3F3C3C;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    width: 90%;
        } 
        .bannerMain.desktop .bottomSec .data h2{
            color: #FFF;
            text-align: center;
            font-size: 64px;
            font-style: normal;
            font-weight: 700;
					letter-spacing:0;
            line-height: 62px; /* 96.875% */
            text-transform: uppercase;
             width: 490px;
              
        } 
         .bannerMain.desktop .bottomSec .data h2 span{
            color: #000;
            display: block;
        } 
        .bannerMain.desktop .bottomSec .data a{
            border-radius: 14px;
            background: var(--Primary-Purple, #838FEC);
            display: flex;
            padding: 20px;
            justify-content: center;
            align-items: center;
            gap: 20px;
             width: 70%;
                
    text-decoration: none;
					    position: relative;
    top: -50px;

        } 
        .bannerMain.desktop .bottomSec .data a span{
            color: #FFF;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: 2.4px;
            text-transform: uppercase;
        } 

        .bannerMain.mobile .topSec{
            background-repeat: no-repeat;
            background-size: 100% 100%;
            position: relative;
            padding: 10px 40px 0px 40px;
            text-align: center;
            height: 40vh;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
					margin-top: 50px;
        }
        .bannerMain.mobile h1{
            font-size: 38px;
            font-style: normal;
            font-weight: 700;
            line-height: 33px; /* 86.842% */
            letter-spacing: 10px;
            color: #fff;
					font-family: Rajdhani, sans-serif;
					letter-spacing:0;
        }
         .bannerMain.mobile h2{
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            color: #fff;
            text-transform: uppercase;
        }
         .bannerMain.mobile h2 span{
            color: #000;
            display: block;
            }

            .bannerMain.mobile .bottomSec{
                padding: 50px 30px;
            }
 
            .bannerMain.mobile .bottomSec .data p{
                margin-top: 0;
                color: #676767;
                font-size: 13px;
                font-style: normal;
                font-weight: 500;
                line-height: 20px; /* 153.846% */
            }
            .bannerMain.mobile .bottomSec .data a{
                display: flex;
                padding: 20px;
                justify-content: center;
                align-items: center;
                gap: 20px;
                align-self: stretch;
                border-radius: 14px;
                background: #838FEC;
                 margin-top: 30px;
                 text-decoration: none;
            }
             .bannerMain.mobile .bottomSec .data a span{
                color: #FFF;
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: 1.8px;
                text-transform: uppercase;
            }

             .bannerMain.mobile .bottomSec .data a img{
                   height: 20px;
                    width: 20px;
                    position: relative;
                    left: -15px;
            }
.aiList .qodef-m-button{
	display:none;
}

        @media(min-width:768px) and (max-width:1024px){
            .bannerMain.mobile h1{
                font-size: 60px;
                font-style: normal;
                font-weight: 700;
                line-height: 54px; /* 90% */
                letter-spacing: 10px;
                color: #fff;
            }
             .bannerMain.mobile h2{
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 35px; /* 116.667% */
                text-transform: uppercase;
                color: #fff;
            }
             .bannerMain.mobile h2 span{
                color: #000;
             }
              .bannerMain.mobile .bottomSec .data a img{
                   height: 20px;
                    width: 20px;
                    position: static;
            }
            .bannerMain.mobile .bottomSec .data a{
                padding: 20px 100px;
            }
            .bannerMain.mobile .bottomSec .data p {
                font-size: 16px;
                font-style: normal;
                line-height: 26px;
            }
					.clientData{
						width:100% !important;
					}
					.bannerMain.mobile .topSec{
						height:75vh;
					}
					.client-top{
						    width: calc(100% - 50px) !important;
    margin: auto;
            left: 0 !important;
					}
        }
@media(max-width:767px){
	.mobgalary .elementor-container{
		    flex-wrap: nowrap !important;
    width: 90% !important;
	}
		.client-top{
						    width: calc(100% - 30px) !important;
    margin: auto;
            left: 0 !important;
					}
}

        @media(min-width:1024px){
            .bannerMain.mobile{
                display: none;
            }
        }
        @media(max-width:1023px){
            .bannerMain.desktop{
                display: none;
            }
        }