@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


:root {    
  --mFonts:'Work Sans', sans-serif;
  --tFonts:'Work Sans', sans-serif;
  --hFonts:'Poppins', sans-serif;

  --Fonts-size:20px;
  --Fonts-size-xs:12px;
  --Fonts-size-s:14px;
  --Fonts-size-m:16px;
  --Fonts-size-l:18px;
  --Fonts-size-xl:22px;
  --Fonts-size-xxl:24px;
  --Fonts-size-xxxl:28px;
  --Fonts-size-big-s:32px;
  --Fonts-size-big-m:36px;
  --Fonts-size-big-l:38px;
  --Fonts-size-big-xl:52px;
  --Fonts-size-big-xxl:92px;

  --primaryColor:#fe1046;
  --secondaryColor:#1a1a1a;
  --darkColor:#101010;         
  --lightColor: #f9fafa;

  --textColor: #474747; 
  --titleColor: #1a1a1a;

  --greenColor: #83AA00;
  --redColor: #B71818;
  --orangeColor: #DBB100;

  --white: #fff;
  --black: #000;
  --gray-medium: #999999;

  --rColor:red;
  --gColor:green;
  --yColor:yellow;
  --oColor:orange;      

  --lightGray: #f4f4f4;
  --grayColor: #262626;

  --borderRproduct: 5px;

}
  

/********* Reset CSS *********/
*, *:before, *:after {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block }audio, canvas, video { display:inline-block }audio:not([controls]) {display:none;height:0}html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:  100%;}a {outline: 0; text-decoration:none;color:var(--titColor); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}a:focus {outline: 0;}a:hover,a:active {outline: 0;}a:hover {text-decoration:none;color:var(--secondaryColor);}h1,h2,h3,h4,h5,h6 {font-weight:normal;}b,strong,dt,th {font-weight: bold;}em, i { font-style:italic;}p,h1,h2,h3,h4,h5,h6, ul,ol,dd,table,fieldset,address {margin:0; padding:0;}img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle; max-width:100%; height:auto;}figure {margin:0;}legend {white-space:normal;}q { quotes:"\201C" "\201D" "\2018" "\2019" }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 }table{border-collapse: separate;border-spacing: 0;width: 100%; empty-cells:show; border:none;}table table { margin:0}th,td {border:none; padding:8px 10px}caption,th,td {font-weight: normal;}

/********* Clear floats *********/
.cf:before, .cf:after, .wrap-inner:before, .wrap-inner:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radio-list:after, .radio-list:before, .fieldgroup:after, .fieldgroup:before {content:" ";display:table}
.cf:after, .wrap-inner:after, .row:after, ul:after, .boxs:after, .radio-list:after, .fieldgroup:after{clear:both}
.removeBA::after, .removeBA::before { display: none;}

/********* Common Classes *********/
* { margin:0; padding:0;}
hr{display:block;height:1px;border:0; border-top:1px solid #ccc; margin:20px 0;padding:0}
body,button,input,select,textarea {color:var(--textColor); font-family: var(--mFonts); font-size:var(--Fonts-size); line-height:30px; font-weight:400;}

h1 { font-size:var(--Fonts-size-big-xl); font-weight:700; color:var(--titleColor); margin:0 0 0 0; line-height:normal;}
h2 { font-size:var(--Fonts-size-big-xl); font-weight:700; color:var(--titleColor); margin:0 0 30px 0; line-height:normal;}
h3 { font-size:var(--Fonts-size-xxl); font-weight:600; color:var(--titleColor); margin:0 0 15px 0; line-height:normal;}
h4, h5 { font-weight:500; line-height:normal;}


p { margin-bottom:28px;}

a, button { cursor: pointer;}

ul, li { list-style:none;}

ul.list { width:100%; float:left;}
ul.list li { width:100%; float:left; margin-bottom:10px; position:relative; padding:5px 0 5px 34px;}
ul.list li:before { content: "\f00c";  border: 2px solid var(--primaryColor); border-radius: 100%; padding: 4px; position: absolute; left: 0; top: 7px; background-color: transparent; color: var(--primaryColor); display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; font-size: 10px;}

.textCenter { text-align: center;}

/********** Form, Input & Button  **********/
::-webkit-input-placeholder { color:var(--textColorLight); font-size: var(--Fonts-size-xl);}
::-moz-placeholder { color:var(--textColorLight); font-size: var(--Fonts-size-xl);}
:-ms-input-placeholder { color:var(--textColorLight); font-size:  var(--Fonts-size-xl);}
::placeholder { color:var(--textColorLight); font-size:  var(--Fonts-size-xl);}

.cForm { width:100%; float:left;}
.cForm li { width:100%; float:left; padding: 0 8px; margin-bottom: 10px;}
.cForm li.col-2 { width:50%;}
.cForm li.col-3 { width:33.33%;}
.cForm li.col-4 { width:25%;}
.cForm li.col-5 { width:20%;}
.cForm li label { font-size: var(--Fonts-size); font-weight: 500; color: var(--darkColor); display: block; margin-bottom: 5px; font-weight: 500;}
.cForm li label span { color: var(--redColor);}

.cForm li.btnCenter { text-align: center; margin-bottom: 0;}
.cForm .btn { padding:12px 28px; font-size:  var(--Fonts-size-m); font-weight:600; }

.cForm .messageBox { width: 100%; display: flex; color: var(--redColor); font-weight: 500; font-size: var(--Fonts-size-s); padding-top: 8px;}
.cForm .messageBox i { margin-right: 10px;}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="file"], select, textarea
{ width:100%; padding:14px 22px; color:var(--textColor); background:var(--lightColor); border:1px solid #5f2c7625; border-radius:8px;  -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; font-size:var(--Fonts-size-xxxl); outline:0 none;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="file"]:hover, select:hover, textarea:hover { background:var(--white); border:1px solid var(--primaryColor); color:var(--primaryColor);}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="file"]:focus, select:focus, textarea:focus { background:var(--white); border:1px solid var(--primaryColor); color:var(--black); font-style:normal;}

select{ -moz-appearance: none;  -webkit-appearance: none; appearance: none;}

.btn { border-radius:100px; display:inline-flex; align-items: center; font-size: var(--Fonts-size); font-weight:500; outline:0 none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor: pointer; padding: 12px 26px; line-height: normal; letter-spacing: 0.7px;}
.btn i { margin-left: 7px; font-size: 22px; }

.btn-lg { padding:12px 34px; font-size: var(--Fonts-size-m); line-height: normal;}
.btn-full { width: 100%;}
.btn-small {padding:5px 20px;}

.btn-primary { background:var(--primaryColor); color:var(--white); border:0 none;}
.btn-primary:hover { background:var(--secondaryColor); color:var(--white);}
.btn-primary:focus { background:var(--darkColor); color:var(--white);}

.btn-white { background:var(--white); color:var(--titleColor); border:0 none;}
.btn-white:hover { background:var(--darkColor); color:var(--white);}
.btn-white:focus { background:var(--secondaryColor); color:var(--white);}

.d-flex { display: flex;}
.d-flex-wrap { display: flex; flex-wrap: wrap;}
.justify-content-around { justify-content: space-around;}
.justify-content-between { justify-content: space-between;}
.justify-content-center { justify-content: center;}
.justify-content-start { justify-content: flex-start;}
.justify-content-end { justify-content: flex-end;}
.align-items-center {align-items: center;}

/*================================================ Main CSS Theme Start ====================================================*/
html { scroll-behavior: smooth;}
input { -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/********** Layout **********/

.fullwidth { width:100%; float:left;}
.wrap-inner-round { margin:0 auto; width:100%; max-width:1540px; padding:60px 20px; border-radius: 60px;}
.wrap-inner { margin:0 auto; width:100%; max-width:1440px; padding:0 20px; position: relative;}
.wrap-inner-full { margin:0 auto; width:100%; padding:0 40px;}
.wrap-inner-mid {  margin:0 auto; width:100%; max-width:1024px; padding:0 20px;}
.wrap-inner-small {  margin:0 auto; width:100%; max-width:640px; padding:0 20px;}
.wrap-inner-from { margin:0 auto; width:100%; max-width:840px; padding:0 20px;}


/********** CMN **********/
html {height: 100%;} /* for Welcome page */
.spaceBox { padding: 110px 0; }
.spaceBoxTop { padding: 110px 0 0 0; }
.spaceBoxBtm { padding: 0 0 110px 0; }


/* Popup Start */
.popupBox { width:100%; height:100%; position:fixed; z-index:999999; top: 0;}
/*.popupBox.scroll { position:absolute;}*/
.popupBox .lightBg { width:100%; height:100%; position:fixed; background:var(--black); top:0; left:0; z-index:99999; opacity:0.6;}
.popupBox .popupBg { background:#fff; border-radius:5px; position:absolute; left:50%; top:150px; z-index:999999;}
.popupBox .popupBg.popupCnter { position:fixed;}
.popupBox .popupBg.x-large { max-width:1024px; width: 100%; margin-left:-512px;}
.popupBox .popupBg.large { max-width:740px; width: 100%; margin-left:-370px;}
.popupBox .popupBg.medium { max-width:610px; width: 100%; margin-left:-305px;}
.popupBox .popupBg.small { width:100%; max-width: 450px; margin-left:-225px;}
.popupBox .popupBg.x-small { width:100%; max-width: 300px; margin-left:-150px;}

.popupBox .popupTit { width:100%; float:left; padding:15px 20px; position:relative; border-bottom: 1px solid #eee;}
.popupBox .popupTit h3 { margin: 0; font-size: var(--Fonts-size-m); font-weight: 700;}
.popupBox .popupTit .popupClick { position:absolute; top:18px; right:15px; cursor:pointer;}
.popupBox .popupTit .popupClose { position:absolute; top:18px; right:15px; cursor:pointer;}
.popupBox .popupCnt { width:100%; float:left; padding:15px;}
.popupBox .popupCnt li { position:relative;}
.popupBox .popupCnt li .btn { margin: 0 5px;}
@media only screen and (max-width: 639px)  { 
.popupBox .popupBg.medium { width: 95%; left: 2.5%; margin-left: 0; top: 70px;}
::placeholder { font-size: var(--Fonts-size-xs);}
}

.teamPopup.popupBox .popupBg { width: calc(100% - 30px); height: calc(100vh - 30px); left: 15px; top: 15px;}
.teamPopup.popupBox .popupCnt {height: calc(100vh - 90px); overflow-y: scroll;}
.teamPopup.popupBox .popupCnt .teamBoxDtl { width: 100%; display: flex; flex-wrap: wrap;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .imgBox { width: 320px;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox { width: calc(100% - 320px); padding-left: 60px;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox h3 { color: var(--primaryColor);}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox span { display: block; color: var(--gray-medium); margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox .social { display: block;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox .social li { float: left; margin-right: 10px;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox .social li a { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 10px; color: var(--lightColor); background-color: #222;}
.teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox .social li a:hover { color: var(--primaryColor);}
@media only screen and (max-width: 767px)  { 
  .teamPopup.popupBox .popupCnt .teamBoxDtl .imgBox { display: none;}
  .teamPopup.popupBox .popupCnt .teamBoxDtl .cntBox { width: 100%; padding: 20px;}
}
/* Popup End */

/* Owl Carousel Start */
.owl-theme .owl-controls .owl-.disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block; vertical-align:top; line-height:1;}
.owl-theme .owl-dots .owl-dot span{width:12px; height:12px; margin:0 5px; background-color:#d6d6d6; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;  -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration: 0.5s; transition-duration:0.5s; cursor:pointer;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color:var(--secondaryColor);}
/* Owl Carousel End */
.accordionFaq { width:100%; float:left;}
.accordionFaq li { width:100%; float:left; border: 1px solid #E8E8E8; border-radius: 6px; padding:18px 25px; margin-bottom:15px;}
.accordionFaq li .acclink { width:100%; float:left;  color: var(--titleColor); font-weight: 600; font-size: var(--Fonts-size-xl); position:relative; cursor:pointer;}
.accordionFaq li .accord-detail { width:100%; float:left;}
.accordionFaq li .accord-detail p:last-child { margin-bottom: 0;}
.accordionFaq li .acclink.active { margin-bottom:15px; color:var(--primaryColor);}
.accordionFaq li .acclink:before { content:"+"; width:30px; height:30px; font-size:22px; line-height:30px; font-weight:600; text-align:center; position:absolute; right:-15px; top:-3px; border-radius:5px;}
.accordionFaq li .acclink.active:before { content:"-"; width:30px; height:30px; font-size:30px; line-height:25px; font-weight:600; text-align:center; position:absolute; right:-15px; top:-3px;  border-radius:5px;}


/* Header  Start */
.header-top { background:var(--darkColor);}
.header-top .wrap-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header-top .wrap-inner::before, .header-top .wrap-inner::after { display: none;}
.header-top .social ul { display: -webkit-box; display: -ms-flexbox; display: flex;  }
.header-top .social ul li { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid #343434;}
.header-top .social ul li:last-child {border-right: 1px solid #343434;}
.header-top .social ul li a { width: 100%; height: 100%; background:transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--primaryColor); }
.header-top .social ul li a:hover { background:#343434; color: var(--white);}

.header-top .contact ul { display: -webkit-box; display: -ms-flexbox; display: flex;}
.header-top .contact ul li {  width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; border-right: 1px solid #343434;}
.header-top .contact ul li:first-child { width: auto; padding-right: 20px;}
.header-top .contact ul li a { width: 100%; height: 100%; background:transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--primaryColor);}
.header-top .contact ul li a:hover { background:#343434; color: var(--white);}
.header-top .contact ul li:first-child a { font-size: var(--Fonts-size-l); color: var(--white); display: flex; gap: 10px;}
.header-top .contact ul li:first-child a i { font-size: var(--Fonts-size); color: var(--primaryColor);}
.header-top .contact ul li:first-child a:hover { background:transparent; color: var(--primaryColor);}

.header { top: 0; z-index: 999;}
.header .wrap-inner { display: flex; justify-content: space-between; align-items: center;}
.header .logo { float: left; padding: 15px 0;}
.header .logo a { width: auto; height: 70px; float: left; overflow: hidden;}
.header .logo a img { width: auto; height: 70px;}

.header .menu .links { display: flex;}
.header .menu .links li { position: relative; display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 0 18px;}
.header .menu .links li a { text-decoration: none; white-space: nowrap; color: var(--darkColor); font-size: var(--Fonts-size-l); text-transform: uppercase; font-weight: 500; letter-spacing: 1px;}
.header .menu .links li.current_page_item a,
.header .menu .links li a.active,
.header .menu .links li a:hover { color: var(--primaryColor);}
.header .menu .links li:hover .htmlcss-arrow, .header .menu .links li:hover .js-arrow{ transform: rotate(180deg);}
.header .menu .links li .arrow{ height: 100%; width: 22px; line-height: 60px; text-align: center; display: inline-block; color:var(--darkColor); transition: all 0.3s ease;}
.header .menu .links li .sub-menu{ position: absolute; top: 55px; left: 0; line-height: 40px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border-radius:4px; display: none; z-index: 2;}
.header .menu .links li:hover .htmlCss-sub-menu { display: block; width: 200px;}
.header .menu .links li:hover .js-sub-menu{ display: block; width: 250px;}
.header .menu .links li .sub-menu li{ padding: 5px 22px; border-bottom: 1px solid #eee;}
.header .menu .links li .sub-menu a{ color: var(--titleColor); font-weight: 500; line-height: 40px;}
.header .menu .links li .sub-menu a:hover{ color: var(--primaryColor);}
.header .menu .links li .sub-menu .more-arrow{ line-height: 40px;}
.header .menu .links li .sub-menu .more-sub-menu{ position: absolute; top: 0; left: 100%; border-radius:4px; z-index: 1; display: none;}
.header .menu .links li .sub-menu .more:hover .more-sub-menu{ display: block;}
.header .menu .nav-links .sidebar-logo,
.header .menu .nav-links .sidebar-contact { display: none;}
.header .menu .bx-menu{ display: none;}

.header.sticky .menu .links li a,
.header.sticky  .menu .links li .arrow { color: var(--darkColor);}
.header.sticky .menu .links li a:hover,
.header.sticky  .menu .links li:hover .arrow { color: var(--primaryColor);}

.header .navDemo { background-color: var(--primaryColor);  color: var(--white) !important; height: 42px !important; line-height: 28px !important;   padding: 6px 28px; font-size: var(--Fonts-size) !important; border-radius: 60px;}
.header.sticky .navDemo, .header .navDemo:hover { background-color: var(--secondaryColor); color: var(--white) !important;}


@media (max-width:809px){  
.header .menu .bx-menu{ display: block; background-color: var(--primaryColor); padding: 8px 12px; border-radius: 6px; font-weight: normal;}
.header .menu .nav-links{ position: fixed; top: 0; left: -100%; display: block; max-width: 310px; width: 100%; height: 100vh;  background:var(--white); line-height: 40px; padding: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s ease; z-index: 1000;}

.header .menu .nav-links .sidebar-logo{ display: flex; align-items: center; justify-content: space-between; }
.header .menu .sidebar-logo .logo-name{ font-size: 25px; color: #fff; }
.header .menu .sidebar-logo i,
.header .menu .bx-menu { font-size: 25px; color: #fff;}
.header .menu .links { display: block; margin-top: 20px;}
.header .menu .links li .arrow { line-height: 40px; }
.header .menu .links li { display: block; }
.header .menu .links li .sub-menu { position: relative; top: 0; box-shadow: none; display: none;}
.header .menu .links li .sub-menu li { border-bottom: none; }
.header .menu .links li .sub-menu .more-sub-menu { display: none; position: relative; left: 0;}
.header .menu .links li .sub-menu .more-sub-menu li { display: flex; align-items: center; justify-content: space-between;}
.header .menu .links li:hover .htmlcss-arrow,
.header .menu .links li:hover .js-arrow{ transform: rotate(0deg);}
.header .menu .links li .sub-menu .more-sub-menu{ display: none;  }
.header .menu .links li .sub-menu .more span{ display: flex; align-items: center; }
.header .menu .links li .sub-menu .more:hover .more-sub-menu { display: none; }
.header .menu .links li:hover .htmlCss-sub-menu,
.header .menu .links li:hover .js-sub-menu { display: none; }
.header .menu .nav-links.show1 .links .htmlCss-sub-menu,
.header .menu .nav-links.show3 .links .js-sub-menu,
.header .menu .nav-links.show2 .links .more .more-sub-menu{ display: block; }
.header .menu .nav-links.show1 .links .htmlcss-arrow,
.header .menu .nav-links.show3 .links .js-arrow{ transform: rotate(180deg);}
.header .menu .nav-links.show2 .links .more-arrow{ transform: rotate(90deg);}

.header .menu .links li { border-top: 1px solid #eee;}
.header .menu .links li a { color: var(--titleColor); line-height: 50px !important;}
.header .menu .links li a:hover { color: var(--primaryColor);}
.header .menu .nav-links.show1 .links .htmlcss-arrow, .header .menu .nav-links.show3 .links .js-arrow ,.header .menu .links li .arrow { color: var(--textColor);}
.header .menu .links li .sub-menu { margin-bottom: 20px;}
.header .menu .links li .sub-menu li { border-top: 0 none !important; padding: 2px 10px;}
.header .menu .links li .sub-menu li a { line-height: normal !important; font-weight: 400;}
.header .menu .links li .sub-menu li:last-child { display: block;}
.header .menu .sidebar-logo i { color: var(--primaryColor);}

.header .menu .nav-links .sidebar-contact { display: block; padding: 30px 0 0 0;} 
.header .menu .nav-links .sidebar-contact .social { display: block;}
.header .menu .nav-links .sidebar-contact .social li { float: left; margin-left: 10px;}
.header .menu .nav-links .sidebar-contact .social li a { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 10px; color: var(--lightColor); background-color: #222;}
.header .menu .nav-links .sidebar-contact  .social li a:hover { color: var(--primaryColor);}

}
@media (max-width:370px){
.header .menu .nav-links { max-width: 100%;} 
}


.footer .top-footer { border-bottom: 1px solid #282828;}
.footer .top-footer ul { display: flex;}
.footer .top-footer ul li { display: block; padding:0 50px 0 0;}
.footer .top-footer ul li a { display: block; padding: 14px 0; text-transform: uppercase; font-size: var(--Fonts-size-l); color: var(--white);}
.footer .top-footer ul li a:hover { color: var(--primaryColor);}
.footer .mid-footer { padding: 60px 0;}
.footer .mid-footer .wrap-inner { display: flex; justify-content: space-between; align-items: center;}
.footer .footerBox { width: 100%; float: left; display: flex; justify-content: space-between;}
.footer .footerBox .about { width: 340px;}
.footer .footerBox .about p { margin: 20px 0; display: block;}
.footer .reach li { margin-bottom: 20px; display: flex; gap: 15px;}
.footer .reach li a { display: flex; gap: 15px; }
.footer .reach li a i,
.footer .reach li a:hover { color: var(--primaryColor);}
.footer .reach li a span { line-height: normal;}
.footer .social { display: block;}
.footer .social li { float: left; margin-left: 10px;}
.footer .social li a { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; border-radius: 10px; color: var(--lightColor); background-color: #222;}
.footer .social li a:hover { color: var(--primaryColor);}
.footer .btm-footer { border-top: 1px solid #363636; font-size: var(--Fonts-size-m); padding: 20px 0;}
.footer .btm-footer .wrap-inner { display: flex; justify-content: space-between;}
.footer .btm-footer ul { display: flex;}
.footer .btm-footer ul li { margin-left: 30px;}
.footer .btm-footer ul li a:hover { color: var(--white);}


.lightBgColor { background-color: var(--lightColor);}
.darkBgColor { background-color: var(--secondaryColor);}

.titleBox { display: block; margin-bottom: 30px; position: relative;}
.titleBox h2 { margin-bottom: 0; position: relative; z-index: 1;}
.titleBox label { font-family: var(--tFonts); color: var(--primaryColor); font-size: var(--Fonts-size-xl); margin-bottom: 8px; display: block; position: relative; z-index: 1;}
span.focusText { font-size: 242px; font-weight: 700; position: absolute; z-index: 0; left:-20px; top: 10px; color: #f4f4f4; z-index: -1;}

.darkBgColor { color: #cecece;}
.darkBgColor .titleBox h2 { color: var(--white);}
.darkBgColor span.focusText { color: #232323; z-index: 0;}

.imagesBox { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.imagesBox .cntBox { width: 50%;}
.imagesBox .imgBox { width: 50%; padding-right: 50px;}
.imagesBox.rightImg { flex-direction: row-reverse;}
.imagesBox.rightImg .imgBox { padding-right: 0px; padding-left: 50px;}


/* Home Page */
.homeBanner { padding:160px 0 160px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; position: relative; overflow: hidden;}
.homeBanner::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: var(--darkColor); opacity: 0.65; }
.homeBanner .imgBox { display: none; }
.homeBanner .cntBox label { display: block; font-family: var(--tFonts); font-size: var(--Fonts-size-big-s); color: var(--primaryColor); margin-bottom: 30px;}
.homeBanner .cntBox h1 { font-size: var(--Fonts-size-big-xxl); color: var(--white); font-weight: 300; line-height: 112px;}
.homeBanner .cntBox h1 span { font-weight: 600;}

.homePartner .wrap-inner-full { display: flex; align-items: center;}
.homePartner .imgBox { width: 50%; padding-right: 60px;}
.homePartner .cntBox { width: 50%; padding-right: 60px;}

.homeWhy ul { display: flex; flex-wrap: wrap;}
.homeWhy ul li { width: 25%; display: flex; flex-wrap: wrap; padding: 10px;}
.homeWhy ul li div { width: 100%; background-color: var(--secondaryColor); position: relative; padding: 50px 30px 30px 30px; border-radius: 18px; color: var(--white); font-size: var(--Fonts-size-big-s); font-weight: 700; line-height: normal; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.homeWhy ul li div span { position: absolute; top: 70px; right: 30px; font-size: 132px; font-weight: 800; line-height: 0; z-index: 0; opacity: 0.05; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.homeWhy ul li div:hover { background-color: var(--primaryColor);}
.homeWhy ul li div:hover span { color: var(--secondaryColor); opacity: 0.08;}

.homeProfits { padding-bottom: 440px;}

.homeThroughput { margin-top: -480px;}
.homeThroughput.darkBgColor { background-color: transparent;}
.homeThroughput .wrap-inner-round { background-color: #262626;}

.homeLabor { padding:130px 0; background-image: url(../images/Go-N-Dutch-home.jpg); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; position: relative; overflow: hidden; color: var(--white); }
.homeLabor::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: var(--darkColor); opacity: 0.65; }
.homeLabor p { font-family: var(--tFonts); font-size: var(--Fonts-size-xl);}
.homeLabor h2 { color: var(--white);}

.homeTestimonialsSlide { width: 100%; float: left;}
.homeTestimonialsSlide .owl-stage { display: flex; flex-wrap: wrap;}
.homeTestimonialsSlide .owl-stage .owl-item { display: flex; flex-wrap: wrap;}
.homeTestimonialsSlide .owl-stage .owl-item .item { display: flex; flex-wrap: wrap; padding: 15px;}
.homeTestimonialsSlide .owl-stage .owl-item .testBox { background-color: #f9f9f9; border: 1px solid #efefef; padding: 35px; border-radius: 16px;}
.homeTestimonialsSlide .owl-stage .owl-item .testBox .info { display: flex; flex-direction: column;}
.homeTestimonialsSlide .owl-stage .owl-item .testBox .info label { font-family: var(--tFonts); color: var(--primaryColor);}
.homeTestimonialsSlide .owl-stage .owl-item .testBox .info span { font-size: var(--Fonts-size-l); text-transform: uppercase;}
.homeTestimonialsSlide .owl-nav { display: none;}
.homeTestimonialsSlide .owl-dots { padding: 10px 0; display: flex; justify-content: center;}

.homeVideo { background: url(../images/gd-bg.png) center center #f9fafa;}
.homeVideo .videoBox { display: flex; flex-wrap: wrap;}
.homeVideo .videoBox .video { width: 50%; display: flex; padding: 0 15px;}
.homeVideo .videoBox .video .cntBox { width: 100%; display: block;}
.homeVideo .videoBox .video .cntBox iframe { width: 100%; height: 430px; border-radius: 16px; }


/* Inner Page */
.innerBanner { padding:120px 0 120px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; position: relative; overflow: hidden;}
.innerBanner::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: var(--primaryColor); opacity: 0.80; }
.innerBanner .imgBox { display: none; }
.innerBanner .cntBox label { display: block; font-family: var(--tFonts); font-size: var(--Fonts-size-big-s); color: var(--white); margin-bottom: 30px;}
.innerBanner .cntBox h1 { font-family: var(--hFonts); font-size: 180px; color: var(--white); font-weight: 600; line-height: normal; line-height: 180px; text-shadow: 35px 2px 25px #950223;}
.innerBanner::after { content: ""; width: 410px; height: 100%; position: absolute; left: 30%; top: 0; z-index: -1; background-color: #950223; opacity: 0.55; border-left: 1px solid #ff1046;}


.contactPage { padding-top: 60px;}
.contactPage .titleBox h2 { font-size: var(--Fonts-size-big-xxl); margin-bottom: 30px; font-weight: 400;}
.contactPage .contactDtl { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; margin-top: 60px; float: left;}
.contactPage .contactDtl li { display: flex; flex-wrap: wrap;}
.contactPage .contactDtl li a { display: flex;  flex-direction: column; justify-content: center; gap: 10px; text-align: center;}
.contactPage .contactDtl li a i { font-size: 32px; color: var(--primaryColor);}
.contactMap iframe { width: 100%; height: 340px;}

.howBenefit { width:100%; float:left;}
.howBenefit li { width:100%; float:left; border: 1px solid #E8E8E8; border-radius: 6px; padding:18px 25px; margin-bottom:15px;}
.howBenefit li .acclink { width:100%; float:left;  color: var(--titleColor); font-weight: 600; font-size: var(--Fonts-size-xl); position:relative; cursor:pointer;}
.howBenefit li .accord-detail { width:100%; float:left;}
.howBenefit li .accord-detail p:last-child { margin-bottom: 0;}
.howBenefit li .acclink.active { margin-bottom:15px; color:var(--primaryColor);}
.howBenefit li .acclink:before { content:"+"; width:30px; height:30px; font-size:22px; line-height:30px; font-weight:600; text-align:center; position:absolute; right:-15px; top:-3px; border-radius:5px;}
.howBenefit li .acclink.active:before { content:"-"; width:30px; height:30px; font-size:30px; line-height:25px; font-weight:600; text-align:center; position:absolute; right:-15px; top:-3px;  border-radius:5px;}
.howBenefit li ul.list li { border: 0 none;}


.ourTeam .titleBox { text-align: center;}
.teamList { display: flex; justify-content: center;}
.teamList li { display: flex; padding: 30px;}
.teamList li .teamBox { max-width: 360px; display: flex; flex-wrap: wrap; cursor: pointer;}
.teamList li .teamBox .imgBox { width: 100%;}
.teamList li .teamBox .cntBox { width: 100%; padding: 20px 0 0 0; display: flex; flex-direction: column;}
.teamList li .teamBox .cntBox a { font-family: var(--tFonts); font-size: var(--Fonts-size-xxl); font-weight: 700; color: var(--primaryColor); margin-bottom: 8px;}


.wpcf7-response-output { width: 100%; float: left;}

#spin { color:var(--primaryColor);}
#spin:after { content:""; animation: spin 5s linear infinite;}
@keyframes spin {
  0%  { content: "Owners";}
  50% { content: "Customers"; }
  100% { content: "Employees"; }
}

/* Target Safari on iOS */
@supports (-webkit-overflow-scrolling: touch) {
  .homeBanner,
  .innerBanner,
  .homeLabor { background-attachment: scroll; }
  .homeBanner::before,
  .innerBanner::before,
  .homeLabor::before { height: 100vh;}
}