.lazyloading {
    background:url(../assets/loadingIcon.svg) no-repeat center center transparent;
}
 html,body {
    font-family: 'Rajdhani', sans-serif !important;
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    min-width: 350px;
    /* min-height: 100%; */
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    scroll-behavior: smooth;
    font-smooth: 2em;
}
html {
    overflow-y: scroll;
    overflow-x: hidden;
}
/* width */
::-webkit-scrollbar {
    width: 3px;
}
/* Track */
::-webkit-scrollbar-track {
    background: #22133A;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #02397C;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #014aa3;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Agdasima', sans-serif !important;
}
div,p,span,a,li {
    font-family: 'Rajdhani', sans-serif !important;
}
b, strong {
    font-weight: bold !important;
}
.hide {display: none !important;}
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 6%;
    padding-right: 6%;
}
.elementor-section.elementor-section-boxed .elementor-inner-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0%;
    padding-right: 0%   ;
}
.LiqContainer {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 6%;
    padding-right: 6%;
}
header {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    padding: 20px 0 0 0;
}
header .HeadLeft {
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    justify-items: flex-end;
    align-items: flex-end;
}
header .HeadLogo {
    width: 180px;
    display: flex;
    justify-content: center;
}
header .HeadLogo img {
    width: 110px;
}
header .HeadRight {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
header ul {
    list-style: none;
    padding: 0px;
    display: flex;
    height: 5px;
}
header ul li,
header ul li:focus {
    margin-left: 30px;
    margin-right: 30px;
    outline: none !important;
}
header ul li a {
    display: flex;
    justify-content: center;
    padding: 0px 0px;
    color: white;
    font-size: 20px;
    font-weight: 400;
    position: relative;
}
header ul li a:hover {
    color: white;
    text-decoration: none;
}
header ul li a:hover:after {
    content: '';
    display: block;
    width: 0%;
    opacity: 0;
    height: 3px;
    position: absolute;
    bottom: 0px;
    background: #22a5ff;
    animation: overnav 0.5s forwards;
}
@keyframes overnav {
    0%{width: 0%;opacity: 0;}
    100%{width: 100%;opacity: 1;}
}
.HeadContact {
    display: flex;
    justify-content: flex-end;
    justify-items: end;
}
.HeaderCall,
.HeaderContact {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0px;
    margin-left: 20px;
}
.HeaderCall {
    background: url(../assets/call.png) no-repeat center center transparent;
    background-size: 25px 25px;
}
.HeaderContact {
    background: url(../assets/contact.png) no-repeat center center transparent;
    background-size: 25px 25px;
}
header {
    transition: all 0.3s ease-in-out;
}
header.HeaderActive .HeadLogo img.MainLogo {
    display: none;
    transition: all 0.3s ease-in-out;
}
header .HeadLogo img.ActiveLogo {
    display: none;
    transition: all 0.3s ease-in-out;
}
header.HeaderActive .HeadLogo img.ActiveLogo {
    display: block;
}
header.HeaderActive {
    background: #22133A;
    padding: 5px 0 5px 0;
    box-shadow: 1px 1px 5px #22133A;
}
header.HeaderActive .HeadLogo  img {
    width: 46px;
}
header.HeaderActive ul {
    height: auto;
    margin-bottom: 0px;
}
header.HeaderActive .HeadRight,
header.HeaderActive .HeadLeft {
    align-items: center;
}
.HomeMain {
    padding-top: 160px;
    padding-bottom: 40px;
    color: white;
    background-size: 100% 100vh;
}
.HomeMain h1 {
    margin-bottom: 0px;
    color: white;
}
.HomeMain p {
    margin-bottom: 0px;
    color: white;
}
.headertitle h1 {
    font-size: 60px;
    font-weight: 500 !important;
}



.LearnMoreBtn a,
.LearnMoreBtn button,
.HeaderGetInTouch a,
.HeaderGetInTouch button {
    background: rgb(68,43,145);
    background: linear-gradient(90deg, rgba(68,43,145,1) 0%, rgba(45,164,255,1) 100%);
    border-top-right-radius: 80px !important;
    border-bottom-left-radius: 80px !important;
    border-bottom-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border: solid 1px white !important;
    display: inline-block !important;
    letter-spacing: 1px;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 14px 46px !important;
    text-decoration: none !important;
    margin-top: 15px !important;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.LearnMoreBtn a:hover,
.LearnMoreBtn button:hover,
.HeaderGetInTouch a:hover,
.HeaderGetInTouch button:hover {
    border-bottom-right-radius: 80px !important;
    border-top-left-radius: 80px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.DeviceHeader {
    width: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999999;
    background: #22133A;
    padding: 0px;
    box-shadow: 1px 1px 5px #22133A;
}
.DeviceHeader .HeadLogo {
    width: 100%;
    padding: 8px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: #22133A;
    z-index: 999999999999;
}
.DeviceHeader .HeadLogo img {
    display: block !important;
    height: 50px;
}

.DeviceHeadLeft {
    width: 100%;
    display: none;
    padding: 25px 15px 0px 15px;
    position: fixed;
    top: -100%;
    right: 0px;
    z-index: 9999;
    background: url(../../../../wp-content/uploads/2023/07/GameWhoWeAre.jpg) no-repeat center center #F6EEFF;
    background-size: 100%;
    border-bottom: solid 2px #22133A;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
}
.DeviceHeadLeft.Active {
    top: 55px;
}
.Devicenav {
    width: 30%;
}
.DeviceHeadLeft .DeviceNavImage {
    max-width: 70%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.DeviceHeadLeft .DeviceNavImage img {
    width: 60%;
    opacity: 0;
    transition: all 0.9s ease-in-out;
}
.DeviceHeadLeft.Active .DeviceNavImage img {
    width: 60%;
    margin-top: 300px;
    opacity: 0;
    animation: NavImage 0.9s forwards;
    animation-delay: 0.5s;
}
@keyframes NavImage {
    0%{margin-top: 300px;opacity: 0;}
   100%{margin-top: 0px;opacity: 1;}
}
.DeviceHeadLeft ul {
    margin-bottom: 0px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.DeviceHeadLeft ul li {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: solid 1px #d0c7df;
}
.DeviceHeadLeft ul li a {
    color: #22133A;
    font-size: 20px;
    font-weight: 500;
    display: block;
    transition: all 0.9s ease-in-out;
}
.DeviceHeader .HeadContact button.OpenNav,
.DeviceHeader .HeadContact button.OpenNav:focus {
    width: 30px;
    height: 30px;
    border: none;
    margin-left: 20px;
    background: url(../assets/OpenIcon.svg) no-repeat center center transparent;
    background-size: 110%;
    outline: none;
}
.DeviceHeader .HeadContact button.CloseNav,
.DeviceHeader .HeadContact button.CloseNav:focus {
    width: 30px;
    height: 30px;
    border: none;
    margin-left: 20px;
    background: url(../assets/CloseIcon.svg) no-repeat center center transparent;
    background-size: 110%;
    outline: none;
}
.OpenNavAlert {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: -100%;
    left: 0%;
    z-index: 999;
    background: rgba(0, 0, 0, 0);
    transition: all 0.3s ease-in-out;
}   
.OpenNavAlert.Overnav {
    top: 0%;
    background: rgba(0,0,0,0.6);
}
.DeviceHeadLeft li:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-left: 80px;
    opacity: 0;
    transition: all 0.9s ease-in-out;
}
.DeviceHeadLeft li.wwaicon:before {
    background: url(../assets/whoIcon.svg) no-repeat center center transparent;
    background-size: 90%;
}
.DeviceHeadLeft li.soluIcon:before {
    background: url(../assets/SolutionIcon.svg) no-repeat left center transparent;
    background-size: 90%;
}
.DeviceHeadLeft li.blogIcon:before {
    background: url(../assets/BlogIcon.svg) no-repeat left center transparent;
    background-size: 90%;
}
.DeviceHeadLeft li.TechIcon:before {
    background: url(../assets/TechIcon.svg) no-repeat left center transparent;
    background-size: 90%;
}
.DeviceHeadLeft li:nth-child(1)::before {
    transition-delay: 0.4s;
}
.DeviceHeadLeft li:nth-child(2)::before {
    transition-delay: 0.5s;
}
.DeviceHeadLeft li:nth-child(3)::before {
    transition-delay: 0.6s;
}
.DeviceHeadLeft li:nth-child(4)::before {
    transition-delay: 0.7s;
}
.DeviceHeadLeft li:nth-child(5)::before {
    transition-delay: 0.8s;
}
.DeviceHeadLeft li:nth-child(6)::before {
    transition-delay: 0.9s;
}
.DeviceHeadLeft li:nth-child(7)::before {
    transition-delay: 1s;
}
.DeviceHeadLeft.Active li:before {
    margin-left: 0px;
    opacity: 1;
}
.DeviceHeadLeft ul li a {
    opacity: 0;
}
.DeviceHeadLeft.Active ul li a {
    opacity: 1;
}
.DeviceHeadLeft ul li:nth-child(1) a {
    transition-delay: 0.5s;
}
.DeviceHeadLeft ul li:nth-child(2) a {
    transition-delay: 0.6s;
}
.DeviceHeadLeft ul li:nth-child(3) a {
    transition-delay: 0.7s;
}
.DeviceHeadLeft ul li:nth-child(4) a {
    transition-delay: 0.8s;
}
.DeviceHeadLeft ul li:nth-child(5) a {
    transition-delay: 0.9s;
}
.DeviceHeadLeft ul li:nth-child(6) a {
    transition-delay: 1s;
}
.DeviceHeadLeft ul li:nth-child(7) a {
    transition-delay: 1.1s;
}

.EachPage {
    padding-top: 160px;
}
.GSTLeft,
.GSTImage,
.GSTRight {
    display: flex;
    align-items: center;
}
.GSTLeft p {
    text-align: right;
}
.GSTLeft p,
.GSTRight p {
    font-family: 'Agdasima', sans-serif !important;
    font-weight: bold;
    font-size: 80px;
    background: #382B41;
    background: linear-gradient(to top, #382B41 12%, #9E00FF 67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.GameBoxImage img {
    width: 66%;
}
.GameCMG .SectionTitle {
    padding-left: 16%;
    padding-right: 16%;
}
.GameCMGBox .elementor-widget-button {
    width: 46% !important;
    margin-bottom: 30px !important;
}
.GameCMGBox .elementor-widget-button a {
    width: 100% !important;
    font-size: 20px;
    color: #595a53;
    min-height: 100px;
    padding: 10px 20px 10px 80px;
    display: flex;
    background:  transparent !important;
    align-items: center;
    text-align: left;
    border-radius: 15px !important;
}
.GameCMGBox .elementor-widget-button {
    box-shadow: 3px 3px 8px 3px #ccc !important;
    border-radius: 15px !important;
    border: solid 1px #ccc !important;
}
.GameCMGBox .BoxGRA {
    background: url(../assets/BoxGRA.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.GameCMGBox .BoxGT {
    background: url(../assets/BoxGT.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.GameCMGBox .BoxSAA {
    background: url(../assets/BoxSAA.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.GameCMGBox .BoxLG {
    background: url(../assets/BoxLG.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.GameCMGBox .BoxGD {
    background: url(../assets/BoxGD.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.GameCMGBox .BoxSAM {
    background: url(../assets/BoxSAM.png) no-repeat 20px center #fff;
    background-size: 40px;
}
.EGExperiences {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    background: #8045a6;
    background: linear-gradient(0deg,rgba(128,69,166,1) 0%,rgba(35,5,86,1) 100%);
}
.EGExperiencesBox {
    border-radius: 40px;
    padding: 50px 50px 15px;
    background: #8045a6;
    background: linear-gradient(0deg,rgba(128,69,166,1) 0%,rgba(23,2,169,1) 100%);
}
.EGExperiencesBox .elementor-container.elementor-column-gap-default .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    flex-wrap: wrap;
}
.EGExperiencesBox .elementor-widget-image{
    width: 33.33% !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.EGExperiencesBox img {
    border-radius: 25px !important;
}
.OurGameDev {
    padding: 60px 0 !important;
    background-color: #f6eeff !important;
}
.OurGameDevBox {
    color: #fff;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background: #3f056c;
    background: linear-gradient(0deg,rgba(63,5,108,1) 0%,rgba(26,6,70,1) 100%);
}
.OurGameDevBox .SectionTitle h1 {
    color: white;
}
.OurGameDevBox .elementor-widget-image {
    width: 20% !important;
    margin-bottom: 10px;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.OurGameDevBox figcaption {
    color: white !important;
}
.OurGameDevBox img {
    width: 60% !important;
}
.elementor-shortcode {
    display: none;
}
.GameTeam {
    background-size: 100% 100%;
}
.GameTeam section.elementor-inner-section .elementor-widget-wrap.elementor-element-populated {
    background: rgb(216,179,186);
    background: linear-gradient(135deg, rgba(216,179,186,0.7) 0%, rgba(63,94,251,0.7) 100%);
    border-radius: 5px;
    transition: all 0.6s ease-in-out;
    padding: 0px 10px 40px 10px;
    margin-top: 5vw;
}
.GameTeam section.elementor-inner-section .elementor-widget-wrap.elementor-element-populated:hover {
    background: rgb(252,70,107);
    background: linear-gradient(135deg, rgba(252,70,107,0.7) 0%, rgba(63,94,251,0.7) 100%);
}
.GameTeam section.elementor-inner-section .elementor-widget-image {
    z-index: 9999;
    margin-top: -5vw;
}
.GameTeam section.elementor-inner-section .elementor-widget-image img {
    width: 50%;
}
.GameTeam section.elementor-inner-section .elementor-column {
    padding-left: 2vw;
    padding-right: 2vw;
}
.GameTeam section.elementor-inner-section .elementor-widget-text-editor h4,
.GameTeam section.elementor-inner-section .elementor-widget-text-editor p {
    margin-bottom: 0px;
    color: white !important;
}
.GameFAQ {
    background: #F6EEFF;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.GFAQLine {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.GFAQLine li {
    width: 100%;
    margin: 10px 0;
    background: white;
    border-radius: 10px;
    overflow: hidden;
}
.GFAQLine li h4 {
    display: block;
    width: 100%;
    padding: 20px 50px 15px 30px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: url(../assets/GameFaqArrowdown.svg) no-repeat 99% center white;
    background-size: 36px;
}
.GFAQLine li p {
    display: block;
    width: 100%;
    overflow: hidden;
    border-top: solid 1px #efefef;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #333333;
    transition: all 0.3s ease-in-out;
}
.SEOSupportIcons img {
    width: 40%;
}
.SEOSupportIcons h3 {
    font-size: 26px;
}
.HomeContactFormSide {
    background: rgb(5,26,54) !important;
    background: linear-gradient(0deg, rgba(5,26,54,1) 0%, rgba(0,31,201,1) 100%) !important;
    color: white;
    padding: 50px !important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.HomeTestomonial {
    background: url(../assets/GameContactImage.jpg) no-repeat center center #352c22;
    background-size: 100% 100%;
}
.HomeTestomonial {
    padding: 50px !important;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: center !important;
    justify-items: center !important;
}
.HomeContactFormSide h2 {
    font-size: 55px !important;
    font-weight: bold;
    color: white !important;
}
.HomeContactFormSide .RequestAQuoteTable form label {
    color: white !important;
    font-weight: bold !important;
    font-size: 16px !important;
    margin-top: 20px !important;
    font-weight: bold;
}
.HomeContactFormSide .RequestAQuoteTable form input[type=text],
.HomeContactFormSide .RequestAQuoteTable form input[type=email],
.HomeContactFormSide .RequestAQuoteTable form input[type=tel],
.HomeContactFormSide .RequestAQuoteTable form select,
.HomeContactFormSide .RequestAQuoteTable form textarea {
    border-radius: 5px !important;
    background: #F8F8F8 !important;
    border: none !important;
    padding: 0px 14px !important;
    box-shadow: none !important;
    font-size: 20px;
    min-height: 50px;
    color: black !important;
}
.HomeContactFormSide .RequestAQuoteTable form textarea {
    max-height: 60px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.frm-g-recaptcha {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}
.RequestAQuoteTable .frm_submit {
    width: 100%;
    display: flex;
    justify-content: center;
}
.RequestAQuoteTable .frm_submit button {
    margin: 0px !important;
}
.HomeContactFormSide .RequestAQuoteTable .frm_submit button,
.HomeContactFormSide .RequestAQuoteTable .frm_submit button:focus {
    background: #FFFFFF !important;
    color: #004893 !important;
}
.RequestAQuoteTable .frm_submit button,
.RequestAQuoteTable .frm_submit button:focus {
    border-radius: 40px !important;
    letter-spacing: 1px;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 18px !important;
    background: #0063EE !important;
    color: white !important;
    font-weight: bold;
    border: none !important;
    padding: 13px 55px !important;
    outline: none;
}
.GameBottomSecond {
    width: 100%;
    margin-top: -80px;
    padding: 120px 40px 40px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    border-radius: 50px;
    background: #ece5ed;
    z-index: 1;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
.GameLetsstart {
    border: solid 1px #307BE6;
    background: #307BE6;
    color: white !important;
}

.GameBottomSecond .elementor-widget-container {
    width: 100%;
    margin-top: -80px;
    padding: 120px 40px 40px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    border-radius: 50px;
    background: #ece5ed;
    position: relative;
    z-index: 1;
}
.GameLetsstart, .GameContactbtn {
    padding: 14px 25px;
    margin: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.GameLetsstart {
    border: solid 1px #307BE6;
    background: #307BE6;
    color: white !important;
}
.GameContactbtn {
    border: solid 1px #307BE6;
    color: #307BE6;
    text-decoration: none;
}
.GameBottomFirst {
    width: 100%;
    margin-top: 16vw;
    padding: 40px 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    border-radius: 50px;
    background: rgb(0,93,151);
    background: linear-gradient(0deg, rgba(0,93,151,1) 0%, rgba(0,2,224,1) 100%);
    position: relative;
    z-index: 2;
}
.GameBottomFirst img {
    margin-top: -15vw;
    width: 80%;
    height: auto;
}
.GameBottomFirst h1 {
    font-size: 60px;
    color: white !important;
    width: 100%;
    text-align: center;
}



























.GameArticleJS {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.GameArticleJS .slick-prev {
    position: absolute;
    margin: 130px auto 0 auto;
}

.GameArticleJS .slick-next {
    position: absolute;
    margin: 12px auto 0 90px;
}
.GameArticle .slick-list.draggable {
    overflow: hidden;
    width: 80%;
}
.GameArticle .slick-slide {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
}
.GameArticle .GArticle {
    width: 80%;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
}
.slick-track {
    display: flex;
}   
.GameArticle .GArticle .UserDet {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 15px;
    color: white;
    font-size: 14px;
}
.GameArticle .GArticle .UserDet img {
    width: 50px;
    height: auto;
    border-radius: 50px;
}
.GAStars {
    width: 80px;
    position: relative;
}
.GAStars::before {
    content: '';
    display: flex;
    height: 20px;
    background: url(../assets/goldstar.svg) no-repeat left center transparent;
    background-size: 80px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
}
.GAStars::after {
    content: '';
    display: flex;
    width: 100%;
    height: 20px;
    background: url(../assets/graystar.svg) no-repeat left center transparent;
    background-size: 80px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
}
.GArticle .UserDet .col {
    min-height: 40px;
}
.GameArticleJS .slick-next,
.GameArticleJS .slick-next:focus {
    position: absolute;
    right: 0px;
    top: 45%;
    width: 60px;
    height: 40px;
    border: none;
    background: url(../assets/NextGSlider.png) no-repeat center center transparent;
    background-size: 100%;
    font-size: 0px;
    cursor: pointer;
    outline: none;
}
.GameArticleJS .slick-prev,
.GameArticleJS .slick-prev:focus {
    position: absolute;
    left: 0px;
    top: 15.5%;
    width: 60px;
    height: 40px;
    border: none;
    background: url(../assets/PrevGSlider.png) no-repeat center center transparent;
    background-size: 100%;
    font-size: 0px;
    cursor: pointer;
    outline: none;
}

.MainSectionDev p {
    color: white;
}
.HWWTable .HWWBoxPlan{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.HWWTable .HWWBox {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    background: #FFFFFF;
    transition: all 0.3s ease-in-out;
}
.HWWTable .HWWBox:hover {
    background: rgb(5,26,54) !important;
    background: linear-gradient(0deg, rgba(5,26,54,1) 0%, rgba(0,31,201,1) 100%) !important;
    box-shadow: 0px 0px 10px #abb4ca;
    border-top-right-radius: 30px;
}
.HWWTable .HWWBox h2,
.HWWTable .HWWBox li {
    transition: all 0.3s ease-in-out ;
}
.HWWTable .HWWBox:hover h2,
.HWWTable .HWWBox:hover li {
    color: white !important;
}





.HowWeWork .elementor-inner-section {
    position: relative;
}
.HowWeWork .elementor-inner-section .elementor-container {
    background: white;
    border-radius: 30px;
    padding: 30px 0;
    position: unset !important;
}
.HowWeWork p {
    display: none;
    color: white;
    margin-bottom: 0px;
}
.HowWeWork h4 {
    font-size: 22px;
    font-weight: 600 !important;
    color: black !important;
}
.HowWeWork h3 {
    font-size: 30px;
    font-weight: 600 !important;
}
.HowWeWork .elementor-inner-section {
    min-height: 350px;
}
.HowWeWork .elementor-inner-section .elementor-container {
    height: 286px;
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap {
    /* transition: all 0.3s ease-in-out; */
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap:hover {
    padding: 30px 10px !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    background: rgb(5,26,54) !important;
    background: linear-gradient(0deg, rgba(5,26,54,1) 0%, rgba(0,31,201,1) 100%) !important;
    position: absolute;
    top: -30%;
    box-shadow: 0px 0px 10px #ccc;
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap:hover img {
    filter: brightness(0) invert(1);
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap:hover h4 {
    font-size: 22px;
    font-weight: 600 !important;
    color: white !important;
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap:hover p {
    display: block;
}
.HowWeWork .elementor-inner-section .elementor-widget-wrap:hover h3 {
    font-size: 30px;
    font-weight: 600 !important;
    color: white !important;
}














footer {
    padding-top: 60px;
    width: 100%;
    background: #F6EEFF !important;
    color: white;
}
footer h1 {
    color: #0162ED;
    font-weight: bold;
}
.FootTrustLogos ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    width: 100%;
    justify-content: center;
    justify-items: center;
}
.FootTrustLogos ul li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.FootTrustLogos ul li a {
    display: flex;
    width: 100%;
    justify-content: center;
}
.FootTrustLogos ul li:first-child img {
    width: 60%;
}
.FootTrustLogos ul li img {
    width: 60%;
    height: auto;
}
.NewTemFooter .FooterLogoAndSub,
.NewTemFooter .Footer.FooterNav2022,
.Footer .SubEmailFuntion .clear input,
.SubEmailFuntion .clear input[type=submit] {
    background: rgb(63,5,108) !important;
    background: linear-gradient(0deg, rgba(63,5,108,1) 0%, rgba(26,6,70,1) 100%) !important;
}
.FooterLogo {
    width: 400px;
}
.FooterLogo a {
    background: url(../assets/NewFooterLogo2022.svg) no-repeat left center;
    background-size: auto 66px;
    display: block;
    width: 100%;
    height: 80px;
}
.Footer #mc_embed_signup {
    background: transparent !important;
}
.Footer.FooterContent2022 .SubEmailFuntion {
    background: #F1F1F1;
    border-radius: 50px;
}
.Footer .SubEmailFuntion input, .Footer .SubEmailFuntion input:focus {
    border: none !important;
    background: transparent !important;
    position: absolute;
    left: 0px;
    outline: none;
    padding: 17px 10px !important;
}
.Footer .SubEmailFuntion .clear {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999;
    display: block;
    width: 120px;
}
.Footer .SubEmailFuntion .clear input {
    background: rgb(63,5,108) !important;
    background: linear-gradient(0deg, rgba(63,5,108,1) 0%, rgba(26,6,70,1) 100%) !important;
    border-radius: 40px !important;
    padding: 4px 15px !important;
    height: auto !important;
}
.NewTemFooter .Footer.FooterNav2022 {
    background: #0063EE;
    margin-top: 0px !important;
    padding-top: 50px !important;
}
.Footer.FooterNav2022 .FooterNav h2 {
    font-size: 18px !important;
    color: white;
    font-weight: 800;
    padding-bottom: 14px;
    text-transform: uppercase;
    position: relative;
}
.Footer.FooterNav2022 .FooterNav h2:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #ffffff;
}
.FooterNav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.FooterNav ul li {
    width: 100%;
    padding: 5px 0;
    position: relative;
}
.menu-assistantce-nav-container ul li {
    position: relative;
    display: flex;
}
.menu-footer-company-nav-container .FootNav li::before,
.menu-footer-services-container .FootNav li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #FFF;
    border-radius: 10px;
    position: absolute;
    left: -16px;
    top: 16px;
}
.menu-assistantce-nav-container ul li::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.menu-assistantce-nav-container .AddEmail:before {
    background: url(../assets/AddEmail.svg) no-repeat center center transparent;
    background-size: 100%;
}
.menu-assistantce-nav-container .AddCall:before {
    background: url(../assets/AddCall.svg) no-repeat center center transparent;
    background-size: 90%;
}
.menu-assistantce-nav-container .AddHouston:before {
    background: url(../assets/AddHouston.svg) no-repeat center center transparent;
    background-size: auto 100%;
}
.menu-assistantce-nav-container .Addpakistan:before {
    background: url(../assets/AddPakistan.svg) no-repeat center center transparent;
    background-size: auto 100%;
}
.menu-assistantce-nav-container .AddUAE:before {
    background: url(../assets/AddUAE.svg) no-repeat center center transparent;
    background-size: auto 100%;
}
.Footer.FooterNav2022 .FooterNav ul li a {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 20px;
}
.FooterSocialNav {
    display: flex;
    margin-top: 30px !important;
}

.FooterSocialNav .LNIcon a,
.FooterSocialNav .FBIcon a,
.FooterSocialNav .INIcon a,
.FooterSocialNav .TWIcon a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0px !important;
}
.FooterSocialNav .LNIcon a {
    background: url(../assets/LinkedIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.FooterSocialNav .FBIcon a {
    background: url(../assets/FacebookIcon.svg) no-repeat center center transparent;
    background-size: 48%;
}
.FooterSocialNav .INIcon a {
    background: url(../assets/InstagramIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.FooterSocialNav .TWIcon a {
    background: url(../assets/TwitterIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.CopyRights {
    background: #000000;
    color: #cccccc;
    font-size: 14px !important;
    padding: 10px 0 !important;
}
.USContact h2,
.USContact h3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: white;
    text-align: right;
}
.USContact h2 {
    font-size: 40px;
}
.USContact .elementor-widget-button a {
    background: transparent !important;
    width: 100%;
    text-align: right;
    padding: 0px !important;
}
.USContact h2:before {
    content: '';
    display: block;
    width: 100%;
    height: 170px;
    margin-bottom: 15px;
    background: url(../assets/USIcon.svg) no-repeat right center transparent;
    background-size: auto 170px;
}
.contactUAE .elementor-widget-text-editor,
.ContactPk .elementor-widget-text-editor,
.ContactKhi .elementor-widget-text-editor {
    margin-bottom: 0px !important;
}
.contactUAE h3,.contactUAE p,
.ContactPk h3,.ContactPk p,
.ContactKhi h3,.ContactKhi p {
    width: 100%;
    display: flex;
    color: white;
    margin-bottom: 0px;
}
.contactUAE .elementor-widget-button a,
.ContactPk .elementor-widget-button a,
.ContactKhi .elementor-widget-button a {
    background: transparent !important;
    width: 100%;
    text-align: left;
    padding: 0px !important;
}
.contactUAE,
.ContactPk,
.ContactKhi {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.contactUAE:before,
.ContactPk:before,
.ContactKhi:before {
    content: '';
    display: block;
    width: 130px;
    height: 170px;
}
.contactUAE:before {
    background: url(../assets/UAEIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.ContactPk:before {
    background: url(../assets/IslamabadIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.ContactKhi:before {
    background: url(../assets/KHIIcon.svg) no-repeat center center transparent;
    background-size: 80%;
}
.ContactPageLetsTab .ContactPageLets .elementor-widget-wrap.elementor-element-populated {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.ContactPageLetsTab .ContactPageLets .elementor-widget-wrap.elementor-element-populated .elementor-widget-heading {
    width: 100%;
}
.ContactPageLetsTab .ContactPageLets .elementor-widget-wrap.elementor-element-populated .elementor-widget-button {
    width: 250px;
    margin-bottom: 0px !important;
}
.letnumber a,
.letEmail a {
    background: transparent !important;
    color: black !important;
    font-size: 20px;
    padding: 0px !important;
    width: 100%;
    display: flex;
    align-items: center;
}
.letnumber a:before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 10px;
    background: url(../assets/ClIcon.svg) no-repeat center center transparent;
    background-size: 100%;
}
.letEmail a:before {
    content: '';
    width: 32px;
    height: 32px;
    display: block;
    margin-right: 10px;
    background: url(../assets/emIcon.svg) no-repeat center center transparent;
    background-size: 100%;
}
.WWAPage h2,
.WWAPage p,
.SolutionPage h2,
.SolutionPage p {
    color: white !important;
}
.solveimage img {
    mix-blend-mode: multiply;
}
.WWAPage .WWAMain {
    height:80vh;
}
.SolutionsTabs h2 {
    font-size: 20px;
    color: black !important;
    margin-bottom: 0px !important;
}
.SolutionsTabs .SolutionsBox .elementor-column {
    padding-left: 10px;
    padding-right: 10px;
}
.SolutionsTabs .SolutionsBox .elementor-column .elementor-widget-wrap {
    background: #ffffff;
    transition: all 0.3s ease-in-out;
    perspective: 500px;
}
.SolutionsTabs .SolutionsBox .elementor-column .elementor-widget-wrap:hover {
    background: rgb(5,26,54) !important;
    background: linear-gradient(0deg, rgba(5,26,54,1) 0%, rgba(0,31,201,1) 100%) !important;
    box-shadow: 0px 0px 10px #abb4ca;
    border-top-right-radius: 30px;
}
.SolutionsTabs .SolutionsBox .elementor-column .elementor-widget-wrap:hover h3,
.SolutionsTabs .SolutionsBox .elementor-column .elementor-widget-wrap:hover p {
    color: white;
}
.GameDevCol .elementor-column:last-child .elementor-widget-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.GameDevCol .elementor-column:last-child .elementor-widget-wrap .elementor-widget-text-editor {
    width: 48%;
    background: #FFFFFF;
    padding: 15px;
    display: flex;
    margin-bottom: 30px;
    transition:all 0.3s ease-in-out;
}
.GameDevCol .elementor-column:last-child .elementor-widget-wrap .elementor-widget-text-editor:hover {
    background: rgb(5,26,54) !important;
    background: linear-gradient(0deg, rgba(5,26,54,1) 0%, rgba(0,31,201,1) 100%) !important;
    box-shadow: 0px 0px 10px #abb4ca;
    border-top-right-radius: 30px;
}

.GameDevCol h3 {
    font-size: 22px;
    color: black;
    transition: all 0.3s ease-in-out;
}
.GameDevCol p {
    margin-bottom: 0px;
    color: black;
    transition: all 0.3s ease-in-out;
}
.GameDevCol .elementor-column:last-child .elementor-widget-wrap .elementor-widget-text-editor:hover h3,
.GameDevCol .elementor-column:last-child .elementor-widget-wrap .elementor-widget-text-editor:hover p {
    color: white;
}
.GameDevCol ul.elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
}
.GameDevCol ul.elementor-icon-list-items li {
    padding: 10px 0;
    width: 33.33%;
    flex-wrap: wrap;
    text-align: center;
}
.GameDevCol ul.elementor-icon-list-items li span {
    color: black;
    font-size: 18px;
    font-weight: 600 !important;
    width: 100%;
}
.GameDevCol ul.elementor-icon-list-items li::before {
    content: '';
    width: 100%;
    height: 60px;
    margin-right: 15px;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(1):before {
    background: url(../assets/Unity3D.png) no-repeat center center transparent;
    background-size: auto 100%;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(2):before {
    background: url(../assets/Cocos2d.png) no-repeat center center transparent;
    background-size: auto 100%;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(3):before {
    background: url(../assets/Threejs.png) no-repeat center center transparent;
    background-size: auto 100%;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(4):before {
    background: url(../assets/UnrealEngine.png) no-repeat center center transparent;
    background-size: auto 100%;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(5):before {
    background: url(../assets/Roblox.png) no-repeat center center transparent;
    background-size: auto 100%;
}
.GameDevCol ul.elementor-icon-list-items li:nth-child(6):before {
    background: url(../assets/html5.png) no-repeat center center transparent;
    background-size: auto 100%;
}