@keyframes movingX {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(0);
    }
}

.hero-title {
    font-weight: 600;
    font-size: 74px;
    line-height: 84px;
    color: #ffffff;
    text-transform: capitalize;
}
 .th-hero {
	 background-color: #1b1b1bb0;
	 background-size: 100% 100%;
	 position: relative;
	 padding: 160px 0 188px 0;
	 overflow: hidden;
	 z-index: 2;
}
 .th-hero:before {
	 content: "";
	 position: absolute;
	 inset: 0;
	 opacity: 0.9499999881;
	 background: #1b1b1bb0;
	 z-index: -1;
}
 .th-hero .hero-shape1 {
	 position: absolute;
	 bottom: 70px;
	 right: 25px;
	 z-index: 1;
}
 @media (max-width: 767px) {
	 .th-hero .hero-shape1 {
		 display: none;
	}
	.hero-title {
        font-size: 24px;
        line-height: unset;
    }
}
 .th-hero .hero-road {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 overflow: hidden;
}
 .th-hero .hero-road img {
	 width: 100%;
	 object-fit: cover;
}
 .th-hero .hero-cloud1 {
	 position: absolute;
	 top: 10%;
	 left: -5%;
	 animation: movingX 5s linear infinite;
}
 @media (max-width: 400px) {
	 .th-hero .hero-cloud1 {
		 top: 3%;
	}
}
 .th-hero .hero-cloud2 {
	 position: absolute;
	 top: 14%;
	 right: 24%;
	 animation: movingX 5s linear infinite;
}
 .th-hero .hero-cloud3 {
	 position: absolute;
	 top: 30%;
	 right: -5%;
	 animation: movingX 5s linear infinite;
}
 @media (max-width: 400px) {
	 .th-hero .hero-cloud3 {
		 display: none;
	}
}

.hero-anime-img {
	 position: absolute;
	 bottom: 80px;
	 left: 80%;
	 width: 100%;
	 z-index: 3;
}
 @media (max-width: 1199px) {
	 .hero-anime-img {
		 bottom: 50px;
	}
}
 .hero-anime-img .car-img {
	 position: relative;
	 display: inline-block;
	 -webkit-animation: speed2 10s linear infinite;
}

@-webkit-keyframes speed2 {
	 0% {
		 right: 0%;
	}
	 30% {
		 right: 30%;
	}
	 50% {
		 right: 50%;
	}
	 100% {
		 right: 100%;
	}
}
 

 .hero-anime-img .car-wheel {
	 position: absolute;
	 bottom: -17px;
	 right: 11%;
	 animation: spin 0.6s linear infinite;
	 border-radius: 50%;
}
.spin {
    animation: spin 15s linear infinite;
}
 .hero-anime-img .car-wheel2 {
	 position: absolute;
	 bottom: -17px;
	 left: 9%;
	 animation: spin 0.6s linear infinite;
	 border-radius: 50%;
}
 .hero-anime-img.img-1 {
	 left: 10%;
	 top: 20%;
	 animation: movingX 7s linear infinite;
}
 .hero-anime-img.img-2 {
	 left: 3%;
	 top: 50%;
	 animation: movingX 14s linear infinite;
}
 .hero-anime-img.img-3 {
	 right: 20%;
	 bottom: 40%;
	 border-radius: 30px 30px 0 0;
	 animation: spin 7s linear infinite;
}
 .hero-anime-img.img-4 {
	 left: 25%;
	 bottom: 35%;
	 animation: spin 10s linear infinite;
}
.download-ico i{
    background: #FF9900;
    color: #FFF;
    padding: 0.5rem;
    border-radius: 0.2rem;
    width: 2.8rem;
    text-align: center;
}
.download-ico i:hover{
    background: #fff;
    color: #FF9900;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border: 1px solid #FF9900;
}


.main-footer .widget-title {
    color: #ffffff;
    display: block;
    font-size: 26px;
    letter-spacing: .04em;
    line-height: 37px;
    margin-bottom: 40px;
    padding-bottom: 2px;
    position: relative;
    text-transform: uppercase
}

.main-footer .widget-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #212121
}

.main-footer .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: #FF9900;
}
.contact-list-two li i {
    background-color: #FF9900;
    padding-top: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    height: 44px;
    margin-right: 45px;
    min-width: 44px;
    position: relative;
    width: 44px;
}

.contact-list-two li i:after {
    background-color: #FF9900;
    -webkit-clip-path: polygon(0 0,0% 100%,100% 0);
    clip-path: polygon(0 0,0% 100%,100% 0);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: -20px;
    width: 21px
}

.footer-style-one .newsletter-widget .text {
    color: #b7b7b7;
    margin-bottom: 18px;
}

.newsletter-form {
    position: relative
}

.newsletter-form .form-group {
    position: relative
}

.newsletter-form .form-group .input-outer {
    position: relative
}

.newsletter-form .form-group .input-outer:before {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 50px;
    height: 100%;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    border: 1px solid #ababab;
    border-left: 0
}

.newsletter-form .form-group input[type=text],.newsletter-form .form-group input[type=email] {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    padding: 15px 32px;
    color: #b7b7b7;
    background: 0 0;
    border: 1px solid #ababab;
    border-right: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.newsletter-form .form-group input[type=text]::-webkit-input-placeholder,.newsletter-form .form-group input[type=email]::-webkit-input-placeholder {
    color: #b7b7b7
}

.newsletter-form .form-group input[type=text]::-moz-placeholder,.newsletter-form .form-group input[type=email]::-moz-placeholder {
    color: #b7b7b7
}

.newsletter-form .form-group input[type=text]:-ms-input-placeholder,.newsletter-form .form-group input[type=email]:-ms-input-placeholder {
    color: #b7b7b7
}

.newsletter-form .form-group input[type=text]::-ms-input-placeholder,.newsletter-form .form-group input[type=email]::-ms-input-placeholder {
    color: #b7b7b7
}

.newsletter-form .form-group input[type=text]::placeholder,.newsletter-form .form-group input[type=email]::placeholder {
    color: #b7b7b7
}

.newsletter-form .form-group input:focus {
    border-color: var(--theme-color1)
}

.newsletter-form .form-group .theme-btn {
    margin-top: 20px;
    padding: 18px 100px 18px 46px
}

.btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 24px 90px 20px 60px;
    font-weight: 700;
    color: var(--theme-color-dark);
    background-color: #FF9900;
    -webkit-clip-path: polygon(0 0,100% 0,89% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,89% 100%,0 100%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.btn-style-one:before {
    content: "";
    position: absolute;
    top: 0;
    right: 25px;
    width: 7px;
    height: 100%;
    -webkit-transform: skewX(-21deg);
    transform: skewX(-21deg);
    background-color: var(--theme-color-light);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 1
}

.btn-style-one:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: var(--theme-color-dark);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}


.process-box-wrapper {
    position: relative;
}
.process-item {
    position: relative;
    text-align: center;
    z-index: 2;
    background-size: 100% 100%;
    padding: 60px;
    width: 325px;
    display: block;
    margin: auto;
}
.background-image, [data-bg-src] {
    background-repeat: no-repeat;
    background-position: center center;
}
.process-item_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #ffc000;
    -webkit-clip-path: path("M39 1.88675C42.094 0.100423 45.906 0.100423 49 1.88675L82.3013 21.1132C85.3953 22.8996 87.3013 26.2008 87.3013 29.7735V68.2265C87.3013 71.7992 85.3953 75.1004 82.3013 76.8867L49 96.1133C45.906 97.8996 42.094 97.8996 39 96.1133L5.69873 76.8867C2.60472 75.1004 0.69873 71.7992 0.69873 68.2265V29.7735C0.69873 26.2008 2.60472 22.8996 5.69873 21.1132L39 1.88675Z");
    clip-path: path("M39 1.88675C42.094 0.100423 45.906 0.100423 49 1.88675L82.3013 21.1132C85.3953 22.8996 87.3013 26.2008 87.3013 29.7735V68.2265C87.3013 71.7992 85.3953 75.1004 82.3013 76.8867L49 96.1133C45.906 97.8996 42.094 97.8996 39 96.1133L5.69873 76.8867C2.60472 75.1004 0.69873 71.7992 0.69873 68.2265V29.7735C0.69873 26.2008 2.60472 22.8996 5.69873 21.1132L39 1.88675Z");
    margin-top: -50px;
    margin-bottom: 10px;
    display: block;
    margin: -60px auto 10px auto;
}
.process-item_icon img {
     padding-right: 10px; 
}
.process-item_title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.process-item_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 35px;
}
.process-item_num {
    font-family: 'Radio Canada', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    background-color: #1b1b1b;
    color: #ffc000;
    display: block;
    margin: auto;
    margin-bottom: -40px;
}
.process-box-wrapper.style2 .process-line {
    position: absolute;
    top: 7%;
    left: 45%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 861px;
    z-index: -1;
}
.process-line img {
    width: 100%;
}

.feature-card {
    background-color: #ffffff;
    padding: 60px;
    position: relative;
    text-align: center;
    z-index: 2;
}
.feature-card:before {
    content: "";
    height: 100%;
    width: 0;
    background-color: #1b1b1b;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.shape-icon {
    width: 136px;
    height: 136px;
    line-height: 153px;
    margin: 0 auto 40px auto;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    text-align: center;
    position: relative;
    z-index: 2;
}
.feature-card_icon .shape {
    background-color: #ffc000;
}
.shape-icon .shape {
    height: 100%;
    width: 100%;
    background-color: #ffc000;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    z-index: -1;
}
.shape-icon i {
    font-size: 48px;
    color: #1b1b1b;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.feature-card_title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: -0.3em;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.feature-card_text {
    margin-bottom: -0.5em;
}


.modal .form_input_group input, .form_input_group select {
    height: 52px;
    background-color: #ffffff;
    color: #303030;
    width: 100%;
    display: block;
    padding: 0 16px;
    box-sizing: border-box;
    text-align: left;
    outline: 0;
    opacity: 0.87;
    margin-top: 24px;
    border: 1px solid rgba(0, 0, 0, 0.35);
    border-radius: 30px;
    -webkit-appearance: none;
    appearance: none;
}
.dl_head {
  display: inline-block;
  padding: 24px 10px 8px 2px;
  font-size: 16px;
  align-items: flex-start;
}
.dl_input {
  display: inline-flex;
  padding: 0px;
  margin-left: 0;
  align-items: flex-start;
}
.dl_input label {
  display: inline-flex;
  margin-right: 38px;
}
.dl_input input {
  display: inline-flex;
  margin-right: 18px;
  margin-left: 0;
}
.otp_input {
  width: 100% !important;
  align-items: flex-start;
  min-width: 110px;
}