*{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}
 .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 0 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}
}