/*
Theme Name: Tmi World
Author: converzo
Author URI: https://converzo.nl
Description: The Tmi World Theme based on the famous Wordpress CMS.
Version: 1.0
*/

@import url('fonts/stylesheet.css');
* {margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;}
img {max-width: 100%;height: auto;}
body {background: #000000;font-size: 20px;line-height: 24px;color: #FFFFFF;font-family: 'gill_sansregular';font-weight: normal;font-style: normal;}
p{font-size: 20px;line-height: 24px;margin-bottom: 20px;}
p:last-child {margin-bottom: 0;}
a {color: inherit; text-decoration: none;}
ul, ol {padding-left: 20px;margin-bottom: 30px;}
ul:last-child, ol:last-child, ul li:last-child, ol li:last-child {margin-bottom: 0;}
ul li, ol li {display: list-item;font-size: 20px;line-height: 24px;color: #FFFFFF;font-family: 'gill_sansregular';font-weight: normal;font-style: normal;}
body input:-webkit-autofill,
body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus,
body inpu:-webkit-autofill:active {
     -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* change white to your desired bg */
    -webkit-text-fill-color: #fff !important; /* text color */
    transition: background-color 5000s ease-in-out 0s !important;

}
.overflow_scroll{overflow: hidden;}
/* ----- Heading Font CSS ------ */
h1,h2,h3,h4,h5,h6 {font-family: 'lemon_milkregular';font-weight: normal;font-style: normal;}
h1{font-size: 50px;line-height: 70px;}
h2{font-size: 50px;line-height: 60px;}
h3{font-size: 26px;line-height: 30px;font-family: 'gill_sansregular';}
h4{font-size: 22px;line-height: 28px;font-family: 'gill_sansregular';}
h5{font-size: 20px;line-height: 26px;font-family: 'gill_sansregular';}
h6{font-size: 18px;line-height: 24px;font-family: 'gill_sansregular';}

/* global css start */ 
.layout {overflow-x: clip;width: 100%;float: left;overflow: hidden;position: relative;}
.full_width{width: 100%; float: left;}
.wrapper{max-width: 1190px;margin: 0 auto;width: 100%; padding: 0 30px;}

.btn_one {display: inline-block;font-family: 'gill_sanssemibold';font-weight: normal;font-style: normal;font-size: 26px;line-height: 1;color: #ffffff;background: #000000;text-transform: uppercase;padding: 16px 10px;}

.border_bar span{height: 2px;background: linear-gradient(90deg,rgba(255, 255, 255, 0.01) 0%, rgba(227, 6, 19, 0.8) 100%);width: 100%;display: block;}
.border_bar {margin-bottom: 100px;width: calc(50% + 565px);height: 2px;}
.border_bar.bar_one {margin-bottom: 135px;}
.border_bar.bar_two {margin-bottom: 230px;}

.swiper-progress{margin-bottom: 0 !important;}
.swiper-progress .swiper-progress-bar{position: relative;}
.swiper-progress .swiper-progress-bar::after{content: "";border-top: 3px solid rgba(227, 6, 19, 0.8);border-left: 3px solid rgba(227, 6, 19, 0.8);width: 12px; height: 12px; position: absolute;right: 0;top: -6px;transform: rotate(135deg);}

.wpcf7-not-valid-tip {color: #e30613 !important;margin-top: 5px !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #e30613 !important;background: #1c0405;}
.wpcf7 form .wpcf7-response-output {text-align: center !important;padding: 10px !important;}
.wpcf7 form.sent .wpcf7-response-output{background: #1c0405;}

.privacy_policy_sec {padding: 200px 0 50px;}
.privacy_policy_sec h1, h2, h3, h4, h5, h6 {text-transform: uppercase;margin-bottom: 30px;}
.privacy_policy_sec p, .privacy_policy_sec ol, .privacy_policy_sec ul {margin-bottom: 30px;}
.privacy_policy_sec ol li:last-child, .privacy_policy_sec ul li:last-child, .privacy_policy_sec ol:last-child, .privacy_policy_sec ul:last-child, .privacy_policy_sec p:last-child {margin-bottom: 0;}
.privacy_policy_sec ol li, .privacy_policy_sec ul li {margin-bottom: 15px;}

.error_sec {padding: 200px 0 50px;}
.error_sec .wrapper {max-width: 800px;}
.error_sec .inner_part {text-align: center;}
.error_sec img {display: block;margin: 0 auto 20px auto;}
.error_sec .btn_two {margin-top: 30px;}

.contact_form .submit_field p {position: relative !important;display: inline-block;}
.contact_form .submit_field .wpcf7-spinner {position: absolute !important;left: -30px;margin: 0 !important;top: unset;bottom: 0;}
/* global css end */

/* ******************************* main css ***************************** */

/* header start */
.header {padding: 30px 0;position: absolute;width: 100%;left: 0;top: 0;z-index: 9;transition: 0.4s;}
.header.sticky {background: #000;}
.header .wrapper {max-width: 1400px;}
.header .inner_part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header .logo {width: 134px;}
.header .logo a {display: block;}
.header .logo img {display: block;width: 100%;}
.header .menubar {width: 68px;padding: 15px 13px;background: #e30613;margin-left: 18px;height: 59px;filter: drop-shadow(8px 8px 8px #000000c4);}
.header .menubar span {width: 100%;display: block;height: 3px;margin-bottom: 10px;background: #FFFFFF;transition: 0.4s;}
.header .menubar span:last-child {margin-bottom: 0;}
.header .menubar.active span:nth-child(2) {display: none;}
.header .menubar.active span:nth-child(1) {transform: translateY(12px) rotate(45deg);}
.header .menubar.active span:nth-child(3) {transform: rotate(-45deg);}

.header .right_part {width: calc(100% - 134px);padding-left: 20px;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;position: relative;z-index: 1;}
.header .right_part .btn_one {border: 1px solid #000;padding: 15px 10px;transition: 0.4s;}
.header .right_part .btn_one:hover {border-color: #e30613;background: #e30613;}
.header.sticky .right_part .btn_one {border-color: #e30613;}

.sidemenu {position: fixed;width: 100%;width: 100%;right: -100%;top: 0px;padding: 255px 0 50px 0;z-index: 7;transition: 0.4s;height: calc(100vh - 185px);}
.sidemenu.show {right: 0;}
.sidemenu::before {pointer-events: none;z-index: -1;content: "";position: absolute;clip-path: polygon(400px 0, 100% 0%, 100% 100%, 0% 100%);width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);right:  0;top: 0;max-width: 69vw;}
/* .sidemenu::after {content: '';position: absolute;width: 500%;height: 100%;top: 0;right: -500%;background: rgba(0, 0, 0, 0.9);pointer-events: none;} */
.sidemenu ul {padding: 0;margin: 0;}
.sidemenu li {display: block;padding: 0;margin-bottom: 30px;}
.sidemenu li:last-child {margin-bottom: 0;}
.sidemenu .navigation {padding-right: 60px;border-right: 1px solid #FFFFFF;margin-right: 60px;}
.sidemenu .navigation li a {display: inline-block;font-family: 'gill_sansregular';font-size: 30px;color: #FFFFFF;text-transform: uppercase;transition: 0.4s;}
.sidemenu .navigation li a:hover {color: #e30613;}
.sidemenu .menu_outer {display: inline-flex;flex-wrap: wrap;justify-content: space-between;float: right;}
.sidemenu .language {margin-bottom: 85px;}
.sidemenu .language ul {display: flex;flex-wrap: wrap;align-items: center;padding: 0;margin: 0;}
.sidemenu .language li {margin-bottom: 0;padding-right: 12px;margin-right: 12px;border-right: 2px solid #FFFFFF;line-height: 1;}
.sidemenu .language li, .sidemenu .language li a {text-transform: uppercase; display: inline-block;font-family: 'gill_sansregular';font-size: 30px;line-height: 1;color: #FFFFFF;transition: 0.4s;margin-bottom: 0 !important;}
.sidemenu .language li.active, .sidemenu .language li:hover, .sidemenu .language li a:hover {color: #e30613;}
.sidemenu .language li:last-child {padding: 0;margin: 0;border: 0;}
.sidemenu .right_detail p {margin-bottom: 30px;}
.sidemenu .right_detail p:last-child {margin-bottom: 0px;}
.sidemenu .right_detail p a {display: inline-block;}
/* header end */


/* hero_section start */
.hero_section {height: calc(100vh - 150px);min-height: 550px; display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;overflow: hidden;padding-bottom: 35px;}
.hero_section .left_part {width: 64vw;margin-right: -36vw;position: relative;z-index: 1;}
.hero_section .left_part::before {content: '';position: absolute;filter: brightness(90%);width: 100%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0.01) 0%, rgba(227, 6, 19, 1) 100%);left: 0;bottom: -20%;z-index: -1;pointer-events: none;
  clip-path: polygon(0% 0%, 100% 0%, calc(100% - 400px) 100%, 0% 100%);}
.hero_section .right_part {width: 69vw;clip-path: polygon(400px 0, 100% 0%, 100% 100%, 0% 100%);height: 100%;}
.hero_section .right_part .swiper-horizontal {height: 100%;}
.hero_section .right_part .swiper-slide img {height: 100%;object-fit: cover;object-position: left;width: 100%;opacity: 0.9;}
.hero_section .overlay-text {width: 90%;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);z-index: 1;}

.hero_section .overlay-text .swiper-slide.swiper-slide-active {pointer-events: all !important;}
.hero_section .overlay-text .swiper-slide {pointer-events: none !important;}
.hero_section .overlay-text .swiper-horizontal{margin-left: -15%;overflow: visible;}
.hero_section .overlay-text span {display: inline-block;font-size: 80px;line-height: 1;text-transform: uppercase;font-family: 'lemon_milkregular';transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);transform-origin: center;transform: scale(0.6);white-space: nowrap;background: linear-gradient(90deg, #fffc 50%, #ffffff70 70%, #ffffff45 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.hero_section .overlay-text .swiper-slide.swiper-slide-active span {transform: scale(1);color: #ffffff;background: unset;-webkit-background-clip: unset;-webkit-text-fill-color: unset;background-clip: unset;}
.hero_section .swiper-wrapper {transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
/* hero_section end */

/* marquee start */
.marquee {width: 100%;overflow: hidden;padding: 60px 0 25px;margin-bottom: 100px;}
.marquee .marquee-track {display: flex;width: max-content;will-change: transform;align-items: center;}
.marquee .item {padding: 0 25px;}
.marquee .item img {max-height: 30px;max-width: 130px;}
/* marquee end */

/* about_us_sec start  */
.about_us_sec{margin-bottom: 70px;}
.about_us_sec .title h3{margin-bottom: 20px;color:  #e30613; text-transform: uppercase;}
.about_us_sec .title h2{font-family: 'gill_sanssemibold';text-transform: uppercase; margin-bottom: 80px;}
.about_us_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_us_sec .left_text{width: 47%;}
.about_us_sec .right_text{width: 47%;}
/* about_us_sec end */

/* about_slider_sec start */
.about_slider_sec .main_sec{ position: relative;}
.about_slider_sec .outer_part{ overflow: hidden; position: relative;}
.about_slider_sec {margin-bottom: 135px;}
.about_slider_sec .inner_part {padding: 70px 0; position: relative; }
.about_slider_sec .inner_part .swiper-slide { display: block;}
.about_slider_sec .inner_part .swiper-slide {transform: scale(1); transition:0.4s; }
.about_slider_sec .inner_part .swiper-slide-active  {transform: scale(1.17) !important ; z-index: 2; }
.about_slider_sec .inner_part .swiper-slide-active { z-index: 2;}
.about_slider_sec .arrow_controler { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: space-between; pointer-events: none; z-index: 10; height: 100%;}
.about_slider_sec .img-slider-prev, .about_slider_sec .img-slider-next { width: calc(50% + 60px); height: 100%; cursor: pointer; pointer-events: auto; }
.about_slider_sec .img-slider-prev { margin-left: -60px; background: url(images/prev_arrow.png) left center no-repeat; background-size: 90px; }
.about_slider_sec  .img-slider-next { margin-right: -60px; background: url(images/next_arrow.png) right center no-repeat; background-size: 90px; }
.about_slider_sec .over_lap_slide { overflow: hidden; position: absolute; top: 0; right: 70px; width: 440px; padding: 80px 0; height: 100%; z-index: 11; background: linear-gradient(to right, rgba(227, 6, 19, 0.5), rgba(227, 6, 19, 1)); }
.about_slider_sec .over_lap_slide .bottom_text{ margin-top: 40px;}
.about_slider_sec .over_lap_slide h3{ margin-bottom: 25px; font-size: 25px; line-height: 30px;  font-family: 'gill_sansregular'; font-weight: normal;}
.about_slider_sec .over_lap_slide h2{ font-family: 'gill_sanssemibold'; font-weight: normal; text-transform: uppercase;font-size: 40px;line-height: 50px;}
.about_slider_sec .over_lap_slide .text_card{  padding: 0 50px; width: 440px !important; overflow-y: auto !important; overflow-x: hidden!important;}
/* about_slider_sec end */

/* why_us_sec start */
.why_us_sec {margin-bottom: 225px;position: relative;}
.why_us_sec .title {margin-bottom: -70px;}
.why_us_sec .title h3 {text-transform: uppercase;color: #e30613;margin-bottom: 25px;}
.why_us_sec .inner_part {display: flex !important ;flex-wrap: wrap;}
.why_us_sec .left_part {width: 525px;margin-right: -204px;padding-top: 95px;transition: 0.8s linear;overflow: hidden;}
.why_us_sec .left_part .inner_text {position: relative;left: -100%;transition: 0.8s linear;}
.why_us_sec .swiper-slide-active .left_part .inner_text {left: 0;}
.why_us_sec .left_part h2 {font-size: 63px;line-height: 83px;font-family: 'lemon_milkregular';text-transform: uppercase;margin-bottom: 30px;}
.why_us_sec .right_part {width: calc(123% - 325px);margin-right: -260px;clip-path: polygon(455px 0, 100% 0%, 100% 100%, 0% 100%);transition: 0.8s linear;overflow: hidden;}
.why_us_sec .right_part .img_box {position: relative;right: -100%;transition: 0.8s linear; height: 100%;}
.why_us_sec .swiper-slide-active .right_part .img_box {right: 0;}
.why_us_sec .right_part img {clip-path: polygon(455px 0, 100% 0%, 100% 100%, 0% 100%);width: 100%;height: 100%;object-fit: cover;display: block;}
.why_us_sec .swiper {overflow: visible !important;}
.why_us_sec .left_part .wrap{max-width: 350px;}
.why_us_sec .swiper-progress {position: absolute;bottom: 60px;left: 0;z-index: 2;pointer-events: none;}
.why_us_sec .g_arrow{position: absolute;top: 0;width: 50%;height: 100%;z-index: 2;}
.why_us_sec  .button-prev{left: 0;}
.why_us_sec  .button-next{right: 0;}
/* why_us_sec end */




/* counter_sec start */
.counter_sec {margin-bottom: 55px;}
.counter_sec .title h3 {text-transform: uppercase;color: #e30613;margin-bottom: 30px;}
.counter_sec .title h2 {margin-bottom: 90px;font-family: 'gill_sanssemibold';text-transform: uppercase;}
.counter_sec .inner_part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.counter_sec .card {width: 18%;}
.counter_sec .card h4{background: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1.5px #e30613;text-align: center;display: inline-block;font-size: 83px;line-height: 1;font-family: 'lemon_milkregular';margin-bottom: 20px;}
.counter_sec .card h4 strong {display: inline-block;}
/* .counter_sec.ani_trigger .card h4{animation: mymove 2.5s ;background-size: auto;} */
.counter_sec .card p {font-size: 25px;line-height: 30px;text-transform: uppercase;}
/* @keyframes mymove {
    from {background-position:  top 80px center;}
    to {background-position:  top 0px center;}
} */
/* counter_sec end */

/* case_impression_sec start */
.case_impression_sec {margin-bottom: 170px;position: relative;}
.case_impression_sec .title {margin-bottom: -100px;padding-left: 85px;position: relative;z-index: 2;}
.case_impression_sec .title h3 {text-transform: uppercase;color: #e30613;margin-bottom: 25px;}
.case_impression_sec .title h2 {font-family: 'gill_sanssemibold';text-transform: uppercase;}
.case_impression_sec .wrapper{ max-width: 1362px;}
.case_impression_sec .case-img-slider{ overflow: visible !important;right: calc(-33.33% + 120px);}
.case-img-slider .swiper-slide{width: 33.33% !important;opacity: 0.8;}
.case-img-slider .card{ width: 100%;transform: scale(1);transition: 0.4s;}
.case-img-slider .swiper-slide.swiper-slide-active {z-index: 6 !important;opacity: 1;}
.case-img-slider .swiper-slide.swiper-slide-active .card {transform: scale(1.2);}
.case-img-slider .card p {font-size: 17px;line-height: 20px;}
.case-img-slider .card h3 {color: #e30613;margin-bottom: 0px;font-size: 22px;}
.case-img-slider .card .img-box {position: relative;padding: 40px 0;}
.case-img-slider .card .img-box img {width: 100%;display: block;object-fit: cover;}
.case-img-slider .swiper-slide.swiper-slide-active .card .img-box {z-index: 2;}
.case-img-slider .card .img-box::before {content: '';position: absolute;width: calc(100% + 90px);height: 100%;left: -45px;top: 0;z-index: -1;background: linear-gradient(to right, rgba(227, 6, 19, 0.5), rgba(227, 6, 19, 1));opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;}
.case-img-slider .swiper-slide.swiper-slide-active .card .img-box::before {opacity: 1;visibility: visible;}
.case-img-slider .swiper-slide.swiper-slide-active .card:not(.no-hover) .img-box:hover::before {z-index: 1;}
.case-img-slider .card .img-box .text_box {position: absolute;width: 100%;height: 100%;z-index: 2;padding: 40px 45px;left: 0;top: 0;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;transition: 0.4s;opacity: 0;visibility: hidden;pointer-events: none;}
.case-img-slider .card .img-box .text_box .text_wrap {overflow-x: hidden !important;overflow-y: auto !important;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;max-width: 235px;}
.case-img-slider .swiper-slide.swiper-slide-active .card .img-box:hover .text_box {opacity: 1;visibility: visible;pointer-events: all;}

.case-img-slider .card .title-box {text-align: right;margin-top: 15px;opacity: 0;visibility: hidden;pointer-events: none;width: calc(100% + 90px);margin-left: -45px;}
.case-img-slider .swiper-slide.swiper-slide-active .card .title-box {opacity: 1;visibility: visible;pointer-events: all;}
.case-img-slider .card .title-box ul {padding: 0;margin: 0;list-style: none;}
.case-img-slider .card .title-box li {display: inline-block;padding-right: 7px;margin-right: 5px;border-right: 1px solid #ffffff;line-height: 1;margin-bottom: 0;font-size: 17px;}
.case-img-slider .card .title-box li:last-child {padding-right: 0;margin-right: 0;border: 0;}

.case_impression_sec .swiper-arrows {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 4;}
.case_impression_sec .swiper-arrows .swiper-button-prev {position: absolute;width: 50%;left: 0;top: 0;height: 100%;}
.case_impression_sec .swiper-arrows .swiper-button-next {position: absolute;width: 50%;right: 0;top: 0;height: 100%;}

.case_impression_sec .swiper-arrows .swiper-button-prev::after, .case_impression_sec .swiper-arrows .swiper-button-next::after {display: none !important;}

/* .case_impression_sec .swiper-wrapper {justify-content: center !important;} */
/* case_impression_sec end */

/* contact_sec start  */
.btn_two{display: inline-block; min-width: 283px; padding: 16px ; text-transform: uppercase; line-height: 1; text-align: center;color: #fff; border: 1px solid #fff; font-size: 26px; font-family: 'gill_sanssemibold'; font-weight: normal; position: relative; transition: 0.4s; background: transparent; }
.btn_two:hover {background: #ffffff;color: #000000;}
.contact_sec{padding-bottom: 60px; position: relative;z-index: 1;}
.right_img_overlay {position: absolute;width: 100%;height:100%;background:url(images/red-black-bg.jpeg) center no-repeat;background-size: cover;opacity: 0.6 !important; left:105px;top:0;z-index: -1;pointer-events: none;clip-path: polygon(47% 0, 100% 0, 100% 100%, 8% 100%);}
.contact_sec .title h3{margin-bottom: 41px;color:  #e30613; text-transform: uppercase;}
.contact_sec .title h2{text-transform: uppercase; margin-bottom: 95px; font-size: 83px; line-height: 116px;}
.contact_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact_sec .contact_deatil{width: 49%;}
.contact_sec .contact_form{width: 49%;}
.contact_sec .contact_deatil h3{margin-bottom:35px;}
.contact_sec .contact_deatil ul{padding-left: 0;margin-bottom: 75px;}
.contact_sec .contact_deatil ul li{list-style: none;}
.contact_sec .contact_deatil ul li a{font-size: 26px; line-height: 30px;}
.contact_form .field {width: 100%; margin-bottom: 27px;}
.contact_form .field:last-child{margin-bottom: 0;}
.contact_form .field label {display: block;height: 22px; margin-bottom:10px;font-size: 18px;line-height: 22px;}
.contact_form .field label.empty { visibility: hidden;}
.contact_form .field input, .contact_form .field textarea {width: 100%; text-transform: uppercase; font-family: 'gill_sansregular'; padding-bottom: 5px; outline: none; font-weight: normal; line-height: 30px; font-size: 25px; color: #fff; background: transparent; border: none; border-bottom: 1px solid #fff;}
.contact_form .field input::placeholder, .contact_form .field textarea::placeholder {color: #fff;text-transform: uppercase; font-size: 25px;font-family: 'gill_sansregular'; font-weight: normal;}
.contact_form .field textarea { height:160px;resize: none;}
.contact_form .submit_field {margin-top:45px; text-align: right;}
/* contact_sec end  */

/* footer start */
.footer{padding:65px 0;}
.footer .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.footer .left_part{width: 30%;}
.footer .right_part{width: 15%; display: flex; justify-content: flex-end;}
.footer .copy-right {width: auto;}
.copy-right .copy-right-text {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;font-size: 25px;text-transform: uppercase;flex-direction: column;}
.copy-right .copy-right-text img {display: inline-block;width: 30px;}
.footer ul{display: flex; flex-wrap: wrap;padding-left: 0; }
.footer ul li{list-style: none; margin-right:10px; padding-right:10px; position: relative; border-right: 1px solid #fff; line-height: 18px;} 
.footer ul li:last-child{margin-right: 0; padding-right: 0; border-right: unset;}
.footer ul li a{font-size: 25px; line-height: 1; text-transform: uppercase;}
.footer ul li a:hover{text-decoration: underline;}
.footer ul li img{display: block; width: auto; max-width: 22px;width: 22px;}
.footer .right_part ul {align-items: center;}
.footer .t-logo {width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
.footer .t-logo img {display: inline-block;width: 50px;margin-left: 152px;}
/* footer end */

.footer .t-logo img{margin-left: 0;}
.footer .left_part ,.footer .copy-right , .footer .right_part{ width: 33%;} 
.copy-right .copy-right-text{ font-size: 15px; line-height: 22px;}
.footer ul li a{ font-size: 15px;}

/* responsive-css start */
@media only screen and (min-width:1441px) {
.why_us_sec .left_part { flex: 0 0 525px;}
.why_us_sec .right_part { flex: 1; margin-right: calc(-50vw + 50%); }
}

@media only screen and (min-width:1024px) {*{ cursor: none !important;} body{cursor: none;}}

@media only screen and (min-width:1500px) {
.hero_section .overlay-text .swiper-horizontal {margin-left: -8%;}
.hero_section .left_part::before{clip-path: polygon(0% 0%, 100% 0%, 52% 100%, 0% 100%);}
.hero_section .right_part{clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);}
.sidemenu::before{clip-path: polygon(44% 0, 100% 0%, 100% 100%, 0% 100%);}

}

@media only screen and (max-width: 1366px) {
h2 {font-size: 42px;line-height: 52px;}
h3 {font-size: 22px;line-height: 26px;}
.btn_one {font-size: 23px;}
.btn_two {font-size: 23px;min-width: 250px;padding: 15px;}

.hero_section .overlay-text span {font-size: 60px;}
.about_slider_sec .over_lap_slide .bottom_text {margin-top: 50px;}
.about_slider_sec .over_lap_slide h3 {margin-bottom: 20px;font-size: 23px;line-height: 28px;}
.why_us_sec .left_part h2 {font-size: 60px;line-height: 90px;margin-bottom: 50px;}
.about_us_sec .title h2 {margin-bottom: 50px;}
.counter_sec .card h4 {font-size: 70px;}
.contact_sec .title h2 {font-size: 65px;line-height: 98px;margin-bottom: 70px;}
.contact_sec .contact_deatil ul li a {font-size: 22px;line-height: 26px;}
.contact_form .field input::placeholder, .contact_form .field textarea::placeholder {font-size: 22px;}
.footer ul li a {font-size: 15px;}
.case_impression_sec .title {margin-bottom: -95px;}

.copy-right .copy-right-text {font-size: 15px;}
.copy-right .copy-right-text img {width: 28px;}




}

@media only screen and (max-width: 1279px) {
h2,.about_slider_sec .over_lap_slide h2 {font-size: 38px;line-height: 48px;}
.wrapper {max-width: 1200px;}

.hero_section .right_part {clip-path: polygon(250px 0, 100% 0%, 100% 100%, 0% 100%);}
.hero_section .left_part::before {clip-path: polygon(0% 0%, 100% 0%, calc(100% - 250px) 100%, 0% 100%);}
.hero_section .overlay-text span {font-size: 48px;}
.marquee {margin-bottom: 70px;}
.about_slider_sec .over_lap_slide .bottom_text {margin-top: 30px;}
.about_slider_sec .img-slider-prev {margin-left: -15px;}
.about_slider_sec .img-slider-next {margin-right: -15px;}
.why_us_sec .left_part h2 {font-size: 50px;line-height: 60px;margin-bottom: 30px;}
.counter_sec .card h4 {font-size: 60px;margin-bottom: 10px;}
.counter_sec .card p {font-size: 22px;line-height: 28px;}
.counter_sec .title h3 {margin-bottom: 20px;}
.counter_sec .title h2 {margin-bottom: 70px;}
.border_bar.bar_two {margin-bottom: 170px;}
.contact_sec .title h2 {font-size: 45px;line-height: 78px;margin-bottom: 70px;}
.footer {padding: 35px 0;}
.case-img-slider .swiper-slide.swiper-slide-next .card {transform: scale(1.1);}
.case_impression_sec .title {padding-left: 0;}
.case_impression_sec {margin-bottom: 100px;}
.why_us_sec {margin-bottom: 170px}
.sidemenu {padding: 200px 30px 100px 290px;}
.sidemenu::before {clip-path: polygon(250px 0, 100% 0%, 100% 100%, 0% 100%);}
.sidemenu .navigation {padding-right: 50px;}
.sidemenu li {margin-bottom: 25px;}
.sidemenu .navigation li a, .sidemenu .language li, .sidemenu .language li a {font-size: 25px;}
.header .language {margin-bottom: 65px;}
.why_us_sec .swiper-progress {bottom: 20px;}
.why_us_sec .right_part, .why_us_sec .right_part img {clip-path: polygon(320px 0, 100% 0%, 100% 100%, 0% 100%);}
.case-img-slider .card .img-box .text_box {padding: 30px 20px;}
.border_bar {width: calc(50% + 570px);}
.case-img-slider .card .title-box li {font-size: 16px;line-height: 1;}
.privacy_policy_sec, .error_sec {padding: 170px 0 50px;}

.footer .t-logo img {width: 40px;}
}

@media only screen and (max-width:1200px) {.border_bar {width: calc(100% - 30px);}}





@media only screen and (max-width:1023px) {
h2,.about_slider_sec .over_lap_slide h2 {font-size: 34px;line-height: 44px;}
body, p, ul li, ol li {font-size: 18px;line-height: 22px;}


.wrapper {max-width: 800px;}
.node{ display: none !important;}

.hero_section {min-height: 600px;}
.hero_section .overlay-text span {font-size: 38px;}
.hero_section .left_part {width: 50%;margin-right: 0;}
.hero_section .right_part {width: 100%;margin-left: -50%;}
.marquee .item img {max-width: 300px;}
.about_slider_sec .over_lap_slide h3 {margin-bottom: 15px;font-size: 22px;line-height: 26px;}
.about_slider_sec .over_lap_slide {right: 100px;width: 370px;padding: 50px 0;}
.about_slider_sec .over_lap_slide .text_card {padding: 0 30px;width: 370px !important;}
.why_us_sec .left_part {margin-right: 0;padding-bottom: 100px;padding-top: 65px;}
.why_us_sec .right_part {width: 100%;margin-right: 0;margin-left: -525px;z-index: -1; position: relative; right: -142px; }
/* .why_us_sec .right_part .img_box {height: 100%; position: relative;} */
/* .why_us_sec .right_part .img_box img{ height: auto;} */
.why_us_sec .swiper-progress {bottom: 50px;}
.why_us_sec .left_part h2 {font-size: 40px;line-height: 55px;}
.case_impression_sec .title {padding-left: 0;}
.counter_sec .card h4 {font-size: 48px;}
.contact_sec .title h2 {font-size: 40px;line-height: 60px;margin-bottom: 50px;}
.right_img_overlay {clip-path: polygon(40% 0, 100% 0, 100% 100%, 8% 100%);}
.right_img_overlay {left: 0;clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);}
.case-img-slider .swiper-slide {width: 50% !important;}
.case_impression_sec .wrapper {max-width: 800px;}
.case-img-slider .card .img-box {padding: 25px 0;}
.case-img-slider .card .img-box::before {width: calc(100% + 50px);left: -25px;}
.case-img-slider .card .title-box {margin-left: -78px;}
.case_impression_sec .title {margin-bottom: -77px;}
.case_impression_sec .case-img-slider {max-width: 560px;}

.btn_one {font-size: 21px;}
.sidemenu::before {top: 0px;max-width: 100%;}
.sidemenu {padding: 200px 30px 100px 200px;width: 100%;}
.sidemenu .navigation {padding-right: 30px;}
.navigation li a, .header .language li, .header .language li a {font-size: 22px;}
.sidemenu li {margin-bottom: 20px;}
.header .menubar {width: 60px;padding: 12px 12px;height: 53px;cursor: pointer;}
.marquee {padding: 85px 0 25px;}

.contact_form .field input::placeholder, .contact_form .field textarea::placeholder {font-size: 20px;}

.case-img-slider .card h3 {font-size: 18px;line-height: 22px;}
.case-img-slider .card .title-box li {font-size: 15px;}
.why_us_sec {margin-bottom: 120px;}
.case_impression_sec .title h3 {margin-bottom: 15px;}
.counter_sec .title h3 {margin-bottom: 15px;}
.contact_sec .title h3 {margin-bottom: 20px;}
.border_bar.bar_two {margin-bottom: 120px;}


.footer .left_part {
  width: 48%;
}
.footer .copy-right {
  width: 100%;
  order: 3;
  text-align: center;
}
.copy-right .copy-right-text {
  justify-content: center;
}
.footer .right_part {
  width: 48%;
  justify-content: flex-end;
}
.footer .inner_part {row-gap: 10px;}

.footer .t-logo {margin-bottom: 0;order: 3;}
  .footer .t-logo img {width: 35px;margin-left: 0;}
  .footer .copy-right {order: 4;}


}

@media only screen and (max-width:767px) {
h2,.about_slider_sec .over_lap_slide h2 {font-size: 30px;line-height: 40px;}

.wrapper {max-width: 100%;}

.header .logo {width: 120px;}
.header .right_part {width: calc(100% - 120px);}

.hero_section .overlay-text span {font-size: 32px;}
.hero_section .left_part::before {clip-path: polygon(0% 0%, 100% 0%, calc(100% - 200px) 100%, 0% 100%);}
.hero_section .right_part {clip-path: polygon(200px 0, 100% 0%, 100% 100%, 0% 100%);}
.about_us_sec .title h2 {margin-bottom: 30px;}
.about_us_sec .left_text {width: 100%;margin-bottom: 30px;}
.about_us_sec .right_text {width: 100%;}
.about_us_sec {margin-bottom: 50px;}
.why_us_sec .right_part, .why_us_sec .right_part img {clip-path: polygon(180px 0, 100% 0%, 100% 100%, 0% 100%);}
.why_us_sec .left_part h2 {font-size: 36px;line-height: 55px;margin-bottom: 20px;}
.counter_sec .inner_part {gap: 50px 0;}
.counter_sec .card {width: 50%;}
.counter_sec .title h2 {margin-bottom: 50px;}
.counter_sec .title h3 {margin-bottom: 15px;}
.contact_sec .contact_deatil {width: 100%;margin-bottom: 50px;}
.contact_sec .contact_form {width: 100%;}
.contact_sec .title h2 {font-size: 34px;line-height: 52px;margin-bottom: 35px;}
.footer ul li a {line-height: 1;}

.marquee .item img {max-width: 200px;}
.about_slider_sec .over_lap_slide {right: 55px;width: 320px;}
.about_slider_sec .over_lap_slide .text_card {padding: 0 15px;width: 320px !important;}
.about_slider_sec .over_lap_slide .bottom_text {margin-top: 20px;}
.sidemenu {padding: 170px 30px 100px 95px;}
.sidemenu::before {clip-path: polygon(200px 0, 100% 0%, 100% 100%, 0% 100%);}
.marquee {margin-bottom: 50px;}
.border_bar.bar_one {margin-bottom: 70px;}
.about_slider_sec .over_lap_slide h3 {margin-bottom: 10px;font-size: 20px;line-height: 24px;}
.why_us_sec {margin-bottom: 70px;}
.case_impression_sec .title h3 {margin-bottom: 10px;}
.case_impression_sec .title h2 {font-size: 28px;line-height: 36px;}
.case_impression_sec .case-img-slider {max-width: 600px;}
/* .case_impression_sec .case-img-slider {left: -165px;} */
.case_impression_sec {margin-bottom: 70px;}
.contact_sec .contact_deatil ul {margin-bottom: 50px;}
.contact_form .field textarea {height: 100px;}
.case_impression_sec .case-img-slider{right: calc(-33.33% + 100px);}
.why_us_sec .wrapper{ padding: 0; padding-left: 30px;}
.why_us_sec .right_part { right: 0; }
.why_us_sec .right_part .img-box{ height: inherit;}
.why_us_sec .swiper-slide{ height: inherit;}


.copy-right .copy-right-text img {width: 23px;}



}

@media only screen and (max-width:600px) {
h2,.about_slider_sec .over_lap_slide h2 {font-size: 26px;line-height: 36px;}
h3 {font-size: 20px;line-height: 24px;}
.btn_two {font-size: 20px;min-width: 200px;padding: 12px 15px;}

.wrapper {padding: 0 15px;}
.header {padding: 20px 0;}
.header .logo {width: 90px;}
.header .right_part {width: calc(100% - 90px);}
.header .right_part .btn_one {width: auto;font-size: 14px;padding: 13px 10px;}
.header .menubar {width: 50px;padding: 10px 10px;height: 43px;margin-left: 10px;}
.header .menubar span {height: 3px;margin-bottom: 6px;}
.header .menubar.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
 
.hero_section {min-height: 550px;}
.hero_section .overlay-text {top: 40%;transform: translateY(-40%);}
.hero_section .overlay-text span {font-size: 26px;}
.marquee .item {padding: 0 15px;}
.marquee .item img {max-width: 120px;max-height: 25px;}
.marquee {margin-bottom: 50px;}
.about_us_sec .title h3 {margin-bottom: 15px;}
.about_us_sec .title h2 {margin-bottom: 20px;}
.border_bar.bar_one {margin-bottom: 100px;}
.why_us_sec .left_part {width: 100%;}
.why_us_sec .right_part {margin-left: -100%;}
.why_us_sec .right_part, .why_us_sec .right_part img {clip-path: polygon(100px 0, 100% 0%, 100% 100%, 0% 100%);}
.why_us_sec .left_part h2 {font-size: 32px;line-height: 42px;}
.why_us_sec {margin-bottom: 70px;}
.counter_sec .card h4 {font-size: 40px;}
.counter_sec .card p {font-size: 18px;line-height: 24px;}
.counter_sec .title h2 {margin-bottom: 35px;}
.counter_sec {margin-bottom: 50px;}
.border_bar.bar_two {margin-bottom: 70px;}
.contact_sec .title h3 {margin-bottom: 20px;}
.contact_sec .title h2 {font-size: 24px;line-height: 40px;margin-bottom: 20px;}
.right_img_overlay {clip-path: polygon(150px 0, 100% 0, 100% 100%, 0% 100%);}
.footer .left_part {width: 100%;text-align: center;margin-bottom: 20px;}
.footer .right_part {justify-content: center;text-align: center;width: 100%;margin-bottom: 20px;}
.footer ul {justify-content: center;}
.footer .inner_part {justify-content: center;gap: 0px;}

.sidemenu {width: 375px;}
.sidemenu .navigation {padding-right: 30px;width: 100%;padding-right: 0;border-right: 0;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #FFF;}
.sidemenu .right_detail {width: 100%;}
.sidemenu li {margin-bottom: 15px;}
.sidemenu .navigation li a, .sidemenu .language li, .sidemenu .language li a {font-size: 18px;}
.header .language {margin-bottom: 20px;}

.about_slider_sec .over_lap_slide {right: 25px;width: 250px;}
.about_slider_sec .over_lap_slide .text_card h2 {font-size: 22px;line-height: 30px;margin-bottom: 15px;}
.about_slider_sec .over_lap_slide .text_card {padding: 0 15px;width: 250px !important;}
.about_slider_sec .over_lap_slide .bottom_text {margin-top: 15px;}
.about_slider_sec .over_lap_slide h3 {margin-bottom: 5px;font-size: 17px;line-height: 22px;}
.about_slider_sec .img-slider-prev {margin-left: -10px;}
.about_slider_sec .img-slider-next {margin-right: -10px;}

.privacy_policy_sec, .error_sec {padding: 120px 0 50px;}
.privacy_policy_sec h1 {line-height: 50px;font-size: 40px;}
.privacy_policy_sec h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}
.error_sec .btn_two {margin-top: 20px;}

.case_impression_sec .case-img-slider {left: 0;max-width: 60%;}
/* .case_impression_sec .swiper-wrapper {margin-left: -100%;} */
.case_impression_sec .case-img-slider{right: unset;}
.case-img-slider .swiper-slide {width: 100% !important;}
.case-img-slider .card {width: 100%;}
.case-img-slider .swiper-slide.swiper-slide-next .card {transform: scale(1);}
.case_impression_sec .title {margin-bottom: -36px;}
.case-img-slider .card .title-box li {font-size: 13px;}
.case-img-slider .card h3 {font-size: 17px;line-height: 20px;}
.case_impression_sec .title h2 {font-size: 24px;line-height: 32px;}
.contact_sec .contact_deatil ul li a {font-size: 19px;line-height: 28px;}
.contact_sec .contact_deatil ul {margin-bottom: 30px;}
.contact_form .field input::placeholder, .contact_form .field textarea::placeholder {font-size: 18px;}
.hero_section .left_part{width: 60%;}
.hero_section .right_part{margin-left: -60%;}
.hero_section .overlay-text .swiper-horizontal{margin-left: 0;}
.hero_section .overlay-text span{transform: scale(0.5);}
.marquee{padding-top: 50px;}
.hero_section .overlay-text{width: 100%;}
.sidemenu{height: 100%;}
.sidemenu::before {clip-path: unset;height: 100%;}
.sidemenu{padding: 120px 30px 50px 30px;}
.sidemenu .navigation{margin-right: 0;}
.sidemenu .menu_outer{width: 100%;}
.sidemenu .language{margin-bottom: 50px;}


.why_us_sec .left_part{ position: relative; z-index: 2;}
.why_us_sec .right_part { position: relative; z-index: 1;}
.why_us_sec .right_part::before{ content: ""; position: absolute; top: 0; left: 0; background:rgba(0, 0, 0,0.5); width: 100%; height: 100%; z-index: 1; clip-path: polygon(100px 0, 100% 0%, 100% 100%, 0% 100%);}
.case-img-slider .card .title-box{ margin-left: 0; width: 100%;}
.why_us_sec .wrapper{ padding-left: 20px;}
.footer .t-logo {margin-bottom: 10px;}
.footer .t-logo img {width: 25px;}
.footer ul li{ line-height: 18px;}
}