body{ padding: 0px; margin: 0px; list-style: none; color:#282828;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
h1, h2, h3, h4, h5, h6{  font-family: var(--font2);}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a{ display: inline-block;}
body, p{ font-family: var(--font1); font-size: var(--font-18); line-height: var(--line-18);}

:root
{
    --font1: 'Helvetica Neue';
    --font2: 'Big Shoulders Display';
    --font3: 'Konkretika Black WIP';
    
    
    /* font-sizes */
   
   	--font-100:100px;
    --line-100:110px;
    
    --font-70:70px;
    --line-70:80px;
    
    --font-60:60px;
    --line-60:70px;
    
    --font-50:50px;
    --line-50:60px;
    
    --font-46:46px;
    --line-46:56px;
    
    --font-40:40px;
    --line-40:48px;
    
    --font-38:38px;
    --line-38:42px;
    
    --font-36:36px;
    --line-36:46px;
    
    --font-32:32px;
    --line-32:42px;
    
    --font-30:30px;
    --line-30:44px;
    
    --font-28:28px;
    --line-28:34px;
    
    --font-20:20px;
    --line-20:28px;
    
    --font-14:14px;
    --line-14:22px;
    
    --font-18:18px;
    --line-18:28px;
    
    --font-15:15px;
    --line-15:25px;
    
    --font-16:16px;
    --line-16:24px;
    
    --font-24:24px;
    --line-24:30px;
    
    --font-12:12px;
    --line-12:14px;
    
    
    --r-60:60px;
    --r-20:20px;
    --r-10:10px;
    --r-6:6px;
    --r-4:4px;
    --r-8:8px;
    
    --container: 1440px;
    --container-big: 1820px;
    
    --p-150:150px;
    --p-15:15px;
    --p-20:20px;
    --p-80:80px;
    --h-60:60px;
    
    --h-55:55px;
    
    
    --h-80:80px;
    --v-60:65px;
    --gap1:4rem;
   --overlay:linear-gradient(0deg, rgba(9, 40, 48, 0.7), rgba(9, 40, 48, 0.7)), linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 18.54%);
}
.butns{ font-size: var(--font-16); line-height: var(--line-16); color: #282828; background: #FFC13B; min-width: 250px; line-height: 50px; text-align: center; text-transform: uppercase; font-family: var(--font3); font-weight: 900; border-radius: 60px; padding-bottom: 2px;}
.butns:hover{ background:#282828; color:#fff; }

.butns .fa-arrow-right{ margin-left: 0px; transform: rotate(-45deg); position: relative; top: 1px;}




.tophead{ padding: var(--p-80) 0; width: 100%; position: relative;}
.tophead h6{ color: #FFC13B; font-size: var(--font-24); line-height: var(--line-24); text-transform: uppercase; font-family: var(--font3); font-weight: 900;}
.tophead h1, .tophead h2{ font-size: var(--font-50); line-height: var(--line-50); text-transform: uppercase; font-family: var(--font2); font-weight: 800;}
.tophead h4{ font-size: var(--font-30); line-height: var(--line-30); text-transform: uppercase; font-weight: 800;}
.tophead h3{ font-size: var(--font-46); line-height: var(--line-46); text-transform: uppercase; font-weight: 800;}

.tophead h5{ font-size: var(--font-24); line-height: var(--line-24); text-transform: uppercase; font-weight: 800;}


.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 200px;}
.menu_sec li{font-size: var(--font-18); line-height: var(--line-18); font-weight: 400; color: #000;}
.menu_sec li a{ color: #000;}


.common-h1{ font-size: var(--font-100); line-height: var(--line-100); font-family: var(--font2); }





.container-big{ max-width: var(--container-big); margin: 0px auto; padding: 0 12px;}
.container{ max-width: var(--container);}

.header_sec {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 111;
}
.navbar {
  margin: 0px;
  padding: 0px;
}
.navbar-brand {
  margin: 0px;
  padding: 0px;
  width: 160px;
}

.menu_sec li {
  font-size: var(--font-18);
  line-height: var(--line-18);
  font-weight: 400;
  color: #fff;
  font-family: var(--font1);
  padding: 20px 7px;
}
.menu_sec li a:hover, .menu_sec li.actv a {
  color: #FFC13B;
}
.menu_sec li a {
  font-weight: 700;
}
.menu_sec li a {
  color: #fff;
  padding: 10px;
}

.bannerSec:before{ width: 100%; height: 183px; position: absolute; top: 0px; left: 0px; content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index: 3;}









.bannerSec {
    position: relative;background: #000;	
}
.banItem {
    position: relative;
    height: 90vh;
    overflow: hidden;
} /* Image full cover */
.banItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} /* Dark overlay */
.banItem::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
} /* Text wrapper center */
.banTxt {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    top: 57%;
    transform: translateY(-50%);
    left: 0px;
} /* Inner content */
.banTxtiN {
    max-width: 1000px;
    color: #fff;
    margin: 0px auto !important;
} /* Heading inside ACF text */
.banTxtiN strong,
.banTxtiN h1 {
    font-size: var(--font-100);
    line-height: var(--line-100);
    font-weight: 900;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
    font-family: var(--font2);
} /* Paragraph */
.banTxtiN p {font-size: var(--font-30);
    line-height: var(--line-30);
    color: #ffffff; padding-bottom: 0px;
} /* White button (as in screenshot) */

.banslider .owl-dots {
  position: absolute;
  width: 100%;
  left: 0px;
  text-align: center;
  bottom: 0px;
}

.banslider .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  border-radius: 14px;
  border: 1px solid #fff;display: inline-block;
}
.banslider .owl-dots .owl-dot.active span {
  background: #fff;
  width: 30px;
}
.banslider .owl-dots .owl-dot {
  padding: 6px !important;
}



.wlcomBox img{ border-radius: var(--r-10);}


.product-box {
    background: #fff;
    padding: 0px;
    border-radius: var(--r-10); overflow: hidden;
    position: relative;
    transition: 0.3s; border: 0.5px solid #A1A0A0; 
}
.product-img {
  width:94%;
  position: absolute;
  right: -25px;
  bottom: 0px;
  height: auto;
  display: flex;
  /*align-items: flex-end;*/
  justify-content: center;
}
.product-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.arrow-btn {
  position: absolute;
  bottom: 33px;
  left: 20px;
  min-width: auto !important;
  border-radius: 50%;
  text-decoration: none;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-content {
  height: 290px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.product-content h4{  padding-bottom: 99px; max-width: 155px;}

.product-slider .owl-item{ padding: 5px;}
.product-slider .owl-stage{ padding-left: 0px !important;}

.thumble-box{ position: relative; height: 400px; overflow: hidden;}
.thumble-box:before{ background: linear-gradient(270deg, #282828 -5.69%, rgba(0, 0, 0, 0) 72.36%); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: "";}
.thumble-content{ position: absolute; top: 50%; left: 0px; width: 100%; transform: translateY(-50%);}
.thumble-content .arrow-btn{ position: relative; top: inherit; width: 100px;
  height: 40px;
  border-radius: 21px;}
.thumble-content-Bx{
  max-width: 55%;
  float: right;padding: 0 40px;
}
.thumble-content .arrow-btn {
  position: relative;
  bottom: inherit;
  width: 100px;
  height: 40px;
  border-radius: 21px;
  left: inherit;
  margin-top: 11px;
}
.thumble-content .arrow-btn:hover img{ filter:brightness(0) invert(1);}
.thumble-content h3{ color: #fff; min-height: 80px;}



.thumble-box-section .col-lg-6:last-child .thumble-content-Bx{ float: left;}
.thumble-box-section .col-lg-6:last-child .thumble-box:before{ background: linear-gradient(-270deg, #282828 -5.69%, rgba(0, 0, 0, 0) 72.36%);}




.why-choose {
    background: #282828;
    color: #fff; text-align: center;
}

.why-choose h6{ color: #FFC13B;}
.why-choose h4{ color: #FFC13B;}
.why-icon{ display: flex; height: 100px; display: flex; margin-bottom: 24px;}
.why-icon img{ width: auto !important; margin: 0px auto;}
.why-box{ width: 100%; padding: 0 20px;}
.why-headerIn{ max-width: 500px; margin: 0px auto;}


.industry-card{ width: 100%;border: 0.5px solid #A1A0A0; border-radius: var(--r-10); overflow: hidden; position: relative;}
.industry-card:before{ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.09%, rgba(0, 0, 0, 0.5) 100%); position: absolute; bottom: 0px; left: 0px; content: ""; width: 100%; height: 100%;}
.indusTxt{ position: absolute; width: 100%; padding: 25px; bottom: 0px; left: 0px;}
.indusTxt h4{ color: #fff;}



.contact-section {
    background-size: cover !important;
    background-position: center !important;
    position: relative; background-color: #000;
}

.contact-section .container {
    position: relative;
    z-index: 2;
}



/* CONTACT BOX */
.contact-box {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 12px 24px;
  border-radius: var(--r-10);
  margin-bottom: 15px;
  min-height: 100px;
}

.contact-box img {
    width: 60px;
    margin-right: 15px;
}
.contact-box p{ padding-bottom: 0px; color: #282828;}
.contact-box p a{ color: #282828;}

.contact-heading h2{ color: #fff;}

.contact-Info{ max-width: 530px;}
.contact-form-box{ background: #fff; border-radius: var(--r-10); padding: 30px;}
.form-label{ color: #000; font-family: var(--font3); }
.form-control{ border: 1px solid #A1A0A0; height: 50px; padding: 0 20px; color: #DBDBDB; font-family: var(--font1);}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px);
  height: 120px;
  padding-top: 20px;
  padding-bottom: 20px;
  resize: none;
}

button.butns{ border: none;}
.form-control:focus{   box-shadow: none !important;   border-color: #000 !important;}



.footerSec{ background: #333333;}
.foot_Top{ width: 100%; padding: 40px 0;}
.foot_btm{ background: #FFFFFF38; padding: 5px 0;}
.foot_btm .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.foot_btm p {
  padding: 0px;
  color: #fff;
  font-size: var(--font-14);
  line-height: var(--line-14);
  font-family: var(--font1);
  font-weight: 600;
}
.footSos {
  display: flex;
  gap: 4px;
}
.footSos li {
  display: inline-block;
}
.footSos li a {
  color: #fff;
}
.footSos li a:hover{ color: #f9c74f;}
.foot_Top h5{ font-size: var(--font-24); line-height: var(--line-24); text-transform: uppercase; font-weight: 800; color: #fff; }
.foot_Top li a{ color: #fff; width: 100%; display: inline-block;}
.foot_Top li a:hover{ color: #f9c74f;}

.tnp-field-button {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.tnp-field-button .tnp-submit {
  width: 100% !important;
  height: 100% !important;
  background: url(../images/up-arrow.png) no-repeat center center #f9c74f !important;
  border-radius: 100%;
  font-size: 0px !important;
}
.tnp-email {
  background: #fff !important;
  border-radius: 40px;
  padding: 0 15px !important;
  height: 50px;
  color: #bababa;
  font-family: var(--font1);
  font-size: var(--font-16);
}
.tnp-subscription {
  position: relative;
}
.tnp-field-email label {
  display: none;
}
.foot_Top .li50 li {
  width: 50%;
  float: left;
}
.foot_Top ul {
  width: 100%;
  display: inline-block;
}


.btn-close{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 40px; z-index: 2;
}


.navbar-brand {
  margin: 0px;
  padding: 10px 16px;
  width: 136px;
  background: #fff;
  border-radius: 6px;
}

.header_sec.fixed{ position: fixed; background: #010743;}
.header_sec.fixed .navbar-brand{ width: 100px;}

.footLogo{
  margin: 0px;
  padding: 12px 19px;
  width: 130px;
  background: #fff;
  border-radius: 6px;
}

.why-choose h4{ padding-bottom: 8px;}


.vm-icon {
  display: flex;
  height: 90px;
  display: flex;
  margin-bottom: 24px;
}
.vm-icon img {
  width: auto !important;
}

.service-box{
  width: 100%;
  border: 0.5px solid #A1A0A0;
  border-radius: var(--r-10);
  overflow: hidden;
  position: relative;
}


.service-box::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 26.09%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  content: "";
  width: 100%;
  height: 100%;
}

.service-content {
  position: absolute;
  width: 100%;
  padding: 15px;
  bottom: 0px;
  left: 0px;
}
.service-content h4{ color: #fff; padding-bottom: 5px; font-size: var(--font-20);
  line-height: var(--line-20);}
.service-content p{ color: #fff; font-size: var(--font-14);
  line-height: var(--line-14);}


.vision-mission .col-md-6:last-child{ width: 100%;}













  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}


@media only screen and (max-width: 1799px) {


:root
{
	--font-100:90px;
    --line-100:100px;
    
    --font-70:65px;
    --line-70:75px;
    
    --font-60:55px;
    --line-60:65px;
    
    --font-50:45px;
    --line-50:55px;
    
    --font-46:40px;
    --line-46:50px;
    
    --font-40:35px;
    --line-40:45px;
    
    --font-38:35px;
    --line-38:45px;
    
    --font-36:32px;
    --line-36:42px;
    
    --font-32:28px;
    --line-32:38px;
    
    --font-30:26px;
    --line-30:36px;
    
    --font-28:25px;
    --line-28:35px;
    
    --font-20:18px;
    --line-20:28px;
    
    --font-14:13px;
    --line-14:20px;
    
    --font-18:16px;
    --line-18:26px;
    
    --font-15:14px;
    --line-15:24px;
    
    --font-16:15px;
    --line-16:25px;
    
    --font-24:20px;
    --line-24:30px;
    
    --font-12:12px;
    --line-12:14px;
    
    
    --r-60:50px;
    --r-20:15px;
    --r-10:10px;
    --r-6:6px;
    --r-4:4px;
    --r-8:8px;
    
    --container: 1440px;
    --container-big: 1920px;
    
    --p-150:130px;
    --p-15:15px;
    --p-20:20px;
    --p-80:70px;
    --h-60:50px;
    
    --h-55:50px;
    
    
    --h-80:70px;
    --v-60:55px;

}



}


@media only screen and (max-width: 1599px) {
:root
{
	--font-100:80px;
    --line-100:90px;
    
    --font-70:60px;
    --line-70:70px;
    
    --font-60:50px;
    --line-60:60px;
    
    --font-50:40px;
    --line-50:50px;
    
    --font-46:37px;
    --line-46:47px;
    
    --font-40:30px;
    --line-40:40px;
    
    --font-38:30px;
    --line-38:40px;
    
    --font-36:28px;
    --line-36:38px;
    
    --font-32:26px;
    --line-32:36px;
    
    --font-30:25px;
    --line-30:35px;
    
    --font-28:22px;
    --line-28:32px;
    
    --font-20:17px;
    --line-20:27px;
    
    --font-14:13px;
    --line-14:20px;
    
    --font-18:16px;
    --line-18:26px;
    
    --font-15:14px;
    --line-15:24px;
    
    --font-16:15px;
    --line-16:25px;
    
    --font-24:20px;
    --line-24:30px;
    
    --font-12:12px;
    --line-12:14px;
    
    
    --r-60:50px;
    --r-20:15px;
    --r-10:10px;
    --r-6:6px;
    --r-4:4px;
    --r-8:8px;
    
    --container: 1340px;
    --container-big: 1720px;
    
    --p-150:130px;
    --p-15:15px;
    --p-20:20px;
    --p-80:70px;
    --h-60:50px;
    
    --h-55:50px;
    
    
    --h-80:70px;
    --v-60:55px;
	
}






}   





@media only screen and (max-width: 1399px) {
:root
{
	--font-100:70px;
    --line-100:80px;
    
    --font-70:55px;
    --line-70:65px;
    
    --font-60:50px;
    --line-60:60px;
    
    --font-50:40px;
    --line-50:50px;
    
    --font-46:37px;
    --line-46:47px;
    
    --font-40:30px;
    --line-40:40px;
    
    --font-38:30px;
    --line-38:40px;
    
    --font-36:28px;
    --line-36:38px;
    
    --font-32:26px;
    --line-32:36px;
    
    --font-30:22px;
    --line-30:32px;
    
    --font-28:20px;
    --line-28:30px;
    
    --font-20:17px;
    --line-20:27px;
    
    --font-14:13px;
    --line-14:20px;
    
    --font-18:16px;
    --line-18:26px;
    
    --font-15:14px;
    --line-15:24px;
    
    --font-16:15px;
    --line-16:25px;
    
    --font-24:20px;
    --line-24:30px;
    
    --font-12:12px;
    --line-12:14px;
    
    
    --r-60:50px;
    --r-20:15px;
    --r-10:10px;
    --r-6:6px;
    --r-4:4px;
    --r-8:8px;
    
    --container: 1140px;
    --container-big: 1420px;
    
    --p-150:130px;
    --p-15:15px;
    --p-20:20px;
    --p-80:60px;
    --h-60:40px;
    
    --h-55:45px;
    
    
    --h-80:60px;
    --v-60:50px;
	
}


.product-content {
  height: 238px;}
.why-icon{ height: 65px;}


} 


@media only screen and (max-width: 1199px) {
:root
{
	--font-100:60px;
    --line-100:70px;
    
    --font-70:50px;
    --line-70:60px;
    
    --font-60:45px;
    --line-60:55px;
    
    --font-50:35px;
    --line-50:45px;
    
    --font-46:30px;
    --line-46:40px;
    
    --font-40:27px;
    --line-40:37px;
    
    --font-38:27px;
    --line-38:37px;
    
    --font-36:23px;
    --line-36:33px;
    
    --font-32:22px;
    --line-32:32px;
    
    --font-30:22px;
    --line-30:32px;
    
    --font-28:20px;
    --line-28:30px;
    
    --font-20:17px;
    --line-20:27px;
    
    --font-14:13px;
    --line-14:20px;
    
    --font-18:16px;
    --line-18:26px;
    
    --font-15:14px;
    --line-15:24px;
    
    --font-16:15px;
    --line-16:25px;
    
    --font-24:20px;
    --line-24:30px;
    
    --font-12:12px;
    --line-12:14px;
    
    
    --r-60:50px;
    --r-20:15px;
    --r-10:10px;
    --r-6:6px;
    --r-4:4px;
    --r-8:8px;
    
    --container: 940px;
    --container-big: 1120px;
    
    --p-150:130px;
    --p-15:15px;
    --p-20:20px;
    --p-80:60px;
    --h-60:40px;
    
    --h-55:45px;
    
    
    --h-80:60px;
    --v-60:50px;
	
}

.butns{ min-width: 175px;}




}


@media only screen and (max-width: 991px) {
/*MENU*/

	
.nav_top .navbar-toggler{border-color:transparent;background:transparent; color: #fff !important}
.nav_top .navbar-toggler{margin:20px 0;margin-right:0; background: none; width: 30px; height: 38px; border-radius: 6px; padding: 0px;}
.nav_top .navbar-toggler .icon-bar{display:block;width:100%;height:3px;border-radius:12px;background-color:#FFC13B;}
.nav_top .navbar-toggler .icon-bar + .icon-bar{margin-top:6px;}
.navbar-toggler .icon-bar{display:block;width:22px;height:2px;border-radius:12px;background-color:#fff;}
.navbar-toggler{margin-right:15px;}
.navbar-toggler{padding:10px;}


.navbar-collapse{ width:710px;text-align:left;background:#1D394E; z-index:999;top:0px !important;height:100%;right:-710px;position:fixed;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height:100%;overflow-y:auto; padding: 137px 20px; margin: 0px !important; left: inherit !important;  transition: all 0.3s ease;}
.normalMenu .hidemenu.navbar-collapse.show{ right: 0px;}

.navbar-toggler.showtoggle{-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
 .closed{position:absolute;right:15px;top:15px;font-size:30px;opacity:1 !important;color:var(--c-org) !important;padding:0 !important;width:auto !important;height:auto !important; font-size: var(--font-h4); line-height: var(--line-h4); font-family: var(--font1); font-weight: 600;}
.menu_sec li a{ color: #fff; padding: 10px 0; width: 100%;}
.menu_sec li{margin:0px !important;padding:0px !important;border-bottom:1px solid rgba(231, 243, 245, .1);}
.menu_sec li a{ width:100%;display:inline-block;}
.menu_sec li, .normalMenu .drop-arw i{ font-size:20px; font-weight: 700; line-height: 40px;}

.menu_sec{padding:0px 70px !important; visibility: hidden; opacity: 0;}
.drop-arw{position:absolute;right:0;color:#fff;font-size:15px;width:55px;height:59px;display:flex;justify-content:center;align-items:center;z-index:22222;top:0px;}
.nav_top .dropdown .dropdown-menu{background:var(--pc4) !important;margin:0px !important;padding:0px !important;float:left;width:100%;box-shadow:none !important;border:none !important;}
.menu_sec li{width:100%;display:inline-block;float:left;}
.menu_sec li .dropdown-menu li:last-child{border:none;}

.navbar-collapse .menu_sec{ visibility: visible; opacity: 1;}

.menu_sec li > a::after{ display: none;}



.nav_top .dropdown .dropdown-menu {
    position: relative;
    display: none;
    transition: inherit;
    max-height: inherit;
    top: 0px !important;
    transform: inherit !important;
    opacity: 1;
    visibility: visible;
  }
.nav_top .dropdown .dropdown-menu.show{ display: block;}


.navbar-collapse{ width:710px;text-align:left;background:#010743; z-index:999999;top:0px !important;height:100%;right:-710px;position:fixed;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;height:100%;overflow-y:auto; padding: 72px 20px; margin: 0px !important; left: inherit !important;  transition: all 0.3s ease;}
.navbar-collapse.show{ right: 0px;}


:root
{
	--font-100:50px;
    --line-100:60px;
    
    --font-70:35px;
    --line-70:45px;
    
    --font-60:30px;
    --line-60:40px;
    
    --font-50:30px;
    --line-50:40px;
    
    --font-46:25px;
    --line-46:35px;
    
    --font-40:20px;
    --line-40:30px;
    
    --font-38:20px;
    --line-38:30px;
    
    --font-36:20px;
    --line-36:30px;
    
    --font-32:20px;
    --line-32:30px;
    
    --font-30:20px;
    --line-30:30px;
    
    --font-28:18px;
    --line-28:28px;
    
    --font-20:16px;
    --line-20:26px;
    
    --font-14:13px;
    --line-14:20px;
    
    --font-18:15px;
    --line-18:25px;
    
    --font-15:13px;
    --line-15:23px;
    
    --font-16:14px;
    --line-16:24px;
    
    --font-24:18px;
    --line-24:28px;
    
    --font-12:11px;
    --line-12:12px;
    
	--container: 740px;
    --container-big: 1120px;
}


.navbar-brand{ width: 97px;}

.navbar-toggler:focus{ box-shadow: none !important;}
.header_sec.fixed .navbar-brand {
  width: 84px;
}


.footbx1{ width: 50%;}
.footbx2{ width: 50%;}
.footbx3{ width: 50%;}
.signupGrd{ width: 50%;}








}

 
@media only screen and (max-width: 767px){
:root
{
	--container: 100%;
    --container-big: 100%;
}
 .navbar-collapse {
    width: 100%;}
 .menu_sec {
    padding: 0 !important;}


.banItem{ height: 600px;}

.text-end {
  text-align: center !important;
}
.productSec { text-align: center;}
.product-box{ text-align: left;}

.footbx1{ width: 50%; margin: 10px 0;}
.footbx2{ width: 50%; margin: 10px 0;}
.footbx3{ width: 50%; margin: 10px 0;}
.signupGrd{ width: 50%; margin: 10px 0;}




}




@media only screen and (max-width: 640px){ 

  


} 
@media only screen and (max-width: 575px){ 
.footbx1{ width: 50%; margin: 10px 0;}
.footbx2{ width: 50%; margin: 10px 0;}
.footbx3{ width: 100%; margin: 10px 0;}
.signupGrd{ width: 100%; margin: 10px 0;}

.thumble-box{ height: 300px;}





}




@media only screen and (max-width: 480px){ 
:root
{
	

}


}

@media only screen and (max-width:450px){ 



}
@media only screen and (max-width: 400px){ 

.footbx1{ width: 100%; margin: 10px 0;}
.footbx2{ width: 100%; margin: 10px 0;}
.footbx3{ width: 100%; margin: 10px 0;}
.signupGrd{ width: 100%; margin: 10px 0;}
.foot_btm .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

}