/* Bwlow code in style.css */
/* Common CSS for All components : Start */
:root {
	--darkbalck:#1D1E1F;
	--blue:#46CCFF;
	--lightblue:#46CCFF;
	--gerybg:#EFEFEF;
	--lightblack:#3C3C3C;
	--divider:#707070;
    --white:#fff;
	--black:#000;
	 
	
	}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;  font-size: 14px; background:var(--white);
	letter-spacing: 0; line-height: normal;
	font-family: 'InterstateRegular';
	font-weight: normal;
	
	}


input, select, textarea, button { outline: none; box-shadow: none; font-family: inherit;}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-p,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
	font-family: inherit;
}

a { text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none;}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxcol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column; 
	flex-direction: column;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}
/* Common CSS for All components : End */

@media (min-width:576px){
	.container {
	width:100%;
	max-width:100%;
	}
	
	
	}
	@media (min-width: 768px) {
	.container {
	width:750px;
	padding: 0 15px;;
	}
	
	}
	@media (min-width: 992px) {
	.container {
	width:970px;
	}
	}
	@media (min-width: 1200px) {
	.container {
	width:1130px;
	max-width:1130px;
	}
	}
.container-fluid{ max-width: 1790px; margin: 0 auto; display: block; width: 100%;  padding: 0 15px; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
 
	 
}
 
h1 {
	font-size: 42px;
	 
}
h2 {
	font-size: 36px;
	 
}
h3 {
	font-size: 32px;
	 
}
h4 {
	font-size: 28px;
 
}
h5 {
	font-size: 24px;
 
}
h6 {
	font-size: 20px;
	 
}
p{margin: 0; padding: 0; color: var(--darkbalck); font-weight: 400;font-size: 16px;line-height: 150%;}
p + p{ padding-top: 24px;; }
ul{ margin: 0px; padding: 0px; }
ul li{ list-style: none; }
.row { margin-left: -15px !important; margin-right: -15px !important;}
.row>* { padding-left: 15px !important; padding-right: 15px !important;}

.main-wapper{ overflow:hidden; }
.header-wapper{  border-bottom: solid 1px  #E0E0E0; border-top: var(--lightblue) solid 9px; }
.header-top{ padding: 0 60px; min-height: 122px; display: flex; align-items: center; justify-content: space-between; }
.logo{ display: flex ;align-items: center ; justify-content: center;  }
.logo a{ display: flex ;align-items: center ; justify-content: center;  }
.logo a img{ width: 138px; height: auto; display: flex ;align-items: center ; justify-content: center;  }
.header-right{ display: flex; }
.lang-box{ display: flex ;align-items: center; justify-content: center; gap: 18px;}
.lang-box a{ display: flex ;align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 100px; background: var(--gerybg); text-transform: uppercase;font-family: 'InterstateRegular';font-weight: 300; color: var(--divider); font-size: 18px ; text-transform: uppercase; }
.lang-box a.active{ font-weight: bold; background: var(--lightblue); color: var(--white); }
.contain-wapper { width: 100%; min-height: calc(100vh - 131px - 369px); }
.login-page{display: flex; background: var(--gerybg); width: 100%; padding: 87px 0 92px; align-items: center; } 
.login-block-inner{ max-width: 534px; margin: 0 auto; display: block; width: 100%; }
.login-block-inner .login-title{ padding: 0 0 17px; }
.login-block-inner .login-title h1{ display: block; width: 100%; text-align: center; color: var(--darkbalck); line-height: 1.18; font-size: 34px; font-family: 'InterstateRegular'; font-weight: bold;} 
.form-block-inner .input-box-main{ padding: 21px  0 0 0;display: block ;width: 100%; }
.form-block-inner .input-box-main .input-title{font-family: 'InterstateRegular'; font-weight: bold; display: block; padding: 0 0 4px; color: var(--darkbalck); letter-spacing: 0.18px; font-size: 18px;}
.form-block-inner .input-box-main .input-box {display:block; width: 100%;}
.form-block-inner .input-box-main .input-box .input-text{ display: flex; align-items: center;  width: 100%; height: 47px; border-radius: 6px; border: 0; outline: none; background: var(--white); padding: 0 24px; letter-spacing: 0.18px;font-family: 'InterstateRegular';  font-weight: 300; font-size: 18px; color: #999; }
.form-block-inner .input-box-main .input-box .error-message{ color: #f66; } 
.input-box-main.checkbox-row{ padding: 18px 0 0 0; }
.checkbox-cls{ display: flex; }
.checkbox-cls input{ display: none;}
.checkbox-cls label{ display: block; padding: 0 0 0 34px; position: relative;  cursor: pointer; color: var(--darkbalck); font-size: 18px; line-height: 1.39; min-height: 23px;}
.checkbox-cls label::after{ width: 23px; height: 23px; position: absolute; left: 0; top: 0; background: var(--white); border-radius: 100px; z-index: 1; content: '';}
.checkbox-cls label::before{width: 13px; height: 13px; position: absolute; left: 5px; top: 5px; background: var(--lightblue); border-radius: 100px; z-index: 2; content: ''; opacity: 0;    transition: all 0.3s ease-in-out;}
.checkbox-cls input:checked + label::before{ opacity: 1; }
.input-box-main.submit-row{ padding: 35px 0 0 0; display: flex ;align-items: center; justify-content: space-between; }
.submit-btn-inner{ display: flex; align-content: center;}
.submit-btn-inner button{ width: auto; display: flex; color: var(--darkbalck);  letter-spacing: 1.5px; font-size: 15px;font-family: 'InterstateRegular';  font-weight: bold; align-items: center; border: 0; border-radius: 100px; text-transform: uppercase; cursor: pointer; height: 44px; background: var(--lightblue);   }

.primary-btn { overflow: hidden; position: relative;  width: auto; display: flex; color: var(--darkbalck);  letter-spacing: 1.5px; font-size: 15px;font-family: 'InterstateRegular';  font-weight: bold; align-items: center; border: 0; border-radius: 100px; text-transform: uppercase; cursor: pointer; height: 44px; background: var(--lightblue); padding: 0 55px; }
.primary-btn span { position:relative;z-index: 2; display:flex;letter-spacing:0.1em;text-transform:uppercase;transition: transform .65s cubic-bezier(.785,.135,.15,.86);transform: translateX(0); }
.primary-btn i { position:absolute;right: 16px;width:27px;height: 27px;display: flex; background: var(--white);align-items: center;justify-content: center;border-radius: 100%;transition: clip-path .65s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86);-webkit-clip-path: circle(0 at 50% 50%);clip-path: circle(0 at 50% 50%); }
/*.primary-btn:hover {color: var(--white); }
.primary-btn:hover:before { width:100%; }*/
.primary-btn i img { transform: translateX(-30px); transition: transform .65s cubic-bezier(.785,.135,.15,.86); }

.pass-link{ display: flex;  }
.pass-link a{ display: flex ;align-items: center; color: var(--blue); line-height: 1.39; font-size: 18px; font-weight: bold; text-decoration: underline; text-transform: uppercase;} 
.pass-link a:hover{ color: var(--darkbalck); }
.footer-top { border-top:#e0e0e0 solid 1px; padding: 40px 60px; display: flex ;align-items: stretch; justify-content: space-between; }
/*body.logged-in .footer-top { border-top:#e0e0e0 solid 1px; }*/
.footer-wapper{ padding: 53px 0 0 0; }
.footer-left .f-title h5{ color: var(--darkbalck); padding: 0 0 17px;  line-height: 1.18; font-size: 22px; font-weight: bold;}
.f-address  p{ font-size: 18px; color: var(--darkbalck); line-height: 1.39; }
.f-address  p a {color: var(--darkbalck);}
.footer-right .f-link ul li a:hover,
 
.f-address  p a:hover{ opacity: 0.5; }
.footer-right{ display: flex ; flex-direction: column; align-items: flex-end; }
.footer-right .back-home-link a{ border-bottom: transparent solid 1px;  color: var(--darkbalck); font-size: 18px; font-weight: normal; }
.footer-right .f-link{ margin-top: auto; }
.footer-right .f-link ul{ gap: 55px; display: flex ;align-items:center;}
.footer-right .f-link ul li{ display: flex ;align-items: center; position: relative;}
.footer-right .f-link ul li a{ color: var(--darkbalck); font-size: 18px; font-weight: normal;}
.footer-right .f-link ul li + li::after{ width: 1px; height: 22px; margin: -11px 0 0 0; background: var(--darkbalck); content: ''; position: absolute; left:-23px; top: 50%;}
.footer-right .back-home-link a:hover{ border-color: var(--darkbalck); }
.forgot-pass-block.login-block-inner .login-title { padding: 0 0 58px; }
.forgit-text{ padding: 0 0 12px; }
.forgit-text p{ font-size: 18px;line-height: 1.33;  }
.forgot-pass-block .input-box-main.submit-row{ padding: 75px 0 0 0; /*justify-content: center;*/ }
.reset-pass-inner .icon{ padding: 0 0 31px; display: flex; align-items: center; justify-content: center; }
.reset-pass-inner .icon img{ width: 48px; height: auto; display: flex;} 
.reset-pass-inner{ display: block ; width: 100%; text-align: center;}
.login-block-inner .reset-pass-inner .login-title{ padding: 0 0 8px; }
.reset-pass-inner .text p{ color: var(--darkbalck); font-size: 18px; font-weight: normal; line-height: 1.33;}
.defult-btn{ display: flex  ; padding: 52px 0 0 0; align-items: center; justify-content: center; }
.login-page{ min-height: calc(100vh - 131px - 369px);}
.deshboard-block{ display: flex ;align-items: flex-start; width: 100%; padding: 0 60px; }
.deshboard-block .deshboard-left-colum{ margin: 82px 0 0 0; min-width: 398px; width:  398px; border-right: #C1C1C1 solid 1px; }
.deshboard-main-outer{ padding: 0 0 119px; }
.login-row a{ font-size: 18px; font-weight: normal;   line-height: 1.33; color: var(--blue); gap: 12px; display: flex; align-items: flex-start;  }
.login-row a .icon { display: flex ;align-items: center;}
.login-row a .icon img{ width: 24px; height: auto;}
.login-row a .text-login span { color: var(--darkbalck); display: block; }
.sidebar-link-main{ padding: 72px 0 0 0; }
.sidebar-links{ display: flex ; flex-direction: column; gap: 66px;/*gap: 26px;*/ width: 100%;} 
.deshboard-row .title{ cursor: pointer; display: flex; align-items: center; color: var(--darkbalck); line-height: 1.33; font-size: 18px; font-weight: bold;}
.deshboard-row .title  .icon{ position: relative; margin: 0 0 0 20px; width: 14px; display: flex; height: 8px; }
.deshboard-row .title  .icon::after {width: 100%; height: 100%; position: absolute;  left: 0; top: 0; background: url(../images/orange-icon.svg) no-repeat center center; content: ''; transform: rotate(-90deg); transition: all 0.3s ease-in-out;}
.deshboard-row.active .title  .icon::after { transform: none; }
.deshboard-row .hide-block{ display: none; }
.deshboard-row .hide-block ul{ width: 100%; gap: 21px; display: flex; flex-direction: column;padding: 26px 0 0 0; }
.deshboard-row .hide-block ul li a{ color: #919191; line-height: 1.33; font-size: 18px ;font-weight: bold; }
.deshboard-row .hide-block ul li a:hover{ color: var(--darkbalck); }
.deshboard-row .hide-block ul li a.activelink{color: var(--blue); }
.deshboard-row .hide-block ul li { /*transition: all 0.5s ease-in; opacity: 0; transform: translateX(-50px);*/ display: block;width: 100%; position: relative; }
/*.deshboard-row.active .hide-block ul li{ opacity: 1; transform: none; }
.deshboard-row.active .hide-block ul li:first-child { transition-delay: 0.2s; }
.deshboard-row.active .hide-block ul li:nth-child(2) { transition-delay: 0.4s; }
.deshboard-row.active .hide-block ul li:nth-child(3) { transition-delay: 0.6s; }
.deshboard-row.active .hide-block ul li:nth-child(4) { transition-delay: 0.8s; }
.deshboard-row.active .hide-block ul li:nth-child(5) { transition-delay: 1s; }
.deshboard-row.active .hide-block ul li:nth-child(6) { transition-delay: 1.2s; }
.deshboard-row.active .hide-block ul li:nth-child(7) { transition-delay: 1.4s; }
.deshboard-row.active .hide-block ul li:nth-child(8) { transition-delay: 1.6s; }
.deshboard-row.active .hide-block ul li:nth-child(9) { transition-delay: 1.8s; }
.deshboard-row.active .hide-block ul li:nth-child(10) { transition-delay: 2s; }*/


.sidebar-logout-link{ padding: 77px 0 0 0;  display: flex ; align-items: center;}
.sidebar-logout-link a{ gap: 12px; display: flex; align-items: center; color: var(--darkbalck); line-height: 1.33; font-size: 18px;}
.sidebar-logout-link a .icon{ display: flex ;align-items: center;}
.sidebar-logout-link a .icon svg path{ transition: all 0.3s ease-in-out;}
.sidebar-logout-link a .icon svg{ display: flex ;width: 24px; height: auto;}
.sidebar-logout-link a:hover  { color: var(--blue);}
.sidebar-logout-link a:hover .icon svg path{ fill: #46CCFF; }
.deshboard-right-colum{ width: 950px; margin: 0 0 0 153px; display: block;  }
.deshboard-right-inner{ display: block; width: 100%;}
.deshboard-right-inner .banner-image{ display: flex;width: 100%; height: 270px; align-items: center; justify-content: center; }
.deshboard-right-inner .banner-image img {width: 100%; height: 100%; border-radius: 0 0 20px 20px; object-fit: cover; object-position: center center; }
.deshboard-text-main{ padding: 83px 0 0 0; display: block; width: 100%; max-width: 100%; }
.deshboard-text-main h1{ font-size: 34px; color: var(--darkbalck) ; line-height: 1.18;  font-weight: bold;  font-family: 'InterstateRegular';}
.deshboard-text-main h1 span,
.deshboard-text-main h1 strong{ color: var(--blue); }

.portal-content { position: relative; width: 100%; padding: 0 60px; }
.portal-content .pdt-heading { position: relative; width: 100%; padding: 75px 0 30px; }
.portal-content .pdt-content { width: 100%; }
.portal-content .pdt-content h2 { color: var(--darkbalck);font-weight: 700; padding-bottom: 25px; }
.portal-content .pdt-content p { font-size: 18px; color: var(--darkbalck); font-weight: normal; line-height: 1.33; }
.portal-content .pdt-content > * + h2 { margin-top: 50px; }
 
.deshboard-text-main .text-big { padding: 39px 0 0 0;max-width: 90%;   }
.text-big p{margin: 0; padding: 0; color: var(--darkbalck); font-size: 18px; font-weight: normal; line-height: 1.33;}
.text-big ul li strong,
.text-big ol li strong,
.text-big p strong{ font-weight: bold; }
.text-big p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text-big p + p{ padding-top: 24px; }
.text-big ul li a,
.text-big ol li a,
.text-big p a{ margin: 0; padding: 0; color: var(--darkbalck); font-size: 18px; font-weight: normal; line-height: 1.33;   text-big-decoration: underline; }
.text-big ol li a:hover,
.text-big ul li a:hover,
.text-big p a:hover{ opacity: 0.5; }
.text-big ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text-big ul li{ margin: 0; padding: 0; color: var(--darkbalck); font-size: 18px; font-weight: normal; line-height: 1.33; display: list-item; list-style-type: disc; list-style-position: outside; } 
.text-big  ul li + li{ margin-top:12px; }
.text-big  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text-big  ol li{margin: 0; padding: 0; color: var(--darkbalck); font-size: 18px; font-weight: normal; line-height: 1.33; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text-big ol li + li{ margin-top: 12px; }
.text-big .heading-tag:first-child{ padding-top: 0px;; }
.text-big ol + p,
.text-big ul + p,
.text-big p + ul,
.text-big p + ol,
.text-big ol + ul,
.text-big ul + ol{ padding-top: 24px; }
.text-big p + p{ padding-top: 24px; }

.Technical-data-block { padding: 110px 0 0 0 ;width: 100%; max-width: 786px;  }
.custom-accrodin{  display: block; width: 100%;}
.acc-container { width: 100%; display: block;}
.custom-accrodin .acc-container{ border-top: var(--divider) solid 1px; }
.custom-accrodin .acc-container .acc-row { border-bottom: var(--divider) solid 1px; padding: 0px 0;   }
.acc-head {  cursor: pointer; position: relative; display: flex; align-items: center;  padding: 26px 0;  width: 100%; }
.acc-head h5 {font-size:22px ; font-weight: bold;    letter-spacing: 0.22px; line-height: normal; color: var(--darkbalck);   margin: 0;  cursor: pointer; position: relative; width: 100%; display: block; padding:0px 0;   }
.acc-head::before  {content: ''; right: 24px;position: absolute;top: 50%; margin: -8px 0 0 0;  width: 20px; height: 16px;background: url(../images/orange-icon.svg) no-repeat center center; transform: rotate(-90deg); transition:  all 0.3s ease-in-out; background-size: 100% auto;}
.acc-content { padding: 0 0 14px;display: none;}
 
.acc-row.active .acc-head::before { transform: none;}
.data-listing{ padding: 27px 0 64px; width: calc(100% + 24px); display: block ; }
.data-listing ul{ display: flex; flex-direction: column; gap: 10px;}
.data-listing ul li{   transition: all 0.3s ease-in-out; min-height: 45px; border-radius: 100px;  padding:  6px 44px 6px 24px;  display: flex ;align-items: center;  width: 100%; position:relative; }
.data-listing ul li .text-2{ padding: 0 15px 0 0;  width: 180px; margin-left: auto; }
.data-listing ul li .upload-text{ color: var(--darkbalck); line-height: 1.5; font-size: 16px; }
.data-listing ul li .text-3{ display: flex ;gap: 28px;}
.doc-links{ display: flex ;align-self: center; }
.doc-links a{ color: var(--darkbalck); line-height: 1.5; font-size: 16px; text-transform: uppercase; gap: 9px; display: flex ;align-items: center;}
.doc-links a i{ transition: all 0.3s ease-in-out; width: 22px; height: 30px; background: url(../images/pdf-icon.svg) no-repeat center center ;display: flex; background-size: 22px auto; }
.doc-links a:hover i{ background: url(../images/pdf-icon-h.svg) no-repeat center center ;background-size: 22px auto; }
.doc-links a:hover{ color: var(--blue);}
.data-listing ul li:hover{ cursor: pointer; background: var(--gerybg);  }
.data-listing ul li .text-1 .tite{ color: var(--darkbalck); line-height: 1.41; font-size: 17px; font-weight: bold;}
.data-listing ul li .text-1{ max-width: 400px; padding: 0 15px 0 0;  }
.data-listing ul li .text-1 .tite span{ color: var(--blue);  }
.presentation-block .doc-links a i{ width: 21px; height: 21px;  background: url(../images/download.svg) no-repeat center center ; background-size: 21px auto;}
.presentation-block .doc-links a:hover i{ background: url(../images/download-h.svg) no-repeat center center ;background-size: 21px auto;}
.max-width-1088{ display: block; width: 100%; max-width: 1088px; margin: 0 auto; }

.Technical-Data-block-1{ padding: 64px 0 82px;  }
.login-row{ display: flex;}


@media (min-width: 768px) {
	.primary-btn:hover i img { transform: translateX(0); }
.primary-btn:hover i { -webkit-clip-path: circle(50% at 50% 50%);clip-path: circle(50% at 50% 50%); }
.primary-btn:hover span { transform: translateX(-25px); }
}
.desktop-show{ }
.mobile-show{ display: none;}
.mobile-sidebar-links{ display: block; width: 100%;}
.mobile-sidebar-links ul{ display:flex; flex-direction: column; width: 100%;}
.mobile-sidebar-links ul li{ display: flex; width: 100%;}
.mobile-sidebar-links ul li a{ font-weight: 300; font-size: 42px;line-height: 1.1;   color: var(--black);  min-height: 108px; background:var(--gerybg) ; align-items: center; justify-content: center; display: flex; width: 100%;}
.mobile-sidebar-links ul li + li{  border-top: #e0e0e0 solid 1px;  }
.mobile-sidebar-links ul li a:hover{ color: var(--blue); }

.menu-icon{ position: absolute; right: 0px; margin: 0px 0 0 0; top: 0px; }
	.menu-icon a{ width: 68px; height: 68px; display: flex; align-items: center;  justify-content: center;}
.menu-icon a .line-main{ flex-direction: column; gap: 5px;    width: 26px; min-height: 20px; display: flex; position: relative; }
.menu-icon a .line-main i{  position: relative; transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1); width: 100%; height: 3px; border-radius: 4px; background: var(--darkbalck);  }
.menu-icon a.active .line-main i.line-2{ opacity: 0; }
.menu-icon a.active .line-main i.line-1{ transform: rotate(45deg); top: 8px; }
.menu-icon a.active .line-main i.line-3{ transform: rotate(-45deg); top: -8px; }
.mobile-sidebar-links.mobile-show{ display: none;} 
.menu-icon{ display: none;}
.menu-outer-mobile{z-index:9; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; overflow: auto; background: var(--white);  position: absolute; left: 0; top: 0; width: 100%;  height: calc(var(--vh,1vh)*100); height: 100vh; display: none; padding: 75px  0 0 0; }

.menu-outer-inner  .lang-box{ display: flex ;align-items: center; justify-content: flex-start; padding: 0 0 24px; gap: 18px;}
.menu-outer-inner .lang-box a{ display: flex ;align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 100px; background: var(--gerybg); text-transform: uppercase;font-family: 'InterstateRegular';font-weight: 300; color: var(--divider); font-size: 18px ; text-transform: uppercase; }
.menu-outer-inner .lang-box a.active{ font-weight: bold; background: var(--lightblue); color: var(--white); }
.menu-outer-inner  .lang-box a + a::after{ display: none;}
.menu-outer-submain{ width: 100%; display: block; padding: 40px 36px 50px; }
.menu-outer-inner{ border-bottom: var(--gerybg) solid 18px;}
.menu-outer-inner .sidebar-logout-link{ padding: 40px 0 0 0; justify-content: flex-end; }
.mobile-footer-block{ padding: 65px 0 0 0; }
.mobile-footer-block .footer-right{ justify-content: flex-start; align-items: flex-start; padding: 53px 0 0 0; }

.Technical-title-row{ padding: 0 0 25px;  display: flex ; width: 100%; align-items: flex-start; justify-content: space-between;}
.Technical-title-row .doc-links {align-self: flex-start;}
.Technical-title-row .Technical-title-left h1{ font-size: 34px; line-height: 1.24; font-weight: bold; padding: 0 0 3px; }
.Technical-title-row .Technical-title-left .date{color: var(--darkbalck);  line-height: 2.33; font-size: 18px; font-weight: bold;}
.Technical-Data-image-block .img-title h2{ padding:  0 0 48px;  font-size: 34px; line-height: 1.24; font-weight: bold; }
.Technical-Data-image-block .img-title h2 span{ color: var(--blue);}
.Technical-Data-image-block .img{ width: 100%; display: flex; align-items: flex-start;}
.Technical-Data-image-block .img img  {  width: 100%; max-width: 702px; height: auto;}

.Technical-Data-section-2{ padding: 53px 0 59px; background: var(--lightblack);} 
.table-block-main .mobile-table{ display: none;}
.table-block-top ul.thead li{ color: var(--lightblue); margin: 0 0 14px; font-family: 'InterstateRegular'; font-size: 18px; line-height: 1.44; font-weight: bold;  padding: 0 0 10px;  display: flex; width: 100%; border-bottom: var(--white) solid 1px;  }
.table-block-top ul li{ display: flex ;align-items: flex-start; width: 100%;}
.table-block-top ul li .text-1{ min-width: 50px;}
.table-block-top ul li .text-2{ min-width: 172px; text-align: right;}
.table-block-top ul li .text-3{ min-width: 161px; text-align: right;}
.table-block-top ul li .text-4{ min-width: 160px; text-align: right;}
.table-block-top ul li .text-5{ width: 100%; text-align: right;}
.table-block-top ul.tbody li{color: var(--white);   line-height: 1.39;font-family: 'InterstateRegular'; font-size: 18px; font-weight: normal;}
.two-col-data .data-row{ justify-content: flex-end; display: flex; align-items: flex-start;}
.two-col-data .data-row .data-2{ width: 149px; padding: 0 0 0 14px; }
.table-block-bottom{ gap: 100px; margin: 14px 0 0 0; display: flex; align-items: flex-start; width: 100%; justify-content: space-between; border-top: var(--white) solid 1px;  padding: 14px 0 0 0;}
.right-text-table p,
.left-table-text p{ color: var(--white); line-height: 1.39; font-size: 18px; font-style: italic; }
.right-text-table{ min-width: 256px; text-align: right;  }
.right-text-table p span{ display: block;}
.Technical-data-block-2{ padding: 78px 0 0; }
.Technical-data-block-2 .row{ margin: 0 -60px !important; }
.Technical-data-block-2 .row>*{ padding: 0 60px !important;}
.Technical-box-main > h4,
.Technical-box-main .Technical-box-sub.alt_box > h4 { line-height: 1.18; padding: 0 0 8px; border-bottom:#cbcbcb solid 1px; color: var(--darkbalck); font-size: 22px; font-weight: bold; }
.Technical-box-main + .Technical-box-main{ padding-top: 44px; }

.Technical-box-main.no-padding {padding-top: 0;}

.Technical-box-sub{ padding: 16px 0 0 0; }
.Technical-data-table { margin-bottom:10px; }
.Technical-box-main .Technical-box-sub.alt_box { padding-top: 0; }
.Technical-data-table + .Technical-data-table{ padding-top: 17px; }
.Technical-data-table .table-row{ display: flex ;align-items: flex-start; justify-content: space-between; font-size: 18px; line-height: 1.39; color: var(--darkbalck);}
.Technical-data-table .table-row .tech-txt-1{ width: 50%; padding: 0 10px 0 0;}
.Technical-data-table .table-row .tech-txt-2{ width: 50%; text-align:right; }
.Technical-box-sub .orange-line{font-size: 18px; line-height: 1.39; color: var(--blue);}
.Technical-box-main .Technical-box-sub.alt_box .orange-line { padding-top: 16px; }
.Technical-box-main .Technical-box-sub.alt_box .orange-line + .text-big { padding: 5px 0 0; }
.Technical-box-main .Technical-box-sub.alt_box .text-big + .Technical-data-table { padding: 5px 0 0; }

.Technical-box-sub .text-big p  strong{  color: #62a442; font-weight: normal;}
.Technical-box-sub .text-big p i{ color: #62a442;}
.Technical-box-sub .text-big p,
.Technical-box-sub .text-big ul li { line-height: 1.39;  }
.Technical-box-sub .text-big ul li + li{ margin: 0; }
.info-box-with-icon{ padding: 78px 0 0 0; display: flex ;}
.info-box-with-icon .icon-text{ gap: 22px; color: var(--blue); line-height: 1.56; font-size: 18px; font-weight: bold	; display: flex ; align-items: flex-start; padding: 12px 66px 12px 27px; max-width: 100%; background: var(--gerybg); border-radius: 20px;  }
.info-box-with-icon .icon-text span{ min-height: 42px; display: flex ;align-items: center ; max-width: calc(100% - 60px); }
.info-box-with-icon .icon-text i{ display: flex ;align-items: center;}
.info-box-with-icon .icon-text i img{ width: 42px; height: auto;}
.Technical-Data-section-3{ padding: 0 0 70px; }

.list.active{display: block;}
.list.hide{display: none;}
.tool-block-mobile h5{ font-weight: 300; font-size: 42px;line-height: 1.1;   color: var(--black);  min-height: 111px; background:var(--gerybg) ; align-items: center; justify-content: flex-start; padding: 0 36px; display: flex; width: 100%;font-family: 'InterstateRegular';}
 
.mobile-trigger-link{ z-index: 100; display: none; transform: translateY(-100%); padding: 13px 0px; position: fixed; left: 0; top:0px; width: 100%; background-color: #efefef;  transition:all 0.3s ease-in-out; } 
.mobile-trigger-link.activemenu{ transform: none; }
.mobile-trigger-link ul{ display: flex ;align-items: center;}
.mobile-trigger-link ul li a{ white-space: nowrap; width: auto; height: 28px; display: flex ;font-family: 'InterstateRegular';line-height: 1.6; align-items: center; font-size: 15px; font-weight: bold	; color: var(--darkbalck);  border-radius: 100px; padding: 0 20px; }
.mobile-trigger-link ul li.active a{ color: var(--white); background: var(--blue);}

.Reifen-box-main{ display: block; width: 100%; }
.Reifen-box-main ul.thead li{ justify-content: space-between; color: var(--lightblue); margin: 0 0 14px; font-family: 'InterstateRegular'; font-size: 18px; line-height: 1.44; font-weight: bold;  padding: 0 0 10px;  display: flex; width: 100%; border-bottom: var(--white) solid 1px;  }
.Reifen-box-main ul li{ display: flex ;align-items: flex-start; width: 100%;}
.Reifen-box-main ul.tbody li{color: var(--white);   line-height: 1.39;font-family: 'InterstateRegular'; font-size: 18px; font-weight: normal;}
.Reifen-box-main ul.tbody li .mb-text-1{ width: 30%;  }
.Reifen-box-main ul.tbody li .mb-text-2{ text-align: right; width: 70%;  }
.Reifen-box-main + .Reifen-box-main{ padding-top: 25px; }
.Reifen-box-main .data-row{ width: 100%; justify-content: flex-end; display: flex; align-items: flex-start;}
.Reifen-box-main .data-row .data-1{ width: 60%; text-align: right; padding: 0 10px 0 0;}
.Reifen-box-main .data-row .data-2{ width: 40%;text-align: right; padding: 0 0 0 10px; }
.Reifen-box-main.last-box{ border-top: var(--white) solid 1px; margin: 24px   0;  }

.back-link-mobile { padding: 0 0 25px; display: none; width: 100%;}
.back-link-mobile a{display: flex; color: #1d1e1f; font-size: 18px; border-bottom:solid 1px #1d1e1f; ;} 


.mobile-stickey-btn{ padding: 0 24px; display: none; position: fixed; left: 0; bottom:40px; width: 100%;   align-items: center; justify-content: center; }

.data-listing ul li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.data-listing ul li .doc-links a{position: relative; z-index: 5;}