@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');


/******* Common Element CSS Start ******/
body 					{ background-color: var(--white); font-family: "Inter", sans-serif;}
*, *:before, *:after 			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*							{ margin: 0px; padding: 0px; }
img						{ border: 0px; max-width: 100%; height: auto; vertical-align: middle; }
ul,ol					{ list-style: none; }
.solutions-page-main a,.solutions-page-main a:hover,.solutions-page-main a:focus,
.solutions-page-main a:active,.solutions-page-main a:visited		{ outline: none; border: 0px; text-decoration: none;}
h1,h2,h3,h4,h5,h6,p,figure 		{ margin: 0px; padding: 0; }
ul,ol 				{ padding: 0; }
.title-62 		{ font-size: 62px; line-height: 68px; font-weight: 800; }
.title-44 		{ font-size: 44px; line-height: 64px; font-weight: 700; }
.title-32 		{ font-size: 32px; line-height: 47px; font-weight: 800; }
.title-30 		{ font-size: 30px; line-height: 42px; font-weight: 700; }
.title-28     { font-size: 28px; line-height: 33px; font-weight: 800; }
.title-26     { font-size: 26px; line-height: 32px; font-weight: 800; }
.title-24 		{ font-size: 24px; line-height: 30px; font-weight: 700; }
.font-22 			{ font-size: 22px; line-height: 38px; }
.font-18 			{ font-size: 18px; line-height: 32px; }
.font-16 			{ font-size: 16px; line-height: 26px; }

span.br       { display: block;}
ul,ol 				{ list-style: none; margin: 0;}
a 						{ text-decoration: none;}

:root{ --white: #ffffff; --black: #000000; --grey: #767676 }
.cmn-btn { padding: 22px 18px; background: #3087FF; border-radius: 16px; font-size: 17px; line-height: 21px; color: var(--white); transition: 0.5s; border: 1px solid #3087FF; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.cmn-btn img { margin-left: 10px; filter: brightness(0) invert(1); animation: arrowimg linear 2s infinite alternate; position: relative;}
.cmn-btn:hover,.cmn-btn:focus { background: transparent; color: #3087FF; }
.cmn-btn:hover img,.cmn-btn:focus img { filter: brightness(1) invert(0); }
.highlight-txt { color: #3087FF;}
.cmn-pad{ padding-block: 60px; }


@keyframes arrowimg {
  
  0%   {transform: translateX(0);}
  50%  {transform: translateX(10px);}
  100% {transform: translateX(0);}
}

/* -- Header Section CSS Start -- */
.header-section-main { position: fixed; z-index: 99999; width: 100%; top: 0; left: 0; } 
.header-section-inner { display: flex; justify-content: space-between; align-items:center; padding: 15px 32px; background:#fff; border-bottom: 2px solid #efefef; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out;} 
.header-logo-main img { width: 240px; height: 61px; aspect-ratio: 1/0.20; } 
.header-menu-main .navbar{ padding:0; } 
.header-menu-main ul.navbar-nav{ gap:64px; align-items: center; } 
.header-menu-main ul.navbar-nav li a.nav-link { font-size:18px; font-weight:400; line-height:30px; color:#000; padding:0; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; text-transform:capitalize; } 
.header-menu-main ul.navbar-nav li a.nav-link:hover { color:#0d7cff; }
.header-menu-main ul.navbar-nav .nav-item:last-child a{ font-size:17px; line-height:23px;font-weight:700; border:1px solid #0487FF; padding: 16px 18px; display:inline-block; text-transform:capitalize; border-radius:16px; transition: all 0.3s; -webkit-transition: all 0.3s; background:#0487FF; color:#fff; } 
.header-menu-main ul.navbar-nav .nav-item:last-child a:hover{ color:#0487FF !important; background:transparent; } 
/* -- Header Section CSS End -- */

/* -- Top Section CSS Start -- */
.topbanner-area { background: url(https://www.yudiz.com/wp-content/uploads/2025/02/home-banner-bg.png) no-repeat 50% 20%; }
.topbanner-area .cmn-btn { margin-top: 40px; }
.banner-content .title-62 { color: #1E1E1E; }
.banner-list{ margin-top: 39px; display: flex; align-items: center; gap: 13px;flex-wrap:wrap;}
.banner-list li button { background: transparent; border: 0; color: #5E5E5E; font-size: 20px; line-height: 23px; font-weight: 800; display: flex; align-items: center; gap: 17px; cursor: unset; }
.banner-list li { padding: 20px; border: 1px solid #D8EAFF; border-radius: 10px; background: var(--white);}
.banner-content .font-18 { margin-top: 18px; color: #5E5E5E; max-width: 75%; }
/* -- logo section start -- */
.logo-section { padding-block: 39px; }
.marquee-block ul { display: flex; align-items: center; gap: 100px; justify-content: space-between; position: relative; animation: 60s linear infinite slide-left; overflow: hidden; flex-shrink: 0; }
.marquee-block li { display: flex; align-items: center; justify-content: center; -webkit-user-select: none; user-select: none; }
.marquee-block { overflow: hidden; position: relative; display: flex; gap: 100px; }
.marquee-block::before { content: ""; width: 150px; height: 100%; background: linear-gradient(90deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; left: -20px; z-index: 1; }
.marquee-block::after { content: ""; width: 150px; height: 100%; background: linear-gradient(270deg, var(--white) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 0; right: -20px; z-index: 1; }

@keyframes slide-left {
  0% { transform: translateX(0) } 
  100% { transform: translateX(calc(-100% - 20px)); } 
}
/* -- logo section end -- */
/* -- Unique Features Section Start -- */
.unique-features-section { padding-block: 100px;}
.unique-offer-block { display: flex; flex-direction: column; gap: 18px; }
.unique-offer-item { display: flex; align-items: center; gap: 13px; }
.unique-offer-item .font-22 { font-weight: 700; }
.unique-offer-list li:not(:last-child) { border-bottom: 2px solid #eaeaea; margin-bottom: 20px; padding-bottom: 20px;}
.unique-offer-list .font-16 { color: var(--grey); margin-top: 7px; }
/* -- Services Offered Section Start -- */
.services-offered-list { display: flex; gap: 44px 24px; flex-wrap: wrap; margin: 44px -12px 0; justify-content: center; }
.services-offered-list li { padding: 28px; border: 2px solid #E2E9ED; border-radius: 10px; width: calc(100% / 3 - 24px); }
.services-offered-list .font-16 { color: var(--grey); }
.main-img-block-banner figure img { width: 100%; margin-top: 30px; }
.services-offered-item { display: flex; gap: 16px; align-items: center; margin-bottom: 10px; }
.services-offered-item .font-26 { font-weight: 800;}
.services-offered-item figure { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* -- Services Offered Section End -- */
/* -- Explore Our Additional Expertise in Unity Development Section Start -- */
.additional-expertise-section { padding-block: 80px; background-color: var(--black); position: relative; overflow: hidden; }
.additional-expertise-section:before { content: ""; position: absolute; position: absolute; width: 573px; height: 573px; right: -100px; bottom: -120px; background: #0D7CFF; filter: blur(227px); z-index: 0; }
.additional-expertise-section h2 { color: var(--white); }
.additional-expertise-list { margin-top: 44px; display: flex; flex-direction: column; gap: 30px; }
.additional-expertise-list li { display: flex; gap: 32px; padding: 26px 23px; border-radius: 20px; background-color: var(--white); align-items: center; position: relative; z-index: 1; }
.additional-expertise-list li figure { width: 100%; height: 100%; min-width: 347px; max-width: 347px; }
.additional-expertise-list li figure img { width: 100%; object-fit: cover; height: 100%; border-radius: 10px; }
.additional-expertise-content .font-30 { color: var(--black); font-weight: 700; }
.additional-expertise-content .font-16 { color: var(--grey); margin-top: 8px; }
.additional-expertise-btn { margin-top: 50px; position: relative; z-index: 2; justify-content: center; }
.additional-expertise-btn-img { position: absolute; right: 17%; top: 50%; transform: translate(-50%,-50%); }
.expertise-img-block { position: absolute; width: 100%; bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; z-index: 1; }
/* -- Explore Our Additional Expertise in Unity Development Section End -- */
/* -- Different Services Section Start -- */
.different-services-block { padding-block: 120px 60px; display: none; }
.different-services-block .font-16 { margin: 40px auto 0; max-width: 75%; color: var(--grey); }
.service-tablist {margin: 42px 0 60px; } 
.service-tablist .tab-content {margin-top: 42px; } 
.service-tablist .nav-tabs, .service-tablist .tab-pane ul {display: flex; flex-wrap: wrap; }
.service-tablist .nav-tabs {gap: 25px; border: 0; justify-content: center; }
.service-tablist .nav-tabs .nav-link { border-width: 0px 0px 2px; font-size: 22px; line-height: 30px; transition: 0.5s; color: var(--grey); width: 100%; }
.service-tablist .nav-tabs .nav-link:focus,
.service-tablist .nav-tabs .nav-link:hover,
.service-tablist .nav-tabs .nav-item.show .nav-link,
.service-tablist .nav-tabs .nav-link.active {border-color: var(--black); color: var(--black); font-weight: 600; }
.service-tablist .nav-tabs li {width: calc(100% / 5 - 25px); display: flex; justify-content: center; } 
.service-tablist .tab-pane ul {gap: 20px; }
.service-tablist .tab-pane ul li {width: calc(100% / 4 - 15px); border: 1px solid #eaeaea; padding: 20px; text-align: center; }
.service-tablist .tab-pane ul li p {font-weight: 600; margin-top: 26px; text-transform: capitalize; }
/* -- Create Platforms Section Start -- */
.create-platforms-section { padding-block: 60px 120px; }
.how-it-works-item .title-28 { color: var(--black); }
.create-platforms-section .title-44 { margin-bottom: 44px;}
.create-platforms-item { border: 2px solid #E2E9ED; height: 100%; border-radius: 12px; }
.create-platforms-img { display: flex; align-items: center; justify-content: center; min-height: 250px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.create-platforms-content { height: 100%; padding: 20px 20px 30px; border-radius: 13px; color: var(--black); position: relative; }
.create-platforms-item * { position: relative; z-index: 1; }
.create-platforms-item .font-16 { margin-top: 10px; }
/* -- Create Platforms Section End -- */
/* -- How It Works Section Start -- */
.how-it-works-section { background-color: #F9F9F9; }
.how-it-works-section h2 { margin-bottom: 20px; text-transform: capitalize; }
.how-it-works-item { padding: 48px; background-color: var(--white); border-radius: 10px; height: 100%; }
.how-it-works-section .row { gap: 24px 0;}
.how-it-works-item span { padding: 5px 10px; background-color: var(--black); border-radius: 30px; display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 18px; line-height: 28px; font-weight: 700; white-space: nowrap;}
.how-it-works-item .title-28 { display: flex; align-items: center; gap: 12px; font-weight: 600; }
.how-it-works-item .font-16 { color: var(--grey); margin-top: 18px; }
.how-it-works-btn { margin-top: 42px; }
/* -- How It Works Section End -- */
/* -- Why Hire Us Section Start -- */
.why-hire-us-section { padding-block: 100px 0; }
.why-hire-us-banner { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.why-hire-us-item { border: 3px solid #E2E9ED; padding: 50px 30px; border-radius: 30px; height: 100%; }
.why-hire-us-list { margin-top: 38px; }
.why-hire-us-list li { display: flex; gap: 18px; align-items: center; }
.why-hire-us-list figure { width: 30px;}
.why-hire-us-list li figure { flex-shrink: 0;}
.why-hire-us-list li figure img { width: 100%; max-width: 30px;}
.why-hire-us-list li:not(:last-child) { margin-bottom: 30px; }
.why-hire-us-list li .font-21 { font-weight: 700; font-size: 21px; line-height: 25px; color: #303030;}
/* -- Why Hire Us Section End -- */

/* -- FAQ's Section Start -- */
.faq-section-main             { padding-block: 100px 40px; }
.faq-section-main h2          { margin-bottom: 20px; }
.faq-section-loop             { padding-block: 32px;padding-right: 40px;border-bottom:1px solid #D2DFEE;}
.faq-section-loop:last-child  { border-bottom: none; }
.faq-section-loop .title-24   { color:#000;}
.faq-section-loop .title      { cursor: pointer;position: relative;z-index:1;}
.faq-section-loop .content-main{ padding-top:32px; display:none; font-weight: 600; color: var(--grey); font-size: 22px; line-height: 30px; }
.faq-section-loop .title:before { content: "\002B"; width:28px; height:28px; position: absolute; top: 0; right: -32px; font-family: 'Font Awesome Free 5'; font-size: 20px; line-height:28px; font-weight: bold; color: #3087FF; border: 2px solid #3087FF; border-radius: 50%; display: flex; justify-content: center; align-items: center;cursor: pointer; }
.faq-section-loop.active .title:before { content: "\2212";}

.game-link img, .game-link { display: none; }
body.page-id-35362 .create-platforms-img .game-link { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; z-index: 2; background-color: #0D7CFF; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 30px; transition: 0.5s;  }
body.page-id-35362 .create-platforms-img .game-link img { max-width: 25px; height: auto; margin-left: 5px; transition: 0.5s;display:block;}

.contactform { padding:25px; background: var(--white); border: 3px solid #0487FF;border-radius:14px;position:absolute;top:-30px;z-index:1;}

.copy-rights-main {padding:20px 0;}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; /* Firefox */ }

.form-section-inner-main .form-group { margin-bottom: 16px; }
.form-section-inner-main .row > .form-group {margin-bottom:0;}
.form-section-inner-main .form-group > label {font-family: "Inter Tight", serif; font-size: 14px; line-height: 22px; color: var(--black); font-weight: 600; margin-bottom: 8px; display: block;}
.form-section-inner-main .form-control {font-family: "Inter Tight", serif; padding: 14px 16px; border: 1.5px solid #dedede; box-shadow: none; outline: none; transition: 0.5s; font-size: 16px; line-height: 24px; color:#9D9D9D;font-weight:500;border-radius: 10px; }
.form-section-inner-main .form-control::placeholder{font-family: "Inter Tight", serif; font-size: 16px; line-height: 24px; color:#9D9D9D; font-weight:500;}
.form-section-inner-main .form-control:focus {border-color:#D8EAFF;box-shadow: none; }
.form-section-inner-main textarea { resize: none;height:90px;}

.submit-button{position: relative;display:inline-block;}
input[type=submit]{font-size: 17px; line-height: 23px; font-weight: 700; border: 1px solid #0487FF; padding: 16px 18px; display: inline-block; text-transform: capitalize; border-radius: 16px; transition: all 0.3s; -webkit-transition: all 0.3s; background: #0487FF; color: #fff;}
input[type=submit]:hover{background:transparent;border-color:#0487FF;color:#0487FF;}

.form-section-inner-main .wpcf7-response-output { margin: 10px 0 0!important; font-size: 12px!important; line-height: 20px!important; border: none!important; color: #FFF; font-weight: 600; text-align: center; padding: 5px!important; }
.form-section-inner-main .wpcf7 form.invalid .wpcf7-response-output { background: #0487ff; }
.form-section-inner-main .wpcf7-not-valid-tip { font-size: 12px!important; line-height: 20px!important; text-align: left; padding-top: 5px; display: block; color: #dc3232;}
.submit-button .wpcf7-spinner { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); z-index: 1;}
.submitting .wpcf7-submit { pointer-events: none; color: transparent !important; }

.number-main{position: relative;}
.number-main .contact-number-main { padding-left: 80px !important; }
.number-main span.custom-country-code{position:absolute;top:15px;left:30px;z-index:99;}
.number-main span.custom-country-code:before { content: "+"; position: absolute; top: 0; left: -15px;color: #616F8A; }
.number-main span.custom-country-code:after { content: ""; display: block; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: #000; width: 2px; height: 25px; }
.number-main input[name="custom-country-code"]{border:none !important;border-radius:unset !important;margin:0;padding:0 !important;width:40px !important;background-color:transparent !important;color: #9D9D9D;position: relative;z-index:-1;}

.jcf-select.jcf-select-custom-country-name{ font-family: "Inter Tight", serif; width:100%; height:54px;border: 1.5px solid #dedede; font-size:16px; line-height:24px;font-weight:500;margin:0; padding: 14px 30px 14px 16px;cursor: pointer;color:#9D9D9D;border-radius: 10px;}
.jcf-select.jcf-select-custom-country-name .jcf-select-text{font-family: "Inter Tight", serif; margin:0; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);font-size:16px;line-height:24px;color:#9D9D9D;font-weight: 500;cursor: pointer;padding:0;}
.jcf-select.jcf-select-custom-country-name .jcf-select-opener{width:15px;height:13px; background: url(../images/down-arrow.svg) no-repeat center center/cover; top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:0.2s all ease;-webkit-transition:0.2s all ease;}
.jcf-select.jcf-select-custom-country-name.jcf-drop-active .jcf-select-opener{transform:translateY(-50%) scale(-1);-webkit-transform:translateY(-50%) scale(-1);}

.jcf-select-custom-country-name .jcf-select-drop .jcf-select-drop-content{border:none;}
.jcf-select-custom-country-name .jcf-list{font-size:16px;line-height:22px;}
.jcf-select-custom-country-name .jcf-list .jcf-option{color:#9D9D9D !important;cursor: pointer !important;padding:5px 16px!important;}
.jcf-select-custom-country-name .jcf-list ul li{font-size:14px;line-height:20px;color:#9D9D9D;}
.jcf-select-custom-country-name .jcf-list .jcf-selected, .jcf-select-custom-country-name .jcf-list .jcf-hover {background-color: #000 !important;color:#FFF !important;}
.jcf-select-custom-country-name .jcf-list .jcf-list-content{max-height:230px !important;}
.form-section-main .number-main .contact-number-main{padding-left: 80px !important;}
.form-section-main .captcha-content .form-control{height:40px;}
.form-section-main .common-btn{cursor: pointer;}

.footer-section-main { display: none; }
.grecaptcha-badge{visibility:hidden;}
/*  Media Start */
@media only screen and (min-width: 1440px) {
  .container {max-width: 1277px; }
}

@media only screen and (max-width: 1440px) {
  .engagement-model-sec,
  .cmn-pad {padding-block: 55px; }
  .success-stories-sec {padding-left: 20px; }
  .client-block {max-width: 380px; margin-right: 40px; }
  .service-tablist .nav-tabs li { width: unset; min-width: 200px; }
  /*  */
  .title-62 {font-size: 55px; line-height: 65px; } 
  .title-54 {font-size: 50px; line-height: 60px; } 
  .title-48 {font-size: 45px; line-height: 60px; }
  .title-24 {font-size: 22px; } 
  .topbanner-block {padding-block: 150px; }
}

@media only screen and (max-width: 1400px) {
  .cmn-pad {padding-block: 45px; }
  
  /* -- Header Section CSS Start -- */
  .header-section-inner { padding: 15px 22px; } 
  .header-menu-main ul.navbar-nav { gap: 28px; } 
  /* -- Header Section CSS End -- */

  /* FAQS Section Start */
  .faq-section-main .faq-section-loop {padding-bottom: 22px; margin-bottom: 22px; } 
  .faq-section-loop .title:before {width: 22px; height: 22px; }
  .faq-section-main .faq-section-loop:last-child { padding-bottom: 0; margin-bottom: 0; }
  /* FAQS Section End */
}

@media only screen and (max-width: 1200px) {
  
  /* -- Header Section CSS Start -- */
  .header-section-inner { padding: 12.5px 16px; }
  .header-menu-main ul.navbar-nav { gap: 16px; }
  /* -- Header Section CSS End -- */ 

  .engagement-model-sec, .perfect-peice-sec, .success-stories, .cmn-pad {padding-block: 40px; }
  .cmn-btn {padding: 12px 26px; } 
  .title-62 {font-size: 40px; line-height: 1.5; }
  .title-54 {font-size: 45px; line-height: 55px; } 
  .title-48 {font-size: 42px; line-height: 52px; } 
  .title-24 {font-size: 23px; line-height: 32px; } 
  .faq-section-loop .title-24,
  .title-20 {font-size: 18px; line-height: 26px; } 
  p {font-size: 15px; line-height: 25px; }
 
  /* -- Logo Section Start -- */
  .logo-section { padding-block: 25px;}
  .marquee-block, .marquee-block ul { gap: 30px; }
  .marquee-block li img { max-width: 125px; }
  .unique-features-section { padding-block: 25px 50px;}
  .services-offered-item figure { min-width: 60px;}
  .services-offered-list li { padding: 15px;}
  .services-offered-item .title-26 { font-size: 20px; line-height: 26px;}

  /* Different Service Block Section Start */
  .different-services-block .cmn-content {margin: 0 auto; max-width: 100%; } 
  .developement-services-list li {width: calc(100% / 2); } 
  .service-tablist .nav-tabs {gap: 5px; } 
  .banner-content-area .title-62 { max-width: 100%; }
  .service-tablist .nav-tabs li { min-width: 150px;}
  .service-tablist .nav-tabs { gap: 20px; }
  .service-tablist .nav-tabs .nav-link { min-width: 160px; }
  .service-tablist .tab-content {margin-top: 25px; } 
  .service-tablist .tab-pane ul li {padding: 5px; } 
  .service-tablist .tab-pane .logo-icon {padding: 15px; } 
  .service-tablist .tab-pane .logo-icon img {max-width: 50px; } 
  .service-tablist .tab-pane .logo-icon p {margin-top: 20px; } 
  .why-hire-us-item { padding: 25px;}
  .why-hire-us-list { margin-top: 25px;}
  .why-hire-us-list li { gap: 15px; }
  .why-hire-us-list li:not(:last-child) { margin-bottom: 20px; }
  .why-hire-us-list li .font-21 { font-size: 16px; line-height: 22px;}
  .additional-expertise-btn-img img { max-width: 100px;}
  .expertise-img-block figure { max-width: 200px;}
  /* Story Section Section End */

  /* FAQS Section Start */
  .faq-section-main .faq-section-loop {padding-bottom: 25px; margin-bottom: 25px; } 
  .faq-section-loop .title-24 {font-size: 22px; } 
  .faq-section-loop p {font-size: 18px; line-height: 1.5; } 
}

@media only screen and (max-width: 991px) {
  .title-62 		{ font-size: 48px; line-height: 56px; font-weight: 800; }
  .title-44 		{ font-size: 36px; line-height: 48px; font-weight: 700; }
  .title-32 		{ font-size: 28px; line-height: 40px; font-weight: 800; }
  .title-30 		{ font-size: 26px; line-height: 36px; font-weight: 700; }
  .title-28     { font-size: 24px; line-height: 30px; font-weight: 800; }
  .title-26     { font-size: 22px; line-height: 28px; font-weight: 800; }
  .title-24 		{ font-size: 20px; line-height: 26px; font-weight: 700; }
  .font-22 			{ font-size: 18px; line-height: 32px; }
  .font-18 			{ font-size: 16px; line-height: 28px; }
  .font-16 			{ font-size: 14px; line-height: 24px; }
  .cmn-btn { padding: 10px 20px; font-size: 15px; line-height: 22px; } 

  .cf7-cf-turnstile{transform:scale(.8);transform-origin:top left;display:inline-block;}
  /* -- Header Section CSS Start -- */
  .header-section-inner { padding: 15px; }
  .mobile-open-icon,.header-mobile-image-main{display:none;}
  #navbarNav{display:block;}
  .header-menu-main ul.navbar-nav .nav-item:last-child a{padding:14px 16px;font-size:16px;line-height:20px;}
  /* -- Header Section CSS End -- */ 
  
  /* -- Top Section CSS Start -- */
  .topbanner-area .cmn-btn { margin-top: 25px; }
  .banner-content .title-62 { font-size: 36px; line-height: 44px; }
  .banner-list{ margin-top: 25px; gap: 10px; }
  .banner-list li { padding: 15px; width: calc(50% - 5px);}
  .banner-list li button { font-size: 16px; line-height: 20px; }
  .banner-content .font-18 { margin-top: 15px; color: #5E5E5E; max-width: 100%; }
  
  /* -- Logo Section Start -- */
  .logo-section { padding-block: 20px;}
  .marquee-block, .marquee-block ul { gap: 25px; }
  .marquee-block li img { max-width: 100px; }

  /* -- Unique Features Section Start -- */
  .unique-features-section { padding-block: 0 30px; }
  .unique-offer-block { gap: 15px; }
  .unique-offer-block .title-20 { font-size: 16px; line-height: 24px; }
  .unique-offer-item { gap: 12px; }
  .unique-offer-item .font-22 { font-size: 20px; line-height: 26px; }
  .unique-offer-list li:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; }
  /* -- Unique Features Section End -- */

  /* -- Services Offered Section Start -- */
  .services-offered-list { gap: 20px; margin: 30px -12px 0; }
  .services-offered-list li { width: calc(50% - 24px); padding: 20px; }
  .services-offered-list li figure { width: 55px; height: 55px; }
  .services-offered-item { gap: 12px; }
  .services-offered-item .font-26 { font-size: 22px; line-height: 28px; }
  .main-img-block-banner figure img { margin-top: 20px; }

  /* -- Explore Our Additional Expertise in Unity Development Section Start -- */
  .additional-expertise-section { padding-block: 50px; }
  .additional-expertise-section:before { width: 400px; height: 400px; right: -50px; bottom: -80px; }
  .additional-expertise-list { margin-top: 30px; gap: 20px; }
  .additional-expertise-list li { gap: 20px; padding: 20px; border-radius: 15px; }
  .additional-expertise-list li figure { max-width: 100%; height: 200px; min-width: 200px; }
  .additional-expertise-content .font-30 { font-size: 24px; line-height: 32px; }
  .additional-expertise-content .font-16 { line-height: 21px; }
  .additional-expertise-btn { margin-top: 30px; }
  .additional-expertise-btn-img { right: 10%; transform: translate(-50%, -40%); }
  .additional-expertise-btn-img img { max-width: 100px;}
  .expertise-img-block figure { max-width: 150px;}
  /* -- Explore Our Additional Expertise in Unity Development Section End -- */
  
  /* Different Service Block Section Start */
  .different-services-block .font-16 { margin: 20px auto 0; }
  .service-tablist .nav-tabs { gap: 10px; }
  .service-tablist .nav-tabs .nav-link { font-size: 16px; line-height: 22px; min-width: 115px; }
  .service-tablist .tab-content { margin-top: 25px; }
  .service-tablist .tab-pane ul li { padding: 10px; }
  .service-tablist .tab-pane ul li p { margin-top: 10px; }
  .service-tablist .nav-tabs li { min-width: unset;}
  .we-offer-inner-block .cmn-content p { max-width: 100%; }
  .different-services-block { padding-block: 35px 20px; } 
  .service-tablist { margin-bottom: 20px; }
  /* -- Create Platforms Section Start -- */
  .create-platforms-section { padding-block: 50px; }
  .create-platforms-section .title-44 { margin-bottom: 20px; }
  .create-platforms-item { border-radius: 10px; margin-top: 0px; }
  .create-platforms-section .row { gap: 24px 0; }
  .create-platforms-item .font-16 { margin-top: 8px; }
  /* -- Create Platforms Section End -- */
  
  /* -- How It Works Section Start -- */
  .how-it-works-section h2 { margin-bottom: 20px; }
  .how-it-works-item { padding: 25px; }
  .how-it-works-section .row { gap: 24px 0; }
  .how-it-works-item span { min-width: 70px; font-size: 16px; line-height: 22px; }
  .how-it-works-item .title-28 { gap: 10px; }
  .how-it-works-item .font-16 { margin-top: 18px; }
  .how-it-works-btn { margin-top: 20px; }
  /* -- How It Works Section End -- */

  /* -- Why Hire Us Section Start -- */
  .why-hire-us-section { padding-block: 30px 0; }
  .why-hire-us-banner { border-radius: 15px; }
  .why-hire-us-item { padding: 20px; border-radius: 15px; }
  .why-hire-us-list { margin-top: 15px; }
  .why-hire-us-list li { gap: 10px; align-items: flex-start; }
  .why-hire-us-list li:not(:last-child) { margin-bottom: 15px; }
  .why-hire-us-list li .font-21 { font-size: 14px; line-height: 20px; }
  /* -- Why Hire Us Section End -- */
  /* FAQS Section Start */
  .faq-section-main {padding-block: 30px; } 
  .faq-section-main .faq-section-loop {padding-block: 15px; margin-bottom: 15px; } 
  .faq-section-main .title-48 {margin-bottom: 35px; } 
  .faq-section-loop .title:before {width: 20px; height: 20px; } 
  .faq-section-loop .title-24 {font-size: 17px; } 
  .faq-section-loop p {font-size: 15px; } 
  
  .contactform{position:unset;margin-top:25px;}
}

@media only screen and (max-width: 767px) {
  .cmn-pad {padding-block: 30px; } 
  .cmn-btn {padding: 16px 12px; font-size: 15px; line-height: 20px; } 
  .title-48 {font-size: 36px; } 
  .cmn-btn {padding: 10px 20px; } /* Top Banner Section Start */ 
  
  .title-62 		{ font-size: 42px; line-height: 48px; }
  .title-44 		{ font-size: 28px; line-height: 38px; }
  .title-32 		{ font-size: 26px; line-height: 36px; }
  .title-30 		{ font-size: 24px; line-height: 34px; }
  .title-28     { font-size: 22px; line-height: 28px; }
  .title-26     { font-size: 20px; line-height: 26px; }
  .title-24 		{ font-size: 18px; line-height: 24px; }
  .font-22 			{ font-size: 18px; line-height: 28px; }
  .font-18 			{ font-size: 16px; line-height: 24px; }
  .font-16 			{ font-size: 14px; line-height: 22px; }

  /* -- Header Section CSS Start -- */
  .header-logo-main img {width:150px;height:38px;}
  .header-menu-main .hire-button-main a {font-size:16px;line-height:22px;padding:8px 20px;}
  /* -- Header Section CSS End -- */

  /* -- Top Section CSS Start -- */
  .topbanner-area .cmn-btn { margin-top: 15px; }
  .banner-list{ margin-top:20px;gap: 10px; }
  .banner-list li button { font-size: 14px; line-height: 20px;text-align:start;gap:12px;}
  .banner-list li { padding: 10px;}
  .banner-content .font-18 { margin-top: 10px; max-width: 100%; }
  /* -- Top Section CSS End -- */

  /* -- Logo Section CSS Start -- */
  .marquee-block, .marquee-block ul { gap: 20px; }
  .logo-section { padding-block: 20px 10px; }
  .marquee-block li img { max-height: 50px; }
  /* -- Logo Section CSS End -- */

  /* -- Unique Features Section Start -- */
  .unique-features-section { padding-block: 25px; }
  .unique-offer-block { gap: 10px; }
  .unique-offer-block .title-20 { font-size: 14px; line-height: 20px; }
  .unique-offer-item { gap: 10px; }
  .unique-offer-item .font-22 { font-size: 18px; line-height: 22px; }
  .unique-offer-list li:not(:last-child) { margin-bottom: 10px; }
  .unique-offer-list { margin-top: 20px; }
  /* -- Unique Features Section End -- */

  /* -- Services Offered Section Start -- */
  .services-offered-list { gap: 15px; }
  .services-offered-list li { width: calc(100% - 15px ); padding: 15px; }
  .services-offered-list li figure { width: 50px; height: 50px; }
  .services-offered-item { gap: 10px; }
  .services-offered-item .font-26 { font-size: 18px; line-height: 22px; }
  .main-img-block-banner figure img { margin-top: 15px; }
  /* -- Services Offered Section End -- */

  /* -- Explore Our Additional Expertise in Unity Development Section Start -- */
  .additional-expertise-section { padding-block: 30px;}
  .additional-expertise-section:before { width: 300px; height: 300px; right: -50px; bottom: -60px; filter: blur(150px);}
  .additional-expertise-list { margin-top: 30px; display: flex; flex-direction: column; gap: 20px; }
  .additional-expertise-list li { display: flex; flex-direction: column; gap: 15px; padding: 15px; align-items: flex-start; }
  .additional-expertise-list li figure { width: 100%; height: 200px; max-width: 100%; }
  .additional-expertise-content .font-30 { font-size: 20px; line-height: 26px; }
  .additional-expertise-content .font-16 { margin-top: 5px; }
  .additional-expertise-btn { margin-top: 30px; justify-content: space-around;}
  .additional-expertise-btn .cmn-btn { margin-right: 70px; }
  .additional-expertise-btn-img { right: -3%; top: 50%; transform: translate(-50%,-50%); width: 50px; }
  .expertise-img-block { display: none; }
  /* -- Explore Our Additional Expertise in Unity Development Section End -- */
  
  /* -- Different Service Block Section Start -- */
  .different-services-block { padding-block: 25px; }
  .different-services-block .font-16 { margin: 20px 0; max-width: 100%; }
  .service-tablist { margin-bottom: 0px; }
  .service-tablist .nav-tabs { gap: 5px 10px; }
  .service-tablist .tab-pane ul { gap: 15px; }
  .service-tablist .nav-tabs li { min-width: 125px; box-shadow: 5px 5px 5px #f1f1f1; }
  .service-tablist .nav-tabs .nav-link { min-width: 100%; }
  .service-tablist .tab-pane ul li { width: calc(100% / 2 - 15px ); padding: 10px 5px 5px; }
  .button-area,
  .service-tablist .tab-pane ul li p { margin-top: 10px; }
  /* -- Different Service Block Section End -- */

  /* -- Create Platforms Section Start -- */
  .create-platforms-section { padding-block: 30px; }
  .create-platforms-section .row { gap: 10px}
  .create-platforms-item { margin-top: 0px; }
  .create-platforms-img { min-height: 200px; }
  .create-platforms-content { padding: 15px; }
  .create-platforms-section .title-44 { margin-bottom: 15px;}
  .create-platforms-item .font-16 { margin-top: 5px; }
  /* -- Create Platforms Section End -- */

  /* -- How It Works Section Start -- */
  .how-it-works-section { padding-block: 20px; }
  .how-it-works-item { padding: 20px; }
  .how-it-works-item span { font-size: 15px; line-height: 22px; padding: 4px 8px; }
  .how-it-works-item .title-28 { font-size: 18px; line-height: 22px; }
  .how-it-works-item .font-16 { font-size: 14px; line-height: 20px; margin-top: 5px; }
  .how-it-works-btn { margin-top: 20px; }
  .how-it-works-section .row { gap: 16px 0; }
  /* -- How It Works Section End -- */

  /* -- Why Hire Us Section Start -- */
  .why-hire-us-section { padding-block: 30px 0; }
  .why-hire-us-banner { max-height: 280px; margin: 0 auto 15px; }
  .why-hire-us-item { padding: 20px 15px; }
  .why-hire-us-list { margin-top: 15px; }
  .why-hire-us-list li { gap: 10px; align-items: flex-start; }
  .why-hire-us-list li .font-21 { font-size: 14px; line-height: 20px; }
  .why-hire-us-list li figure { width: 20px; }
  .why-hire-us-list li:not(:last-child) { margin-bottom: 10px; }
  /* -- Why Hire Us Section End -- */

  /* FAQS Section Start */
  .faq-section-main {padding-block: 30px; } 
  .faq-section-main .faq-section-loop {padding-block: 15px; margin-bottom: 15px; } 
  .faq-section-main .title-48 {margin-bottom: 35px; }
  .faq-section-loop .title:before {width: 20px; height: 20px; } 
  .faq-section-loop .title-24 {font-size: 14px; line-height: 1.5; } 
  .faq-section-loop p {font-size: 15px; }

  .contactform { padding: 25px 20px; }

  input[type=submit] { padding: 10px 14px; }
  .form-section-inner-main .form-control{padding:10px 14px;font-size:14px;line-height:22px;}
  .form-section-inner-main .form-control::placeholder{font-size:14px;line-height:22px;}
  .submit-button{margin-top:16px;}
  .form-section-inner-main textarea{height:80px;}

  .jcf-select.jcf-select-custom-country-name{height:44px;}
  .jcf-select.jcf-select-custom-country-name,.jcf-select.jcf-select-custom-country-name .jcf-select-text{font-size:14px;line-height:22px;}

  .number-main span.custom-country-code{top:10px;}
  .number-main span.custom-country-code:after{height:22px;}
  .number-main span.custom-country-code:before{top:0;}
  .number-main input[name="custom-country-code"]{font-size:14px;line-height:22px;font-weight:500;}
  
}

@media only screen and (max-width: 575px) {
  .banner-list li {width: auto;}
  .success-stories-sec {padding-left: 12px; } 
  .about-exp-sec .about-exp-sec-content { min-height: 300px;} 
  .stories-box > div { max-width: 290px; }
  .marquee-block, .marquee-block ul { gap: 10px; }

  .contactform { padding: 25px 15px; }
}