:root {--main: "Open Sans", sans-serif;--black: #000;--white:#fff;--blue:#04101d;--lightblue:#96a0bd;--gold:#f2c174;--lightgold:#f5cc89;--lightgrey:#f8f9fa;--shine-effect:linear-gradient(120deg,transparent,hsla(0,0%,100%,.5),transparent)}
@charset "utf-8";
html {font-family:  var(--main);font-weight: 200;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0; padding:0;font-family:  var(--main);font-size:15px;line-height: 25px;color:#ffffff;    overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent; text-decoration:none !important;}
a:active, a:hover{outline: 0; text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.trans{transition: all 0.5s ease;}
* {margin: 0;padding: 0;box-sizing: border-box;} 

/***Scrollbar common***/
::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:vertical{width:5px;}
::-webkit-scrollbar:horizontal{height:5px;}
::-webkit-scrollbar-thumb{background-color:var(--lightblue);border-radius:5px;}
::-webkit-scrollbar-track{background-color:transparent;}


/*shimmer*/
.shimmerWrapper{display: flex;flex-grow: 1;padding: 20px 0;}
.shimmer {display: block;padding:0;width: 100%;}
.shimmer em{display:block;height:14px;width:100%;margin:0 0 10px;}
.shimmer table{width:100%;}
.shimmer th{height:40px;border-style: solid;border-color: #fff;border-right-width:4px;border-left-width:4px;border-bottom-width:10px;}
.shimmer td{height:40px;border:4px solid #fff;}
.shimmer span{height:40px;display: block;border-radius: 10px;}
.shimmer .img{height:100%;border-radius: 12px;}
.shimmer .box{height:200px;width:100%;border-radius: 12px;margin:0 0 30px;}
.shimmer .head{height:40px;}
.shimmer .shimbg {animation-duration: 2.2s; animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: shimanim;animation-timing-function: linear;background: #ddd;background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);background-size: 1200px 100%;}
@-webkit-keyframes shimanim {0% {background-position: -100% 0;}100% {background-position: 100% 0;}}
@keyframes shimanim { 0% { background-position: -1200px 0;}100% { background-position: 1200px 0;}}
/*shimmer*/

/*web style*/
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.headerWrap{position: sticky;top:-1px;height: 90px;z-index: 9995;transition: all 0.5s ease;padding: 0;background-color:#04101d;box-shadow: 0 2px 15px -2px rgba(0,0,0,.2);border-bottom: 1px solid var(--gold);}
.headerWrap .container{height: 100%;}
.header{position: relative;height:100%;flex-grow: 1;}
.header >a{background: url(../images/logo.jpg) no-repeat center center;background-size: 100%;display: block;width: 250px;height: 80px;position: absolute;top: 5px;left: 0;z-index: 9997;cursor: pointer;transition: all 0.3s ease;}
.mainWrap{}

.navmenu{display: flex;justify-content: end;align-items:center;height: 100%;}
.navmenu>ul{display: flex;margin:0;}
.navmenu>ul>li{margin-right:50px; position: relative;}
.navmenu a{font-size:16px;line-height: 20px;color:var(--white);font-weight: 400;transition: all 0.5s ease;}
.navmenu a:hover{color:var(--gold);}
.navmenu a.active{color:var(--gold);}


.navmenu>ul>li.submenus>a{padding-right:20px;position: relative;}
.navmenu>ul>li.submenus>a:after{content:'\f107';position: absolute;right:4px;top:4px;font-family: 'FontAwesome';font-size: 14px;line-height: 14px;transition: all 0.5s ease;}
.navmenu>ul>li.submenus:hover>a:after{transform: rotate(180deg);}
.navmenu .submenus{position: relative;}
.navmenu .submenus>ul{border-radius: 0 0 6px 6px;display: block;padding: 20px;position: absolute;left: 0;top: 35px;z-index: 99;opacity: 0;visibility: hidden;background: var(--white);box-shadow: 0px 4px 8px rgba(127, 137, 161, 0.25);transition: all 0.5s ease;transform: rotateX(-25deg);transform-origin: 0px 0px;backface-visibility: hidden;border-top: 2px solid var(--lightgold);}
.navmenu .submenus.sm>ul{min-width:230px;}
.navmenu .submenus.xs>ul{min-width:160px;}
.navmenu .submenus:hover> ul{transform: rotateX(0deg);opacity: 1;visibility: visible;}
.navmenu .submenus>ul>li>a{display: inline-block;padding-left:20px;font-weight: 500;margin-bottom: 5px;position: relative;}
.navmenu .submenus>ul>li>a:after{content:'\f105';position: absolute;left:4px;top:4px;font-family: 'FontAwesome';font-size: 14px;line-height: 14px;transition: all 0.5s ease;font-size: 15px;}

#mobnav {display: none;width: 26px;height: 30px;position: absolute;right: 5px;top: 25px;z-index: 9997;cursor: pointer;transition: all 0.5s ease;}
.lines {display: block;width: 26px;height: 4px;background: var(--gold);border-radius: 4px;transition: 0.3s;position: relative;top: 13px;}
.lines:before, .lines:after {display: block;width: 26px;height: 4px;background: var(--gold);border-radius: 10px;transition: 0.3s;position: absolute;left: 0;content: '';transform-origin: 0.28571rem center;}
.lines:before {top: 9px;}
.lines:after {top: -9px;}
#mobnav.active {transform: scale3d(0.8, 0.8, 0.8);}
#mobnav.active .lines {background: transparent;}
#mobnav.active .lines:before, #mobnav.active .lines:after {transform-origin: 50% 50%;top: 0;width: 34px;background: var(--gold);left: -4px;}
#mobnav.active .lines:before {transform: rotate3d(0, 0, 1, 45deg);}
#mobnav.active .lines:after {transform: rotate3d(0, 0, 1, -45deg);}

.bannerWrap img{  width: 100%;   }
#bannerSlider {overflow: hidden;position: relative;}
#bannerSlider .owl-prev, #bannerSlider .owl-next {position: absolute;top: 50%;background-color: rgba(255, 255, 255, 0.3);color: #000;font-size: 35px;display: block;margin-top: -35px;height: 70px;width: 70px;line-height: 75px;text-align: center;border-radius: 100px;z-index: 5;-webkit-transition: background-color 400ms;transition: background-color 400ms;}
#bannerSlider .owl-prev:hover, #bannerSlider .owl-next:hover {background-color: #fff;box-shadow: 0 1px 8px rgba(0,0,0,0.2);}
#bannerSlider .owl-prev {left: -35px;text-indent: 14px;}
#bannerSlider .owl-next {right: -35px;text-indent: -14px;}

#progressBar {bottom:0;position: absolute;z-index: 999;width: 100%;}
.slide-progress {width: 0%;max-width: 100%;height: 4px;background: var(--lightblue);}
#bannerSlider .owl-nav{margin-top: 0;}
#bannerSlider .owl-dots {display: block;text-align: center;position: absolute;right: 0;top: 50%;z-index: 99;transform: rotate(90deg);}
#bannerSlider .owl-dots > .owl-dot span {background: transparent;border: 2px solid var(--lightblue);display: inline-block;margin: 4px;width: 12px;height: 12px;border-radius: 50%;transition: all 0.5s ease;}
#bannerSlider .owl-dots > .owl-dot.active span  {border: 2px solid var(--lightblue);background: var(--lightblue);}
#bannerSlider .owl-dots > .owl-dot:hover span  {border: 2px solid var(--lightblue);background: var(--lightblue);}
#bannerSlider button:focus:focus{outline:none;}

/*Bannertxt*/
.bannerWrap{ background: url(../images/Hero_img.jpg) no-repeat top center; background-size: cover;margin: 0;min-height: calc(100vh - 90px);background-attachment: fixed;display: flex;justify-content: center;align-items: center;}
@supports (-webkit-touch-callout: none) {
    .bannerWrap {
      background-attachment: scroll;
    }
}
.bannertxt{display: flex;align-items: center;justify-content: center;}
.bgBlackWithBorder{display: flex;background-color: rgba(0, 0, 0, 0.7);padding: 25px;text-align: center;width: 1000px;min-height: 250px;}
.bgBlackWithBorder > div{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 20px;border: 1px dashed var(--gold);border-radius: 5px;}
.bgBlackWithBorder > div > h3{margin: 0;font-size: 50px;color: var(--white);text-transform: capitalize;font-family: "Dancing Script", cursive;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
.bgBlackWithBorder > div > p{margin: 0;color: var(--gold);font-size: 16px;text-transform: uppercase;}

.cmnBtn{display: inline-block;padding: 8px 24px;background-color: var(--blue);color: var(--white);border-radius: 30px;transition: all 0.5s ease;position: relative;overflow: hidden;border:none;}
.cmnBtn:hover{background-color: var(--gold);color:var(--blue);}
.cmnBtn:before{content: "";position: absolute;top: 0;width: 100%;height: 100%;background: var(--shine-effect);-webkit-animation: shine 4s ease-in-out infinite;animation: shine 4s ease-in-out infinite;}
@keyframes shine{0%{left:-100%;transition-property:left}11.5044247788%,to{left:100%;transition-property:left}}

.mn-800{min-height: 800px;}

.footerWrap{background-color: var(--blue);padding: 18px;text-align: center;font-size: 15px;}
.footersec{display: flex;color:var(--white);flex-wrap: wrap;gap:50px;}
.footerbox{flex:1;font-size:15px;line-height: 25px;flex-shrink: 0;}
.footerbox a{color:var(--white);transition: all 0.5s ease;}
.footerbox p{margin:0;padding:0;}
.footerbox a:hover{color:var(--lightgold);}
.footlogo{width: 250px;background-color: var(--black);padding: 0 !important;}
.footlogo img{border-radius: 5px;}
.socIco{padding: 0 !important;}
.socIco>ul {margin-top: 12px;display: inline-flex;padding: 0;border-radius: 35px}
.socIco>ul>li {display: flex;margin: 0 4px}
.socIco>ul>li a {padding: 0;width: 30px;height: 30px;margin: 0;transition: all .5s ease}
.socIco>ul>li a:hover {transform: scale(1.05)}
.socIco>ul>li a.fb {background: url('../images/fb.svg') no-repeat 50% transparent;background-size: cover}
.socIco>ul>li a.twtr {background: url('../images/twitter.svg') no-repeat 50% transparent;background-size: cover;width: 22px;height: 22px;margin-top: 4px}
.socIco>ul>li a.instr {background: url('../images/insta.svg') no-repeat 50% transparent;background-size: cover}
.socIco>ul>li a.lnkedin {background: url('../images/linkedin.svg') no-repeat 50% transparent;background-size: cover}
.footerbox >h3{font-family: var(--main);font-size: 30px;line-height: 35px;padding-bottom:22px;color:var(--lightgold);font-weight: 600;}
.footerbox>div{margin-bottom: 15px;padding-left:40px;}
.footerbox >div>h4{font-family: var(--main);font-size: 20px;line-height: 25px;padding-bottom:5px;position: relative;font-weight: 600;}
.footerbox >div>h4:after{content:'\f041';position: absolute;left:-40px;top:0;font-family: 'FontAwesome';font-size: 25px;line-height: 25px;transition: all 0.5s ease;color:var(--lightgold);}
.footerbox >div>h4.email:after{content:'\f0e0';}
.footerbox >div>h4.phone:after{content:'\f095';}
.footerbox >ul>li{padding-left: 15px;position: relative;}
.footerbox >ul>li:after{content:'\f105';position: absolute;left:0;top:4px;font-family: 'FontAwesome';font-size: 16px;line-height: 16px;transition: all 0.5s ease;color:var(--white);}

/*productWrap*/
.productWrap{padding: 60px 0 10px;background: #fff;text-align: center;}
.productWrap h2{color: var(--blue);margin: 0 0 50px;}
.prdtIcon{display: block;margin: 0 0 50px;position: relative;border-radius: 12px;background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.2);border: 1px solid #ddd;transform: scale(0.98);transition: all .3s ease-in-out;}
.prdtIcon:hover{transform: scale(1);}
.prdtIcon a{display: block;margin: 0;padding: 0;}
.prdtIcon img{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.prdtIcon em{font-style: normal;display: block;margin: 0;padding: 10px;text-align: center;color: var(--blue);font-size: 16px;text-transform: uppercase;font-weight: 600;}
.commonhead{display: inline-block;margin: 0 0 20px;padding: 0;font-weight: 600;font-size: 30px;line-height: 36px;color: var(--lightblue);position: relative;}
.commonhead:after{content: "";position: absolute;width: 100%;height: 1px;background-color: var(--gold);right: 0;bottom: -6px;}

/*aboutus*/
.aboutWrap{padding: 60px 0;background: url(../images/aboutbg.png) no-repeat center center;background-size: cover; overflow: hidden;}
.abtImgsec{display: block;margin: 0;padding: 0;}
.abtImgsec >img{border-radius: 10px;}
.abtSeccnt{padding-left: 40px;}
.abttxtsec{margin-bottom: 50px;}
.abtSeccnt > h2{}
.abtSeccnt p{display: block;margin: 0;padding: 0;font-size: 16px;line-height: 30px;}
.visboxes{display: flex;gap: 60px;flex-wrap: wrap; justify-content: center; }
.abtbox{margin: 0;background: #fff;text-align: center;padding: 20px;border-radius: 10px;position: relative;flex-grow: 0;flex-shrink: 0;flex-basis: calc(30% - 10px); }
.abtbox:after{content: "";position: absolute;width: 70px;height: 5px;background-color: #e19b2d;left: 50%;margin-left: -35px;bottom: -1px;transition: all 0.5s ease;}
.abtbox:hover:after {width: 100px;margin-left: -50px;}
.abtbox:hover .abtimgbox img{transform: scale(1);}
.abtimgbox{display: block;width: 200px;margin: 0 auto;}
.abtimgbox img{transition: all .3s ease-in-out;transform: scale(0.98);}
.abtbox h3{border-radius: 4px;display: block;margin: 0 0 10px;padding: 5px;color: var(--blue);font-size: 20px;line-height: 22px;background: var(--gold);}
.abtbox p{display: block;margin: 0;padding: 0;color: #333;font-size: 15px;line-height: 22px;text-align: center;}

/*contactus*/
.contactWrap{padding: 60px 0;background: url('../images/contactbg.svg') no-repeat center center;background-size: cover;overflow: hidden;}
.contform_section {position: relative;border-radius: 10px;box-shadow: 0 0 15px rgba(0,0,0,.2);margin: 0 15px 0 0;}
.cont_img {display: table;width: 100%;position: relative;margin: 0;padding: 0;background: #2a4a69 url(../images/contact.png) no-repeat center left;background-size: contain;min-height: 220px;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom: 1px solid var(--blue);}
.cont_img:before { display: none; content: ""; position: absolute; }
.cont_img > h3 {display: table-cell;vertical-align: middle;height: 220px;margin: 0;padding: 0;color: #fff;font-weight: 600;font-size: 30px;line-height: normal;position: relative;z-index: 1;text-align: center;}
.contact_form { padding: 30px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.cont_txtbx {display: block;width: 100%;padding: 10px;margin: 0 0 20px;background: #e9e9e9;color: #000;border-radius: 3px;border: none;font-size: 15px;height: 40px;}
.cont_txtarea {display: block;width: 100%;padding: 10px;margin: 0 0 20px;background: #e9e9e9;color: #000;border-radius: 3px;border: none;font-size: 15px;height: 100px;resize: none;}

.gmapWrap{height: 325px;}
.gmapWrap iframe{border-radius: 10px;}
.conticonset{display: block;margin: 35px 0 0 0;padding: 0;}
.conticonset li{display: block;margin: 0 0 35px;padding: 0 0 0 45px;position: relative;color: #fff;font-size: 17px;line-height: 26px;}
.conticonset li:before{content: "";position:absolute;width: 35px;height: 35px;background-color: #ffffff;left: 0;top: -4px;border-radius: 3px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.conticonset li.location:before{background-image: url('../images/location.jpg');}
.conticonset li.phone:before{background-image: url('../images/phone.jpg');}
.conticonset li.whatsapp:before{background-image: url('../images/whatsapp.jpg');}
.conticonset li.mail:before{background-image: url('../images/mail.jpg');}
.conticonset li.instagram:before{background-image: url('../images/instagram.jpg');}
.conticonset li.facebook:before{background-image: url('../images/facebook.jpg');}
.conticonset li b{display: block;font-weight: 600;color: var(--gold);font-size: 20px;margin-bottom: 5px;}
.conticonset li a{display: inline-block;margin: 0;padding: 0;color: #fff;transition: all .2s ease-in-out;}
.conticonset li a:hover{color: var(--gold);}.conticonset li i{display: block;font-style: normal;}
.conticonset li.mail a{line-break: anywhere;}
.for-bot{display: none !important;}
.formsubmit{display: flex;justify-content: space-between;}
.output_message{color:var(--blue);font-size: 14px;line-height: 25px;}


/*products*/
.width-100{width:100%;}
.productWrapper{padding:60px 0;min-height:800px;}
.productHead{display:flex;color:var(--black);justify-content: space-between;padding:10px 0 20px;margin-bottom: 35px;border-bottom: 2px solid #d8d8d8;}
.productHead>div>h1{margin:0;padding:0 0 0 40px;font-size: 30px;line-height: 38px;color:var(--gold);position: relative;}
.productHead>div>h1:after{content:'\f03a';font-family: 'fontAwesome';font-size: 25px;line-height: 35px;color:var(--white);position: absolute;top:5px;left:0;} 
.cmnSelect{min-width:250px;border: 1px solid #d7d5d5;position: relative;}
.cmnSelect:after{content:"\f078";font-family: "fontAwesome";position: absolute;top: 5px;right: 10px;z-index: 0;transition: all 0.3s ease;color: var(--gold);font-size: 18px;}
.cmnSelect.active:after{transform: rotate(180deg);}
.cmnSelect>select{cursor: pointer;width:100%;height:35px;padding: 0 28px 0 12px;-webkit-appearance: none;border:none;background: transparent;color: var(--gold);text-transform: uppercase;position: relative;z-index: 1;}
.cmnSelect>select>option{background-color: #081e35;padding:5px 10px;color: #fff;text-transform: uppercase;}

.productBoxWrapper{display: flex;gap:20px;flex-wrap: wrap;}
.productBox{flex-grow: 0;flex-shrink: 0;flex-basis: calc(25% - 15px);border-radius: 8px;transition: all 0.6s ease;transform: scale(0.98);}
.productBox:hover{transform: scale(1);}
.prductImg{display: block;width:100%;height:auto;}
.prductImg>img{height:100%;width:100%;border-radius:8px 8px 0 0;}
.prductCnt{padding: 10px 0; text-align: center;background: #fff;border-radius: 0 0 8px 8px;margin-top: -1px;}
.prductCnt>h2{margin:0;padding:0;font-size: 15px;line-height: 25px;color: var(--blue);text-align: center;text-transform: uppercase;border-bottom: 2px solid var(--gold);display: inline-block;}

.bgsecblue{background-color: #081e35;min-height: calc(100vh - 80px);}

.topmenuswrap {min-height: 38px;background-color: #081e35;width: 100%;}
.topmenuswrap ul { display: inline-block;margin: 0;padding: 0;}
.topmenuswrap ul.rhticons {float: right;margin-right: 0;}
.topmenuswrap ul li {display: inline-block;position: relative;padding: 0 3px;margin: 9px 0;}
.topmenuswrap ul li:before {position: absolute;top: 13px;left: 22px; color: var(--white);font: normal normal normal 14px/1 FontAwesome;}
.topmenuswrap ul li.lft {padding: 10px 10px 10px 45px;margin: 0 5px 0 0;}
.topmenuswrap ul li.mailicon:before {content: "\f003";}
.topmenuswrap ul li.phoneicon:before {content: "\f095";}
.topmenuswrap ul li a {display: block;font-size: 15px;line-height: 18px;color: var(--white);}
.topmenuswrap ul li i{width: 23px;height: 21px;display: inline-block;background-size: cover;border-radius: 2px;}
.topmenuswrap ul li.facebook i{background-image: url('../images/facebook.jpg');}
.topmenuswrap ul li.instagram i{background-image: url('../images/instagram.jpg');}
.topmenuswrap ul li.whatsapp i{background-image: url('../images/whatsapp.jpg');}