@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?y3s6iv');
  src:  url('../fonts/icomoon.eot?y3s6iv#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?y3s6iv') format('truetype'),
    url('../fonts/icomoon.woff?y3s6iv') format('woff'),
    url('../fonts/icomoon.svg?y3s6iv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jobtitle:before {content: "\e90a";}
.icon-jobtype:before {content: "\e90b";}
.icon-message:before {content: "\e908";}
.icon-user:before {content: "\e909";}
.icon-twiteer:before {content: "\e900";}
.icon-linkedin:before {content: "\e901";}
.icon-gmail:before {content: "\e902";}
.icon-facebook:before {content: "\e903";}
.icon-call:before {content: "\e904";}
.icon-arrow-right:before {content: "\e905";}
.icon-arrow-left:before {content: "\e906";}
.icon-arrow-down:before {content: "\e907";}


/*@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

html {width:100%; height:100%; margin: 0rem; padding: 0rem; font-size: 62.5%;}
body {overflow-x: hidden; margin: 0rem; padding: 0rem; font-optical-sizing: auto; background: var(--white);}
figure, address, blockquote {margin: 0; padding: 0;}

::-moz-selection {color: rgb(255, 255, 255); background: rgb(51, 106, 234);}
::selection {color: rgb(255, 255, 255); background: rgb(51, 106, 234);}
img {max-width: 100%;}

a {text-decoration: none;}
h1, h2, h3, h4, p {padding: 0; margin: 0;}

:root {
  --white-default: #FFFFFF;
  --white-100: #F8FAFF;
  --gray-100: #EEEEEE;
  --gray-200: #6B6B6E;
  --gray-300: #5F5E5E;
  --gray-400: #A9A9A9;
  --gray-500: #CACACA;
  --black-default: #000000;
  --black-100: #070519;
  --black-200: #04001E;
  --black-300: #29273C;
  --blue-100: #336AEA;
  --blue-200: #2e3aa6;
  --blue-300: #124A82;
  --blue-400: #F2F5FA;
  --red-100: #FD0909;
  --green-default: #008000;

  --primary-font: "DM Sans", sans-serif;
  --secondary-font: "Poppins", sans-serif;
  --optional-font: "Crimson Text", serif;

  --transition: all 0.3s ease;
}


/* ++++++++++++ common style start ++++++++++++ */
body.logged-in .site-header {top: 3.2rem;}

.hed_ani,.common-text{ opacity: 0; transition: 0.6s;}

body.loaddoneany .hed_ani{opacity:1;}

body.loaddoneany .common-text{ opacity: 1;}

body .container {max-width: 90.4%;}

.common-heading h1 {font-family: var(--primary-font); font-size: 10rem; line-height: 10.1rem; font-weight: 700; color: var(--white-default);}

.common-heading h2 {font-family: var(--primary-font); font-size: 10rem; line-height: 10.1rem; font-weight: 700; color: var(--white-default);}

.common-text p {font-family: var(--secondary-font); font-size: 2.8rem; line-height: normal; font-weight: 500; color: var(--white-default);}
/* ++++++++++++ /common style end +++++++++++++ */

/* ++++++++++++ header style start ++++++++++++ */
.home_wrapper{ background-color: #FFF; position: relative; z-index: 1;}

.site-header {padding: 2.3rem 0 2rem; background-color: var(--white-default); position: fixed; top: 0; left: 0; right: 0; z-index: 2; transition: all .3s ease;}

.site-header.stick {background: var(--white-default); animation: stickynav 1s; box-shadow: 0 0 1.9rem 0.3rem rgba(0,0,0,0.20);}
@keyframes stickynav { from {transform: translateY(-25px);} to {transform: translateY(0px);} }

.site-header-nav {display: flex; align-items: center; justify-content: space-between;}

.site-logo {display: flex; align-items: center; gap: 1.6rem; margin-bottom: 1.6rem;}

.nav-text {font-family: var(--optional-font); font-size: 2rem; font-weight: 400; line-height: normal; font-style: italic; color: var(--black-100);}

.nav-text span {color: var(--blue-100);}

.menu-wrapper {list-style: none; display: flex; align-items: center; justify-content: center; gap: 4rem; padding: 0; margin: 0;}

.menu-item a {font-family: var(--secondary-font); font-size: 2rem; line-height: normal; font-weight: 300; color: var(--black-100); transition: var(--transition); padding-bottom: 3.2rem;}

.menu-item a:hover {color: var(--blue-100);}

.header-contact-btn a {color: var(--white-default); background-color: var(--blue-100); padding: 0.9rem 3.2rem; border-radius: 10rem; border: 0.1rem solid var(--blue-100); transition: var(--transition);}

.header-contact-btn a:hover {color: var(--blue-100); background-color: var(--white-default);}

.sub-menu-toggle {display: none;}

.menu-item.menu-item-has-children {position: relative; padding-right: 1.8rem;}

.sub-menu {display: none; transition: var(--transition);}

.menu-item.menu-item-has-children::after {content: "\e907"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 0.8rem; transition: var(--transition);}

.menu-item.menu-item-has-children:hover .sub-menu {display: block; list-style: none; position: absolute; top: 3.5rem; left: 0; z-index: 1; padding: 3.4rem 1.8rem; margin: 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.251); background-color: var(--white-default); border-radius: 2rem; min-width: 25.0rem;}

.menu-item.menu-item-has-children:hover::after {color: var(--blue-100);} 

.sub-menu .menu-item:last-child {margin-bottom: 0;}

.sub-menu .menu-item a {width: 100%; display: inline-block; padding: 1.1rem 1.6rem;}

.sub-menu .menu-item a:hover {border-radius: 2.3rem; color: var(--white-default); background-color: var(--blue-100);}

.menu-wrapper .current-menu-item a {color: var(--blue-100);}

.menu-wrapper .current-menu-parent a {color: var(--blue-100);}

.menu-wrapper .current-menu-parent:after{color:var(--blue-100)}

.menu-wrapper .current-menu-parent ul li.current-menu-item a {border-radius: 2.3rem; color: var(--white-default); background-color: var(--blue-100);}

.menu-wrapper .current-menu-parent ul.sub-menu li a {color: var(--black-default);}

.menu-wrapper .current-menu-parent ul.sub-menu li a:hover {color: var(--white-default);}

.menu-wrapper .current-menu-parent ul.sub-menu li.current-menu-item a {color: var(--white-default);}

.menu-wrapper .header-contact-btn.current-menu-item a {background-color: var(--white-default);}

.menu-wrapper .header-contact-btn.current-menu-item a:hover {color: var(--white-default); background-color: var(--blue-100);}

/* ++++++++++++ /header style end +++++++++++++ */

/* ++++++++++++ banner style start ++++++++++++ */
.banner-area {width: 100%; height: 100vh; background-color: var(--blue-100); position: relative;}

.banner-video-wrapper {width: 100%; height: 100vh; position: relative;}

.banner-video-wrapper::after{background: rgba(0, 0, 0, 0.20); content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; left: 0; z-index: 1;}

.banner-video {width: 100%; height: 100vh; object-fit: cover;}

.banner-content {position: absolute; bottom: 17.8rem; z-index: 1;}

.inner_banner .banner-content { bottom:9rem;}

.banner-heading.common-heading { width: 100%; margin-bottom: 1.4rem;}

.banner-heading h1,.common-text p{ perspective: 600px;}

.banner-text.common-text p strong {font-weight: 700;}

.banner-get-link {margin-top: 5.1rem;}

.banner-get-link a {font-family: var(--secondary-font); font-size: 2rem; line-height: normal; font-weight: 600; color: var(--white-default); background-color: var(--blue-100); padding:0 5.1rem; border-radius: 10rem; border: 0.1rem solid var(--blue-100); transition: var(--transition); height: 7.7rem; display: flex; align-items: center; width: fit-content;}

.banner-get-link a:hover {color: var(--blue-100); background-color: var(--white-default); border: 0.1rem solid var(--white-default);}

/* ++++++++++++ /banner style end +++++++++++++ */

/* ++++++++++++ about style start +++++++++++++ */
.about-section {padding: 9.8rem 0;}

.about-content {position: relative;}

.effect-logo {position: absolute; right: 0; bottom: 0;}

.effect-logo a{cursor:text;}

.effect-logo img {filter: grayscale(100%) invert(1); opacity: 20%;}

.about-heading.common-heading {max-width:90%; width: 100%; margin-bottom: 2.9rem;}

.about-heading.common-heading h2 {font-size: 4rem; font-weight: 400; line-height: 6rem; color: var(--black-100); text-transform: capitalize;margin-bottom:4rem;}

.about-heading.common-heading h2 strong {font-weight: 700;}

.about-heading.common-heading h2 span {font-weight: 700; color: var(--blue-100);}

.about-text.common-text p {font-size: 2rem; font-weight: 300; color: var(--black-100);}

.about-text.common-text p strong {font-weight: 600;}

.about-ecorbus-link {margin-top: 4.3rem;}

.about-ecorbus-link a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--black-100); width: 31.1rem; height: 7.7rem; display: flex; align-items: center; gap: 5.8rem; background-color: var(--white-default); border: 0.1rem solid var(--blue-100); border-radius: 10rem; padding-left: 3.6rem; transition: all .3s ease-in-out; position: relative; z-index: 1;}

.about-ecorbus-link a span {color: var(--blue-100); position: absolute; right: 3.6rem; transition: all .5s ease-in-out;}

.about-ecorbus-link a:hover {color: var(--white-default); border: 0.1rem solid var(--blue-100);}

.about-ecorbus-link a:hover span {color: var(--white-default); right: 3rem;}

.about-ecorbus-link a::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 10rem; transition: all .3s ease-in-out;}

.about-ecorbus-link a:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue-100); border-radius: 10rem; z-index: -1;}
/* ++++++++++++ /about style end ++++++++++++++ */

/* ++++++++++++ ourSolutions style start ++++++ */
.solutions-section {position: relative; padding-top: 9rem; padding-bottom: 8rem; overflow: hidden;  background: var(--blue-200) url('../images/bg-image.webp')0 0 no-repeat; background-size: cover; background-attachment:fixed; height:102.4rem; }

.solutions-section .container{ position: relative; z-index: 1;}

.solutions-heading { text-align: center; overflow: hidden;}

.solutions-heading  h2{text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.40);margin-bottom: 8rem;}

.solutions-item-wrapper {transition: var(--transition); padding-bottom: 1.8rem;border-radius: 3.6rem;}

.solutions-item {border-radius: 3.6rem; overflow: hidden; position: relative; transition: var(--transition); display: block;box-shadow:0px 0 0 0px rgba(0, 0, 0, 0.25);  transition: 0.6s;}

.solutions-item:hover{box-shadow:0px 14px 10px 0px rgba(0, 0, 0, 0.25);}

.solutions-item:hover .solutions-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000000fc 0%, rgba(0, 0, 0, 0) 100%); opacity: 70%;} 

.solutions-img {border-radius: 3.6rem; overflow: hidden; position: relative;}

.solutions-img img {width: 100%; height: auto; transition: all .8s ease-in-out;}

.solutions-item:hover .solutions-img img {transform: scale(1.1);}

.solutions-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 40%; transition: var(--transition);}

.solutions-item h3 {font-family: var(--primary-font); font-size: 4rem; font-weight: 600; line-height: 6rem; color: var(--white-default); position: absolute; top:3.9rem; left: 3rem; z-index: 1; transition: 0.6s;}

.solutions-item:hover h3{ left: 6rem;}
/* ++++++++++++ /ourSolutions style end +++++++ */

/* ++++++++++++ portfolio style start +++++++++ */
.portfolio-section {padding: 9.8rem 0; background-color: var(--gray-100); overflow:hidden; height: 132.3rem;}

.portfolio-heading.common-heading {margin-bottom: 5.4rem;}

.portfolio-heading.common-heading h2 {text-align: center; color: var(--black-100);}

.portfolio-block {background-color: var(--white-default); box-shadow: 0px 10px 10px 0px #0000000A; border-radius: 3.6rem; padding-top: 8rem; padding-bottom: 6.7rem;}

.portfolio-slider {border-radius: 3.6rem;}

.portfolio-wrapper {display: flex; align-items: center; justify-content: center; gap: 2rem;}

.portfolio-content {max-width: 62.5rem; width: 100%; padding-left: 0;}

.portfolio-content span {font-family: var(--primary-font); font-size: 2rem; font-weight: 400; line-height: 6rem; color: var(--black-default); text-decoration: underline; text-underline-offset: 0.6rem;}

.portfolio-content-heading {margin: 1.2rem 0 3rem;}

.portfolio-content-heading h3 {font-family: var(--primary-font); font-size: 7.5rem; font-weight: 600; line-height: 7.4rem; color: var(--blue-100);}

.portfolio-text{ width: 55.5rem;}

.portfolio-text p {font-family: var(--primary-font); font-size: 2.8rem; font-weight: 400; line-height: normal; color: var(--black-default);}

.portfolio-logo-wrapper {display: flex; align-items: center; gap: 3rem; margin-top: 6rem;}

.view-all-work {margin-top: 6rem;}

.view-all-work a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--white-default); width: 31.1rem; height: 7.7rem; display: flex; align-items: center; gap: 7.5rem; background-color: var(--blue-100); border: 0.1rem solid var(--blue-100); border-radius: 10rem; padding-left: 3.6rem; transition: all .3s ease-in-out; position: relative; margin: auto;}

.view-all-work a span {color: var(--white-default); position: absolute; right: 3.6rem; transition: all .5s ease-in-out;}

.view-all-work a:hover {color: var(--blue-100); background-color: var(--white-default);}

.view-all-work a:hover span {color: var(--blue-100); right: 3rem;}

.view-all-work a::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 10rem; transition: all .3s ease-in-out;}

.view-all-work a:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-default); border-radius: 10rem; z-index: -1;}

.portfolio-next {position: absolute; top: 50%; right: 2.7rem; z-index: 1; border: 0.1rem solid var(--blue-100); width: 6.5rem; height: 5.2rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem;  transition: var(--transition);}

.portfolio-next::after {content: "\e905"; font-family: "icomoon"; font-size: 1.8rem; font-weight: 500; color: var(--blue-100); transition: var(--transition);}

.portfolio-next:hover {background-color: var(--blue-300);}

.portfolio-next:hover::after {color: var(--white-default);}

.portfolio-prev {position: absolute; top: 50%; left: 2.7rem; z-index: 1; border: 0.1rem solid var(--blue-100); width: 6.5rem; height: 5.2rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem; transition: var(--transition);}

.portfolio-prev::after {content: "\e906"; font-family: "icomoon"; font-size: 1.8rem; font-weight: 500; color: var(--blue-100); transition: var(--transition);}

.portfolio-prev:hover {background-color: var(--blue-300);}

.portfolio-prev:hover::after {color: var(--white-default);}
/* ++++++++++++ /portfolio style end ++++++++++ */

/* ++++++++++++ industries style start ++++++++ */
.industries-section {padding-top: 9.9rem; padding-bottom: 10rem; background-color: var(--black-default); overflow:hidden; }

.industries-heading.common-heading {margin-bottom: 7.5rem;}

.industries-heading.common-heading h2 {text-align: center;}

.industries-item-wrapper {display: flex;}

.industries-item {border-radius: 3.6rem; overflow: hidden;}

.industries {width: 100%; height: 100%; display: block; position: relative;}

.industries-img img {width: 100%; height: auto; transition: all 0.8s ease-in-out;}

.industries:hover .industries-img img {transform: scale(1.1);}

.industries-item-heading {position: absolute; bottom: 3.1rem; left: 4.5rem; transition: all 0.8s ease-in-out; z-index: 2;transform-origin: right;}

.industries:hover .industries-item-heading{opacity: 0; filter: blur(30px);}

.industries-link {transition: all 0.5s ease-in-out;}

.industries-item-heading h3 {font-family: var(--primary-font); font-size: 4rem; font-weight: 600; line-height: 6rem; color: var(--white-default);}

.industries-link span {font-size: 1.6rem; font-weight: 900; color: var(--white-default); background-color: var(--blue-100); width: 5.7rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; border-radius: 10rem;}

.industries::after,.industries::before{ z-index: 1;}

.industries::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 24.0rem;background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);transform: rotate(180deg);}

.industries::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(8, 75, 233, 0.43);}

.industries-hover{ position: absolute; width: 100%; height: 100%;top: 0;z-index: 1;display: flex;align-items: center;justify-content: center;flex-direction: column; transition: all 0.8s ease-in-out;filter: blur(10px);opacity: 0;}

.industries:hover .industries-hover{opacity: 1; filter: blur(0);}

.industries-hover .industries-item-heading{ position: static;opacity: 1; filter: blur(0);}

.industries:hover .industries-hover .industries-item-heading{opacity: 1; filter: blur(0);}

.industries-hover span{ display: inline-block; background-color: rgb(23, 118, 249); color: var(--white-default); width: 5.7rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; margin: 0; margin-top: 4rem; border-radius:100px; font-size: 1.6rem; font-weight: 600;}
/* ++++++++++++ /industries style end +++++++++ */


.common-text p{margin-bottom: 4rem;}
.com_image{width: 96%; height: 59.5rem; position: relative; overflow: hidden;}
.com_image img {width: 100%; height: 100%; object-fit: cover;}
.com_image::after{width: 7.8rem; height: 7.8rem; content: ''; position: absolute; right: 0; bottom: 0; background-color: var(--white-default); z-index: 1;}
.text_black h2{color: var(--black-default);}
.loop_hed{color: var(--black-100); font-size: 8.4rem; margin-bottom: 4rem; font-family: var(--primary-font); font-weight: 700;}
.solution_hed{margin-bottom: 8rem;}
.solution_offers_loop{background-color: rgb(238, 238, 238); padding-block: 11.4rem;}
.solution_offers_loop .row{align-items: center;}
.solution_offers_loop.odd{background-color: var(--white-default);}
.solution_offers_loop.odd .row{flex-direction: row-reverse;}
.solution_offers_loop  article{width: 90%;}
.solution_offers_loop.odd article{margin-left: auto; overflow: hidden;}
.solution_offers_loop figure{width: 100%; height: 59.5rem; background-color: rgba(165, 158, 158, 0.796); position: relative; overflow: hidden;}
.solution_offers_loop figure::after{width: 7.8rem; height: 7.8rem; content: ''; position: absolute; right: 0; bottom: 0; background-color: rgb(238, 238, 238); z-index: 1;}
.solution_offers_loop.odd figure::after{left: 0; right: auto; background-color: var(--white-default);}
.solution_offers_loop_inner figure img {width: 100%; height: 100%; object-fit: cover;}


/* ++++++++++++ footer style start ++++++++++++ */
.site-footer {border-bottom: 0.9rem solid var(--blue-100);}

.footer-wrapper {display: flex; align-items: baseline; justify-content: space-between; padding: 10rem 0 10.7rem;}

.footercopyright {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: 3.3rem; color: var(--black-100); margin-top: 10.6rem;width: 330px;}

.footercopyright a {color: var(--blue-100);}

.footer-navigation-wrapper {list-style: none; padding: 0; margin: 0;}

.footer-navigation-wrapper li {padding-bottom:2rem;}

.footer-navigation-wrapper .menu-item a{ padding-bottom: 0;}

.footer-menu-wrapper h3 {font-family: var(--secondary-font); font-size: 2rem; font-weight: 500; line-height: 4.8rem; color: var(--blue-100); margin-bottom:1rem;}

.footer-navigation-wrapper li:last-child {padding-bottom: 0;}

.footer-contact h3 {font-family: var(--secondary-font); font-size: 2rem; font-weight: 500; line-height: 4.8rem; color: var(--blue-100); margin-bottom:1rem;}

.footer-call-block {display: flex; gap: 1.2rem; margin-bottom: 2.6rem;}

.footer-call-block span {font-size: 2rem; color: var(--blue-100);}

.footer-call a {display: block; font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: normal; color: var(--black-100); padding-bottom: 0.7rem; transition: var(--transition);}

.footer-call a:last-child {padding-bottom: 0;}

.footer-call a:hover {color: var(--blue-100);}

.footer-email-block {display: flex; align-items: center; gap: 1.2rem; margin-bottom: 6.7rem;}

.footer-email-block a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: normal; color: var(--black-100); transition: var(--transition);}

.footer-email-block a:hover {color: var(--blue-100);}

.footer-email-block span {font-size: 2rem; color: var(--blue-100);}

.footer-social-media {display: flex; gap: 2.2rem; align-items: center;}

.footer-social-media a span {font-size: 1.6rem; color: var(--black-100); transition: var(--transition);}

.footer-social-media a:hover span {color: var(--blue-100);}

.footer-navigation-wrapper .current-menu-item a {color: var(--blue-100);}
/* ++++++++++++ /footer style end +++++++++++++ */

/* ++++++++++++ expertise style start +++++++++ */
.expertise-section {padding-top: 13.3rem; padding-bottom: 14.7rem; background-color: var(--black-default);}

.expertise-heading.common-heading h2 {margin-bottom: 5.1rem;}

.expertise-section .common-text p {font-size: 2rem; font-weight: 300; line-height: 3.7rem;}

.expertise-list-wrapper {display: flex; align-items: center; justify-content: center; gap: 7.1rem; margin-top: 7rem;}

.expertise-list-item {background-color: var(--white-default); border-radius: 100%; width: 32.4rem; height: 32.4rem; display: flex; align-items: center; justify-content: center; gap: 4rem; flex-direction: column; text-align: center; padding: 4rem; font-family: var(--primary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--black-default);}

.expertise-list-item svg {width: 8rem; height: 8rem;}
/* ++++++++++++ /expertise style end ++++++++++ */

/* ++++++++++++ choose style start ++++++++++++ */
.choose-section { padding-top: 8.5rem; padding-bottom: 8.7rem;  position: relative; overflow: hidden;}

.choose-section::before{content: ''; position: absolute; left: 0; top: 0; width: 100%;background-image: url(../images/bg-image.webp); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 67.9rem;  }

.choose-section .container {position: relative;}

.choose-heading.common-heading h2 {text-shadow: 0 0 30px rgba(0, 0, 0, 0.4);}

.choose-reasons-wrapper {background-color: var(--white-default); border-radius: 3.6rem; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.039); padding: 8rem 6.4rem; margin-top: 8.3rem;}

.reasons-row {display: flex; flex-wrap: wrap; justify-content: center; gap: 4rem;}

.reasons-loop {background-color: var(--blue-400); padding: 4.4rem 5rem; width: 47.7%;}

.reasons-loop h3 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 4rem; color: var(--blue-100); margin-bottom: 1rem;}

.reasons-loop p {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-100);}
/* ++++++++++++ /choose style end +++++++++++++ */

/* ++++++++++++ choose style start ++++++++++++ */
.lets-build-section {padding-bottom: 9.4rem;}

.lets-build-wrapper h2 {color: var(--black-default); width: 100%; max-width: 75.2%; margin: 0 auto 8.3rem;}

.lets-build-wrapper p img {width: 100%; height: auto;}

.lets-build-wrapper p:first-child {margin-top: 0;}

.lets-build-wrapper p {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-100); margin-top: 4rem;}

.lets-build-wrapper p strong {font-weight: 600;}
/* ++++++++++++ /choose style end +++++++++++++ */

/* ++++++++++++ get-in-touch style end ++++++++ */
.get-in-touch-section {background-color: var(--black-default); padding: 6.8rem 0;}

.get-in-touch-wrapper h2 {font-family: var(--primary-font); font-size: 6.4rem; font-weight: 400; line-height: 8rem; text-align: center; color: var(--white-100);}

.get-in-touch-wrapper h2 strong {font-weight: 700;}

.discover-link {margin-top: 5.5rem;}

.discover-link a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 600; line-height: normal; color: var(--white-default); border: 0.1rem solid var(--blue-100); border-radius: 10rem; background-color: var(--blue-100); padding: 1.6rem 3.3rem; position: relative; display: flex; align-items: center; gap: 5.5rem; width: fit-content; margin: 0 auto; transition: all .4s ease-in-out; z-index: 1; overflow: hidden;}

.discover-link a::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white-default); border-radius: 10rem; transition: all .4s ease-in-out;}

.discover-link a:hover {color: var(--blue-100); border: 0.1rem solid var(--blue-100); background-color: var(--white-default);}

.discover-link a:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-default); border-radius: 10rem; z-index: -1;}
/* ++++++++++++ / get-in-touch style end ++++++ */

/* ++++++++++++ industry style start ++++++++++ */
.industry-section {padding-bottom: 16.2rem;}

.industry_offers {padding-bottom: 1.1rem;}

.industry-heading {margin-bottom: 2.6rem;}

.industry-loop-heading h3 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 5rem; color: var(--black-default); margin-bottom: 1.1rem;}

.industry-text p {font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-100);}

.industry_offers_list {margin-top: 8.1rem;}

.industry-offer {width: 96%;}

.industry_offers_loop {margin-bottom: 3.7rem;}

.industries-lets-build-wrapper h2 {color: var(--black-default); margin: 0 auto 8.3rem; max-width: none;}
/* ++++++++++++ / industry style end ++++++++++ */

/* ++++++++++++ client says style start +++++++ */
.clientsays-section {background-color: var(--blue-100); padding: 19.8rem 0; position: relative;}

.clientsays-section::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/bg-image.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}

.clientsays-section .container {position: relative;}

.clientsays-review-wrapper {display: flex; align-items: center; justify-content: center; gap: 24.9rem;}

.clientsays-review-content {width: 100%; max-width: 103.9rem;}

.clientsays-review-content p {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--white-default);}

.clientsays-review-content h2 {font-family: var(--secondary-font); font-size: 4rem; font-weight: 700; line-height: 6rem; color: var(--white-default); margin-top: 4.5rem;}

.clientsays-pagination {position: relative; bottom: -15.3rem !important; text-align: center;}

.clientsays-logo {width: 18.4rem; height: 18.4rem;}

.clientsays-logo img {width: 100%; height: 100%;}

.swiper-pagination-bullet {width: 1.7rem; height: 1.7rem; background-color: transparent; border: 0.1rem solid var(--white-default); opacity: 1;}

.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--white-default);}
/* ++++++++++++ / client says style end +++++++ */

/* ++++++++++++ inner portfolio style strat +++ */
.portfolio-list-section {padding: 5.7rem 0 10rem;}

.portfolio-wrap {padding: 0 1.7rem;}

.portfolio-list-block {width: 100%; height: auto; background-color: var(--white-default); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.102); border-radius: 2rem; overflow: hidden; margin-top: 4rem;}

.portfolio-thumbnail {width: 100%; height: 55.4rem; overflow: hidden;}

.portfolio-thumbnail img {width: 100%; height: 100%; transition: transform 0.5s ease-in-out;}

.portfolio-list-content {padding: 3.5rem 3.5rem 2.6rem;}

.portfolio-list-content span {font-family: var(--primary-font); font-size: 1.4rem; font-weight: 400; line-height: normal; color: var(--gray-200); transition: var(--transition);}

.portfolio-list-title {margin-top: 0.3rem; margin-bottom: 0.8rem;}

.portfolio-list-title h3 {font-family: var(--primary-font); font-size: 2.4rem; font-weight: 600; line-height: normal; color: var(--black-100); transition: var(--transition);}

.portfolio-list-content p {font-family: var(--primary-font); font-size: 1.4rem; font-weight: 400; line-height: normal; color: var(--gray-200); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 4rem;}

.portfolio-list-technologies-heading {font-family: var(--primary-font); font-size: 1.2rem; font-weight: 400; line-height: normal; color: var(--black-100); padding: 0 3.5rem;}

.portfolio-list-technologies-wrapper {display: flex; align-items: center; gap: 2.1rem; padding: 1.2rem 3.5rem 3.5rem;}

.portfolio-list-block:hover .portfolio-thumbnail img {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); }

.portfolio-list-block:hover .portfolio-list-content span {color: var(--blue-100);}

.portfolio-list-block:hover .portfolio-list-title h3 {color: var(--blue-100);}
/* ++++++++++++ / inner portfolio style end +++ */

/* ++++++++++++ video style start +++++++++++++ */
.video-section {position: relative;}

.video-content-block {position: absolute; bottom: 8.8rem; padding: 5.8rem 0;}

.video-content-block::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(7, 5, 25); opacity: 50%; padding: 5.8rem 0;}

.video-content-block p {font-family: var(--secondary-font); font-size: 2.4rem; font-weight: 600; line-height: 3.7rem; color: var(--white-default); text-align: center; position: relative; z-index: 1;}
/* ++++++++++++ / video style end +++++++++++++ */

/* ++++++++++++ notfound style start ++++++++++ */
.notfound-section {padding: 20rem 0; background-color: var(--white-100);}

.notfound-heading h1 {font-family: var(--primary-font); font-size: 20rem; font-weight: 700; line-height: normal; color: var(--black-100); text-align: center;}

.notfound-text p {font-family: var(--primary-font); font-size: 2.4rem; font-weight: 400; line-height: normal; color: var(--black-100); text-align: center;}
/* ++++++++++++ / notfound style end ++++++++++ */

/* ++++++++++++ career style start ++++++++++++ */
.career-section {padding: 10rem 0;}

.career-section .com_image::after {display: none;}

.team-section {background-color: var(--gray-100); padding: 13.5rem 0 12.6rem}

.team-heading {margin-bottom: 6.2rem;}

.team-heading.common-heading h2 {color: var(--black-default);}

.team-loop {padding: 0;}

.team {background-color: var(--white-default); border-radius: 3.6rem; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.039); padding: 5.6rem; margin: 2rem; min-height: 45.4rem; position: relative;}

.team-content {display: flex; align-items: center; gap: 1.2rem; margin-top: 0.6rem;}

.team-title h3 {font-family: var(--primary-font); font-size: 4rem; font-weight: 500; line-height: 5.6rem; color: var(--black-default);}

.team-content p {font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 2.8rem;}

.team-content span {font-family: var(--secondary-font); font-size: 1.4rem; font-weight: 600; line-height: 2.8rem; color: var(--white-default); text-transform: uppercase; background-color: var(--red-100); border-radius: 10rem; padding: 0.3rem 1.2rem;}

.apply-link {position: absolute; bottom: 7.6rem;}

.apply-link a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 600; line-height: normal; color: var(--white-default); border: 0.1rem solid var(--blue-100); border-radius: 10rem; background-color: var(--blue-100); padding: 2rem 5.6rem; position: relative; transition: all .4s ease-in-out; z-index: 1; overflow: hidden;}

.apply-link a::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white-default); border-radius: 10rem; transition: all .4s ease-in-out;}

.apply-link a:hover {color: var(--blue-100); border: 0.1rem solid var(--blue-100); background-color: var(--white-default);}

.apply-link a:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-default); border-radius: 10rem; z-index: -1;}

/* ++++++++++++ / career style end ++++++++++++ */

/* ++++++++++++ testimonial style start +++++++ */
.testimonial-section {background-color: var(--black-default); padding: 13.3rem 0 11.2rem;}

.testimonial-heading {margin-bottom: 2.2rem;}

.testimonial-heading.common-heading h2 {text-transform: capitalize;}

.testimonial-text {margin-bottom: 8.6rem;}

.testimonial-text p {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 5.2rem; color: var(--blue-100); text-align: center; text-transform: capitalize;}

.testimonial-slider-wrapper {position: relative;}

.testimonial {background-color: var(--white-default); border-top-right-radius: 5rem; border-bottom-left-radius: 5rem; padding: 8.7rem 6.8rem 8.6rem; box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.102);
}

.testimonial-quote {min-height: 45rem;}

.testimonial-quote p {font-family: var(--secondary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-100);}

.testimonial-block {display: flex; align-items: center; gap: 3rem;}

.testimonial-img {width: 5.9rem; height: 5.9rem; border-radius: 100%; overflow: hidden;}

.testimonial-img img {width: 100%; height: 100%; object-fit: cover;}

.testimonial-block span {font-family: var(--primary-font); font-size: 2rem; font-weight: 700; line-height: normal; color: var(--black-100);}

.testimonial-pagination {text-align: center; margin-top: 14rem;}
/* ++++++++++++ / testimonial style end +++++++ */

/* ++++++++++++ contact style start +++++++++++ */
.contact-section {padding: 10rem 0;}

header.contact-heading {margin-bottom: 5.8rem;}

.contact-heading h2 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 6rem; color: var(--black-200);}
.apply-link a {font-family: var(--secondary-font); font-size: 2rem; font-weight: 600; line-height: normal; color: var(--white-default); border: 0.1rem solid var(--blue-100); border-radius: 10rem; background-color: var(--blue-100); padding: 2rem 5.6rem; position: relative; transition: all .4s ease-in-out; z-index: 1; overflow: hidden;}

.apply-link a::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white-default); border-radius: 10rem; transition: all .4s ease-in-out;}

.apply-link a:hover {color: var(--blue-100); border: 0.1rem solid var(--blue-100); background-color: var(--white-default);}

.apply-link a:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-default); border-radius: 10rem; z-index: -1;}
.contact-heading p {font-family: var(--secondary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: var(--gray-300);}

.contact-form-wrapper {padding-right: 4.5rem;}

.input-block br {display: none;}

.input-block {border-bottom: 0.1rem solid var(--gray-500); padding-bottom: 1.6rem; margin-bottom: 3.2rem;}

.input-block label {font-family: var(--primary-font); font-size: 2.5rem; font-weight: 600; line-height: 3.2rem; color: var(--black-300); margin-bottom: 0.4rem; position: relative; width: 100%; display: flex; justify-content: space-between;}

.input-block label sup {color: var(--red-100);}

.input-block label .icon-gmail {font-size: 2rem;}

.input-block input {font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 1.7rem; color: var(--gray-400); width: 100%; border: none; padding: 0;}

.input-block input::placeholder {font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 1.7rem; color: var(--gray-400);}

.input-block input:focus-visible {outline: none;}

.input-block textarea {font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 1.7rem; color: var(--gray-400); width: 100%; height: 5rem; border: none; padding: 0; resize: none;}

.input-block textarea::placeholder {font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 1.7rem; color: var(--gray-400);}

.input-block textarea:focus-visible {outline: none;}

.submit-btn {margin-top: 8.2rem;}

.submit-btn input {font-family: var(--secondary-font); font-size: 2rem; font-weight: 600; line-height: normal; color: var(--white-default); border: 0.1rem solid var(--blue-100); border-radius: 10rem; background-color: var(--blue-100); padding: 1.6rem 4.5rem; position: relative; transition: all .4s ease-in-out; z-index: 1; overflow: hidden;}

.submit-btn input::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white-default); border-radius: 10rem; transition: all .4s ease-in-out;}

.submit-btn input:hover {color: var(--blue-100); border: 0.1rem solid var(--blue-100); background-color: var(--white-default);}

.submit-btn input:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-default); border-radius: 10rem; z-index: -1;}

.map-block iframe {width: 100%; height: 74.3rem; filter: grayscale(1);}

.input-block input.wpcf7-not-valid::placeholder {color: var(--red-100); opacity: 0.5;}

.input-block .wpcf7-not-valid-tip {display: none;}

.contact-form-wrapper .wpcf7-response-output {padding: 0.6rem !important; margin: 1.2rem 0 0 0 !important; color: var(--red-100) !important; border: 0.1rem solid var(--red-100) !important; font-family: var(--primary-font); font-size: 1.2rem; font-weight: 400; line-height: normal;}

.contact-form-wrapper.sent .wpcf7-response-output {color: var(--green-default) !important; border: 0.1rem solid var(--green-default) !important;}

.contact-img {width: 100%; height: 100%;}

.contact-img img {width: 100%; height: 100%; object-fit: cover;}

/* ++++++++++++ / contact style end +++++++++++ */

/* ++++++++++++ career details start ++++++++++ */
.career-details-heading-wrapper {padding-top: 19.2rem;}

.career-details-heading h1 {font-family: var(--primary-font); font-size: 10rem; font-weight: 700; line-height: 10.1rem; color: var(--black-100);}

.career-details-exp-block {display: flex; align-items: center; gap: 1.5rem; margin-bottom: 9.6rem;}

.career-details-exp-block span:first-child {font-family: var(--secondary-font); font-size: 2.8rem; font-weight: 500; line-height: normal; color: var(--black-default);}

.career-details-exp-block span:last-child {font-family: var(--secondary-font); font-size: 1.8rem; font-weight: 600; line-height: normal; color: var(--white-default); background-color: var(--red-100); border-radius: 10rem; padding: 0.3rem 1.7rem;}

.career-details-code {font-family: var(--primary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--black-default);}

.career-details-code span {font-family: var(--primary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--blue-100);}

.career-content-details {margin-top: 2.1rem;}

.career-content-details h2 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 4rem; color: var(--black-default); margin-bottom: 3.3rem;}

.career-content-details p {font-family: var(--primary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-default); margin-bottom: 3.7rem;}

.career-content-details ul {padding-left: 3.2rem; margin-bottom: 3.7rem;}

.career-content-details ul li {font-family: var(--primary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-default);}

.career-content-details ol {padding-left: 3.2rem; margin-bottom: 3.7rem;}

.career-content-details ol li {font-family: var(--primary-font); font-size: 2rem; font-weight: 300; line-height: 3.7rem; color: var(--black-default); margin-bottom: 3.7rem;}

.career-info-wrapper {background-color: var(--blue-100); max-width: 74.0rem; width: 100%; margin-left: auto; padding-top: 0.8rem; padding-bottom: 5.2rem; border-radius: 3.6rem;}

.info-block {background-color: var(--white-default); margin: 0 0.8rem; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); border-radius: 3.2rem; padding: 4.6rem 4.2rem 3.6rem;}

.info-block h2 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: 6rem; color: var(--black-100);}

.career-info {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.2rem; margin-top: 2.1rem;}

.info-block p {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 500; line-height: 1.6rem; color: var(--black-100); text-transform: uppercase;}

.info-block p span {display: block; font-size: 2.4rem; font-weight: 700; line-height: normal; color: var(--blue-100); text-transform: capitalize; margin-top: 1.1rem;}

.apply-wrapper {margin: 6.8rem 4.4rem 0;}

.apply-heading {margin-bottom: 7rem;}

.apply-heading h2 {font-family: var(--primary-font); font-size: 4rem; font-weight: 700; line-height: normal; color: var(--white-default); text-align: center;}

.apply-heading p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2rem; color: var(--white-default); text-align: center;}

.input-holder {margin-bottom: 33.6px;}

.input-holder label {font-family: var(--primary-font); font-size: 2.5rem; font-weight: 600; line-height: normal; color: var(--white-default); position: relative; width: 100%;}

.input-holder label sup {color: var(--white-default);}

.input-holder:nth-child(1) label::after {content: "\e909"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 2rem; color: var(--white-default);}
.input-holder:nth-child(2) label::after {content: "\e904"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 2rem; color: var(--white-default);}
.input-holder:nth-child(3) label::after {content: "\e902"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 1.6rem; color: var(--white-default);}
.input-holder:nth-child(4) label::after {content: "\e90a"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 2rem; color: var(--white-default);}
.input-holder:nth-child(5) label::after {content: "\e90b"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 2rem; color: var(--white-default);}
.input-holder:nth-child(6) label::after {content: "\e908"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: "icomoon"; font-size: 2rem; color: var(--white-default);}

.input-holder input {width: 100%; background-color: transparent; border-top: none; border-right: none; border-left: none; border-bottom: 0.1rem solid var(--white-default); padding: 1rem 0 1.8rem; font-family: var(--primary-font); font-size: 2rem; font-weight: 400; line-height: normal; color: var(--white-default); border-radius: 0;}

.input-holder input::placeholder {color: var(--white-default);}

.input-holder input:focus-visible {outline: none;}

.input-holder input.wpcf7-not-valid::placeholder {color: var(--red-100);}

.input-holder input.wpcf7-not-valid {border-bottom: 0.1rem solid var(--red-100);}

.input-holder .wpcf7-not-valid-tip {display: none;}

.input-holder select {width: 100%; background-color: var(--blue-100); border-top: none; border-right: none; border-left: none; border-bottom: 0.1rem solid var(--white-default); padding: 1rem 0 1.8rem; font-family: var(--primary-font); font-size: 2rem; font-weight: 400; line-height: normal; color: var(--white-default); border-radius: 0;}

.input-holder select::placeholder {color: var(--white-default);}

.input-holder select:focus-visible {outline: none;}

.text-area-holder textarea {width: 100%; height: 10rem; background-color: transparent; border-top: none; border-right: none; border-left: none; border-bottom: 0.1rem solid var(--white-default); padding: 1rem 0 1.8rem; font-family: var(--primary-font); font-size: 2rem; font-weight: 400; line-height: normal; color: var(--white-default); resize: none; border-radius: 0;}

.text-area-holder textarea::placeholder {color: var(--white-default);}

.text-area-holder textarea:focus-visible {outline: none;}

.accept-holder .wpcf7-list-item {margin: 0;}

.accept-holder input {padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}

.accept-holder label {position: relative; cursor: pointer;}

.accept-holder .wpcf7-list-item-label {display: flex; align-items: center; gap: 1rem; font-family: var(--secondary-font); font-size: 2rem; font-weight: 400; line-height: 1.7rem; color: var(--white-default);}

.accept-holder .wpcf7-list-item-label:before {content:''; -webkit-appearance: none; background-color: transparent; border: 0.1rem solid var(--white-default); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 0.9rem; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; border-radius: 0.2rem;}

.accept-holder input:checked + .wpcf7-list-item-label:after {content: ''; display: block; position: absolute; top: 0.3rem; left: 0.8rem; width: 0.5rem; height: 1.2rem; border: solid var(--white-default); border-width: 0 0.1rem 0.1rem 0; transform: rotate(45deg);}

.submitholder {text-align: center;}

.submitholder input:disabled {opacity: 0.5;}

.submitholder input {position: relative; border: 0.1rem solid var(--white-default); border-radius: 10rem; background-color: var(--blue-100); font-family: var(--secondary-font); font-size: 2rem; font-weight: 500; line-height: normal; color: var(--white-default); width: 33.1rem; height: 7.7rem; text-align: left; padding-left: 3rem; background-image: url(../images/right-arrow.svg); background-repeat: no-repeat; background-position: right; background-size: 9rem 3.2rem; transition: var(--transition);}

.submitholder input:not([disabled]):hover {color: var(--blue-100); background-color: var(--white-default); background-image: url(../images/arrow-right.svg); background-size: 9rem 1.9rem;}

.submitholder .wpcf7-spinner {display: block; margin: auto;}

.apply-wrapper .wpcf7-response-output {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 500; color: var(--red-100); text-align: center; padding: 0 1.2rem !important; width: fit-content; margin: 2rem auto 0 !important; border: 0.1rem solid var(--red-100) !important;}

.custome-upload-file {position: relative; background-color:rgba(0,41,135,0.20); border-radius: 2.4rem; overflow: hidden;}

.custome-upload-sm-info {display:block; text-align: right; font-size: 1.8rem; color: var(--white-default); padding:0.4rem 1.8rem;}

.custome-upload-file-inn {background-color:var(--white-100); border-radius: 2.4rem; color: var(--black-100); font-family: var(--primary-font); position: relative;}

.custome-upload-file-inn label {font-family: var(--primary-font); display: block; margin: 0; padding: 4rem 0 4rem 3.8rem; cursor: pointer;}

.custome-upload-app-hed {font-weight: 600; color: var(--black-default);}

.custome-upload-file-inn br {display: none;}

.custome-upload-short {font-size: 1.8rem; color: var(--gray-400); display: block; margin-top: 1rem;}

.custome-upload-file-inn input {position: absolute; opacity: 0; width: 0; height: 0;}

.custome-upload-file-inn label::after {content: 'Browse'; border-radius: 10.0rem; color: var(--white-default); width: 19.0rem; text-align: center; font-weight: 600; font-size: 2rem; font-family: var(--secondary-font); height: 6.8rem; display: flex; align-items: center; justify-content: center; background-color: var(--black-100); position: absolute; top: 50%; transform: translateY(-50%); right: 3rem; transition: var(--transition);}

.custome-upload-file-inn label:hover::after {background-color: var(--blue-100);}

.apply-wrapper .wpcf7-form.sent .wpcf7-response-output {color: var(--white-default); border: 0.1rem solid var(--white-default) !important;}

/* ++++++++++++ career details start ++++++++++ */



/* Responsive Start */
@media only screen and (max-width: 1499px) {
  .common-heading h2 {font-size: 6.4rem; line-height: 7.1rem;}
  .solution_hed {margin-bottom: 4rem;}
  .about-heading.common-heading h2 {font-size: 3rem; line-height: 4rem; margin-bottom: 2rem;}
  .about-text.common-text p {font-size: 1.8rem;}
  .loop_hed {font-size: 5.6rem;}
  .expertise-section {padding-top: 10.3rem; padding-bottom: 9.7rem;}
  .expertise-heading.common-heading h2 {margin-bottom: 4rem;}
  .expertise-section .common-text p {font-size: 1.8rem; line-height: 2.7rem;}
  .expertise-list-wrapper {gap: 4.1rem; margin-top: 6rem;}
  .expertise-list-item {width: 19.4rem; height: 19.4rem; gap: 2rem; padding: 2rem; font-size: 1.6rem;}
  .expertise-list-item svg {width: 4rem; height: 4rem;}
  .reasons-loop {width: 46%;}
  .reasons-loop h3 {font-size: 2.8rem; line-height: 3.8rem;}
  .reasons-loop p {font-size: 1.8rem; line-height: 2.8rem;}
  .lets-build-wrapper p {font-size: 1.8rem; line-height: 2.7rem; margin-top: 2rem;}
  .get-in-touch-wrapper h2 {font-size: 4.8rem; line-height: 6rem;}
  .discover-link {margin-top: 3.5rem;}

  /* footer responsive start */
  .footer-site-logo {margin-bottom: 1.4rem;}
  .footercopyright {font-size: 1.8rem; line-height: 2.8rem;}
  .footer-call-block {align-items: baseline;}
  .footer-call-block span {font-size: 1.8rem;}
  .footer-call a {font-size: 1.8rem;}
  .footer-email-block span {font-size: 1.4rem;}
  .footer-email-block a {font-size: 1.8rem;}

  /* industry page responsive start */
  .industry-section {padding-bottom: 10.2rem;}
  .industry-loop-heading h3 {font-size: 2.8rem; line-height: 3rem;}
  .industry-text.common-text p {font-size: 1.8rem; line-height: 2.8rem;}
  .industries-lets-build-wrapper h2 {margin: 0 auto 4.3rem;}
  
  /* portfolio page responsive start */
  .portfolio-thumbnail{height:auto;}
  .portfolio-thumbnail img{height:auto;}
  .portfolio-list-content p {min-height: auto;}
  .portfolio-list-technologies {width: 2rem; height: 2rem;}
  .portfolio-list-technologies svg {width: 100%; height: 100%;}
  .clientsays-section {padding: 13.8rem 0;}
  .clientsays-pagination {bottom: -10.3rem !important;}
  .clientsays-review-content h2 {font-size: 3.2rem; line-height: 4.8rem; margin-top: 3.2rem;}
  .video-content-block {padding: 3.8rem 0;}
  .video-content-block p {font-size: 2rem; line-height: 2.8rem;}

  /* career page responsive start */
  .team-section {padding: 10.5rem 0 9.6rem;}
  .team-heading {margin-bottom: 4.2rem;}
  .common-heading h2 {font-size: 5.4rem; line-height: 6.1rem;}
  .team-title h3 {font-size: 3.2rem; line-height: 4rem;}
  .team-content {margin-top: 1rem;}
  .apply-link a {padding: 1.8rem 5rem;}
  .testimonial-text p {font-size: 3.6rem; line-height: 4.2rem;}
  .apply-heading h2 {font-size: 3.2rem;}
  .apply-heading p {font-size: 1.6rem;}
  .input-holder label {font-size: 2.2rem;}
  .input-holder input {font-size: 1.8rem;}
  .custome-upload-file-inn label::after {font-size: 1.8rem; width: 12rem; height: 4.8rem;}
}

@media only screen and (max-width: 1199px) {
  .contact-section .col-10 {width: 100%;}
  .map-block iframe {height: 40rem;}
  .team-section .col-10 {width: 100%;}
  .career-details-section .col-lg-6 {width: 100%;}
  .career-details-heading h1 {font-size: 5.4rem; line-height: 7.1rem;}
  .career-details-exp-block {margin-bottom: 6.6rem;}
  .career-details-exp-block span:first-child {font-size: 2.4rem;}
  .career-details-code {font-size: 1.8rem;}
  .career-details-code span {font-size: 1.8rem;}
  .career-content-details h2 {font-size: 3.2rem; margin-bottom: 2.3rem;}
  .career-content-details p {font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 2.7rem;}
  .career-content-details ul li {font-size: 1.8rem;}
  .career-content-details ol li {font-size: 1.8rem;}
  .career-info-wrapper {max-width: unset; margin-top: 4rem;}
  .info-block h2 {font-size: 3.2rem; line-height: 4rem;}
  .info-block p span {font-size: 2rem;}
  .apply-heading {margin-bottom: 4.8rem;}
  .apply-heading h2 {font-size: 3.2rem;}
  .input-holder label {font-size: 2.2rem;}
  .input-holder input {font-size: 1.8rem;}
  .input-holder select {font-size: 1.8rem;}
  .input-holder textarea {font-size: 1.8rem;}
  .input-holder:nth-child(4) label::after {font-size: 2.8rem;}
  .custome-upload-file-inn label::after {width: 18rem; font-size: 1.8rem; height: 5.8rem;}
  .custome-upload-sm-info {font-size: 1.6rem;}
  .accept-holder .wpcf7-list-item-label:before {padding: 0.8rem;}
  .accept-holder .wpcf7-list-item-label {font-size: 1.8rem; line-height: normal;}
  .accept-holder input:checked + .wpcf7-list-item-label:after {top: 0.6rem; left: 0.7rem;}
  
}

@media only screen and (max-width: 991px) {
  .com_image {width: 100%; height: auto;}
  .big_parallax_sec img {position: static; transform: none !important;}
  .solution_hed {margin-bottom: 3rem;}
  .common-heading h2 {font-size: 4.8rem; line-height: 5.1rem;}
  .loop_hed {font-size: 4rem; margin-bottom: 2rem;}
  .solution_offers_loop figure {height: auto;}
  .expertise-section {padding-bottom: 7.7rem;}
  .expertise-list-wrapper {gap: 3.1rem; margin-top: 4rem;}
  .expertise-list-item {width: 19.4rem; height: 19.4rem; gap: 1.6rem; padding: 1.6rem;}
  .reasons-loop {width: 100%;}
  .get-in-touch-wrapper h2 {font-size: 4rem; line-height: 5rem;}
  .about-heading.common-heading {margin-top: 2.8rem; max-width: 100%;}
  .about-heading.common-heading h2 {font-size: 2.4rem; line-height: 3rem; text-align: center;}
  .about-text.common-text p {font-size: 1.6rem; text-align: center; margin-bottom: 4rem;}
  .solution_offers_loop {padding-block: 5rem;}
  .solution_offers_loop  article {width: 100%;}
  .loop_hed {font-size: 3.2rem; text-align: center;}
  .expertise-section {padding-top: 5rem; padding-bottom: 5rem;}
  .expertise-heading.common-heading h2 {font-size: 3.2rem; line-height: 4rem; margin-bottom: 2rem;}
  .expertise-section .common-text p {font-size: 1.6rem; line-height: 2.4rem;}
  .expertise-heading.common-heading.col-8 {width: 100%;}
  .expertise-list-wrapper {gap: 4.1rem; flex-wrap: wrap;}
  .expertise-list-item {width: 21.4rem; height: 21.4rem; gap: 2.6rem;}
  .choose-section {padding-top: 5rem; padding-bottom: 5rem;}
  .choose-reasons-wrapper {margin-top: 3.2rem; padding: 6rem 5.4rem;}
  .reasons-loop h3 {font-size: 2.4rem; line-height: 3rem; text-align: center;}
  .reasons-loop p {font-size: 1.6rem; line-height: 2.4rem; text-align: center;}
  .lets-build-section {padding-bottom: 6.4rem;}
  .lets-build-wrapper h2 {margin: 0 auto 4rem;}
  .lets-build-wrapper p {font-size: 1.6rem; line-height: 2.4rem;}
  .get-in-touch-wrapper h2 {font-size: 3.2rem; line-height: 4rem;}
  .discover-link a {font-size: 1.6rem;}
  .get-in-touch-section {padding: 5rem 0;}

  /* industry page responsive start */
  .industry-offer {width: 100%;}
  .industry-loop-heading h3 {font-size: 2.4rem; line-height: 2.8rem; text-align: center;}
  .industry-text.common-text p {font-size: 1.6rem; line-height: 2.4rem; text-align: center;}

  /* portfolio page responsive start */
  .clientsays-review-wrapper {gap: 6.9rem;}
  .clientsays-logo {width: 18.4rem; height: auto;}
  .clientsays-logo img {width: 100%; height: 100%;}
  .clientsays-review-content h2 {font-size: 2.8rem; line-height: 4rem; margin-top: 2.8rem;}
  .video-content-block {padding: 2.8rem 0;}
  .video-content-block p {font-size: 1.6rem; line-height: 2.4rem;}

  /* contact page responsive start */
  .contact-section {padding: 5rem 1.8rem;}
  .contact-section .col-10 .row {flex-direction: column-reverse;}
  .contact-form-wrapper {padding-right: 0;}
  header.contact-heading {margin-bottom: 5.8rem; text-align: center;}
  .submit-btn {text-align: center;}
  .submit-btn .wpcf7-spinner {display: block; margin: auto;}
  .contact-img {height: auto; margin-bottom: 4rem;}
  .contact-img img {height: auto; object-fit: unset;}
  .contact-form-wrapper .wpcf7-response-output {text-align: center; width: fit-content; padding: 1.2rem 2rem !important; margin: 0 auto !important;}

  /* career page responsive start */
  .career-section {padding: 5rem 0;}
  .team-section .col-10 {width: 100%;}
  .team-heading.common-heading h2 {font-size: 4.8rem; line-height: 5.1rem;}
  .team-title h3 {text-align: center;}
  .team-content {justify-content: center;}
  .apply-link {left: 50%; transform: translateX(-50%);}
  .testimonial-text {margin-bottom: 6.6rem;}
  .testimonial-heading.common-heading h2 {font-size: 4.8rem; line-height: 5.1rem;}
  .testimonial-text p {font-size: 3rem; line-height: 4rem;}
  .testimonial-pagination {margin-top: 8rem;}
  .testimonial-quote p {text-align: center;}
  .testimonial-block {justify-content: center;}

  /* career details page responsive start */
  .career-details-heading-wrapper {padding-top: 12.2rem;}
  .career-details-heading h1 {font-size: 4.8rem;}
  .career-content-details h2 {font-size: 2.8rem; margin-bottom: 1.2rem;}
  .info-block h2 {font-size: 2.8rem; line-height: 3rem;}
  .info-block p span {font-size: 1.8rem;}
  .apply-heading h2 {font-size: 2.8rem;}
}

@media only screen and (max-width: 767px) {
  .com_image {width: 100%;}
  .com_image img {width: 100%; height: 100%;}
  .reasons-loop {padding: 3rem 3rem;}
  .lets-build-wrapper h2 {max-width: 100%; margin: 0 auto 2rem;}

 

  /* industry page responsive start */
  .industry_offers_loop {margin-bottom: 2rem;}

  /* portfolio page responsive start */
  .portfolio-list-section {padding: 2.4rem 0; }
  .portfolio-list-block {text-align: center;}
  .portfolio-list-technologies-wrapper {justify-content: center;}

  .clientsays-section {padding: 6rem 0 16rem;}
  .clientsays-review-wrapper {flex-direction: column; gap: 4rem; text-align: center;}
  .page-video-wrapper .banner-video {height: auto;}
  .video-content-block::before {background-color: unset;}
  .video-content-block {position: static; background-color: var(--black-default);}

  /* contact page responsive start */
  .contact-heading h2 {font-size: 3.2rem; line-height: 5rem;}
  .contact-heading p {font-size: 1.6rem; line-height: 2.4rem;}
  .input-block label {font-size: 2.2rem; line-height: 3rem;}
  .input-block label .icon-gmail {font-size: 1.6rem;}
  .input-block input {font-size: 1.8rem; line-height: 2.8rem;}
  .submit-btn {margin-top: 5rem;}
  .submit-btn input {font-size: 1.8rem;}
  .submit-btn input::placeholder {font-size: 1.8rem;}
  .input-block textarea {font-size: 1.8rem;}
  .input-block textarea::placeholder {font-size: 1.8rem;}

  /* career page responsive start */
  .career-section {padding: 5rem 1.5rem;}
  .about-heading.common-heading h2 {font-size: 2rem; line-height: 2.8rem;}
  .about-text.common-text p:last-child {margin-bottom: 0;}
  .team-section {padding: 5rem 1.5rem;}
  .team-heading {margin-bottom: 2.2rem;}
  .team-heading.common-heading h2 {font-size: 3.2rem; line-height: 4rem;}
  .team {padding: 4rem; min-height: 38rem;}
  .team-title h3 {font-size: 2.4rem; line-height: 2.8rem;}
  .team-content p {font-size: 1.6rem; line-height: 2.4rem;}
  .team-content span {font-size: 1.2rem; line-height: 2rem;}
  .apply-link a {font-size: 1.5rem; padding: 1.5rem 3rem;}
  .testimonial-section {padding: 5rem 1.5rem;}
  .testimonial-heading {margin-bottom: 1rem;}
  .testimonial-heading.common-heading h2 {font-size: 3.2rem; line-height: 4rem;}
  .testimonial-text {margin-bottom: 4.6rem;}
  .testimonial-text p {font-size: 2rem; line-height: 2.8rem;}
  .testimonial {padding: 6rem 4rem 6rem;}
  .testimonial-quote p {font-size: 1.6rem; line-height: 2.8rem;}
  .testimonial-quote {min-height: 35rem;}
  .testimonial-block span {font-size: 1.6rem;}
  .testimonial-pagination {margin-top: 4rem;}
  .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem;}

  /* career details responsive start */
  .career-details-section {padding: 0 1.5rem;}
  .career-details-heading-wrapper {padding: 9rem 1.5rem 0;}
  .career-details-heading h1 {font-size: 3.2rem; line-height: 6.1rem; text-align: center;}
  .career-details-exp-wrapper {padding: 0 1.5rem;}
  .career-details-exp-block {margin-bottom: 4.6rem; justify-content: center;}
  .career-details-exp-block span:first-child {font-size: 2rem;}
  .career-details-exp-block span:last-child {font-size: 1.6rem;}
  .career-details-code {font-size: 1.6rem; text-align: center;}
  .career-details-code span {font-size: 1.6rem;}
  .career-content-details h2 {font-size: 2.4rem; margin-bottom: 1rem; text-align: center;}
  .career-content-details p {font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 2rem; text-align: center;}
  .career-content-details ul li {font-size: 1.6rem; line-height: 2.4rem;}
  .career-content-details ul {margin-bottom: 2rem;}
  .career-content-details ol {margin-bottom: 2rem;}
  .info-block h2 {text-align: center;}
  .career-info {grid-template-columns: repeat(1, 1fr); text-align: center;}
  .custome-upload-file-inn label {padding: 4rem 0 12rem 0; text-align: center;}
  .custome-upload-file-inn label::after {top: auto; bottom: 2rem; left: 50%; transform: translateX(-50%);}
  .custome-upload-sm-info {text-align: center;}
  .accept-holder .wpcf7-list-item-label {font-size: 1.6rem;}
  .accept-holder .wpcf7-list-item-label:before {padding: 0.7rem;}
  .submitholder input {font-size: 1.6rem; width: 28rem; height: 6rem;}

}
@media only screen and (max-width: 479px) {
  .about-text {width: 100%;}
  .about-heading.common-heading h2 {font-size: 2rem; line-height: 2.4rem;}
  .about-heading.common-heading {margin-bottom: 0;}
  .about-text.common-text p {font-size: 1.5rem;}
  .solution_hed.common-heading h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .solution_hed {margin-bottom: 1.8rem;}
  .choose-heading.common-heading h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .loop_hed {font-size: 2.4rem;}
  .expertise-heading.common-heading h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .lets-build-wrapper.common-heading h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .choose-reasons-wrapper {padding: 3.2rem 2rem;}
  .reasons-row {gap: 2rem;}
  .reasons-loop {padding: 2rem;}
  .reasons-loop h3 {font-size: 2rem; line-height: 2.4rem;}
  .reasons-loop p {font-size: 1.5rem; line-height: 2rem;}
  .lets-build-wrapper p {font-size: 1.5rem; line-height: 2rem;}
  .get-in-touch-wrapper h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .discover-link a {font-size: 1.5rem; padding: 1rem 2rem;}

  /* industry page responsive start */
  .industry_offers_list {margin-top: 5rem;}
  .industry-loop-heading h3 {font-size: 2rem; line-height: 2.4rem;}
  .industry-text.common-text p {font-size: 1.5rem; line-height: normal;}

  /* portfolio page responsive start */
  .portfolio-list-title h3 {font-size: 2rem;}
  .clientsays-section {padding: 6rem 0 12rem;}
  .clientsays-review-wrapper {gap: 2rem;}
  .clientsays-logo {width: 12.4rem;}
  .clientsays-review-content p {font-size: 1.5rem; line-height: 2.4rem;}
  .clientsays-review-content h2 {font-size: 2rem; line-height: 2.8rem; margin-top: 2rem;}
  .clientsays-pagination {bottom: -7.3rem !important;}
  .video-content-block p {font-size: 1.5rem; line-height: 2.2rem;}

  /* contact page responsive start */
  .contact-heading h2 {font-size: 2.4rem; line-height: 3.8rem;}
  .contact-heading p {font-size: 1.5rem; line-height: 2rem;}
  .input-block {padding-bottom: 0.8rem; margin-bottom: 2rem;}
  .input-block label {font-size: 1.8rem; line-height: 2.8rem;}
  .input-block input {font-size: 1.5rem; line-height: 2rem;}
  .input-block label .icon-gmail {font-size: 1.4rem;}
  .input-block input::placeholder {font-size: 1.5rem; line-height: 2rem;}
  .input-block textarea {font-size: 1.5rem; line-height: 2rem;}
  .input-block textarea::placeholder {font-size: 1.5rem; line-height: 2rem;}
  .submit-btn {margin-top: 3.2rem;}
  .submit-btn input {font-size: 1.5rem; padding: 1.2rem 4rem;}

  /* career page responsive start */
  .team-heading {margin-bottom: 1rem;}
  .team-heading.common-heading h2 {font-size: 2.4rem; line-height: 3rem;}
  .team {padding: 2.4rem; min-height: 30rem;}
  .team-title h3 {font-size: 1.8rem; line-height: 2.4rem;}
  .team-content p {font-size: 1.5rem; line-height: 2rem;}
  .team-content span {font-size: 1rem; line-height: 1.8rem;}
  .apply-link {bottom: 4rem;}
  .apply-link a {font-size: 1.2rem; padding: 1rem 2rem;}
  .testimonial-heading.common-heading h2 {font-size: 2.4rem; line-height: 2.8rem;}
  .testimonial-text {margin-bottom: 2.6rem;}
  .testimonial-text p {font-size: 1.6rem; line-height: 2rem;}
  .testimonial {padding: 4rem 3rem 4rem;}
  .testimonial-quote p {font-size: 1.5rem; line-height: 2rem;}
  .testimonial-img {width: 4rem; height: 4rem;}
  .testimonial-block span {font-size: 1.5rem;}
  .testimonial-pagination {margin-top: 3rem;}
  .swiper-pagination-bullet {width: 1rem; height: 1rem;}

  /* career details responsive start */
  .career-details-heading h1 {font-size: 2.4rem; line-height: 3.2rem;}
  .career-details-exp-block span:first-child {font-size: 1.5rem;}
  .career-details-exp-block span:last-child {font-size: 1.3rem; padding: 0.2rem 1rem;}
  .career-details-code {font-size: 1.5rem;}
  .career-details-code span {font-size: 1.5rem;}
  .career-content-details h2 {font-size: 2rem; line-height: 2.8rem;}
  .career-content-details p {font-size: 1.5rem; line-height: 2rem;}
  .career-content-details ul li {font-size: 1.5rem; line-height: 2rem;}
  .career-info-wrapper {margin-top: 2rem; padding-bottom: 2.8rem;}
  .info-block {padding: 4rem 2rem 3.6rem;}
  .info-block h2 {font-size: 2rem; line-height: 2.8rem;}
  .info-block p {font-size: 1.5rem;}
  .info-block p span {font-size: 1.6rem; margin-top: 1rem;}
  .apply-wrapper {margin: 4.8rem 1.6rem 0;}
  .apply-heading h2 {font-size: 2rem; line-height: 2.8rem; margin-bottom: 0.4rem;}
  .apply-heading p {font-size: 1.5rem;}
  .input-holder label {font-size: 1.8rem;}
  .input-holder:nth-child(1) label::after {font-size: 1.5rem;}
  .input-holder:nth-child(2) label::after {font-size: 1.5rem;}
  .input-holder:nth-child(3) label::after {font-size: 1.3rem;}
  .input-holder:nth-child(4) label::after {font-size: 2rem;}
  .input-holder:nth-child(5) label::after {font-size: 1.5rem;}
  .input-holder:nth-child(6) label::after {font-size: 1.5rem;}
  .input-holder input {font-size: 1.5rem;}
  .input-holder select {font-size: 1.5rem;}
  .input-holder textarea {font-size: 1.5rem; height: 8rem;}
  .custome-upload-short {font-size: 1.5rem;}
  .custome-upload-file-inn label::after {width: 14rem; font-size: 1.5rem; height: 4rem;}
  .custome-upload-sm-info {font-size: 1.3rem;}
  .accept-holder .wpcf7-list-item-label {font-size: 1.3rem;}
  .accept-holder .wpcf7-list-item-label:before {padding: 0.5rem;}
  .accept-holder input:checked + .wpcf7-list-item-label:after {top: 0.5rem; left: 0.4rem; width: 0.4rem; height: 0.8rem;}
  .submitholder input {font-size: 1.5rem; width: 16rem; height: 4rem; padding-left: 2rem; background-size: 6rem 2rem;}
  .submitholder input:not([disabled]):hover {background-size: 6rem 1.3rem;}
  .apply-wrapper .wpcf7-response-output {font-size: 1.2rem;}
}
/* Responsive End */