/* Theme Name: Cart Potato Theme Theme URI: https://cartpotato.com Author: WordPress Engineers Author URI: https://cartpotato.com Description: Specially designed and developed for WordPress Websites. It is fully compatible and responsive theme. It is also compatible with mobile and desktop devices. 100% dynamic and tested upto latest versions of wordpress. #WordPress #Development #LifeintheCode Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: Cart Potato Theme Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ .contect-form-career-section br{display:none;} h1,h2,h3,h4,h5,h6,span{font-family: "Fjalla One", sans-serif;} p,ul li,a{font-family: "Poppins", sans-serif;text-decoration:none;} .containers{width:1520px;margin:auto;} h2 strong{color:#FFCC00;font-family: "Fjalla One", sans-serif;font-weight:400;} h2{text-transform:uppercase;} .footer ul li{list-style:none;} .footer ul li:nth-child(3) p{margin-bottom:12px;} .add-new-ad h2 span{color:#FFCC00; margin: 0 18px;} *, :after, :before {box-sizing: border-box;} .portfolio__text-mainmyDIV1,.portfolio__text-mainmyDIV2,.moving-boxupper.boxlaptop,.moving-boxupper.mobile1,.mobile-view, .portfolio__text-mainmyDIV3,.menu-toggle,.mobile-menu,.portfolio__text-mainmyDIV4,.portfolio__text-mainmyDIV5{display: none;} .swiper-wrapper{ justify-content: normal;} .contentzoom,.contentzoom1,.contentzoom2{transform: scale(0);opacity: 0.5;transition: transform 0.5s ease-out, opacity 0.5s ease-out;} .contentzoom.zoom-inzoom,.contentzoom1.zoom-inzoom1,.contentzoom2.zoom-inzoom2{ transform: scale(1);opacity: 1;} .viewport{overflow: hidden;position: fixed;height: 100%;width: 101%;top: 0;left: -2;right: 0;bottom: 0;} .scroll-container {position: absolute;overflow: hidden;z-index: 10;display: flex;justify-content: center;backface-visibility: hidden;transform-style: preserve-3d;width: 100%;} #logo-back {background: #00000061;position: absolute;height: 100vh;width: 100%;} .main-logo-slide {margin: 0;display: flex;justify-content: center;align-items: center;height: 100vh;}F #logo-back{ background: #00000061;} .logo-slidees {position: absolute;opacity: 1;transition: all 3s ease;top: 50%; left: 50%;transform: translate(-50%, -50%);} .logo-slidees img {width: 100px; /* Adjust logo size */height: auto;} /*---------------*/ .modalann {display: block; position: fixed;z-index:30;left:0px;top: 0;width: 100%;height: 100%;overflow: auto;background-color: #061731f5;} .modalann-content {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;transition: all 0.5s ease-in-out;} .logoann-containerann {position: relative;display: flex;justify-content: center;align-items: center;width: 500px;max-width: 90%;} .logoann-containerann::before {content: "";position: absolute;width: 120%;height: 120%;border-radius: 50%;filter: blur(20px);transition: all 0.5s ease-in-out;} .logoann {width: 100%;position: relative;transition: transform 0.5s ease-in-out, width 0.5s ease-in-out;} .move-logoannann {transform: translate(-40vw, -40vh) scale(0.5);} /*-------------*/ .header-sec{position:absolute;width:100%;z-index:20;padding:65px 0 0;} .scrolled-inheader{padding:15px 0;transition: 0.3s;} .scrolled-inheader1{padding:60px 0 0;transition: 0.3s;} .header-sec{transition: 0.3s;} .header-sec-in{display:flex;justify-content: space-between;width:1720px;margin:auto;} .header-sec-in .header-sec-in-logo img{width:281px;height:44px;} .header-sec-in-logo{display: flex;justify-content: center;align-items: center;} .header-sec-in-right ul{display: inline-flex; padding: 0px;margin:0px;justify-content: center;align-items: center;} .header-sec-in-right ul li{list-style:none;margin-left:50px;} .header-sec-in-right ul li a{color:#fff;font-size:18px;} .header-sec-in-right ul li a:hover{color: #08C9BC !important;} /* .header-sec-in-right ul li:nth-child(4) a{background:#ADD45C;padding:16px 18px;color:#000;border-radius:40px;transition:1s;} .header-sec-in-right ul li:nth-child(4) a:hover{background:transparent;border:1px solid #fff;color:#fff;} */ .header-sec-in-right ul li:nth-child(5) a{padding:16px 18px;color:#fff;border-radius:40px;border:1px solid #fff;transition:1s;} .header-sec-in-right ul li:nth-child(5) a:hover{background:#ADD45C;border:0px ;color:#000 !important;} .wpcf7-response-output{color:#fff !important;} .main-page{height:100%;width:100%;} /*.main-page{height:100%;width:100%;background:url(/wp-content/uploads/2025/05/Image.webp.png);}*/ .mainn-video{position: absolute;z-index: 0; width:100%;} .top-section .containers{position: relative;padding:230px 0 100px;} .top-section{position:relative;} .main-banner-ineer{width:75%; margin:auto; text-align:center;} .main-banner-ineer h1{font-size:101px;color:#fff;text-transform:uppercase;} .main-banner-ineer h1 span:nth-child(1) div{background:#FFCC00;height: 18px;width: 14px;border-radius: 10px;margin-left: 8px;} .main-banner-ineer h1 span:nth-child(2) div{background:#08C9BC;height: 18px;width: 14px;border-radius: 10px;margin-left: 8px;} .main-banner-ineer h1 span:nth-child(3) div{background:#ADD45C;height: 18px;width: 14px;border-radius: 10px;margin-left: 8px;} .main-banner-ineer h1 span{display:inline-flex;align-items: baseline;justify-content: flex-start;} .main-banner-ineer p{font-size:24px;color:#fff;margin:30px 100px;} .main-banner-ineer p span{color:#FFCC00;font-weight:600;font-family: "Poppins", sans-serif; font-size:40px;text-transform: uppercase;} .main-banner-ineer-a{margin:70px 0 0;} .main-banner-ineer-a a{font-size:18px;font-weight:600;background:#ADD45C;border-radius:50px;padding:25px;color:#000;transition:1s;} .main-banner-ineer-a a:hover{background:transparent;border:1px solid #fff;color:#fff;} .main-banner-ineer p img{width:40%; margin-bottom:35px;} .worx-like-magic{padding:100px 0 50px;} .worx-like-magic .worx-like-magic-top{width:100%;text-align:center;} .worx-like-magic .worx-like-magic-top h2{font-size:31px;color:#fff;text-transform: uppercase;letter-spacing:1px;display:flex;justify-content:center;} .worx-like-magic .worx-like-magic-top h3 strong{color: #08C9BC;} .our-formula h2,.add-new-ad h2{font-size:85px;color:#fff;text-transform: uppercase;letter-spacing: -2px;display:flex;justify-content:center;} .worx-like-magic .worx-like-magic-top h2 nav:nth-child(n+1):nth-child(-n+7){color: #FFCC00;} .worx-like-magic .worx-like-magic-top h2 nav:nth-child(7),.our-formula h2 nav:nth-child(3), .worx-like-magic .worx-like-magic-top h2 nav:nth-child(10), .worx-like-magic .worx-like-magic-top h2 nav:nth-child(14){margin-right:5px;} .worx-like-magic .worx-like-magic-top h3{font-size:85px;color:#fff;text-transform: uppercase;letter-spacing: -2px;} .worx-like-magic-in{display:flex;margin-top:40px;} .worx-like-magic-in video{width:100%; border-radius: 70px;transition: 0.5s;box-shadow: -9px 9px 0px 0px #FFCC00;} /*.worx-like-magic-in img:hover{box-shadow: -9px 9px 0px 0px #FFCC00;}*/ .worx-like-magic-left{width:50%;} .worx-like-magic-right{width:100%;align-self: center;padding:0 0px 0 0px;text-align:center;} .worx-like-magic-right p{font-size:24px;color:#fff;margin-bottom:20px;} .worx-like-magic-right a{font-size:18px;color:#000; border-radius:50px;padding:20px;background: #ADD45C; border:1px solid #ADD45C;transition: 1s;} .worx-like-magic-right a:hover{background: transparent; border: 1px solid #fff; color: #fff;} .worx-like-magic-right-in{margin:50px 0 0;} .worx-like-magic-right p span{font-family: "Poppins", sans-serif !important; color:#08C9BC; font-size:30px;} .our-formula{padding:0 0 100px;} .our-formula-in{display:flex;justify-content: space-between;margin-top:85px;position:relative;} .our-formula-border{position:absolute;width:100%;top:150px;} .border-formula{height:330px;width:70%;margin:auto;background: url(/wp-content/uploads/2025/03/Rectangle-44.png) no-repeat;background-size: contain;position:relative;} .moving-box {color: black;font-size: 19px;font-weight: bold;position: absolute;left: 0;border-radius: 10px;bottom: -5px;margin: 0 50px;background: #FFCC00;border: 1px solid #FFCC00;padding: 0px;border-radius: 50%;width: 46px;height: 46px;display: flex;justify-content: center;align-items: center;transition: opacity 0.5s ease-in-out;} .moving-box:before {content: '';border: 1px solid #FFCC00;height: 60px;width: 60px;border-radius: 50%;position: absolute;} .add-new-ad{margin:80px 0;} .our-formula-in1:nth-child(1){order:3;} .our-formula-in1:nth-child(2){order:2;} .our-formula-in1:nth-child(3){order:1;} .our-formula-in1{width:31%;background:#fff;border-radius: 60px; padding: 40px 50px 20px;transition: 0.5s;-webkit-animation: mover 2s infinite alternate;animation: mover 2s infinite alternate;} @keyframes mover { 0% { transform: translateY(0);} 100% { transform: translateY(-30px);} } .our-formula-in1:hover{box-shadow: -9px 9px 0px 0px #08C9BC;} .our-formula-in1 img{width:80px;} .our-formula-in1 h3{font-size:40px;text-transform:uppercase;border-bottom:2px solid #00000085;padding:28px 0 12px;margin-bottom:15px; width: 110px;} .our-formula h2 nav:nth-child(n+4):nth-child(-n+10){color:#08C9BC;} .our-formula-in1 p span{font-family: "Poppins", sans-serif;border-bottom:1px solid #00000085;} .our-formula-in1 p{font-size:20px;color:#000;} .our-formula h2 span{color:#08C9BC;margin-left:10px;} /*.our-work-link{display:flex;justify-content:center;}*/ .text-scrolll button{border:1px solid #fff;padding:10px 30px;border-radius:40px;margin:0 10px;color:#fff;font-size:18px;font-weight:400;font-family: "Poppins",sans-serif;} .our-work .containers{overflow:hidden;width:100%;} .our-work-slider h4{font-size:31px;text-transform:uppercase;text-align:center;color:#fff;margin:30px 0 0;} .our-work-slider img{width:100%;border-radius:40px;box-shadow:0 0 10px #ffffff57;transition: 0.5s;} .our-work-slider img:hover{box-shadow: -9px 9px 0px 0px #FFCC00;} .our-work-slider .thumbnail.item{padding-bottom:30px;} .our-work-slider .swiper-button-next:after{content:'';height:50px;width:49px;background:url(/wp-content/uploads/2025/03/Group-9.png) no-repeat;position:absolute;background-size:cover;} .our-work-slider .swiper-button-prev:after{content:'';height:50px;width:49px;background:url(/wp-content/uploads/2025/03/Group-35.png) no-repeat;position:absolute;background-size:cover;} .our-work-slider .swiper-scrol {padding:20px 1px 20px 20px; width:100% !important;box-sizing: border-box;} .our-work-slider .swiper-scrol .swiper-slide{width:auto !important;} .our-work-slider{position:relative; width:97%; margin:auto; padding:4px 0;} .our-work-slider .swiper-button-next{position:absolute;right:25px;z-index:3;} .our-work-slider .swiper-button-prev{position:absolute;left:25px;z-index:1;} .our-work-slider .swiper-pagination {display:none;} .portfolio__item, .portfolio__btn{opacity: 0;} .portfolio__item{border-radius: 8px;overflow: hidden;transform-origin: center bottom;transform: rotateX(0);transition: transform 0.4s ease-out, opacity 0.4s ease-out;} .portfolio__item img{width: 100%;height: auto;display: block;} .portfolio__area{position:relative;overflow:hidden;padding:0;margin:100px 0 ;} .portfolio__text-main-in{display:flex;justify-content:center;align-items:center;width:100%;} .portfolio__text {color: #fff; letter-spacing: -3px;text-transform: uppercase;font-family: "Fjalla One", sans-serif;font-weight:400;} #myDIV,#myDIV1,#myDIV2,#myDIV3,#myDIV4,#myDIV5{text-align:center;display: inline-block;padding: 10px;transition: font-size 0.6s ease-in-out;} .portfolio__text-main{width: 100%;position: relative;display:flex;justify-content: center;align-items: center;} .portfolio__text-main-in{position: relative;} .portfolio__list-1{display: flex;justify-content: space-between;width:100%;margin: auto; gap:15px;} .portfolio__list-11{width: 50%;} .portfolio__list-11 .portfolio__item{margin-bottom:15px;} .portfolio__list-11:nth-child(2){margin: 70px 0 0; padding-bottom:60px;} .portfolio__item-img{height:725px;width:100%;display: flex;justify-content: start;align-items: end;padding: 11px;} .portfolio__item-img-in{background: rgb(255,255,255); background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 24%, rgba(255,255,255,0.9136029411764706) 68%, rgba(255,255,255,0.22452731092436973) 91%, rgba(255,255,255,0) 100%, rgba(155, 1, 1, 0) 100%);padding:36px;border-radius: 40px;} .portfolio__item-img-in h4{font-size: 40px; color: #000;} .portfolio__item-img-in p{font-size:24px;color:#000;font-weight:600;} .portfolio__item-img-in ul li{color:#000;font-size:20px;} .portfolio__item-img-in a{font-size:18px;background:#FFCC00;color#000;padding:10px 20px;border-radius:11px;color:#000;font-weight:600;} .a-port{margin: 40px 0 0;} .portfolio__item-img-in hr{width:100px;border:2px solid #000;} #portfolio__item-img1{background:url(/wp-content/uploads/2025/05/Mask-group-2025-05-19T170327.394.png) no-repeat 100%;background-size:cover;} #portfolio__item-img4{background:url(/wp-content/uploads/2025/05/Mask-group-2025-05-27T145048.913.png) no-repeat 100%;background-size:cover;} #portfolio__item-img2{background:url(/wp-content/uploads/2025/05/Mask-group-2025-05-19T170319.491.png) no-repeat 100%;background-size:cover;} #portfolio__item-img5{background:url(/wp-content/uploads/2025/05/Mask-group-2025-05-19T170323.188.png) no-repeat 100%;background-size:cover;} #portfolio__item-img3{background:url(/wp-content/uploads/2025/03/Mask-group-3-1.png) no-repeat 100%;background-size:cover;} .design-daily-life .gallery {display:flex;flex-wrap: wrap;width: 100%;} .gallery .pin-spacer{width: 100% !important;justify-content: center;} .design-daily-life .left {width:100%;} .design-daily-life .detailsWrapper {margin:auto;width:100%;} .design-daily-life .details {padding:20px 30px 40px; display:flex; flex-direction:column; justify-content:center;box-shadow: 0px 0px 26.2px 0px #00000024;border-radius: 20px;margin-bottom: 50px;} .design-daily-life .right {width:50%; height:100%; display:flex; flex-direction:column; justify-content:center;} .design-daily-life .photos {width:100%; height:100%; position:relative; text-align: center;} .design-daily-life .photo {position:absolute; width:100%; height:100%;} .design-daily-life .photos h2{color: #08C9BC;font-size:100px;} .design-daily-life .photos p{color: #fff;font-size:20px;} .design-daily-life .details span{margin-bottom: 20px; font-size: 22px; font-weight: 600; letter-spacing: -0.04em; opacity:40%; text-align: right;} .design-daily-life .details h3{font-size: 35px; margin-bottom:15px; font-weight: 700;letter-spacing: -0.04em;} .design-daily-life .details h6{font-size: 20px;font-weight: 600;line-height: 27.32px;color:#000; margin:0px;} .design-daily-life .photos h2{font-size: 73px; margin:0px 0px 23px; width:100%; font-weight: 800;line-height: 93px;letter-spacing: -0.04em;} .design-daily-life .photos p{font-size: 22px; color:#000; margin:0px 0px 35px; font-weight: 600;line-height: 30.05px;} .design-daily-life .details:nth-child(6){margin-bottom:0px;} .wat-iner{text-align:center;margin: 0 auto 100px;} .wat-left{width:1125px;margin:60px auto 60px;} .wat-left img{width:348px;margin:0 0 25px;} .wat-left p{font-size:20px;color:#fff;} .wat-right{width:100%; padding:90px 0 0;} .wat-right h3{font-size:40px;color:#fff;margin-bottom:13px;} .wat-right p{font-size:18px;color:#fff;} .wat-rightiner{display: flex;justify-content: space-between; gap: 15px;} .wat-right-in{width:33%;} /* .wat-right-in:nth-chlid(1){ background:red !important;} */ .wat-right-iner{background:#003B66;padding:100px 20px 56px;position:relative;border-radius:35px; height:480px;} .wat-right-in img{width:120px;position:absolute; top: -59px;} .wat-right-in-img{width:100%;display:flex;justify-content:center;align-items:center;} .typical-agency{margin-bottom:100px;} .typical-agency-text{text-align:center;} .typical-agency-text h2{font-size:85px;color:#fff;margin-bottom:30px;text-transform: uppercase;} .typical-agency-text p{font-size:22px;color:#fff;} .typical-agency-text p:nth-child(1){margin-bottom:20px;} .typical-agency-text p span{color:#FFCC00;font-family: "Poppins", sans-serif;} .typical-agency-text-btn{margin:50px 0 0;} .typical-agency-text-btn a{background:#ADD45C;padding:15px 40px;color:#000;font-size:18px;transition: 1s;border-radius:50px;font-weight:600;} .typical-agency-text-btn a:hover{background:transparent;border:1px solid #fff;color:#fff;} .typical-agency-video{position:relative; display:none;} .typical-agency-video video{position:relative;height:626px;border-radius:40px;margin-bottom:70px;} .typical-agency-video-text{position:absolute;z-index:1;display: flex;width:100%; height:100%;flex-wrap: wrap;justify-content:center;align-items: center;padding:60px 0;} .typicap-video-text-1{width:45%;height:200px;display: flex;justify-content:center;align-items: center; transition: 0.5s; -webkit-animation: mover 2s infinite alternate; animation: mover 2s infinite alternate;} .typicap-video-text-1:nth-child(1) .typicap-video-text-11{position:relative;left:-150px;} .typicap-video-text-1:nth-child(2) .typicap-video-text-11{position:relative;right:-150px;} .typicap-video-text-1:nth-child(3) .typicap-video-text-11{position:relative;left:-100px;} .typicap-video-text-1:nth-child(4) .typicap-video-text-11{position:relative;right:-100px;} .typicap-video-text-11{text-align:center;} .our-partner{margin:100px 0;text-align:center;} .our-partner h2,.it-work h2{font-size:85px;color:#fff;margin:0 0 50px;} .our-partner-in{display:flex;justify-content:center; flex-wrap:wrap; gap:20px;} .it-work {margin:100px 0;text-align:center;} .it-work-logo{display:flex;justify-content:center;width:100%;gap:23px 18px;flex-wrap:wrap;} .it-work-logo img{width:19%;} .BackgroundText_container {position: relative;width: 100%;height:330px; display: flex;align-items: center;justify-content: center;overflow: hidden;} .backgroundText__text {color:#ffffff21;font-size: 350px;font-weight: 500;white-space: nowrap;font-family: "Fjalla One", sans-serif;transform:translateX(120%);} .text-scrolll{position:relative;margin:80px 0 0;} .text-scrolll .our-work-header{width:100%;position:absolute;top:150px;} .tab {overflow: hidden;display: flex;justify-content: center;} .tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 9px 50px;transition: 0.3s;font-size: 17px;border:1px solid #fff;} .tabcontent {display: none;} .topright {float: right;cursor: pointer;font-size: 28px;} .topright:hover {color: red;} .portfolio__list-11:nth-child(1) .portfolio__item:nth-child(3) .portfolio__item-img-in{position:relative;top:-35px;} /*======================about-us============================*/ .about-top{margin:220px auto 0;width:1516px;text-align:center;} .about-top h1{font-size:180px;color:#fff;} .about-top h1 span{ color:#FFCC00; padding-left:15px;} /* :root {--cards: 4;--cardHeight: 100vh;--cardTopPadding: 1.5em;--cardMargin: 4vw;} #cards {list-style: none;padding-left: 0;display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(var(--cards), var(--cardHeight));gap: var(--cardMargin); */ /*padding-bottom: calc(var(--cards) * var(--cardTopPadding)); margin-bottom: var(--cardMargin);*/ /* margin:0;} */ /* #card1 {--index: 1;} #card2 {--index: 2;} #card3 {--index: 3;} #card4 {--index: 4;} #card5 {--index: 5;} #card6 {--index: 6;} #card7 {--index: 7;} #card8 {--index: 8;} #card8 {--index: 9;} */ /* .container-about .card {position: sticky;top: 0;padding: 0px; /*padding-top: calc(var(--index) * var(--cardTopPadding));*/ /* background-color:transparent;border:0px;} */ /* #card2 .card-body {background-color:#013359;} #card3 .card-body {background-color:#002A4A;} #card4 .card-body {background-color:#013359;} #card5 .card-body {background-color:#002A4A;} #card6 .card-body {background-color:#013359;} #card7 .card-body {background-color:#002A4A;} #card8 .card-body {background-color:#013359;} #card9 .card-body {background-color:#002A4A;} #card10 .card-body {background-color:#002A4A;} #card11 .card-body {background-color:#002A4A;} #card12 .card-body {background-color:#002A4A;} #card13 .card-body {background-color:#002A4A;} */ #card6{margin:100px 0 0;} .card1-first-img .video-btn {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width: 60px; height: 60px; cursor: pointer; z-index: 2; opacity: 0.8;} .card1-first-img .video-btn:hover { opacity: 1;} /* #card1,#card3,#card5,#card8,#card10,#card11,#card13,#card15,#card17,#card19{padding:106px 0;} */ #card1,#card3,#card5,#card7,#card9,#card11,#card13,#card15,#card17{padding:106px 0;} .abouts .video-about-us{padding-top:80px;} .card1-first-text-in h3 strong,.card1-first-w h2 strong{color:#FFCC00; text-transform:uppercase;} .card1-first-text-in h3 span{color: #08C9BC;text-transform:uppercase;} .container-about .card img, .container-about .card video{border-radius:10px;} .card1-first-text h5{font-weight: 600;font-size: 36px;color: #08C9BC;margin:30px 0;font-family: "Poppins", sans-serif !important;} .what-we-domain-hedd{padding:200px 0 80px;} #cards .card-body{display:flex;justify-content:center;align-items:center} .container-about .card-body {box-sizing: border-box;height: var(--cardHeight);transition: all 0.5s;} .card1-first{display:flex;justify-content: space-between;text-align:center;gap:40px;} .card1-first-w{width:92%;margin:auto;padding: 0 ;} .image-create{ text-align:center;} .image-create h2{font-size:85px;color:#fff;margin-bottom:30px;} .image-create p{font-size:20px;color:#fff;width: 1393px;margin: auto;} .card1-first-text{text-align:left;} .card1-first-text h3{color:#fff;font-size:70px;width:100%;} .card1-first-text ul li{font-weight:400; color:#fff;font-size:24px; margin:0; position:relative; padding-right:72px;line-height: 31px;} .card1-first-text p{font-weight:400; color:#fff;font-size:24px; margin:0; padding-right:55px; line-height:31px;} .card1-first-img{width:65%;} #card20 .card-body .tab-what-wedo-wala{width:84%; margin:auto;} #card20 .card-body .tab-what-wedo-wala p{width:auto; padding:7px 50px;} #card10 .card-body .corporate-captured-identity h6{width:100%;} #card1 .card-body .tab-what-wedo-wala,#card7 .card-body .tab-what-wedo-wala,#card11 .card-body .tab-what-wedo-wala{padding-top:106px !important;} /* #card1 .card-body .tab-what-wedo-wala,#card7 .card-body .tab-what-wedo-wala,#card11 .card-body .tab-what-wedo-wala,{padding-top:106px !important;} */ #card21 .card-body .brand-soical-in h4{font-size:30px !important;} #card21{background:url('/wp-content/uploads/2025/05/Group-126.png') no-repeat; background-size:cover;padding: 84px 0 80px; margin:0 0 ;} #card1 .card-body .tab-what-wedo-wala p{width:20%;} .tab-what-wedo-wala{display:flex; width:100%; flex-wrap:wrap; gap:15px 20px; justify-content:center; padding-top:39px;} .tab-what-wedo-wala p{font-weight:600; margin:0; color:#fff; padding: 10px; border: 1px solid #fff; border-radius: 30px; width: 48%; text-align: center; font-size: 24px !important;} #card18 .card-body .tab-what-wedo-wala p{width:28%;} #card7 .card-body .tab-what-wedo-wala p,#card11 .card-body .tab-what-wedo-wala p{width:24% !important;align-content: center;} #card13 .card-body .card1-first-img,#card14 .card-body .card1-first-img,#card16 .card-body .card1-first-img,#card17 .card-body .card1-first-img{width:100% !important;} .wanna-know {text-align: center;margin-bottom: 100px;} .wanna-know h2 {color: #fff !important;font-size: 85px !important;width:1190px;margin: auto !important;} .wanna-know h2 span {color: #FFCC00;} .wanna-know p {font-size: 20px; color: #fff; width: 1110px; margin: 15px auto 30px;} .wanna-know h3 {font-size: 36px;color: #08C9BC;font-weight: bold;font-family: "Poppins", sans-serif;} .wanna-know-btn {margin-top: 50px;} .wanna-know-btn a {background: #ADD45C;font-size: 18px;padding: 18px 30px;border-radius: 50px;color: #000;font-weight: 600;} #card22 .card-body .wanna-know h2 span {color: #ADD45C !important;} .card1-first-img img{width:100%; height:100%;} .card1-first-img video{border-radius:17px !important;} .card1-first-text{width:34%; align-content:center;} .card1-first-text-in ul{list-style-type: disc;} .card1-first-text-in ul li::marker{color:#fff !important; } .corporate-captured-identity{margin-bottom:15px;} .corporate-captured-identity,.corporate-captured-ide{display:flex; gap:20px;justify-content:space-between;} .corporate-captured-identity h6,.corporate-captured-ide h6{width:50%;} .card1-third{width:100%;text-align:center;} .visuel-text-scrl{display:flex; width:100%;justify-content: space-between;} .visuel-text-scrl-in{width:31%;} .visuel-text-scrl img{width:100%;border-radius:40px;height:400px;object-fit:cover;} #card3 .card1-third h2{ margin-bottom:50px;font-size:85px;color:#fff;} .visuel-text-scrl-in p{color:#fff;margin:10px 0 0;} .visuel-text-scrl-in p strong{color:#FFCC00;font-weight:400;} .typicap-video-text-11 h3{font-size:26px;margin:10px 0;} .typicap-video-text-11 h3{font-size:15px:margin:0px;} .footer{padding:30px 0 0;} .footer ul li a,.footer ul li p{color:#fff;font-size:18px;margin:0px;} .footer ul{display:flex;justify-content:space-between;margin-bottom:30px;padding: 0;} .footer-last{padding:20px 0;} .footer-last p{margin:0;color:#fff;text-align:center;font-size:16px;} .footer ul li:nth-child(1){width:27%;} .footer ul li:nth-child(1) p{font-size:18px;margin-top:30px;} .footer ul li:nth-child(2){width:40%;display:flex;justify-content:center;align-items:baseline;} .footer ul li p strong{color:#FFCC00;} .footer ul li:nth-child(2).footer-in {width:293px;margin:auto;} .footer ul li:nth-child(2) a{display:flex;justify-content:start;align-items:start;margin-top:20px;} .footer ul li:nth-child(2) a img{position:relative;top:5px;margin-right:10px;} .footer ul li:nth-child(3){width:25%;} .footer ul li:nth-child(3) a{margin:0 0 10px;} .footer-in00 img{margin-left:10px;} .footer ul li:nth-child(1) img{width:287px;} .mySidenav li{list-style:none;} /*=================================================about=========================================*/ .our-team-pic{display:flex;flex-wrap:wrap;width:100%;justify-content:center;text-align:center;margin:0 0 50px;} .our-team-pic h3,.our-team-pic p{color:#fff;} .our-team-pic1{width:16%;} .newsletter-sec .noptin-inpost-main-wrapper .noptin-optin-form-wrapper{height:auto !important; min-height:auto !important;} .newsletter-sec .noptin-form-footer{padding:0 !important;} .newsletter-sec .noptin-form-fields{flex-direction: row !important; flex-wrap: nowrap !important;} .newsletter-sec .noptin-form-fields .noptin-form-field-wrapper.noptin-form-field-email{width:70% !important;} .newsletter-sec .noptin-form-fields .noptin-form-field-wrapper.noptin-form-field-submit{width:30% !important} .newsletter-sec .noptin-field-email input{margin-bottom: 0px !important; background: #002a4a !important; color: #ffffffa1 !important;} .card1-first-w h2{font-size:85px;color:#fff;text-align:center;margin-bottom:80px;} .brand-soical{width:65%; margin:auto; display:flex;justify-content:space-between;gap:20px; text-align:center} .brand-soical-in h4{color:#FFCC00;font-size:60px; font-weight:700; margin:20px 0 0; font-family: "Poppins", sans-serif !important;} .brand-soical-in p{color: #ADD45C;font-size:24px;line-height:normal;} .wat-right-in:nth-child(1){order:4;} .wat-right-in:nth-child(2){order:1;} .wat-right-in:nth-child(3){order:2;} .wat-right-in:nth-child(4){order:3;} #site-content{padding:9% 0 2%;} .dkgrid-post .row{display: flex; flex-wrap: wrap;} .dkgrid-post .row article.dk-post-grid {flex: 1 1 22%; max-width: 25%; padding: 10px; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 10px;} .dkgrid-post .row article.dk-post-grid .short-description {font-size: 16px; font-weight:600; color: #fff;} .dkgrid-post .row article.dk-post-grid .dk-post-thumb img {width: 100%; -webkit-box-shadow: 0px 17px 44px -1px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 17px 44px -1px rgba(0,0,0,0.1); box-shadow: 0px 17px 44px -1px rgb(0 0 0 / 10%);} /* .dkgrid-post .row article.dk-post-grid .title h2 {font-size: 18px; font-weight: 700; color: #fff; margin: 25px 0 10px 0;} */ .short-description {height: 74px; overflow: hidden;} .short-description p{margin:0;} .date-and-bloggggggg{font-size: 16px; font-weight:600; color: #fff; margin: 10px 0 10px 0;} .site-contact-tittle-blog-page{text-align: center; font-size: 85px; color: #fff; margin-bottom: 40px;} .single-blg-description h2{padding-top:20px;} .single-blog-upper h1{color:#fff;text-align: center; padding-bottom: 50px; font-size:60px;} .single-blg-description p{margin:15px 0 0; font-size:20px;} .footer ul li .newsletter-sec .noptin-optin-field-submit input{border:0;color:#000;} @media only screen and (max-width: 1600px){ .main-banner-ineer p span{font-size:36px;} .single-blog-upper h1{font-size:48px;} .single-blog-upper h1{padding-bottom: 40px;} .it-work-logo img{width:18%;} .header-sec-in-right ul li{margin-left: 33px;} .containers{width:1240px;} .header-sec-in{width:1300px;} .header-sec-in-right ul li a{font-size: 16px;} .header-sec-in .header-sec-in-logo img {width: 240px;} .top-section .containers{padding: 180px 0 80px;} .main-banner-ineer h1{font-size: 80px;} .main-banner-ineer p{font-size: 22px; margin:30px 30px;} .main-banner-ineer-a a{font-size: 16px;} .worx-like-magic{padding: 70px 0 40px;} .our-formula{padding:0 0 70px;} .worx-like-magic .worx-like-magic-top h3{font-size:70px;} .worx-like-magic .worx-like-magic-top h2 {font-size: 28px;} .our-formula h2,.typical-agency-text h2,.our-partner h2, .it-work h2,.add-new-ad h2,.site-contact-tittle-blog-page{font-size: 70px;} .worx-like-magic-right p span{font-size:24px;} .worx-like-magic-right p{margin-bottom: 20px;font-size: 20px;} .worx-like-magic-in{margin-top: 50px;} .our-formula-in1{padding: 40px 40px 30px;} .our-formula-in1 img {width: 60px;} .our-formula-in1 h3{font-size: 35px;} .our-formula-in1 p{font-size: 18px;} .our-formula-in{margin-top: 60px;} .border-formula{height: 307px; width: 80%;} .add-new-ad{margin: 70px 0;} .text-scrolll{margin:80px 0 0;} .backgroundText__text{font-size: 300px;letter-spacing: -13px;} .BackgroundText_container{height: 283px;} .text-scrolll .our-work-header{top: 112px;} .our-work-slider h4{font-size: 25px;} .wat-left img{width: 280px;} .wat-left p{font-size: 18px;} .wat-right-in img{width:100px;} .portfolio__area{margin:40px 0 70px;} .portfolio__item-img{height: 592px;} .portfolio__item-img-in h4{font-size: 35px;} .portfolio__item-img-in p{font-size: 20px;} .portfolio__item-img-in ul li{font-size: 18px;} .wat-right-iner{padding:56px 10px 35px; height:435px;} .wat-left{margin:55px auto 15px;} .wat-right h3{font-size:35px;} .wat-right p{font-size:16px;} /* .wat-right{height:377px;} */ .typical-agency-text p{font-size: 20px} .our-partner-in img{width:9%;} .our-partner h2, .it-work h2{margin: 0 0 30px;} .our-partner{margin:75px 0;} .it-work{margin: 0px 0 70px;} .typical-agency {margin-bottom: 80px;} .header-sec-in-right ul li:nth-child(4) a,.header-sec-in-right ul li:nth-child(5) a{padding: 13px 28px;} .typical-agency-video video{height: 513px;} .typicap-video-text-11 img{width:80px;} .typicap-video-text-11 h3{font-size:20px;margin:10px 0 5px;} .typicap-video-text-11 p{font-size:15px;margin:0px;} .portfolio__text-mainmyDIV1{display:block;} .portfolio__text-mainmyDIV{display:none;} .image-create h2{font-size:60px;} .card1-first-text h3{font-size:55px;} .card1-first-w h2{font-size:55px !important;} .card1-first-text-in{width:100%;} .card1-first-w{width: 93%;} #site-content{padding: 11% 0 2%;} .single-blg-description p{font-size:18px;} .about-top{width:1315px;} .about-top h1 {font-size: 135px;} .abouts .video-about-us{padding-top: 50px;} #card1 .card-body .tab-what-wedo-wala,#card7 .card-body .tab-what-wedo-wala,#card11 .card-body .tab-what-wedo-wala{padding-top:80px !important;} #card1, #card3, #card5, #card7, #card9, #card11, #card13, #card15, #card17{padding: 80px 0 ;} .card1-first-text p{line-height: 27px; font-size:20px;padding-right: 0px;} .card1-first-text ul li{padding-right: 19px;line-height: 27px;font-size: 20px;} .tab-what-wedo-wala p{font-size: 20px !important;} .card1-first-text h5{font-size: 30px;margin: 20px 0;} .tab-what-wedo-wala{padding-top: 26px;gap: 15px 15px;} .brand-soical-in p{font-size: 20px;} .brand-soical-in h4{font-size: 44px;} .card1-first-w h2{margin-bottom:60px;} #card18 .card-body .tab-what-wedo-wala p{width:32%;} #card20 .card-body .tab-what-wedo-wala{width:94%;} #card21 .card-body .brand-soical{width:75% !important;} #card21 .card-body .brand-soical-in h4{font-size:27px;} #card21{padding: 64px 0 60px; margin: 0 0 ;} #card6{margin:60px 0 0;} } @media only screen and (max-width: 1360px){ .about-top h1{font-size: 100px;} .main-banner-ineer p img{width:35%; margin-bottom:30px;} .main-banner-ineer p span{font-size:30px;} .containers{width:1200px;} .header-sec-in{width:1300px;} .single-blog-upper h1{font-size:42px;} .main-banner-ineer h1{font-size: 60px;} .main-banner-ineer p{font-size: 20px;} .main-banner-ineer-a{margin: 50px 0 0;} .main-banner-ineer-a a{padding: 20px 25px;} .top-section .containers{padding:200px 0 60px;} .our-formula{padding:0 0 50px;} .worx-like-magic{padding:50px 0 40px;} .worx-like-magic .worx-like-magic-top h3 {font-size: 50px;} .worx-like-magic .worx-like-magic-top h2{font-size: 25px;} .our-formula h2, .add-new-ad h2 ,.typical-agency-text h2, .our-partner h2, .it-work h2,.site-contact-tittle-blog-page{font-size: 50px;} .worx-like-magic-right a{font-size: 16px;} .worx-like-magic-right p{font-size: 18px;} .worx-like-magic-right p span{font-size:22px;} .worx-like-magic-right{padding: 0 0px 0 0px;} .worx-like-magic-in {margin-top: 30px;} .our-formula-in1 img {width: 60px;} .our-formula-in1 h3{font-size: 30px;width: 69px;} .our-formula-in1 p {font-size: 16px;} .our-formula-in1{border-radius: 40px;} .our-formula-border{top: 100px;} .BackgroundText_container {height: 260px;} .backgroundText__text{font-size: 282px;} .text-scrolll .our-work-header {top: 96px;} .text-scrolll button{font-size: 16px;} .our-work-slider h4 {font-size: 20px;} .portfolio__area {margin: 50px 0 100px;} .portfolio__item-img-in h4{font-size:30px;} .portfolio__item-img-in p{font-size:18px;} .portfolio__item-img-in ul li,.portfolio__item-img-in a{font-size:16px;} .portfolio__item-img{height: 575px;} .wat-left img {width: 260px;} .wat-left p {font-size: 16px;} .wat-right-in img{width:80px;} .wat-right h3{font-size:30px;} .wat-right-in img{top:-40px;} .wat-right-iner{padding:66px 16px 30px; height:470px;} .wat-right {padding:70px 0 0;} .wat-iner{margin:0 auto 70px;} .typical-agency-video video {height: 496px;} .typicap-video-text-11 h3{font-size:18px;} .our-partner {margin: 70px 0 60px;} .typical-agency-text p{font-size:18px;} .typical-agency-text p,.typical-agency-text-btn a{font-size:16px;} .image-create h2{font-size:40px;} .image-create p{ font-size: 15px;} .card1-first-text h3 {font-size:45px;} .card1-first-w h2 {font-size: 45px !important;} #site-content{padding: 13% 0 2%;} .single-blg-description p{font-size:16px;} .card1-first-text p{font-size:18px;line-height: 25px;} .card1-first-text h5 {font-size: 28px; margin: 15px 0;} .card1-first-text ul li {padding-right: 30px; line-height: 25px; font-size: 18px;} .tab-what-wedo-wala p {font-size: 18px !important;} .brand-soical-in p {font-size: 18px;} .brand-soical-in h4 {font-size: 36px;} #card21 .card-body .brand-soical-in h4 {font-size: 24px !important;margin: 15px 0 0;} #card21 .card-body .brand-soical {width: 80% !important;} .brand-soical-in{width:22%;} .brand-soical-in img{width:45%;} .brand-soical{width:80%;} } @media only screen and (max-width: 1300px){ .contect-form-career-section .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="text"]{padding-left: 54px !important;} .contect-form-career-section .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 0px !important;} .contect-form-career-section .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width: 51px !important;} .about-top{margin:180px auto 0;} .portfolio__area {margin: 0 0 50px;} .about-top h1 {font-size: 80px;} .single-blog-upper h1{font-size:36px;} .single-blog-upper h1{padding-bottom: 30px;} .header-sec-in-right ul li:nth-child(4) a,.header-sec-in-right ul li:nth-child(5) a{padding: 11px 18px;} .header-sec-in{width:1200px;} .containers{width:1100px;} .worx-like-magic .worx-like-magic-top h2, .our-formula h2,.worx-like-magic .worx-like-magic-top h3,.portfolio__text{letter-spacing: -1px;} .worx-like-magic-right a{padding: 15px 20px;} .our-formula-border{top:222px;} .moving-box{bottom:26px;} .typical-agency-video video {height: 454px; } .typicap-video-text-11 h3{font-size:17px;} .border-formula{height: 265px;width:726px;} .it-work{margin:50px 0;} .main-banner-ineer{width:63%;} .wanna-know p{ width:80%;} /* .image-create{margin: 60px auto 50px;} */ .card1-first-text h3 {font-size:40px;} .portfolio__text-mainmyDIV2,.moving-boxupper.boxlaptop{display:block;} .portfolio__text-mainmyDIV1,.moving-boxupper.boxdesk{display:none;} .main-banner-ineer p span{font-size:28px;} .card1-first-text{width:35%;} #card1 .card-body .tab-what-wedo-wala,#card7 .card-body .tab-what-wedo-wala,#card11 .card-body .tab-what-wedo-wala{padding-top:60px !important;} #card1, #card3, #card5, #card7, #card9, #card11, #card13, #card15, #card17{padding: 60px 0 ;} #card7 .card-body .tab-what-wedo-wala p, #card11 .card-body .tab-what-wedo-wala p{width:23% !important;} #card20 .card-body .tab-what-wedo-wala{width:100%;} #card21 {padding: 45px 0 40px; margin: 0 0 ;} #card21 .card-body .brand-soical {width: 90% !important;} .card1-first-text ul li{padding-right:0;} .tab-what-wedo-wala{padding-top:20px;} .card1-first-w h2 {margin-bottom: 40px;font-size: 40px !important;} .about-top {width: 100%;} .add-new-ad {margin: 50px 0;} .typical-agency {margin-bottom: 60px;} .text-scrolll {margin: 60px 0 0;} .our-partner {margin: 50px 0 50px;} } @media only screen and (max-width: 1200px){ .main-banner-ineer p img{width:20%; margin-bottom:10px;} .single-blg-description p{font-size:15px;} .header-sec-in{width:95%;} .containers{width:90%;} .header-sec-in-right ul li{ margin-left: 20px;} .header-sec-in-right ul li:nth-child(4) a, .header-sec-in-right ul li:nth-child(5) a,.main-banner-ineer-a a {padding: 11px 18px;font-size:14px; } .main-banner-ineer p {font-size: 16px;margin: 20px 0;} .main-banner-ineer-a {margin: 30px 0 0;} .worx-like-magic-right p{font-size: 16px;} .worx-like-magic-right p span{font-size:20px;} .worx-like-magic-right a,.our-formula-in1 p{font-size: 14px;} .worx-like-magic-right-in {margin: 35px 0 0;} .our-formula-in1 {border-radius: 30px;} .our-formula-in1 {padding: 29px 25px 10px;} .our-formula-in1 h3{font-size: 25px;padding: 20px 0 12px;} .our-formula-border {top: 144px;} .text-scrolll button{font-size: 14px;} .add-new-ad{margin:50px 0;} .portfolio__text-mainmyDIV2{display:none;} .portfolio__text-mainmyDIV3{display:block;} .wat-left{width:900px;} .wat-right p{font-size: 14px;} .wat-right h3 {font-size: 26px;} .backgroundText__text {font-size: 228px;} .worx-like-magic .worx-like-magic-top h3{font-size: 35px;} .our-formula h2, .typical-agency-text h2, .add-new-ad h2,.our-partner h2, .it-work h2,.site-contact-tittle-blog-page{font-size: 35px;} .main-banner-ineer h1 {font-size: 40px;} .top-section .containers {padding: 175px 0 60px;} .typical-agency-video video{object-fit: cover;} .footer ul li:nth-child(1) img {width: 232px;} .footer ul li a, .footer ul li p{font-size: 16px;} .it-work{margin: 52px 0;} .wat-right-iner{height:425px;} .main-banner-ineer{width:80%;} #site-content{padding: 14% 0 2%;} .card1-first-text p {font-size: 16px; line-height: 23px;} .card1-first-text h3 {font-size: 32px;} .card1-first-text h5 {font-size: 24px; margin: 10px 0;} .card1-first-text ul li {padding-right: 0px;line-height: 22px;font-size: 16px;} .tab-what-wedo-wala p {font-size: 16px !important;} .tab-what-wedo-wala {padding-top: 20px; gap: 15px 10px;} .card1-first-w h2 {font-size: 36px !important;} .brand-soical-in h4 {font-size: 30px;margin: 10px 0 0;} .brand-soical-in p {font-size: 16px;} #card21 .card-body .brand-soical-in h4 {font-size: 20px !important; margin: 10px 0 0;} .about-top{margin: 180px auto 0;} .abouts .video-about-us {padding-top: 40px;} } @media only screen and (max-width: 1080px){ .what-we-do-page-contact-section p label{width:100% !important;} .what-we-do-page-contact-section .intl-tel-input .selected-flag{padding: 0 0 0 0px !important;} .what-we-do-page-contact-section .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width: 54px !important;} .main-banner-ineer p img{width:40%; margin-bottom:10px;} .main-banner-ineer p span{font-size:26px;} .single-blog-upper h1{font-size:30px;} .worx-like-magic .worx-like-magic-top h2{font-size:22px;} .wat-right-iner{height:430px; padding: 67px 13px 19px;} .worx-like-magic .worx-like-magic-top h3{font-size:40px;} .our-formula h2, .typical-agency-text h2, .our-partner h2, .it-work h2,.site-contact-tittle-blog-page {font-size: 40px;} .worx-like-magic-in{flex-wrap: wrap;} .worx-like-magic-left{width:100%;} .worx-like-magic-right{width:100%;margin:20px 0 0;padding:0px;text-align:center;} .worx-like-magic .worx-like-magic-top h2 nav:nth-child(7){ margin-right: 6px;} .our-formula h2 nav:nth-child(3), .worx-like-magic .worx-like-magic-top h2 nav:nth-child(10),.worx-like-magic .worx-like-magic-top h2 nav:nth-child(14) { margin-right: 11px;} .main-banner-ineer {width: 78%;} .wanna-know h2{width:100%;} } @media only screen and (max-width: 800px){ .about-top h1 span{padding-left: 8px;} .about-top h1 {font-size: 60px;} .main-banner-ineer p span{font-size:22px;} .worx-like-magic-right p{font-size: 14px;} .worx-like-magic-right p span{font-size:16px;} .single-blg-description p{font-size:14px;} .single-blog-upper h1{padding-bottom: 20px;} .dkgrid-post .row article.dk-post-grid{flex: 1 1 50%;max-width: 100%;} .containers { width: 686px;} .single-blog-info img{width:100%;} #site-content {padding: 21% 0 2%;} .site-contact-tittle-blog-page{margin-bottom: 20px;} .sidenav li{list-style:none;} .sidenav {padding:0; text-align:center;height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background:url(/wp-content/uploads/2025/03/Group-28-1.png);overflow-x: hidden;transition: 0.5s;padding-top: 60px;background-size:cover;} .sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 20px;color: #fff;display: block;transition: 0.3s;} .sidenav a:hover {color: #f1f1f1;} .sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;} .header-sec-in-right ul{display:none;} .mobile-menu {display:block !important;} .mobile-menu span{color:#fff;} .our-formula-in1 img {width: 50px;} .border-formula{height: 184px;width: 500px; display:none;} .our-formula-border{top: 187px;} .portfolio__text{margin:0;} .portfolio__text-main-in{top:25px;} .moving-box{font-size:15px;margin:0px;} .text-scrolll {margin:70px 0 0;} .backgroundText__text {font-size: 180px;} .BackgroundText_container {height: 200px;} .backgroundText__text{letter-spacing: -6px;} .typical-agency-text h2{margin-bottom:20px;} .wat-iner{margin: 0 auto 50px;} .portfolio__item-img-in h4{font-size: 25px;} .portfolio__item-img-in p{font-size: 16px;} .portfolio__item-img-in ul li, .portfolio__item-img-in a {font-size: 14px;} .portfolio__item-img-in{padding: 25px 17px;border-radius: 16px;} .portfolio__item-img{height: 448px;} .wat-left{width:100%;} .wat-left p,.typical-agency-text p,.typical-agency-text-btn a{font-size: 14px;} .wat-right-in img{width:60px;} .wat-right h3{font-size:22px;} .wat-rightiner{flex-direction:column;} .wat-right-iner{padding:40px 30px 20px; height:auto;} .worx-like-magic {padding: 0px 0 50px;} .wat-right-in{padding:40px 0 0; width:100%;} .tab{flex-wrap: wrap; gap: 15px;} .text-scrolll .our-work-header {top: 50px;} .wat-right{padding:10px 0 0;} .wat-right-in img {top: -33px;} .worx-like-magic-in{margin-top:0;} .footer ul{flex-wrap:wrap; gap:20px 0;} .our-formula {padding: 0 0 0px;} .our-partner,.it-work{margin: 60px 0;} .typicap-video-text-1:nth-child(1) .typicap-video-text-11 {position: relative;left: -100px;} .typicap-video-text-1:nth-child(2) .typicap-video-text-11{position: relative;right: -100px;} .typicap-video-text-1:nth-child(3) .typicap-video-text-11 {position: relative;left: -50px;} .typicap-video-text-1:nth-child(4) .typicap-video-text-11 {position: relative;right: -50px;} .footer ul li:nth-child(1) img {width: 180px; } .card1-first{flex-wrap: wrap;flex-direction: column;} .card1-first-img { width: 100%;} .card1-first-text { width: 100%;} /*.brand-soical{}*/ .moving-boxupper.boxlaptop,.portfolio__text-mainmyDIV3{display:none;} .moving-boxupper.mobile1,.portfolio__text-mainmyDIV4{display:block;} #card1, #card3, #card5, #card7, #card9, #card11, #card13, #card15, #card17{padding:40px 0;} #card1 .card-body .tab-what-wedo-wala,#card7 .card-body .tab-what-wedo-wala,#card11 .card-body .tab-what-wedo-wala{padding-top:40px !important;} .abouts .video-about-us{padding-top:20px;} .card1-first-text{text-align:center;} .card1-first-text h3 {font-size: 30px; padding-bottom: 25px; margin: 0;} .card1-first-text h5 {font-size: 20px; margin: 26px 0;} .card1-first-text p {font-size: 16px;line-height: 25px;} .card1-first-text ul li {padding-right: 0px; line-height: 25px; font-size: 16px; width:95%; margin: auto; list-style:none;} .card1-first-text-in ul{padding:0;} #card1 .card-body .tab-what-wedo-wala p{width: 48%;} .corporate-captured-identity, .corporate-captured-ide{flex-direction: column;gap: 17px;} .corporate-captured-identity h6, .corporate-captured-ide h6{width: 100%; margin: 0; padding: 0;} .corporate-captured-identity{margin-bottom:17px;} .tab-what-wedo-wala p {font-size: 13px !important;} .tab-what-wedo-wala{padding-top:40px;} #card7 .card-body .tab-what-wedo-wala p, #card11 .card-body .tab-what-wedo-wala p{width:48.6% !important;} .card1-first{gap: 40px;} .card1-first-w h2 {font-size: 30px !important;} .brand-soical{width:100%;} .brand-soical-in {width: 48%;} .brand-soical-in h4 {font-size: 25px; margin: 13px 0 0px;} .brand-soical-in p {font-size: 15px; margin:0;} #card18 .card-body .tab-what-wedo-wala p {width: 100%;} #card21 {padding: 40px 0 40px; margin: 0 0 ;} #card20 .card-body .tab-what-wedo-wala p {width: auto;padding: 7px 12px;} #card21 .card-body .brand-soical-in h4 {font-size: 17px !important; margin: 10px 0 0;} .wanna-know p {width: 100%;margin: 15px auto 20px; font-size:16px;} .wanna-know-btn {margin-top: 40px;} .wanna-know h3{font-size:30px;} .wanna-know-btn a{font-size: 16px;padding: 10px 30px;} .wanna-know {text-align: center;margin-bottom: 0px;} #card21{background: url('/wp-content/uploads/2025/05/Group-126-1.png') no-repeat; background-size: auto; background-size: cover;} .wpcf7-spinner{display:none} } @media only screen and (max-width: 600px){ #card6{margin:40px 0 0;} .contect-form-career-section .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width: 48px !important;} .contect-form-career-section .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 0px !important;} .contect-form-career-section .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="text"]{padding-left: 50px !important;} .contect-form-career-section br{display:none;} .about-top {margin: 100px auto 0;} .about-top h1 {font-size: 40px;} .our-work-slider .swiper-button-next, .swiper-button-prev{top:65% !important;} .our-work-slider .swiper-wrapper{justify-content:flex-start;} .it-work-logo{ gap: 15px 11px;} .our-work-slider h4 {margin: 10px 0px 0px;} .header-sec{padding: 30px 0 0;} .text-scrolll button{margin: 0 0 0 0;} .tab button:nth-child(1){margin: 0 0;} .scrolled-inheader1{padding: 30px 0 0;} .scrolled-inheader{padding: 15px 0 ;} .worx-like-magic-in video{border-radius: 22px;} .worx-like-magic .worx-like-magic-top h3{font-size: 20px} .header-sec-in .header-sec-in-logo img {width:50%;height:100%;position:relative;top:0;} .top-section{height:410px;} .top-section .containers{padding: 30% 0 60px;} .containers{width:90%;} .mainn-video{width:100%;} .footer-last{padding:0 0 20px} .mainn-video .mobile-view{height: auto; width:100%; max-width:100%;} .main-banner-ineer{text-align: center;} .main-banner-ineer h1{font-size: 26px;width:100%;margin:auto;} .main-banner-ineer p{width:100%;font-size: 16px;} .worx-like-magic .worx-like-magic-top h3{font-size:30px;} .our-formula h2, .typical-agency-text h2, .our-partner h2,.add-new-ad h2, .it-work h2,.site-contact-tittle-blog-page{font-size: 30px; } .our-formula{padding: 0px 0 0px;} .worx-like-magic{padding: 0px 0 50px;} .worx-like-magic-right{margin:0 0 0;} .our-formula-border{display:none;} .our-formula-in{flex-wrap:wrap;} .our-formula-in1{width:100%;margin-bottom:20px;} .our-formula-in1{animation: none;} .our-formula-in {margin-top: 20px;} .text-scrolll{margin:0px 0 0;} .tab{justify-content: center;overflow: auto;width:100%; flex-wrap:wrap; gap:10px;} .backgroundText__text {font-size: 90px;} .text-scrolll .our-work-header{width: 100%; overflow: auto;} .BackgroundText_container{height: 89px;} .text-scrolll .our-work-header{top:0px;} .tab button:nth-child(5){width:70%;} .tab button{padding: 6px 10px; width:46%;} .portfolio__area{margin: 0px 0 35px;} .our-work{padding-top:70px;} .portfolio__list-1{flex-wrap: wrap;} .portfolio__list-11{width: 100%;padding:0px;} .portfolio__list-11:nth-child(2){margin: 0px 0 0;} .portfolio__list-11:nth-child(2) .portfolio__item:nth-child(3) .portfolio__item-img-in{position: relative;top: 0px;} .portfolio__list-11:nth-child(2) .portfolio__item:nth-child(2) .portfolio__item-img-in{position: relative;top: -50px;} .typical-agency {margin-bottom: 10px;} .wat-right{padding:0 0 0;} .wat-rightiner{flex-direction: column;} .wat-right-iner{height:auto;} .our-partner-in{flex-wrap:wrap;} .our-partner-in img{width:18%;margin:0 0 0;} .it-work {margin: 40px 0 40px;} .it-work-logo img { width: 30%;} .footer{ padding: 50px 0 0;} .footer ul{flex-wrap: wrap;} .footer ul li:nth-child(3){margin: 30px 0 30px;border-bottom: 1px solid #ffffff5c;} /* .footer ul li:nth-child(4){margin-top:30px;} */ .footer ul li:nth-child(3) p{margin-bottom: 12px;} .footer ul li:nth-child(2){justify-content:flex-start;border-top:1px solid #ffffff5c; border-bottom:1px solid #ffffff5c; padding: 20px 0;} .footer ul li:nth-child(2) a,.footer ul li:nth-child(1) p{margin-top: 10px;} .footer ul li:nth-child(2),.footer ul li:nth-child(1),.footer ul li:nth-child(3) { width: 100%;margin:0 0 0;} .footer-in00 img {margin: 10px 0 0 0;} .typical-agency-video video {object-fit: cover;border-radius: 20px;margin-bottom: 40px;height:auto; } .our-work-slider .swiper-button-next:after,.our-work-slider .swiper-button-prev:after{height: 36px;width: 36px;top: -40px;} .portfolio__list-11:nth-child(1) .portfolio__item:nth-child(3) .portfolio__item-img-in {position: relative;top: 0px;} .typical-agency-text h2 {margin-bottom: 10px;} .typical-agency-text-btn { margin: 34px 0 0;} .our-partner .contentzoom2{width:100%;margin: auto;} .our-partner h2, .it-work h2 {margin: 0 0 20px;} .our-partner{margin: 0 0 40px;} .our-work-slider .thumbnail.item {padding-bottom: 10px;} .portfolio__text{margin:0px;} .wat-left img {margin: 0 0 10px;width: 130px;} .wat-left {margin: 20px auto 20px;} /*.typical-agency-video-text{position: relative;}*/ .typicap-video-text-1:nth-child(1) .typicap-video-text-11,.typicap-video-text-1:nth-child(3) .typicap-video-text-11{left:0px;} .typicap-video-text-1:nth-child(2) .typicap-video-text-11,.typicap-video-text-1:nth-child(4) .typicap-video-text-11{right:0px;} .typicap-video-text-11 img{width: 50px;} .typicap-video-text-1{height: 140px;height: 130px;} .typicap-video-text-11 p{line-height:17px;font-size: 13px;} .typical-agency-video-text{height:60%;bottom:0px;} .typicap-video-text-11 h3 {font-size: 15px;margin: 10px 0 0px;} .portfolio__text-main-in{top:40px;} .move-logoannann{transform: translate(0vw, 0vh) scale(0.5);} .main-banner-ineer{width:100%;} .portfolio__text-mainmyDIV4,.desktop-view{display:none;} .portfolio__text-mainmyDIV5,.mobile-view{display:block;} .card1-first-w h2{font-size: 30px;} .brand-soical{flex-wrap: wrap; gap: 10px;justify-content: center;} .brand-soical-in{width:48%;} #cards{grid-template-columns: none;grid-template-rows: none;gap: revert;} .container-about .card{position: inherit;} .container-about .card-body{height: auto;} .card1-first-w {width: 93%;} .image-create {margin: 40px auto 30px;} .card1-first-w h2{margin-bottom: 20px;} .card1-first-img img{margin-bottom: 10px;} .add-new-ad{margin: 30px 0 40px;} .add-new-ad h2 span{margin: 0 10px;} .worx-like-magic-right a{padding: 8px 20px;} #card1 .card-body,#card2 .card-body,#card3 .card-body,#card4 .card-body,#card5 .card-body,#card6 .card-body,#card7 .card-body,#card8 .card-body,#card9 .card-body{background-color: transparent;} .worx-like-magic-in { margin-top: 15px;} .main-banner-ineer h1 span:nth-child(1) div {margin-left: 5px;background: #FFCC00;height: 11px;width: 10px;} .main-banner-ineer h1 span:nth-child(2) div {margin-left: 5px;background: #08C9BC; height: 11px; width: 10px;} .main-banner-ineer h1 span:nth-child(3) div {margin-left: 5px;background: #ADD45C; height: 11px; width: 10px;} #site-content {padding: 25% 0 2%;} } @media only screen and (max-width:375px){ .typical-agency-video-text{height: 63%;} #card7 .card-body .tab-what-wedo-wala p, #card11 .card-body .tab-what-wedo-wala p{width:48% !important;} }