:root {
  --orange: #FF1E00;
  --light: #F5F5F5;
  --black: #000000;
  --white: #ffffff;

  --video--width: 881px;
  --video--height: 600px;
}
* {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: var(--black);
  position: relative;
  scroll-behavior: smooth;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  padding: 0;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 700;
}
h1,
.h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  color: var(--orange);
}
h2,
.h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  color: var(--orange);
}
h3,
.h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  color: var(--orange);
}
h4,
.h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: var(--orange);
}
h5,
.h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  color: var(--orange);
}
h6,
.h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  color: var(--orange);
}
p {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  margin-bottom: 16px;
  color: var(--black);
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
p a {
  color: inherit;
  text-decoration: inherit;
}
/**/
.txt24{
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt20{
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt18{
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt16{
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.txt14{
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.ttCap{
  text-transform: capitalize;
}
.ttUpper{
  text-transform: uppercase;
}
.ttNone{
  text-transform: none;
}
.fwBold{
  font-weight: 700 !important;
}
.fwSemiBold{
  font-weight: 600 !important;
}
.fwMedium{
  font-weight: 500 !important;
}
.fwNormal{
  font-weight: 400 !important;
}
.fwLight{
  font-weight: 300 !important;
}
.lh_150{
  line-height: 150%;
}
strong, b{
  font-weight: 700;
}
.textCenter{
  text-align: center;
}
.textJustify{
  text-align: justify;
}
.fdCol{
  flex-direction: column;
}
.imgCenter img{
  display: block;
  margin: auto;
}
.colorWhite{
  color: var(--white);
}
.colorBlack{
  color: var(--black);
}
.colorOrange{
  color: var(--orange);
}
.w_1_3{
  width: 33.33%;
}
.w_2_3{
  width: 66.66%;
}
.w_1_4{
  width: 25%;
}
.w_2_4, .w_1_2{
  width: 50%;
}
.w_3_4{
  width: 75%;
}


/**/
img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}
main {
  min-height: 50vh;
}
.sec{
  position: relative;
}
.container {
  width: 100%;
  max-width: 1320px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.dFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dFlex.inv {
  flex-direction: row-reverse;
}
.dBlock{
  display: block;
}
.dInBlock{
  display: inline-block;
}
.jcCenter{
  justify-content: center;
}
.jcSB{
  justify-content: space-between;
}
.aiCenter{
  align-items: center !important;
}
.aiFS{
    align-items: flex-start !important;
}
input, textarea, button, select {
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: normal;
}
input:focus,
textarea:focus,
button:focus,
select:focus {
  box-shadow: none;
  outline: none;
}
/*Margins-Paddings*/

.m_0{
  margin: 0 !important;
}
.mt_0{
  margin-top: 0 !important;
}
.mb_0{
  margin-bottom: 0 !important;
}
.p_0{
  padding: 0 !important;
}
.pt_0{
  padding-top: 0 !important;
}
.pb_0{
  padding-bottom: 0 !important;
}
.pl_0{
  padding-left: 0 !important;
}
.pr_0{
  padding-right: 0 !important;
}

.mt_4{
  margin-top: 4px;
}
.mb_4{
  margin-bottom: 4px;
}
.pt_4{
  padding-top: 4px;
}
.pb_4{
  padding-bottom: 4px;
}

.mt_6{
  margin-top: 6px;
}
.mb_6{
  margin-bottom: 6px;
}
.pt_6{
  padding-top: 6px;
}
.pb_6{
  padding-bottom: 6px;
}

.mt_8{
  margin-top: 8px;
}
.mb_8{
  margin-bottom: 8px;
}
.pt_8{
  padding-top: 8px;
}
.pb_8{
  padding-bottom: 8px;
}

.mt_10{
  margin-top: 10px;
}
.mb_10{
  margin-bottom: 10px;
}
.pt_10{
  padding-top: 10px;
}
.pb_10{
  padding-bottom: 10px;
}

.mt_12{
  margin-top: 12px;
}
.mb_12{
  margin-bottom: 12px;
}
.pt_12{
  padding-top: 12px;
}
.pb_12{
  padding-bottom: 12px;
}

.mt_14{
  margin-top: 14px;
}
.mb_14{
  margin-bottom: 14px;
}
.pt_14{
  padding-top: 14px;
}
.pb_14{
  padding-bottom: 14px;
}

.mt_16{
  margin-top: 16px;
}
.mb_16{
  margin-bottom: 16px;
}
.pt_16{
  padding-top: 16px;
}
.pb_16{
  padding-bottom: 16px;
}

.mt_18{
  margin-top: 18px;
}
.mb_18{
  margin-bottom: 18px;
}
.pt_18{
  padding-top: 18px;
}
.pb_18{
  padding-bottom: 18px;
}

.mt_20{
  margin-top: 20px;
}
.mb_20{
  margin-bottom: 20px;
}
.pt_20{
  padding-top: 20px;
}
.pb_20{
  padding-bottom: 20px;
}

.mt_24{
  margin-top: 24px;
}
.mb_24{
  margin-bottom: 24px;
}
.pt_24{
  padding-top: 24px;
}
.pb_24{
  padding-bottom: 24px;
}

.mt_28{
  margin-top: 28px;
}
.mb_28{
  margin-bottom: 28px;
}
.pt_28{
  padding-top: 28px;
}
.pb_28{
  padding-bottom: 28px;
}

.mt_32{
  margin-top: 32px;
}
.mb_32{
  margin-bottom: 32px;
}
.pt_32{
  padding-top: 32px;
}
.pb_32{
  padding-bottom: 32px;
}

.mt_36{
  margin-top: 36px;
}
.mb_36{
  margin-bottom: 36px;
}
.pt_36{
  padding-top: 36px;
}
.pb_36{
  padding-bottom: 36px;
}

.mt_40{
  margin-top: 40px;
}
.mb_40{
  margin-bottom: 40px;
}
.pt_40{
  padding-top: 40px;
}
.pb_40{
  padding-bottom: 40px;
}

.mt_44{
  margin-top: 44px;
}
.mb_44{
  margin-bottom: 44px;
}
.pt_44{
  padding-top: 44px;
}
.pb_44{
  padding-bottom: 44px;
}

.mt_48{
  margin-top: 48px;
}
.mb_48{
  margin-bottom: 48px;
}
.pt_48{
  padding-top: 48px;
}
.pb_48{
  padding-bottom: 48px;
}

.mt_52{
  margin-top: 52px;
}
.mb_52{
  margin-bottom: 52px;
}
.pt_52{
  padding-top: 52px;
}
.pb_52{
  padding-bottom: 52px;
}

.mt_56{
  margin-top: 56px;
}
.mb_56{
  margin-bottom: 56px;
}
.pt_56{
  padding-top: 56px;
}
.pb_56{
  padding-bottom: 56px;
}

.mt_60{
  margin-top: 60px;
}
.mb_60{
  margin-bottom: 60px;
}
.pt_60{
  padding-top: 60px;
}
.pb_60{
  padding-bottom: 60px;
}

.mt_64{
  margin-top: 64px;
}
.mb_64{
  margin-bottom: 64px;
}
.pt_64{
  padding-top: 64px;
}
.pb_64{
  padding-bottom: 64px;
}

.mt_68{
  margin-top: 68px;
}
.mb_68{
  margin-bottom: 68px;
}
.pt_68{
  padding-top: 68px;
}
.pb_68{
  padding-bottom: 68px;
}

.mt_72{
  margin-top: 72px;
}
.mb_72{
  margin-bottom: 72px;
}
.pt_72{
  padding-top: 72px;
}
.pb_72{
  padding-bottom: 72px;
}

.mt_76{
  margin-top: 76px;
}
.mb_76{
  margin-bottom: 76px;
}
.pt_76{
  padding-top: 76px;
}
.pb_76{
  padding-bottom: 76px;
}

.mt_80{
  margin-top: 80px;
}
.mb_80{
  margin-bottom: 80px;
}
.pt_80{
  padding-top: 80px;
}
.pb_80{
  padding-bottom: 80px;
}

.mt_100{
  margin-top: 100px;
}
.mb_100{
  margin-bottom: 100px;
}
.pt_100{
  padding-top: 100px;
}
.pb_100{
  padding-bottom: 100px;
}

.mt_104{
  margin-top: 104px;
}
.mb_104{
  margin-bottom: 104px;
}
.pt_104{
  padding-top: 104px;
}
.pb_104{
  padding-bottom: 104px;
}
/**/
.btn {
  background-color: var(--orange);
  padding: 14.5px 32px;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.btnWhite{
  background-color: var(--white);
  color: var(--black);
}
.btn:hover, .active .btn{
  background-color: var(--black);
  color: var(--white);
}
.btnWhite:hover{
  background-color: var(--orange);
  color: var(--white);
}

/**/

.main_title {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
}

.sub_title {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.btn {
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 14.5px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid transparent;
    border-radius: 0;
}

.btn.btn-red {
    background-color: var(--orange);
    color: var(--white);
    border: 1px solid var(--orange);
}

.btn.btn-red:hover {
    color: var(--orange);
    background-color: var(--white);
}

.btn.whiteBtn {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
}

.btn.whiteBtn:hover {
    background-color: transparent;
    color: var(--white);
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow: none;
}
.aboutUsIn {
    align-items: center;
}

.aboutUsIn .imgWrap {
    width: 100%;
    max-width: 650px;
}
.aboutUsIn .imgWrap img{
    width: 100%;
}

.imgGroupBox{
  justify-content: space-between;
}
.imgGroupBoxIn{
  width: 48.77%;
  flex-direction: column;
  justify-content: space-between;
  height: 490px;
}
.igb{
  position: relative;
}
.igb1{
  height: 60%;
}
.igb2{
  height: 36%;
}
.igbIn{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
}
.igbIn {
    top: 0;
    margin-left: -50%;
    animation-name: gallery;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timimg-function: linear;
}
.igbIn1:nth-of-type(2) {
    animation-delay: 5s;
}
.igbIn2:nth-of-type(2) {
    animation-delay: 4s;
}
.igbIn3:nth-of-type(2) {
    animation-delay: 3s;
}
.igbIn4:nth-of-type(2) {
    animation-delay: 2s;
}

@keyframes gallery{
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}

@keyframes gallery1{
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}

@keyframes gallery2{
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}

@keyframes gallery3{
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}

@keyframes gallery4{
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}

.igbIn img{
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.aboutContent{
    width: 100%;
    max-width: calc(100% - 650px);
    padding-left: 110px;
}

.cusDflexRow {
    display: flex;
    align-items: center;
}

.redTickMarker {
    flex-shrink: 0;
    width: 20px;
    position: relative;
}

.faqInLeft {
    width: 50%;
    padding-right: 8%;
}

.faqInRight {
    width: 50%;
}
.rightFaqWrapper .accordion-item{
    border: 1px solid rgba(26, 43, 88, 0.2) !important;
}

.rightFaqWrapper .accordion-button {
    color: var(--black);
    padding: 20px 24px;
    font-size: 16px;
    border: 0;
    background-color: white;
    box-shadow: none;

}
.rightFaqWrapper .accordion-button:not(.collapsed){
    padding-bottom: 16px;
}
.rightFaqWrapper .accordion-body{
    padding: 0 24px 20px;
}
.rightFaqWrapper .accordion-button:focus{
    border: 0;
    box-shadow: none;
    background-color: var(--white);
}

.accordion-button:not(.collapsed) {
    color: var(--black);
    background-color: var(--white);
}

.accordion-body {
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    line-height: 150%;
}
.abIn{
    background-color: var(--light);
    padding: 12px;
}

/************* colors-start *************/
:root {
    --orange: #FF1E00;
    --white: #FFFFFF;
    --black: #000000;
    --black1: #0D0D0D;
    --black2: #151515;
    --green: #2A5A3F;
    --gray: #888888;
    --gray-2: #BBBBBB;
    --border: #E8E8E8;
    --footer: #161616;
    --hr: #444444;
    --lt-border: #ccc;
    --fadebg: #FBFBFC;
    --bannerBg: #ECECEC;
    --ltBlueBg: #F5F5F5;
    --grayStroke: rgb(27, 44, 90, 0.2);
}

/************* colors-end *************/

/************* fonts-start *************/


/************* fonts-end *************/

/************* Header-start *************/
.topHeader {
    padding: 16px 0;
    background-color: var(--black);
    display: flex;
    align-items: center;
}

.topHeader-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-info {
    display: flex;
    align-items: center;
    gap: 32px;
}

.contact-info > a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--white);
    transition: all ease 0.2s;
}

.contact-info>a:hover {
    color: var(--orange);
}

.contact-info > a svg{
    fill: var(--white);
    transition: all ease 0.2s;
    display: block;
    width: 100%;
}
.contact-info > a:hover svg{
    fill: var(--orange);
    transition: all ease 0.2s;
}

.social-links {
    display: flex;
    align-items: center;
}

.social-links li {
    padding: 0 20px;
}

.social-links li {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.social-links li:last-child{
    border-right: 0;
}

.social-links li a {
    font-size: 16px;
    color: var(--white);
    transition: all ease 0.2s;
}

.social-links li a:hover {
    color: var(--orange);
}

header.header {
    background: var(--white);
    position: sticky;
    width: 100%;
    top: 0;
    transition: 0.5s all;
    padding: 22px 0;
    z-index: 99999;
}

header ul.navbar-nav li.nav-item a.nav-link {
    color: var(--black);
    text-transform: capitalize;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 5px;
    transition: all ease 0.3s;
}

header ul.navbar-nav li.nav-item.active a.nav-link,
header ul.navbar-nav li.nav-item a.nav-link:hover {
    color: var(--orange);
}

header nav.navbar {
    padding: 0;
}

.dropdown-menu{
    padding: 0;
    border-radius: 0;
    border-color: var(--black);
    background-color: var(--light);
}

header .dropdown-item{
    padding: 12px 16px;
    color: var(--black);
    font-weight: 600;
    transition: all ease 0.3s;
}
header .dropdown-item:focus, header .dropdown-item:hover,
header .dropdown-item.active, header .dropdown-item:active {
    color: var(--white);
    background-color: var(--black);

}
header .dropdown-toggle::after{
    vertical-align: 3px;
}

header.header.sticky_header {
    position: fixed !important;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    z-index: 99;
    padding: 16px 0;
    transition: 0.5s all;
}

header.header.sticky_header ul.navbar-nav li.nav-item a.nav-link {
    color: var(--white);
}

header.header.sticky_header ul.navbar-nav li.nav-item.active a.nav-link,
header.header.sticky_header ul.navbar-nav li.nav-item a.nav-link:hover {
    color: var(--orange);
}
header.header.sticky_header ul.navbar-nav li.nav-item.active a.btn{
    background-color: var(--orange);
}

header.sticky_header nav.navbar {
    border-bottom: 0 !important;
    transition: 0.5s all;
}

.offcanvas .offcanvas-body {
    align-items: center;
    justify-content: space-between;
}

.logo{
    max-width: 112px;
}

.logo .navbar-brand, .mob_logo .navbar-brand {
    padding: 0;
    margin: 0;
    font-size: 0;
    text-decoration: none;
    white-space: nowrap;
}

.navbar-brand img {
    display: block;
    width: 100%;
}


.navbar-nav {
    align-items: center;
    gap: 70px;
}

header.header button.navbar-toggler {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
}

header.header .navbar-toggler:focus {
    box-shadow: none;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--black);
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: 1;
}

.offcanvas-header {
    justify-content: end;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}

.nav-item.ls-btn:not(:last-child) {
    margin-left: 45px;
}

.nav-item.ls-btn:last-child {
    margin-left: 20px;
}

/* for white_bg css */

header.white_bg {
    background-color: var(--white) !important;
    position: relative;
}


header.white_bg ul.navbar-nav li.nav-item a.nav-link {
    color: var(--black);
}


header.white_bg nav.navbar {
    border-bottom: 1px solid #D0D0D0;
}

.offcanvas-start {
    width: 280px;
    height: 100%;
}



header.header .navbar-brand img+img,
header.sticky_header .navbar-brand img {
    display: none !important;
}

header.header .navbar-brand img+img{
    display: block;
}

header.sticky_header .navbar-brand img+img {
    display: block !important;
}

.bar1,
.bar2,
.bar3 {
    background-color: var(--black);
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 30px;
    display: block;
}

.bar2 {
    width: 20px;
}
.mob_logo{
    display: none;
    max-width: 92px;
}

/************* Header-end *************/

/************* Bannner-start *************/

.homeBnrSec{
  position: relative;
  background: url("../images/bnrImg.jpg") right top no-repeat;
  background-size: auto 100%;
  padding: 178px 0 128px;
}
.homeBnrSec:before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--orange);
  width: 38%;
}
/*.homeBnrSec:after{
  display: block;
  content: "";
  position: absolute;
  left: 8%;
  top: 80px;
  background: url("../images/dots.png") right top no-repeat;
  background-size: 100%;
  width: 392px;
  height: 277px;
}*/
.bnrDots{
    position: absolute;
    left: 9%;
    top: 80px;
    width: 20.6%;
}
.homeBnr{
  position: relative;
  z-index: 1;
}
.homeBnr:before{
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--black);
  width: 56%;
}
.homeBnrIn{
  position: relative;
  width: 55%;
  padding: 104px 96px 92px 0;
}
.colorWhite{
  color: var(--white);
}
.colorBlack{
  color: var(--black);
}
.colorOrange{
  color: var(--orange);
}

/************* Bannner-end *************/

/************* About-us-start *************/

/************* About-us-end *************/

/************* ourProduct-start *************/


.ouProductContent {
    padding: 68px 80px;
}

.ourPructList li {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ourPructList li:not(:last-child) {
    margin-bottom: 20px;
}

.ourPructList li.aiFS .redTickMarker{
    margin-top: 3px;
}

.cusDflexRow .imgWrap2 {
    width: 536px;
    overflow: hidden;
}
.cusDflexRow .imgWrap2 img{
    width: 100%;
    transition: all ease 0.3s;
}

.cusDflexRow:hover .imgWrap2 img{
    transform: scale(1.1);
}

.cusDflexRow .ouProductContent {
    width: calc(100% - 536px);
    background-color: var(--ltBlueBg);
}

/************* ourProduct-end *************/

/************* recommended-start *************/


.productSlider {
    position: relative;
    padding-bottom: 80px;
}

.productBoxImg, .mvImg, .fullImg{
    overflow: hidden;
    transition: all ease 0.3s;
}
.productBoxImg img, .mvImg img, .fullImg img{
    transition: all ease 0.3s;
}
.productBoxImg:hover img, .mvImg:hover img, .fullImg:hover img{
    transform: scale(1.1);
}

.productSlider .owl-nav {
    display: inline-flex;
    justify-content: flex-end;
    gap: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.productSlider .owl-nav button {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--black) !important;
    transition: all ease 0.3s;
}

.productSlider .owl-nav button:hover {
    background-color: var(--orange);
    border-color: var(--orange) !important;
}

.productSlider .owl-nav button:hover i {
    color: var(--white);
    transition: all ease 0.3s;
}

.productSlider .owl-dots {
    display: inline-flex;
    justify-content: flex-start;
    gap: 15px;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.productSlider .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(26, 43, 88, 0.2);
}

.productSlider .owl-dots .owl-dot.active {
    background-color: var(--orange);
}

/************* recommended-end *************/

/************* recommended-product-start *************/
.recommendedProduct .rpheadWrap {
    max-width: 650px;
    margin-bottom: 40px;
}

/************* recommended-product-end *************/

/************* watch-video-start *************/


.watchVideo{}
.watchVideo:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--orange);
    width: 42%;
    z-index: 1;
}
.watchVideo:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--black);
    width: 100%;
}
.watchVideoWrap {
    width: 100%;
    max-width: 1126px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    position: relative;
    z-index: 1;
}
.wvText{
    width: 100%;
    align-items: center;
}

.watchVideoLeft {
    width: 36%;
    padding-right: 2%;
}

.watchVideoRight {
    width: 64%;
    padding-left: 7%;
}

.watchVideoCenter {
    width: 100%;
    height: 616px;
    border: 8px solid white;
}

.watchVideoCenter iframe {
    width: 100%;
    height: 100%;
}

/************* watch-video-end *************/

/************* Faq-start *************/
.faqSection {
    background-color: var(--ltBlueBg);
}

.faqWrapper {
    background-color: var(--ltBlueBg);
}

.rightFaqWrapper .accordion-button {
    font-weight: 700;
}

.rightFaqWrapper .accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.rightFaqWrapper .accordion-button:after{
    width: 20px;
    height: 20px;
}

.rightFaqWrapper .accordion-button.collapsed::after {
    background-image: url('../images/plus.png');
}

.rightFaqWrapper .accordion-button:not(.collapsed)::after {
    background-image: url('../images/minus.png');
}

/************* Faq-end *************/

/************* Contact-start *************/
.contactUs {
    padding-top: 160px;
}
.contactUsHd, .contactContent{
    width: 100%;
    max-width: 50%;
    padding-right: 8%;
}
.contactUsBg {
    background: url('../images/contactBg.png') no-repeat center / cover;
    padding-bottom: 160px;
}

.contactInfo{
    gap: 24px;
}

.contactInfo i {
    font-size: 32px;
    color: var(--white);
}

.contactInfo label {
    display: block;
}

.contactInfo a {
    color: var(--white);
    text-decoration: underline;
}

.contactForm, #wpcf7-f88-o1 {
    width: 50%;
    padding: 32px;
    border: 1px solid var(--grayStroke);
    background-color: var(--white);
    margin-top: -248px;
}

.contactForm > .row {
    row-gap: 24px;
}

.contactForm .form-label {
    font-size: 16px;
    margin-bottom: 8px;
}

.contactForm .form-control {
    min-height: 48px;
}

.contactForm textarea.form-control {
    min-height: 140px;
}

.acceptTerms {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.acceptTerms .form-check-input {
    width: 18px;
    height: 18px;
    border-radius: 0;
    border: 1px solid var(--black);
    margin-top: 0;
}

.acceptTerms span {
    font-size: 14px;
    color: var(--black);
    text-decoration: underline;
}

.form-control:focus{
    outline: 0;
    background-color: transparent;
    box-shadow: none;
    border-color: var(--orange);
}

.form-check-input:checked{
    outline: 0;
    background-color: var(--orange);
    box-shadow: none;
    border-color: var(--orange);
}

/************* Contact-end *************/

/*************Scroll-start *************/
.scrollToTop {
    background: var(--orange);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 99;
    right: 24px;
    bottom: 20px;
    border: 1px solid var(--orange);
}

.scrollToTop i {
    color: var(--white);
}

.scrollToTop:hover {
    background-color: transparent;
}

.scrollToTop:hover i {
    color: var(--orange);
}

/*************Scroll-end *************/

/*************Footer-start *************/
.footerWrap {
    display: flex;
    gap: 128px;
}

.footerLeft {
    width: 100%;
    max-width: 510px;
}

.footerLogo {
    display: inline-block;
    max-width: 118px;
}

.footerRight {
    width: 100%;
    max-width: calc(100% - 510px);
    display: flex;
    gap: 40px;
}


.explore {
    width: 60%;
}

.followUs {
    width: 40%;
}

.exploreFlex {
    display: flex;
    gap: 20px;
}

.exploreFlex ul {
    width: 50%;
}

.exploreFlex ul li:not(:last-child),
.followUs ul li:not(:last-child) {
    margin-bottom: 8px;
}

.exploreFlex ul li a,
.followUs ul li a {
    font-size: 18px;
    line-height: 1.5;
    color: var(--black2);
    transition: all ease 0.3s;
}

.exploreFlex ul li a:hover,
.followUs ul li a:hover,
.exploreFlex ul li.active a {
    color: var(--orange);
}

.followUs ul li a i {
    color: var(--orange);
    margin-right: 12px;
}

.footerBottom {
    background-color: var(--black);
}

.fbCP {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.fbCP p {
    color: var(--white);
    margin: 0;
}

.ptc {
    display: flex;
    align-items: center;
    gap: 24px;
}

.ptc li a {
    color: var(--white);
    transition: all ease 0.3s;
}

.ptc li a:hover {
    color: var(--orange);
}

/*************Footer-end *************/

/*Inner Page*/
.inrBnrSec{
    padding: ;
}
.inrBnrSec:before{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgb(245,245,245);
    background: -moz-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(237,237,237,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(237,237,237,0) 100%);
    background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(237,237,237,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#ededed",GradientType=1);
}
.inrBnrBg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
}
.inrBnrBg img{
    width: auto;
    height: 100%;
    max-width: none;
    object-fit: cover;
}
.inrBnr{
    position: relative;
    z-index: 1;
}
.inrBnrIn{
    width: 100%;
    max-width: 520px;
}
.bc{
    align-items: center;
}
.bc li{
    position: relative;
}
.bc li:not(:last-child){
    padding-right: 28px;
    margin-right: 8px;
}
.bc li:not(:last-child) a{
    color: var(--orange);
}
.bc li:last-child a{
    cursor: default;
    pointer-events: none;
}
.bc li:not(:last-child):after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: url("../images/angleRight.png") center center no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}
.ipFaqSec.faqSection{
    background-color: transparent;
}
.ipFaqSec .faqIn{
    flex-direction: column;
}
.ipFaqSec .faqInLeft {
    width: 100%;
    max-width: 648px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    text-align: center;
}
.ipFaqSec .faqInRight {
    width: 100%;
}
.ipFaqSec .rightFaqWrapper .accordion{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
}
.ipFaqSec .accBlock {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: calc(50% - 12px);
}
.gitSec .contactForm, #wpcf7-f88-o1{
    margin-top: 0;
}
.gitSec .contactInfo{
    align-items: center;
    gap: 32px;
}
.gitSec .contactInfo a{
    color: var(--black);
}
.contactIcon{
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
}
.gitSec .contactInfo i{
    color: var(--orange);
}
.contactMap iframe{
    display: block;
    width: 100%;
    height: 480px;
}
.boxList1{
    align-items: stretch;
    justify-content: space-between;
    margin-left: -12px;
    margin-right: -12px;
}
.boxList1 li{
    width: 50%;
    padding: 12px;
}
.cvBox{
    background-color: var(--light);
    border: 2px solid var(--light);
    padding: 40px;
    height: 100%;
    text-align: center;
    transition: all ease 0.3s;
}
.cvIcon{
    width: 56px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    transition: all ease 0.3s;
}
.cvBox:hover{
    background-color: var(--white);
}
.cvBox:hover .cvIcon{
    background-color: var(--light);
}
.mvIn{
    align-items: center;
}
.mvImg{
    width: 100%;
    max-width: 672px;
    flex-shrink: 0;
}
.mvImg img{
    width: 100%;
}
.mvCtnt{
    width: 100%;
    max-width: calc(100% - 672px);
    padding-left: 8.5%;
}
.inv .mvCtnt{
    padding-left: 0;
    padding-right: 8.5%;
}
.bdrTop{
    border-top: 1px solid var(--light);
}
.mvCtntIn{
    padding: 0 64px;
}
.mvCtntIn .ourPructList li:not(:last-child){
    margin-bottom: 8px;
}
.ipFaqSec .rightFaqWrapper .accordion.accordion1{
    gap: 0;
    width: 100%;
}
.ipFaqSec .accordion.accordion1 .accBlock{
    width: 100%;
    gap: 32px;
}
.rightFaqWrapper .accordion1 .accordion-item{
    border: 0 !important;
    background-color: var(--light);
}
.rightFaqWrapper .accordion1 .accordion-button{
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 24px;
    border: 0;
    background-color: var(--light);
    gap: 16px;
}
.accordion1 .abIn{
    padding: 0 56px;
}
.rightFaqWrapper .accordion1 .accordion-body{
    padding: 0 24px 24px;
}
.rightFaqWrapper .accordion1 .accordion-button:after{
    width: 24px;
    height: 24px;
}
.rightFaqWrapper .accordion1 .accordion-button.collapsed::after{
    background-image: url(../images/angleDown.png);
    background-position: center center;
    transition: none;
}
.accordion1 .accordion-button:not(.collapsed)::after{
    background-image: url(../images/angleDown.png);
    background-position: center center;
    transform: rotate(-180deg);
    transition: none;
}
.dbBlock{
    width: 100%;
    justify-content: flex-end;
}
.fullImg{
    width: 100%;
}
.fullImg img{
    width: 100%;
}
/**/
.vimeoVdo {
    height: var(--video--height);
    width: var(--video--width);
    border: 8px solid white;
    margin: auto;
}
.embed-container {
  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dbBlock .btn{
  margin: auto;
  background-color: black;
  color: white;
  border-color: white;
  
}
.dbBlock .btn:hover{
  background-color: white;
  color: black;
}


/*new css*/
#menu-header-menu li.contact-us{
  background-color: var(--orange);
  padding: 11px 24px;
  }
#menu-header-menu li.contact-us a{
  color: #ffffff !important;
  }

#menu-header-menu li.contact-us:hover{
  background-color: var(--black);
    color: var(--white) !important;
  }

#menu-header-menu .dropdown-menu.show li.sub_menu_class {
  white-space: nowrap;
  padding: 7px 3px;
}

#menu-header-menu .dropdown-menu.show li.sub_menu_class:hover{
background-color: black !important;
}
#menu-header-menu .dropdown-menu.show li.sub_menu_class:hover a {
  color: white !important;
}

.sticky_header ul#menu-header-menu ul.dropdown-menu li a {
  color : #000 !important;
}
#submit-button{
  width: 100%;
}

#submit-button:hover{
background-color: var(--white);
color: var(--orange);
border: 1px solid var(--orange);
}


/*#wpcf7-f88-o1 p:last-child{
    margin-bottom: unset;
}

*/
#wpcf7-f88-o1 .wpcf7-form p{
  margin-bottom: .5rem !important;
}

#wpcf7-f88-o1 .wpcf7-form .row {
  row-gap : 24px;
}

.acceptTerms .form-check-input{
  border:none !important;
}

#wpcf7-f88-o1 span.wpcf7-list-item.first.last {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}

#wpcf7-f88-o1 span.wpcf7-list-item.first.last input{ 
  width: 18px;
  height: 18px;
  border-radius: 0;
  border: 1px solid var(--black);
  margin-top: 0;
}

.contactnew #wpcf7-f88-o1{
  width: 100% !important;
  border: unset !important;
  padding: 0 !important;
}

.colorWhite.address p {
    color: white;
}

textarea#exampleFormControlTextarea1 {
    height: 100px;
}

/*.acceptTerms .form-check-input .contactnew{
    border: 1px solid var(--black);
}*/

.dropdown-menu li:hover{
color: var(--white) !important;
background-color: var(--black);
  }

.dropdown-menu li a:hover{
color: var(--white) !important;
background-color: var(--black);
  }
.sticky_header ul#menu-header-menu ul.dropdown-menu li a {
    color:  var(--black); !important;
    background: white;
}

.sticky_header ul#menu-header-menu ul.dropdown-menu li a:hover {
color: var(--white) !important;
background-color: var(--black);
}

li.menu-item.menu-item-type-post_type.menu-item-object-product.nav-item a {
    font-size: 17px;
    padding: 9px 10px;
}
#menu-header-menu .dropdown-menu {
    min-width: 13rem;
  
}