*{margin: 0;padding: 0;}
html,body {  font-size:14px; font-family: "Poppins", sans-serif;  color:#000;  font-weight: 300;  letter-spacing:0.5px;}
ul,ol{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;}

@media (max-width: 1280px) {.container {max-width:96%;}}
@media (min-width: 1290px) {.container {max-width: 1240px;}}
@media (min-width: 1400px) {.container {max-width: 1290px;}}
@media (min-width: 1500px) {.container {max-width: 1388px;}}


.headerTops{padding:15px 0;display:inline-block;width:100%;box-shadow:0 3px 10px #00000014}
.searchBox{display:flex;gap:10px}
.searchBox .form-control{background:#F6F6F6 0% 0% no-repeat padding-box;box-shadow:0 0 10px #00000014;border:1px solid #D3D3D3;border-radius:5px;height:50px}
.searchBox button {background:#0096ff;height: 50px;width: 62px; border:none; color:#fff; font-size:22px;border-radius: 5px; cursor: pointer;}
.searchBox button:hover {background:#064a79;}
.headerBox{justify-content: end;display:flex;align-items:center;list-style-type:none}
.headerRight{display:flex;align-items:center;gap:7px}
.headerRight img {width:30px;}
#advance_search  img {width:10px;}
#advance_search{display:flex;cursor:pointer;align-items:center;padding:0;background:inherit;border:none;letter-spacing:0;font-size:13px;line-height:18px;font-weight:500;gap:6px;outline:0;text-decoration:underline}
.headerRight b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.headerRight span{font-size:12px;color:#888;letter-spacing:0}
.headerRight .imgText a{text-decoration: none;color:#888;}
.headerBox li{border-right:solid 1px #E6E6E6;padding:0 0;position:relative}
.imgBox{position:relative}
.imgBox b{position:absolute;top:-2px;right:7px;color:#fff}
.headerBox li:last-child{border-right:none;padding:0 0 0 8px}
header .headerMainRight .headerBox li:last-child{padding:0 0 0 12px}
header .headerMainRight .headerBox li:first-child{padding:0 12px 0 0}
.headerNav {background:#0096ff;}
.headerNav .menuIcon{width:100%;height:49px;cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#fff;margin:1px 0}
.headerNav .menuIcon span{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0}
.leftMenu {position: relative;}
.advanceSearch{box-shadow:0 3px 22px #00000014;position:absolute;width:522px;background:#fff;padding:30px 30px;z-index:9;border-radius:0 0 5px 5px;opacity:0;visibility:hidden;right:0;top:40px;transition:all 1s ease-in-out}
.advanceSearch label{margin:0;font-size:12px;line-height:18px;font-weight:500}
.advanceSearch select{height:40px!important;padding: 0 12px;background:#F6F6F6;border-radius:5px;box-shadow:inherit!important;outline:0}
.advanceSearch .searchBtns{background:#000;border:1px solid #000;border-radius:5px;width:160px;height:38px;margin-right:20px;color:#fff;font-size:13px;line-height:26px}
.advanceSearch .resetBtns{text-decoration:underline;letter-spacing:0;color:#000;background:inherit;border:none;padding:0}
.userIcon{display:flex;height:100%;align-items:center;gap:40px;justify-content:end}
.userIcon li span:first-child{width:27px;height:27px;display:inline flow-root list-item;background:#fff;text-align:center;border-radius:50%}
.userIcon li span:last-child{color:#fff;font-weight:400}
.userIcon li a {text-decoration: none;}
.loginDropdown{padding:0;border:none;background:inherit; cursor: pointer;}
.userIcon li { line-height: 25px;}

.headerMain {display: flex;flex-wrap:wrap; align-items: center;}
.headerMainLeft {width:17%;}
.headerMainMiddle {width:48%; padding-left:60px;}
.headerMainRight {width:33%; margin-left: auto;}
header{position:sticky;left:0;top:0;width:100%;z-index:999;
  background: #fff;}


.btn-theme   {
  background: #0096ff;
  border-color: #0096ff;
  height: 50px;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
}
.btn-theme:hover { border-color: #064a79;
  background: #064a79;
}

.footerTop{background:#0096ff;padding:120px 20px 72px}
.copyright {
  background: #064a79;
  padding: 15px 0 13px;
}
.copyright ul{display:flex;justify-content:center;padding:0 10px}
.copyright ul li a{color:#fff!important;font-size:14px}
 .copyright .socialIcons li a{font-size: 18px;}
.copyright ul li a:after{content:'|';padding:0 11px}
.copyright ul li:last-child a:after{display:none}
.copyright p{margin:0;font-size:14px;color:#fff;}
.footerBoxes{color:#fff;display:flex;gap:38px;justify-content:space-between}
footer .logos{margin:0 0 20px;display:inline-block;width:100%}
.footerBox:first-child{width:220px}
.footerBox:last-child{width:500px}
.footerBox p{color:#fff;max-width:250px;letter-spacing:0;line-height:24px}
.footerBox h4{margin:0 0 19px;font-size:18px;font-weight:600;letter-spacing:.18px}
.footerBox ul li{color:#fff}
.footerBox ul li a {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}
.footerBox ul li a:hover{color:#064a79}
.footerBox ul li a::before {
  content: '';
  background: url(../images/chevron.png);
  width: 10px;
  height: 14px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
}
.footerBox.last ul li{width:48%;float:left}
.footerBox.last ul li:nth-child(even){margin-left:20px}


 .footerBox ul.socialIcons  li a::before {display: none;}

  .footerBox ul.socialIcons {
  gap: 10px;
}

.footerBox ul.socialIcons li a {font-size:18px;}

.whatsappIcon {
  position: fixed;
  bottom: 20px;
  right: 30px;
  font-size: 42px;
  z-index: 999;
  background: #075E54;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
}

.whatsappIcon {
  position: fixed;
  bottom: 20px;
  right: 30px;  z-index: 999;
  
}


.whatsappIcon a {
  color: #fff;
  font-size: 32px;
  background:#25d366;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}








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

.headerMiddleWraps .middleSearch{
  width: 74%;
}
.footerBox .email_phone_view, .footerBox .phone_number_phone_view{display: none;}


@media only screen and (min-width:993px)
{
.headerBox li:hover .advanceSearch{opacity:1;visibility:visible}
.leftMenu .leftMenuBox li.mb-show {display:none;}   
.leftMenu .leftMenuBox{box-shadow:0 5px 10px #00000017;background:#fff;position:absolute;top:49px;left:0;width:100%;padding:10px 22px;visibility:hidden;opacity:0;transition:all 0.3s ease;max-height: 500px;overflow-y: auto;}
.leftMenu .leftMenuBox li{display:inline-block;width:100%}
.leftMenu .leftMenuBox li a{color:#000;font-size:14px;width:100%;padding:14px 0 0;display:flex;line-height:18px;align-items:center;gap:4px;text-decoration:none;font-weight:500}
.leftMenu .leftMenuBox li a::before{content:'';background:url(../images/path.png);width:10px;height:10px;display:flex;background-repeat:no-repeat;background-size:contain}
.leftMenu:hover .leftMenuBox{visibility:visible;opacity:1}
.leftMenu .leftMenuBox li a:hover{color:#2572ba}
.infoMenu{height:100%;width:100%}
.infoMenu ul{display:flex;align-items:center;height:100%;gap:48px}
.infoMenu ul li a{color:#FFF;text-decoration:none;font-size:14px;line-height:18px;font-weight:500}
.infoMenu ul li a:hover {  color:#f0f6fb;}   
}


@media only screen and (max-width:1200px) 
{
.infoMenu ul{gap:25px}
.headerBox li{padding:0 12px}
.footerBox.last ul li:nth-child(2n) {margin-left: 10px;}
.headerMiddleWraps .middleSearch{
  width: 70%;
}


}

@media only screen and (max-width:1140px) 
{
.headerMainMiddle {width:45%;}
.headerMainRight {width:38%;}
.footerBoxes { 
  flex-wrap: wrap;
}
.footerBox:first-child {
  width: 100%;
}

 .footerBox.quickLink {
  width: 150px;
}
.headerMainMiddle { 
  padding-left: 30px;
}

    
}


@media only screen and (max-width:992px) 
{
 
.headerMainLeft {  width:40%;}
.headerMainMiddle {width:100%;-webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;}
  .headerMiddleWraps .middleSearch {
  width: 100%;
}

 .headerMiddleWraps .middleSearch form{
  width: 70%;
}
 
.headerMainRight{width:60%}
.logos img{width:190px!important}
.footerBox  .logos img{width:auto!important}
.searchBoxes.active{position:fixed;background:rgb(255 255 255 / .8);left:0;width:100%;height:100vh;z-index:9;top:0}
 
.headerRight{justify-content:center}
.searchBoxes.active .advanceSearch{visibility:visible;opacity:1;background:inherit;position:static;width:100%;box-shadow:inherit;top:-14px;height:110vh}
.advanceSearch{transition:inherit}
#closeBtns{background:inherit;border:none;position:absolute;right:20px;top:11px}
#closeBtns1{background:inherit;border:none;position:absolute;right:20px;top:24px}
#closeBtns img {width: 19px;}
#closeBtns1 img {width: 19px;}
.headerBox li .advanceSearch.active{opacity:1;visibility:visible}
.logos{display:flex;align-items:center;height:100%}
.searchBox button{height:40px;width:52px;font-size:18px}
.searchBox .form-control{height:40px}
.headerTops{padding:10px 0}
.infoMenu {display: none;} 
.leftMenuBox{background:#1c4984;position:fixed;left:-100%;top:0;width:300px;padding:0;height:100vh;z-index:99;visibility:hidden;opacity:0;transition:all 1s ease}
.leftMenuBox.open{visibility:visible;opacity:1;left:0}
.leftMenuBox li{width:100%}
.leftMenuBox li a{width:100%;display:block;color:#fff;font-weight:300;font-size:15px;padding:6px 14px;border-bottom:solid 1px #e8e4e421}
.headerNav .menuIcon span, .headerNav .menuIcon img:last-child {display:none;}
.headerNav .menuIcon{width:45px;padding:0;justify-content:center;height:40px}
.hideMob{display:none;}
.headerBox {
    justify-content: center;
    margin: 10px 0 0;
  }
.headerBox li{border:none;padding:0}
.userIcon li span:last-child{display:none}
.userIcon{gap:29px}
.userIcon li span:first-child{width:40px;height:40px;align-items:center;display:flex;justify-content:center}
.userIcon li span:first-child img{width:20px;filter:brightness(0) invert(1)}
.mobileIcons{width:40px;height:40px;display:flex;text-align:center;border-radius:50%;justify-content:center;align-items:center}
.f-20{color:#fff;font-size:21px}
.imgBox b{position:absolute;top:7px;right:13px;font-size:10px;color:#000}
  .headerMainMiddle {
    position: fixed;
    background: #fffdfd;
    left: 0;
    width: 100%;
    padding: 9px 0 0;
    z-index: 9;
    top: 0;
  }

  .middleSearch {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}


.headerMainMiddle.searchOpen{top:0%}
.userIcon li span:first-child{background:inherit}
.mbLogo{display:block;background:#f2f2f2;padding:7px 10px}
.mbLogo img{width:150px;margin:auto;display:table}
.btnNavToggles{position:absolute;top:6px;right:15px;font-size:20px;color:#000}
.leftMenuBox ul{overflow:auto;display:block;height:100vh;padding:0 0 120px}
#advance_search{margin:0px auto 0;}
.mbhide {display:none!important;}
footer .logos {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%;
  height: auto;
}

 .footerBox.quickLink {
    width: auto;
  }
  
  .footerBox:last-child {
  width: auto;
}
  .footerBox.content {
    width: 100% !important;
  }
 
 .email_phone_view, .phone_number_phone_view{color: #fff; padding-left: 15px; padding-top: 10px; font-weight: 500;}
 .leftMenuBox  li.email_phone_view a, .leftMenuBox  li.phone_number_phone_view a {border-bottom: none; padding-left: 0;}
  .email_phone_view{border-bottom: 1px solid #e8e4e421;}

}


@media only screen and (max-width:580px) {
  .headerMainRight {
    width: 100%;
  }
   .middleSearch {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .headerMainLeft {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    /* margin: 10px 0 10px; */
  }

  .advanceSearch label, .advanceSearch select { 
  width: 100%;height: auto !important;
}
  .headerMiddleWraps .middleSearch form {
    width: 100%;
  }
  #closeBtns1 { 
    top: 72px;
  }

  .headerMiddleWraps { 
  flex-wrap: wrap;
}

.stocks {width:100%; text-align: center; margin-top:8px;}


}






@media only screen and (max-width:600px)
{
.userIcon{gap:12px}
.footerTop {
  background: #000;
  padding: 100px 0px 72px;
}


}

@media only screen and (max-width:500px)
{
.footerBox.last ul li {
  width:100%;
  float: left;
}
  .footerBox.last ul li:nth-child(2n) {
    margin-left: 0;
  }

}