*{
     font-family: "Inter", sans-serif;
     padding: 0;
     margin:0;
     box-sizing: border-box;
}
body,html{
     overflow-x: hidden;
}
 img {
     display: block;
     width: 100%;
}
 .container {
     max-width: 1470px;
     padding: 0 15px;
     margin:0 auto;
}
 .row {
     margin: 0 -15px;
}
 .block {
     padding: 0 15px;
}
 ul {
     list-style: none;
}
 a {
     text-decoration: none;
}
 .align-center {
     align-items: center;
}
 .text-center {
     text-align: center;
}
 .full-block {
     width: 100%;
     display: flex;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
 .justify-bspace {
     justify-content: space-between;
}
 .common-wrapper {
     padding: 100px 0;
}
 .common-wrapper .left, .common-wrapper .right {
     width: 50%;
}
 .common-wrapper .big-block {
     max-width: 770px;
     width: 100%;
}
 .common-wrapper .small-block {
     max-width: 630px;
     width: 100%;
}
 .common-wrapper .diff-block {
     gap:70px;
}
.error-msg {
     color: #a94442;
     background-color: #f2dede;
     
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid #ebccd1;
     border-radius: 4px;
     text-align: left;
}
.success-msg {
     color: #3c763d;
     background-color: #dff0d8;
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid #d6e9c6;
     border-radius: 4px;
      text-align: left;
}
/*header*/
.header-top .menu-block {
     display: flex;
}
 .header-top-right .menu {
     align-items: center;
}


/*Form */

.inquiry-inner .form-wrapper {
    
     padding: 48px 32px;
     position: relative;
     z-index: 9;
}
 .inquiry-inner .form-wrapper .row {
     display: flex;
}
 .inquiry-inner .form-wrapper .row .left, .inquiry-inner .form-wrapper .row .right {
     padding: 0 15px;
     width: 50%;
     margin-bottom: 23px;
}
 .inquiry-inner .form-wrapper .row .left.full {
     width: 100%;
     margin-bottom: 0;
}
 .inquiry-inner .form-wrapper .row label {
     width: 100%;
     display: flex;
     margin-bottom: 8px;
}

 .inquiry-inner .form-wrapper .row label sup,
 .inquiry-inner .form-wrapper .row label.error {
     color: #FF0000; 
}

 .inquiry-inner .form-wrapper .row label.error {
     font-size: 13px;
 }

 .inquiry-inner .form-wrapper .row input, .inquiry-inner .form-wrapper .row textarea {
     background-color: #F9F9F9;
     width: 100%;
     border-radius: 8px;
     border: 0;
     height: 60px;
     padding: 10px;
     font-size: 16px;
     line-height: 20px;
     color: #444;
}
 .inquiry-inner .form-wrapper .row input.error {
     border:1px solid #FF0000;
 }

  .inquiry-inner .form-wrapper .row input:focus-visible {
     outline:unset;
  }

 .inquiry-inner .form-wrapper .row textarea {
     width: 100%;
     border-radius: 8px;
     border: 0;
     height: 120px;
     resize: none;
     font-size: 16px;
     line-height: 20px;
     padding: 10px;
     display: block;
}

@keyframes btRotate {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}
.in_process {
     position: relative;
     width: 198px !important;
     text-indent: -9999px;
}

.in_process:after{
     content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  width: 32px;
  height: 32px;
  border: 1px solid #ffffff80;
  border-left-color: #fff;
  border-radius: 50%;
  transition: all 0.3s;
  animation: btRotate 0.6s infinite linear;   
}







/*FOOTER CSS*/
 .footer{

       background: #1A1D24 url(../images/footer-map.svg) no-repeat center right;
}
 .footer .footer-top {
   
     padding: 80px 0;
}
 .footer .footer-top .footer-logo {
     width: 180px;
     height: auto;
     display: block;
     margin-bottom: 20px;
}
 .footer .footer-top .footer-desc {
     font-size: 16px;
     line-height: 28px;
     font-weight: 400;
     color: rgba(255,255,255,0.6);
     max-width: 423px;
     width: 100%;
}
 .footer .footer-top .footer-desc .footer-info {
     font-size: 18px;
     font-weight: 400;
     line-height: 26px;
     margin-bottom: 19px;
}
 .footer .footer-top .footer-block h4 {
     color:#F69727;
     font-size: 22px;
     line-height: 33px;
     font-weight: 500;
     margin-bottom: 10px;
     position: relative;
}
 .footer .footer-top .footer-desc .footer-social {
     display: flex;
     align-items: center;
     gap:20px;
}
 .footer .footer-top .footer-desc .footer-social li a {
     width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #2E333E;
     border-radius:3px;
}

.footer .footer-top .footer-desc .footer-social a:after {      
     content: '';
     position: absolute;
     width: 16px;
     height: 16px;
     display: flex;
}
.footer .footer-top .footer-desc .footer-social .facebook a:after {
     background:url(../images/socialmedia/facebook.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .instagram a:after {
     background:url(../images/socialmedia/instagram.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .linkdein a:after {
     background:url(../images/socialmedia/linkedin.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .twitter a:after {
     background:url(../images/socialmedia/twitter.svg) no-repeat;
     background-size: cover;
}

.footer .footer-top .footer-desc .footer-social .facebook a:hover:after {
     background:url(../images/socialmedia/facebook-hover.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .instagram a:hover:after {
     background:url(../images/socialmedia/instagram-hover.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .linkdein a:hover:after {
     background:url(../images/socialmedia/linkedin-hover.svg) no-repeat;
     background-size: cover;
}
 .footer .footer-top .footer-desc .footer-social .twitter a:hover:after {
     background:url(../images/socialmedia/twitter-hover.svg) no-repeat;
     background-size: cover;
}

/*.footer .footer-top .footer-link-home {
     margin-right: 142px;
}
 .footer .footer-top .footer-link-resouces {
     margin-right: 193px;
}
 */

 .footer .footer-top .footer-desc .footer-social li a:hover svg path {
     fill:#F69727;
 }

  .footer .footer-top .footer-right  {
     padding-right: 10px;
  }

 .footer .footer-top .footer-right .full-block {
     gap:70px;
 }
 .footer .footer-top .footer-add {
     max-width: 370px;
     width: 100%;
}
 .footer .footer-top .footer-add ul {
     margin-top:21px;
}
 .footer .footer-top .footer-block ul.link-wrapper li a {
     color:rgba(255,255,255,0.6);
     font-size: 18px;
     line-height: 27px;
     margin-bottom: 11px;
     display: inline-block;
}
 .footer .footer-top .footer-block ul.link-wrapper li a:hover {
     color: #F69727;
}
 .footer .footer-top .footer-block ul.link-wrapper li:last-child a {
     margin-bottom: 0;
}
 .footer .footer-top .footer-add .footer-add-li {
     position: relative;
     padding-left: 38px;
}
 .footer .footer-top .footer-add .address-wrapper {
     margin-bottom: 33px;
}
 .footer .footer-top .footer-add address {
     color: #fff;
     font-style: normal;
     font-size: 18px;
     line-height: 21px;
     font-weight: 400;
}
 .footer .footer-top .footer-add address:before {
     content: '';
     position: absolute;
     background: url(../images/location.svg) center center;
     width: 24px;
     height: 24px;
     left: 0;
}
 .footer .footer-top .footer-add a {
     color:#fff;
     font-size: 18px;
     line-height: 21px;
}
 .footer .footer-top .footer-add a:hover {
     color: #F69727;
}
 .footer .footer-top .footer-add .mobile-wrapper {
     margin-bottom: 25px;
}
 .footer .footer-top .footer-add .mobile-wrapper a:before {
     content: '';
     position: absolute;
     background: url(../images/call.svg) center center;
     width: 24px;
     height: 24px;
     left: 0;
}
 .footer .footer-top .footer-add .contact-wrapper a:before {
     content: '';
     position: absolute;
     background: url(../images/sms.svg) center center;
     width: 24px;
     height: 24px;
     left: 0;
}
 .footer .footer-bottom {
     border-top: 1px solid rgba(255,255,255,20%);
     padding: 11px 0;
}
 .footer .footer-bottom .footer-bottom-left {
     color:#fff;
}
 .footer .footer-bottom .footer-bottom-left p {
     font-size: 16px;
     line-height: 45px;
}
 .footer .footer-bottom .footer-bottom-right ul {
     display: flex;
}
 .footer .footer-bottom .footer-bottom-right ul li {
     position: relative;
     padding: 0 12px;
}
 .footer .footer-bottom .footer-bottom-right ul li:last-child{
     padding-right: 0;
}
 .footer .footer-bottom .footer-bottom-right ul li:after {
     content: '';
     position: absolute;
     width: 1px;
     height: 18px;
     background-color: #fff;
     left: -1px;
     top: 1px;
}
 .footer .footer-bottom .footer-bottom-right ul li:first-child:after {
     display: none;
}
 .footer .footer-bottom .footer-bottom-right ul li a {
     color: #fff;
}
 .footer .footer-bottom .footer-bottom-right ul li a:hover {
     color: #F69727;
}
@media only screen and (max-width:1440px) {
     .container {
          width:90%;
     }
     
     .common-wrapper .diff-block {
          gap:50px;
     }
}
     

@media only screen and (max-width:1024px) {
      .btn {
          font-size: 20px;
          padding: 15px 30px;
     }

     .common-wrapper {
          padding: 70px 0;
     }

     .common-wrapper .diff-block {
          gap:15px;
     }

     .footer .footer-top .footer-add {
          max-width: 100%;
     }

}

  @media only screen and (max-width: 991px) {   
     .container {
          width: 100%;
     }
      .full-block, .inquiry-inner .form-wrapper .row {
          flex-direction: column;
     }

     .menu-toggle div {
     width: 100%;
        height: 3px;
        background: #fff;
        margin: 2px auto;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 3px;
     }

     .menu-toggle.active .one {
          transform: rotate(45deg) translate(5px, 12px);
     }

     .menu-toggle.active .two {
          opacity: 0;
     }

     .menu-toggle.active .three {
          transform: rotate(-45deg) translate(-5px, -3px);
     }

     .menu-toggle {
          width: 22px;
          position: absolute;
          right: 18px;
          top: 36px;
     }

     .menu-toggle.active {
          position: absolute;
          right: 17px;
          top: 30px;
          z-index: 999;
     }
     .overlay {
          overflow: hidden;
     }

     header nav {
          position: fixed;
          width: 100%;
          height: 100vh;
          background: #fff;
          top:84px;
          right: -100%;
          transition: 0.5s;
          z-index: 999;
          overflow: auto;
     }


     header nav.active {
          right: 0;
     }

     header nav ul {
          display: block;
          text-align: center;
     }

     .common-wrapper {
          padding: 50px 0;
     }
      .common-wrapper .diff-block {
          gap:24px;
     }
     .inquiry-inner .form-wrapper {
          margin: 0 15px;
          padding: 16px;
     }
     .inquiry-inner .form-wrapper .row .left, .inquiry-inner .form-wrapper .row .right {
          margin-bottom: 17px;
     }

     .inquiry-inner .form-wrapper .row input {
          height: 54px;
     }

     .inquiry-inner .form-wrapper .row textarea {
          height: 108px;
     }

     .inquiry-inner .form-wrapper .row label {
          font-size: 14px;
     }


     .footer .footer-top {
          padding:47px 0;
     }

     .footer .footer-top .footer-left {
          order:4;
     }
     .footer .footer-top .footer-right .full-block {
          gap:15px;
     }
     
     .footer .footer-top  .link-wrapper {
          display: none;
          padding: 20px 0;
          border-bottom: 1px solid #b5b5b5;
     }
     .js-accordion-title:before {
          content: "";
          position: absolute;
          right: 0;
          top: 2px;
          transition: all 0.2s ease-in-out;
          display: block;
          width: 22px;
          height: 23px;
          background: url(../images/footer-arrow.svg) center right;
     }

     .js-accordion-title.open {
          color: #b4334e;
     }

     .js-accordion-title.open:before {
          -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
          top: 45%;
     }

     .js-accordion-title:after {
          content: "";
          position: absolute;
          border-bottom: 1px solid #999;
          width: 100%;
          left: 0;
          bottom: -16px;
     }
     .footer .footer-bottom .footer-bottom-left {
          text-align: center;
          max-width: 250px;
     }

     .footer .footer-bottom .footer-bottom-left p {
          font-size: 14px;
          line-height: 24px;
          font-weight: 400;
     }

     .footer .footer-bottom .footer-bottom-right ul li a {
          font-weight: 400;
          font-size: 14px;
     }

     .footer .footer-top .footer-desc {
          position: relative;
          padding-top: 33px;
          display: flex;
          align-items: center;
          flex-direction: column;
          max-width: 100%;
     }

     .footer .footer-top .footer-desc:before {
          content: '';
          position: absolute;
          border-bottom: 1px solid #999;
          width: calc(100% - 30px);
          top: 7px;
     }

     .footer .footer-block {
          margin-top:20px;
     }

     .footer .footer-top .footer-desc .footer-info {
          text-align: center;
     }
}