:root {
  --black: #02041B;
  --white: #fff;
  --brand-primary-1:#4CAF50;
  --brand-primary-2: #076885;
  --brand-secondary-1: #F6C850;  
  --grey: #727272;  
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
body{
  overflow-x: hidden;
}

/*Fonts*/
.fs-family {
  font-family: "Raleway", sans-serif;
  /* font-family: "Plus Jakarta Sans", sans-serif; */
  font-optical-sizing: auto;  
  font-style: normal;
}

.fs-family-rajdhani {
  font-family: "Rajdhani", sans-serif;
}

.fs-thin {
  font-weight: 100;
  font-style: normal;
}

.fs-extralight {
  font-weight: 200;
  font-style: normal;
}

.fs-light {
  font-weight: 300;
  font-style: normal;
}

.fs-regular {
  font-weight: 400;
  font-style: normal;
}

.fs-medium {
  font-weight: 500;
  font-style: normal;
}

.fs-semibold {
  font-weight: 600;
  font-style: normal;
}

.fs-bold {
  font-weight: 700;
  font-style: normal;
}

.fs-extrabold {
  font-weight: 800;
  font-style: normal;
}

.fs-black {
  font-weight: 900;
  font-style: normal;
}

.fs-italic {
  font-style: italic;
}

.fs-96 {
  font-size: 9.6rem;
}
.fs-64 { 
  font-size: 6.4rem;
  letter-spacing: -0.96px;
}
.fs-58 { 
  font-size: 5.8rem;
  line-height: 8rem;  
  letter-spacing: -0.87px;
}
.fs-56 { 
  font-size: 5.6rem;
  line-height: 6.4rem;  
  letter-spacing: -0.84px;
}
.fs-52 { 
  font-size: 5.2rem;
  line-height: 5.72rem;
}
.fs-50 { 
  font-size: 5rem;
  line-height: normal;  
  letter-spacing: -0.75px;
}
.fs-48 { 
  font-size: 4.8rem;
  line-height: 5.4rem;  
}
.fs-40 {
  font-size: 4rem;
  line-height: 4.8rem;  
  letter-spacing: -0.6px;
}
.fs-36 {
  font-size: 3.6rem;
  line-height: 4.4rem; 
}
.fs-32 {
  font-size: 3.2rem;
  line-height: 4rem; 
}
.fs-28 {
  font-size: 2.8rem;
  line-height: 3.6rem;  
}
.fs-24 {
  font-size: 2.4rem;
  line-height: 3rem;
}
.fs-20 {
  font-size: 2rem;
  line-height: 2.8rem;
}
.fs-18 {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.fs-16 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.fs-14 {
  font-size: 1.4rem;
  line-height: 2rem;
}
.fs-12 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

/*Fonts*/

/*Universal*/
body{
  font-family: "Raleway", sans-serif;
  /* font-family: "Plus Jakarta Sans", sans-serif; */
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: var(--black);
  scroll-behavior: smooth;
  background: var(--white);
}
body.home {
    background: #F5F9FA;
}
* {
  margin: 0;
  padding: 0;
}
button,
button:hover,
button:focus,
button:active {
  border: 0px none;

}

p {
  margin-bottom: 1.6rem;
}

*>p:last-child,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active,
svg:hover,
h4:hover,
select:hover,
select:focus,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
  transition: all 0.1s ease-in-out;
  outline: none !important;
  box-shadow: none !important;
}
.block-1400 {
  margin:0 auto;
  max-width:1400px;
  padding:0 20px
}
.block-1200 {
  margin: 0 auto;
  max-width: 1200px;
}
.block-1130 {
  margin: 0 auto;
  max-width: 1130px;
}
.block-1060{
  margin:0 auto;
  max-width:1060px;
}
.block-1000{
  margin:0 auto;
  max-width:1000px;
}
.block-800{
  margin:0 auto;
  max-width:860px;
}
.block-780{
  margin:0 auto;
  max-width:780px;
}
.ptb-8{
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.ptb-7 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.pt-80{
  padding-top:8rem
}
.pb-80{
  padding-bottom:8rem
}
.pt-52 {
  padding-top: 5.2rem;
}
.mt-100 {
  margin-top: 10rem;
}
.mt-80 {
  margin-top: 8rem;
}
.mt-60 {
  margin-top: 6rem;
}
.mb-60 {
  margin-bottom: 6rem;
}
.mt-56 {
  margin-top: 5.6rem;
}
.mb-100 {
  margin-bottom: 10rem;
}
.mb-80 {
  margin-bottom: 8rem;
}
.mb-40 {
  margin-bottom: 4rem;
}

.mb-32 {
  margin-bottom: 3.2rem;
}
.mb-30 {
  margin-bottom: 3rem;
}
.mb-24 {
  margin-bottom: 2.4rem;
}
.mb-16 {
  margin-bottom: 1.6rem;
}
.mb-12 {
  margin-bottom: 1.2rem;
}
.mb-8 {
  margin-bottom: 0.8rem;
}
.mb-4 {
  margin-bottom: 0.4rem !important;
}
.mb-120 {
  margin-bottom: 12rem;
}
.text-green{
  color: var(--brand-primary-1);
}
.text-grey{
  color: var(--grey);
}
.text-black {
  color: var(--black);
}
.text-white {
  color: var(--white);
}
.bg-light {
    background: #F5F9FA;
}
.opacity-7 {
  opacity: 0.7;
}
.background-gradient-blue{
  background: linear-gradient(180deg, #E4EEF1 0%, #FFF 90.97%);
}
/*Universal*/

/*Buttons and Links*/
.btn-primary, .btn-primary-atto {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  background: var(--brand-primary-1);
  color: var(--white);
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  border:0px none;
}
.btn-primary:hover,.btn-primary-atto:hover,.btn-primary:focus, .btn-primary-atto:focus,.btn-primary:active, .btn-primary-atto:active{
  background: var(--brand-primary-2);
  border:0px none;
  color:#fff;
}
.btn-secondary-atto {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  background:var(--brand-primary-2);
  color: var(--white);
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  border:0px none;
}
.btn-secondary-atto:hover, .btn-secondary-atto:focus, .btn-secondary-atto:active{
  background:  var(--brand-primary-1);
  border:0px none;
  color:#fff;
}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{
  display:inline-block;
  padding:0 4rem 0 0;
  font-family: "Bai Jamjuree", serif;
  font-weight:600;
  font-size:1.8rem;
  line-height:2.4rem;
  letter-spacing: -0.18px;
  color:var(--black);
  background:url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1484_50742)"><path d="M0.5625 9.68018H17.4375" stroke="%23061824" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5625 17.5552L17.4375 9.68018L9.5625 1.80518" stroke="%23061824" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1484_50742"><rect width="18" height="18" fill="white" transform="translate(0 0.680176)"/></clipPath></defs></svg>') no-repeat center right;
  text-decoration:none;
}
/*Buttons and Links*/

/*Text Colors*/
.text-blue{
  color:var(--brand-primary-2);
}
.text-white{
  color:var(--white);
}
/*Text Colors*/

/*Navigation*/
.talentchess-navigation{
  background:#fff;
}
header .top-nav {
  display: flex;
  justify-content: space-between;
  padding:1.5rem;
}
.navbar,.navbar-brand{
  padding:0;
}
#navbarNavDropdown .nav-link{
  margin: 0 3.2rem 0 0;
  padding: 1.2rem 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--black);
  font-weight: 500;
}
#navbarNavDropdown .nav-link.btn-attoinfo{
  margin:0;
  font-weight: 400;
  line-height:2rem;
}
#navbarNavDropdown .nav-link.btn-attoinfo:hover,
#navbarNavDropdown .nav-link.btn-attoinfo:focus,
#navbarNavDropdown .nav-link.btn-attoinfo:active{
  color:var(--black);
}
#navbarNavDropdown .nav-link:hover,#navbarNavDropdown .nav-link:focus,#navbarNavDropdown .nav-link:active{
  color:var(--brand-primary-2);
}
.attoinfo-navigation{ 
  padding:2.4rem 0 1.6rem 0;
  background: var(--white);
}

/* --- Dropdown base --- */
.nav-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  z-index: 1000;
  border-radius: 8px;
  list-style: none;
  margin: 0;
  
}

.nav-dropdown li {
  margin: 0;
  padding: 0;
}


/* --- Show dropdown on hover --- */
@media (min-width: 992px) {
  .nav-item:hover > .nav-dropdown {
    display: block;
  }
}

/* --- Dropdown links --- */
.nav-dropdown li a {
  display: block;
  padding: 10px 20px;
  color: var(--black);
  text-decoration: none;
  font-size: 1.5rem;
  transition: background 0.2s;
}

.nav-dropdown li a:hover {
  background-color: #EBF6F8;
}

.nav-item {
  position: relative;
}


/*Navigation*/

/*Footer*/
.attoinfo-footer {
  padding: 3.7rem 0 0;
  background: url(../images/footer.svg) center no-repeat;
  color: var(--white);
  background-size: cover;
  border-radius: 8px 8px 0px 0px;
}
.footer-bottom {
  border-radius: 8px 8px 0px 0px;
  background: var(--white);
  padding: 4rem;
}
.footer-bottom-inner {
  display: flex;
  gap: 1.6rem;
}
.footer-bottom-inner .column h4 {
  color: var(--black);
  font-weight: 600;
}
.footer-bottom-inner .column ul {
  padding: 0;
}
.footer-bottom-inner .column li {
  font-size: 18px;
  padding: 8px 0;
  display: block;
}
.footer-bottom,
.footer-bottom-inner,
.footer-bottom-inner .column li a,.column.contact a{
  color: #727272;
}
.footer-bottom-inner .column li a:hover,.footer-bottom-inner .column li a:focus,
.footer-bottom-inner .column li a:active,.footer-bottom-inner .contact a:hover,.footer-bottom-inner .contact a:focus,
.footer-bottom-inner .contact a:active{
  color:var(--brand-primary-2);
}
.footer-location h4{
  padding-bottom: 0.8rem;
}
.footer-bottom-inner .contact a {
  display: inline-block;
  padding-bottom: 1rem;
}
.footer-top {
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
}
.footer-service a.btn {
  border-radius: 8px;
  background: var(--brand-primary-2);
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  max-width: 243px;
  width: 100%;
  padding: 2.5rem;
  text-align: left;
  margin-left: 2rem;
  border:1px solid transparent
}
.footer-service a.btn svg {
  vertical-align: top;
}
.footer-service a.btn span {
  display: block;
  padding-top: 1rem;
}
.footer-service a.btn:hover,.footer-service a.btn:active,.footer-service a.btn:focus{
  background:var(--brand-primary-1);
  color: var(--white);
  border:1px solid transparent
}
.footer-service {
  flex: 0 0 531px;
}
.footer-bottom-inner .footer-links:first-child{
  max-width: 200px;
  width: 100%;
}
.footer-bottom-inner .contact,
.footer-bottom-inner .footer-links {
  max-width: 230px;
  width: 100%;
}
.footer-bottom-inner .social-icons a + a {
  margin-left: 0.8rem;
}

.tlc-footer-content{
  margin:0 auto;  
}
.footer-content-block{
  justify-content: space-between;
  align-items: flex-start;
}
.fc-block-1{
  flex: 0 0 180px;
  max-width:180px;
}
.fc-block-2{
  flex: 0 0 200px;
  max-width:200px;
}
.fc-block-3{
  flex: 0 0 420px;
  max-width:420px;
}
.fc-block-2 ul{
  margin:0;
  padding:0;
}
.fc-block-2 ul li{
  display:block;
  margin: 0 0 0.8rem 0;
  list-style-type: none;
}
.fc-block-2 ul li a{
  font-family: "Bai Jamjuree";
  font-weight: 600;
  font-size:1.8rem;
  line-height:2.4rem;
  letter-spacing: -0.18px;
}
.fc-block-2 ul li a,.fc-block-2 ul li a:hover,.fc-block-2 ul li a:focus,.fc-block-2 ul li a:active{
  color:var(--white);
}
.fc-block-3 h3{
  position:relative;
  margin:0 0 0.8rem 0;
  padding:0 4rem 0 0;
  font-size:2.4rem;
  line-height:3.2rem;
  letter-spacing: -0.24px;
}
.fcb3-text{
  margin:0 0 1.6rem 0;
  color:rgba(255, 255, 255, 0.7)
}
.tlc-form-field{
  color:rgba(255, 255, 255, 0.7);
}
.subscribe-form{
  justify-content: space-between;
  align-items: center;
}
.subscribe-form .tlc-form-field{
  flex:0 0 68%;
  max-width:68%;
}
.subscribe-form .tlc-form-field::-webkit-input-placeholder { 
  color: rgba(255, 255, 255, 0.7);
}
.subscribe-form .tlc-form-field::-moz-placeholder { 
  color: rgba(255, 255, 255, 0.7);
}
.subscribe-form .tlc-form-field:-ms-input-placeholder { 
  color: rgba(255, 255, 255, 0.7);
}
.subscribe-form .tlc-form-field:-moz-placeholder { 
  color: rgba(255, 255, 255, 0.7);
}
.footer-copyright-block{
  padding-top:3.2rem;
  font-size:1.4rem;
  line-height:2rem;
  color:rgba(255, 255, 255, 0.7);
}
.footer-copyright-block a,.footer-copyright-block a:hover,.footer-copyright-block a:focus,.footer-copyright-block a:active{
  color:rgba(255, 255, 255, 0.7);
}
.copyright-block-2 a.social-icon{
  display:inline-block;
  margin:0 1.2rem 0 0;
  width:24px;
  height:24px;
}
.copyright-block-3 a{
  margin:0 1.2rem 0 0;
}
.copyright-block-2 a.social-icon:last-child,.copyright-block-3 a:last-child{
  margin:0;
}
.social-fb{
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M12.501 2.00195C6.97895 2.00195 2.50195 6.47895 2.50195 12.001C2.50195 16.991 6.15795 21.127 10.939 21.88V14.892H8.39895V12.001H10.939V9.79795C10.939 7.28995 12.432 5.90695 14.715 5.90695C15.809 5.90695 16.955 6.10195 16.955 6.10195V8.56095H15.691C14.451 8.56095 14.063 9.33295 14.063 10.124V11.999H16.834L16.391 14.89H14.063V21.878C18.844 21.129 22.5 16.992 22.5 12.001C22.5 6.47895 18.023 2.00195 12.501 2.00195Z" fill="white"/></svg>') no-repeat center;
}
.social-insta{
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M21.4471 8.30447C21.4376 7.54703 21.2958 6.79708 21.0281 6.08847C20.797 5.49031 20.4433 4.94708 19.9899 4.49364C19.5365 4.0402 18.9932 3.68658 18.3951 3.45547C17.6954 3.19271 16.9563 3.05069 16.2091 3.03547C15.2471 2.99247 14.9421 2.98047 12.5001 2.98047C10.0581 2.98047 9.74507 2.98047 8.79007 3.03547C8.04322 3.05081 7.30439 3.19282 6.60507 3.45547C6.00691 3.68658 5.46368 4.0402 5.01024 4.49364C4.5568 4.94708 4.20318 5.49031 3.97207 6.08847C3.70977 6.78785 3.56809 7.52667 3.55307 8.27347C3.51007 9.23647 3.49707 9.54147 3.49707 11.9835C3.49707 14.4255 3.49707 14.7375 3.55307 15.6935C3.56807 16.4415 3.70907 17.1795 3.97207 17.8805C4.20341 18.4785 4.55724 19.0216 5.01085 19.4749C5.46446 19.9282 6.00782 20.2816 6.60607 20.5125C7.30359 20.7854 8.04248 20.9375 8.79107 20.9625C9.75407 21.0055 10.0591 21.0185 12.5011 21.0185C14.9431 21.0185 15.2561 21.0185 16.2111 20.9625C16.9582 20.9476 17.6974 20.8059 18.3971 20.5435C18.9946 20.3113 19.5373 19.9573 19.9906 19.504C20.4439 19.0507 20.7979 18.508 21.0301 17.9105C21.2931 17.2105 21.4341 16.4725 21.4491 15.7235C21.4921 14.7615 21.5051 14.4565 21.5051 12.0135C21.5031 9.57147 21.5031 9.26147 21.4471 8.30447ZM12.4941 16.6015C9.94007 16.6015 7.87107 14.5325 7.87107 11.9785C7.87107 9.42447 9.94007 7.35547 12.4941 7.35547C13.7202 7.35547 14.896 7.84253 15.763 8.70951C16.63 9.5765 17.1171 10.7524 17.1171 11.9785C17.1171 13.2046 16.63 14.3804 15.763 15.2474C14.896 16.1144 13.7202 16.6015 12.4941 16.6015ZM17.3011 8.26247C17.1595 8.2626 17.0192 8.23481 16.8884 8.18068C16.7575 8.12655 16.6386 8.04715 16.5385 7.94702C16.4384 7.8469 16.359 7.72801 16.3049 7.59716C16.2507 7.46631 16.2229 7.32607 16.2231 7.18447C16.2231 7.04297 16.2509 6.90286 16.3051 6.77213C16.3592 6.6414 16.4386 6.52262 16.5387 6.42256C16.6387 6.32251 16.7575 6.24314 16.8882 6.18899C17.019 6.13484 17.1591 6.10697 17.3006 6.10697C17.4421 6.10697 17.5822 6.13484 17.7129 6.18899C17.8436 6.24314 17.9624 6.32251 18.0625 6.42256C18.1625 6.52262 18.2419 6.6414 18.2961 6.77213C18.3502 6.90286 18.3781 7.04297 18.3781 7.18447C18.3781 7.78047 17.8961 8.26247 17.3011 8.26247Z" fill="white"/><path d="M12.4942 14.9826C14.1527 14.9826 15.4972 13.6381 15.4972 11.9796C15.4972 10.3211 14.1527 8.97656 12.4942 8.97656C10.8357 8.97656 9.49121 10.3211 9.49121 11.9796C9.49121 13.6381 10.8357 14.9826 12.4942 14.9826Z" fill="white"/></svg>') no-repeat center;
}
.social-youtube{
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M22.0933 7.20301C21.98 6.78014 21.7576 6.39445 21.4483 6.08452C21.1391 5.7746 20.7539 5.55132 20.3313 5.43701C18.7653 5.00701 12.5003 5.00001 12.5003 5.00001C12.5003 5.00001 6.23633 4.99301 4.66933 5.40401C4.24725 5.52415 3.86315 5.75078 3.5539 6.06214C3.24464 6.3735 3.02062 6.75913 2.90333 7.18201C2.49033 8.74801 2.48633 11.996 2.48633 11.996C2.48633 11.996 2.48233 15.26 2.89233 16.81C3.12233 17.667 3.79733 18.344 4.65533 18.575C6.23733 19.005 12.4853 19.012 12.4853 19.012C12.4853 19.012 18.7503 19.019 20.3163 18.609C20.7386 18.4939 21.1236 18.2708 21.4334 17.9617C21.7433 17.6525 21.9673 17.268 22.0833 16.846C22.4973 15.281 22.5003 12.034 22.5003 12.034C22.5003 12.034 22.5203 8.76901 22.0933 7.20301ZM10.4963 15.005L10.5013 9.00501L15.7083 12.01L10.4963 15.005Z" fill="white"/></svg>') no-repeat center;
}
.social-twitter{
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M20.6566 20.6109C20.592 20.7286 20.4971 20.8267 20.3817 20.8951C20.2662 20.9636 20.1346 20.9998 20.0004 21H15.5004C15.3741 21 15.25 20.9681 15.1393 20.9073C15.0287 20.8465 14.9352 20.7587 14.8676 20.6522L11.0716 14.6869L5.55536 20.7544C5.42089 20.8988 5.2349 20.9845 5.03772 20.9927C4.84054 21.0009 4.64805 20.9311 4.502 20.7984C4.35595 20.6657 4.2681 20.4807 4.2575 20.2836C4.24689 20.0866 4.31439 19.8933 4.44536 19.7456L10.2363 13.3706L4.36755 4.15313C4.29527 4.03973 4.25481 3.90898 4.2504 3.77458C4.246 3.64018 4.2778 3.50707 4.3425 3.38918C4.40719 3.27129 4.5024 3.17296 4.61813 3.10449C4.73387 3.03603 4.86589 2.99993 5.00036 3H9.50036C9.62659 3.00004 9.75077 3.03194 9.86139 3.09274C9.972 3.15353 10.0655 3.24127 10.1332 3.34781L13.9291 9.31312L19.4454 3.24562C19.5798 3.10117 19.7658 3.01555 19.963 3.00731C20.1602 2.99907 20.3527 3.06888 20.4987 3.20161C20.6448 3.33435 20.7326 3.51929 20.7432 3.71636C20.7538 3.91343 20.6863 4.10674 20.5554 4.25438L14.7644 10.6247L20.6332 19.8478C20.7051 19.9613 20.7451 20.0919 20.7493 20.2262C20.7534 20.3604 20.7214 20.4933 20.6566 20.6109Z" fill="white"/></svg>') no-repeat center;
}
.footer-copyright-block{
  justify-content: space-between;
  align-items: center;
}
/*Footer*/








/* Hero Section */
#home-section {
  background: url(../images/hero_banner.jpg) no-repeat center;
  background-size: cover;
  padding: 10rem 0;
}
#home-section .text-content h1 {
    text-transform: uppercase;
}
.hero_content .text-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 2.4rem;
}
.hero_content .text-content h1 {
  font-family: "Rajdhani", sans-serif;
}
.hero-btn button {
  margin-right: 2rem;
  padding: 12px 40px;
  border-radius: 8px;
  border: 1px solid var(--white);
  background: transparent;
}
.hero-btn button:hover {
  background: var(--brand-primary-1);
  border-color: var(--brand-primary-1);
}

/* Counter Section */
.counter-section {
  margin-top: -6.4rem;
}
.counter-grid {
  border-radius: 15px;
  padding: 2.4rem;
  background: var(--white);
  backdrop-filter: blur(13.399999618530273px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap:1.6rem;
}
.counter-box .counter {
  font-family: "Rajdhani", sans-serif;
  display: inline-block;
  vertical-align: middle;
  padding-left: 8px;
}
.counter-box h2 {
  text-transform: uppercase;
  padding-top: 8px;
}

/* About Section */
.about_home_section {
  border-radius: 44px 44px 0px 0px;
  background: #F5F9FA;
  margin-top: -10.4rem;
  padding-top: 17rem;
}
.about_home_grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}
.about_left .accordion-item .accordion-button::after {
  background: url(../images/plus.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.about_left .accordion-item.active .accordion-button:not(.collapsed)::after{
  background: url(../images/minus.svg) no-repeat center;
}
.about_left .accordion-item {
  border: none;
  padding: 12px 16px;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #E7E7E7;
  background: transparent;
}
.about_left .accordion-item .accordion-button {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--black);
  padding: 0;
}
.about_left .accordion-item .accordion-body {
  padding: 0;
}
.about_left .accordion-collapse{
  border-radius: 0px 0px 12px 12px;
  padding-top: 0.8rem;
}
.about_left .accordion-collapse.show {
  background: #DDEBEE;  
}
.about_left .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about_left .accordion-item .accordion-content {
  display: none;
}
.about_left .accordion-item.active .accordion-content {
  display: block;
}
.about_left .accordion-item.active {
  background: #DDEBEE;
  border-color: #DDEBEE;
  border-radius: 0px 0px 12px 12px;
}

/* Service Section */
.solution-container{
  position:relative; 
  position: sticky;
  top: 0;
}
.service_section .solution {  
  position:relative;
  display: flex;
  align-items: center;
  gap: 6rem;
  position: sticky;
  top: 80px;
  /* overflow: hidden; */
  will-change: transform;
  background:#fff;
  /* box-shadow: -7px -11px 18px 0px rgba(0, 0, 0, 0.05);  */
  box-shadow: -3px 1px 18px 0px rgba(0, 0, 0, 0.05);
  border-radius:16px;
}
/* .service_section .solution:before{
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width: 1px;
  height:90%;
  background:#02041B;
} */
.service_section .solution + .solution {
  margin-top: 4rem;
}
.service_section .solution-left {
  border-radius: 24px;
  background: #FFF; 
  padding: 34px 28px;
  position: relative;
  height: 226px;
  display: flex;
  align-items: center;
      flex: 0 0 46%;
}
.solution-left-inner{
  flex:0 0 100%;
  max-width:100%;
}
.solution-left h3{
  max-width:calc(100% - 160px)
}
.service_section .solution-left img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.service_section .read-more span {
  vertical-align: middle;
  color: rgb(114 114 114 / 60%);
}
.solution-right {
  color: rgb(114 114 114 / 60%);
  flex: 0 0 47%;
}
.solution.active .solution-right,
.solution.active .read-more span {
    color: #02041B;
}
.solution-center {
    flex: 0 0 1.7%;
    display:none;
}
.solution-line {
   /*  height: 62px;
    width: 1px;
    background: var(--black);
    position: relative; */
}
/* .solution-line::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    border: 1px solid var(--black);
    position: absolute;
    bottom: 0;
    left: -2px;
    background: var(--brand-primary-1);
} */

/* Case Study Section */
.casestudy_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 14.6px 0px rgba(0, 0, 0, 0.05);
  padding: 40px;
  width: 908px;
  margin: 0 2.1rem;
}
.casestudy-left .subtitle {
  color: rgb(114 114 114 / 70%);
}
.casestudy-left h3 {
  color: rgb(2 4 27 / 70%);
}
.casestudy-left .description {
  color: rgb(2 4 27 / 70%);
}
.casestudy-left a {
  color: var(--black);
}
.casestudy-right {
  flex: 0 0 304px;
}
.casestudy-left {
  flex: 0 0 400px;
}
.case-study-container .flickity-prev-next-button {
    position: relative;
    top: unset;
    bottom: -25px;   
    transform: unset;
}
.case-study-container .flickity-prev-next-button.previous {
    left: calc(50% - 6px);
}
.case-study-container .flickity-prev-next-button.next {
    left: calc(50% + 6px);    
}
.flickity-prev-next-button{
    width: 35px;
    height: 35px;
}
.flickity-prev-next-button svg {
    display: none;
}
.flickity-prev-next-button.previous {  
    background: url(../images/left-arrow-circle.svg);
   /*  transform: rotate(180deg); */
}
.flickity-prev-next-button.next {
    background: url(../images/right-arrow-circle.svg);
}

/* Technology Stack Section */
.stacks_section {
  border-radius: 44px 44px 0px 0px;
  /* background-color: linear-gradient(180deg, #076885 0%, #F5F9FA 100%); */
  /* background: linear-gradient(180deg, #076885 0%, #F5F9FA 100%) url(../images/tech-stack-pattern.svg) no-repeat top left;
  background-size:cover; */
  background:  linear-gradient(180deg, #076885 0%, #F5F9FA 100%),  url("../images/tech-stack-pattern.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 4.2rem 0 8rem 0;
}
.stacks_section .stack-grid {
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0px 0px 53.7px 0px rgba(0, 0, 0, 0.07);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
}
.stack-box {
  border-right: 1px solid #E7E7E7;
  border-top: 1px solid #E7E7E7;
  padding: 2.4rem 3.2rem;
  height: 322px;
  display: flex;
  align-items: center;
  height: auto;
  align-items: flex-start;
}
.stack-box ul li {
  font-size: 18px;
  font-weight: 500;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 7px;
}
.stack-box ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 2.4rem;
  padding: 0;
  margin: 2.4rem 0 0 0;
}
/* .stack-box li:nth-child(even)::before {
  content: "";
  background: #D9D9D9;
  width: 1px;
  height: 14px;
} */
.stack-box li img{
  height:24px;
}
.stack-box.stack-box-technology{
  height:auto;
  align-items: flex-start;
}
.stack-box .stack-box-inner,
.stack-box.stack-box-technology .stack-box-inner{
  flex:0 0 100%;
  max-width:100%;
}
/* Blog Section */
.blogs {
    overflow: hidden;
}
.blogs_card {
    max-width: 452px;
    margin-right: 2.8rem;
    color: var(--black);
}
.blogs_content {
    background: #fff;
    border-radius: 0 0 20px 20px;
    padding: 3.7rem 2.4rem;
}
.blogs_content {
    background: #fff;
    border-radius: 0 0 20px 20px;
    padding: 3.7rem 2.4rem;
}

.blogs_img img {
    border-radius: 20px 20px 0 0;
    height:330px;
    object-fit: cover;
}

.blogs_img .category {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--brand-primary-1);
    color: var(--white);
    padding: 8px 11px;
    border-radius: 0 12px 0 0;
    font-size: 18px;
    font-weight: 500;
}

.blogs_img {
    position: relative;
}
.blogs_content p {
    min-height: 130px;
    line-height: 2.6rem;
}
.blogs_content .date {
    color: #505156;
}
.blogs_grid .flickity-prev-next-button {
    top: -8%;
    bottom: unset;
}
.blogs_grid .flickity-prev-next-button.previous {
    right: 0;
    left: auto;
}
.blogs_grid .flickity-prev-next-button.next{
    right: 0;
}
.blogs-flickity-nav-wrapper {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    gap: 15px;
}
.blogs-flickity-nav-wrapper .flickity-button{
  position:static;
  transform: translateY(0)
}
.blogs-flickity-nav-wrapper .flickity-prev-next-button {
  /*   position: unset; */        
}
.blogs-flickity-nav-wrapper .flickity-prev-next-button.next {
    transform: translateY(0%);
}
.blogs > .block-1060 {
    position: relative;
}
.blog-slider-title{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-slider-excerpt{
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
/* Blog Page */
.blogs_page_section {
    background: #F5F9FA;
    padding: 7rem 0 10rem;
    border-radius: 6rem 6rem 0 0;
}
.blogs_page_section .blogs_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2.8rem;
}

.blogs_page_section .blogs_grid .blogs_card {
    margin: 0;
}
.blogs_page_section ul.pagination li {
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 0 5px;
}
.blogs_page_section ul.pagination {
    gap: 8px;
    margin: 5rem 0 0 0;
}
.blogs-details-block .blogs_card {
    width: calc(33.333% - 1.8rem);
    max-width: 100%;
}
.blogs-details h2 {
    margin-bottom: 12px;
    font-weight: 600;
}
.blogs-details p,
.blogs-details ul {
    margin-bottom: 2.4rem;
}
.blogs-details-banner {
    position: relative;
}
.blogs-details-banner .title-section {
    position: absolute;
    bottom: 0;
}
.blogs .title-section {
    position: relative;
}

/* Contact Page */
.contact_information_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 3.2rem;
    align-items: center;
}
.contact_info {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
}
.contact_form {
    box-shadow: 0px 2px 14px 0px rgb(102 97 97 / 15%);
    padding: 5rem;
    border-radius: 24px;
    max-width: 488px;
    margin: 0 0 0 auto;
}
.contact_information_grid .title-section {
    max-width: 488px;
}
.form-control {
    border-radius: 8px;
    padding: 11px 16px;
    font-size: 16px;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 2px 14px 0px rgb(16 24 40 / 5%);
}
.form-group {
    margin-bottom: 2rem;
}
.contact_form .form-group.form-row {
    display: flex;
    gap: 2rem;
}
.contact_mail img {
    width: 24px;
    padding: 2px;
    margin-right: 12px;
}
.contact_mail a {
    color: var(--black);
}

/* Technology Page */
.technology-tags {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
}
.technology_banner .text-content button {
    font-size: 16px;
    padding: 9px 18px;
    max-width: 180px;
    width: 100%;
}
.technology-tags span {
    display: flex;
}
.technology-tags img {
    padding-right: 12px;
}
.technology_brand_grid {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    text-align: center;
    gap: 5.4rem;
}
.technology-services-block .accordion img {
    width: 28px;
    margin-right: 16px;
}
.technology-services-block .about_left .accordion-collapse{
  padding-left: 44px;
}
.get-touch-banner .title-section {
    padding: 3rem;
    background: url(../images/get_touch.svg);
    border-radius: 24px;
}

.faq_number {
    color: #A7A8AA;
    margin-right: 5.2rem;
    width: 55px;
    text-align: right;
}
.Faqs-section .about_left .accordion-collapse {
    padding-left: 10.7rem;
}
.Faqs-section .about_left .accordion-collapse.show,
.Faqs-section .about_left .accordion-item.active{
  background: transparent;
}
.Faqs-section .about_left .accordion-collapse.show{
  color: #737374;
   background: transparent;
}
.Faqs-section .about_left .accordion-item{
  padding: 32px 60px;
  border-radius: 0;
  margin: 0;
}
.image_banner_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}
.image_banner_block .image-box {
    background: #DDEBEE;
    padding: 6rem;
    border-radius: 14px;
}

/* Service Page */
.service_block_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
}

.service_block_grid .card {
    padding: 3rem;
    border: 1px solid #EBEBF0;
    background: transparent;
    border-radius: 2rem;
    box-shadow: 0px 0px 5px 0px rgb(27 30 62 / 8%);
}
.service_block_grid p {
    color: #727272;
}

.scroller__inner {
	display: flex;
	/* padding-block: 1rem; */
	flex-wrap: wrap;
	gap: 1rem;
}

.scroller[data-animated="true"] {
	overflow: hidden;
	/* -webkit-mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
    mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
}

.scroller[data-animated="true"] .scroller__inner {
	width: max-content;
	flex-wrap: nowrap;
	animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
	animation-delay: 1s;
}

.scroller[data-animated="true"] .scroller__inner.workshop-features {
	width: auto;
	display: block;
	animation: scrolltop var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}

/* .scroller[data-direction='top'] {
    --_animation-direction: forwards;
  } */
.scroller[data-direction='left'] {
	--_animation-direction: forwards;
}

.scroller[data-direction='right'] {
	--_animation-direction: reverse;
}

.scroller[data-direction='slow'] {
	--_animation-duration: 20s;
}

.scroller[data-speed='fast'] {
	--_animation-duration: 10s;
}

@keyframes scroll {
	to {
		transform: translate(calc(-50% - 0.5rem));
	}
}

@keyframes scrolltop {
	to {
		transform: translateY(calc(-50% - 0.5rem));
	}
}

.scroller[data-animated="true"] .scroller__inner:has(.feature-card:hover, .feature-card:active, .feature-card:focus) {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.service_testimonial {
    background: #DDEBEE;
}
.testimonial-card {
    margin:0 0.8rem;
    border-radius: 12px;
    background: #fff;
    padding: 3rem;
    max-width: 400px;
    display: grid;
    grid-template-columns: 50px repeat(1, 1fr);
    gap: 1.8rem;
}
.testimonial-card p {
    color: #727272;
}

/* Our Work Page */
.tab-card{
  
}
.tab-card .image {
    max-width: 385px;
    height: 385px;
    background: #EEEEEE;
    width: 100%;
    border-radius: 24px;
}
.tab-card-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    row-gap: 3.5rem;
    column-gap: 2rem;
}
.tab-card a {
    color: var(--black);
}
.tab-card:hover .tab-card-img{
  box-shadow: 0 0 16px rgba(27, 102, 132, 0.5); 
  transition:all 0.2s linear;
}
.tab-card:hover h3{
  color:rgba(27, 102, 132, 1);
  transition:all 0.2s linear;
}
.icons {
    font-size: 14px;
    font-weight: 500;
    /* display: flex;
    align-items: center; */
}
.icons span + span::before {
    content: "";
    margin-right: 8px;
    background: #D9D9D9;
    width: 1px;
    height: 14px;
    display: inline-block;
}

.icons span + span {
    margin-left: 12px;
}
.icons span img{
  padding-right: 7px;
}
.tab-content.active {
    display: block;
}

.tab-content {
    display: none;
}
.tabs {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 3rem;
}
.tabs .tab-button {
    display: inline-block;
    margin-right: 3.2rem;
    padding: 12px 0;
    position: relative;
    color: #727272;
    cursor: pointer;
}
.tabs .tab-button.active {
    color: #02041B;
    font-weight: 500;
}
.tab-button.active::after {
    content: "";
    background: #4CAF50;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}

.overview-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
}
.client-info {
    margin-top:2.4rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* max-width: 385px; */
    width: 100%;
    /* margin: auto; */
    gap: 1.6rem;
}
/* .client-info div h2{
  word-break: break-all;
} */
.project-section {
    display: grid;
    grid-template-columns: 40% repeat(1,1fr);
    gap: 3.2rem;
}
.erp_retailer_details {
    background: #16718D;
    background: linear-gradient(180deg,rgba(22, 113, 141, 1) 0%, rgba(60, 166, 199, 1) 50%);
    border-radius: 24px;
    padding: 0 6rem;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2,1fr);
    color: var(--white);
}
.erp_retailer_details li {
    list-style: none;
    display: flex;
    align-items: start;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.erp_retailer_details ul {
    padding: 0;
    margin: 0;
    display: grid;
    gap: 16px;
}
.product_module_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2.4rem;
}
.product-card {
    background: #fff;
    padding: 3.2rem;
    border-radius: 2.4rem;
}
.product-card li::marker {
    color: rgb(2 4 27 / 70%);
}

.product-card li+li {
    margin-top: 8px;
}

.product-card ul {
    margin: 0;
}


/* About Us Page */
.strengths-container {
    background: linear-gradient(to bottom, #0c6a8d, #1d91b6);
    color: var(--white);
    padding: 8rem;
    border-radius: 24px;
}
.strengths-container .grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 30px;
    column-gap: 24px;
}
.strengths-container .item {
    display: grid;
    grid-template-columns: 40px repeat(1,1fr);
    gap: 16px;
}
.project-section.capability_section {
    grid-template-columns: 50% repeat(1, 1fr);
    align-items: center;
}
.about-banner {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    align-items: center;
}
.about-section {
    background: linear-gradient(to bottom, #DCF7FF, #fff);
    padding-top: 9rem;
}
.about-banner .stats {
    display: flex;
    gap: 2.5rem;
}
.about-banner .stat-desc {
    font-size: 24px;
    font-weight: 600;
    color: var(--grey);
}
.industry_section .grid-container {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 2rem;
}

.industry_section .grid-container .industry_card {
    border: 1px solid #E7E7E7;
    border-radius: 24px;
    padding: 32px 24px;
}

.product-content-block .contact_form{
  background:#fff;
}
.product-page-content-block{
  background-image:url(../images/triangle-pattern-left.svg);
  background-size:contain;
  background-position:25% left;
  background-repeat: no-repeat;
}
.blog-article-detail{
		max-width:1200px;
		margin:0 auto;
		padding:4rem 2rem 0 2rem;
	}
	.blog-detail-banner{
		width:50% !important;
		float:left;
		margin:0 32px 16px 0;;
	}
.blog-listing-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-listing-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.products_intro_grid{
  align-items: start;
}
.products_intro_grid .title-section,.products_intro_grid  .contact_form{
  max-width:100%;
}
.pagination li a{
  color:#4CAF50;   
}

/*Gsap Button*/

.button-atto {
  align-items: center;  
  border: none;
  border-radius: 8px;
  color: #fff;
  background:#4CAF50;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  gap: 0.363636em;
  justify-content: center; 
  overflow: hidden;
  padding: 10px 18px;
  position: relative;
  text-decoration: none;
  word-break: break-word;
  text-decoration: none;
}

@media (hover: hover) {
  .button-atto.button--stroke:hover {
    color: #fff;
    text-decoration: none;
  }
}

.button--stroke:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.button--stroke:after {
  /* border: 0.125rem solid #fff;
  border-radius: 6.25rem; */
  content: "";
  pointer-events: none;
}

.button__label {
  position: relative;
  text-align: center;
  transition: color 50ms var(--ease-in-out-quart);
}

.button--stroke:hover .button__label {
  transition: color 0.15s var(--ease-in-out-quart);
}

.button__flair {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.button--stroke .button__flair {
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
}

.button__flair:before {
  aspect-ratio: 1/1;
  background-color: #1b6684;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 170%;
}
/*Gsap Button*/
.ourwork-detail-wrapper{
  max-width:1320px;margin:0 auto;padding:6rem 3.2rem;background:#fff;box-shadow: -4px -3px 12px 6px #efefef;; border-radius: 16px;
}
.ourwork-detail-wrapper h2:not(.fs-family-rajdhani), .ourwork-detail-wrapper h3, .ourwork-detail-wrapper h4{
  margin:1.6rem 0;
  font-size:2rem;
  line-height:2.8rem;
}
.ourwork-detail-wrapper ul li{
  margin:0 0 0.8rem 0 !important;
}
.sec-collab {
    padding: 3rem 2rem;
    text-align: center;
}
.collab-title {
    margin: 0 0 2.4rem 0;
    font-size: 1.8rem;
    line-height: 3.6rem;
}
.collab-logo {
    display: inline-block;
    margin: 0 2rem;
    max-width: 200px;
}