@charset "utf-8";
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,var
{-webkit-text-size-adjust: none;}
body{-webkit-text-size-adjust: none;}
.wrapper-header{min-width: 1200px; max-width: 1400px; margin: 0px auto; padding: 0 30px; position: relative;}
.header { height: 104px;}
.header:after{content:"";display:block;clear:both;}
.new-serach {float:left; position: relative;}
.new-serach input{ width:415px;height:40px;border:#BDBDBD 1px solid;padding: 10px;padding-left: 40px;box-sizing: border-box;font-family: "Poppins", serif;font-weight:400;font-size:14px;color:#989696;border-radius: 10px;transition: all 0.5s ease;}
.new-serach:focus-within input{ padding-left: 10px;transition: all 0.5s ease;}
.new-serach:focus-within .new-search-button{ right: 0;left:363px; 
  transition: all 0.5s ease;border-left: 1px solid #ddd;}
.new-search-button{ position: absolute;left: 0;top: 0;text-transform: uppercase;min-height: 40px;box-sizing: border-box; 
  width:51px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease;}
li.dropdown:hover a.all-sunglasses{color:#ffffff !important;}
.new-search-button:after{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255,255,255,0.4);}
.new-search-button:hover:after{ width: 120%; background-color: rgba(255,255,255,0); -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out;}
.logo-area{ float:left; margin-top: 2px;}
.contact-number { float: left; display: flex; margin: 1px 40px 0px 30px; font-weight: 600; font-size: 25px; line-height: 26px; color: #333333; padding-left: 30px; border-left: 1px solid #BDBDBD; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 38px;}
.contact-number span { font-size: 14px; display: block; text-align: left; font-family: "Poppins", serif; font-weight: 500; letter-spacing: normal; line-height: 9px; position: relative;}
.contact-number a{ color:#333333; font-size: 18px; line-height: 14px;}
.contact-number span.active_online{ padding-left:20px;}
.contact-number span.active_online::before { content: ""; position: absolute; width: 12px; height: 12px; background:#35ca00; border: 1px solid #fff; border-radius: 50%; -webkit-box-shadow: 0px 0px 5px 2px #71ff3e; -moz-box-shadow: 0px 0px 5px 2px #71ff3e; box-shadow: 0px 0px 5px 2px #71ff3e; left: 0px; top: -3px; -webkit-animation: rippleOnline 1s linear infinite; animation: rippleOnline 1s linear infinite;}
.contact-number span.inactive_online::before {display: none;}
@-webkit-keyframes rippleOnline { 0% {     -webkit-box-shadow: 0px 0px 0px #71ff3e;     -moz-box-shadow: 0px 0px 0px #71ff3e;     box-shadow: 0px 0px 0px #71ff3e; }
   70% {     -webkit-box-shadow: 0px 0px 5px 2px #71ff3e; -moz-box-shadow: 0px 0px 5px 2px #71ff3e; box-shadow: 0px 0px 5px 2px #71ff3e; }
   100% {     -webkit-box-shadow: 0px 0px 0px #71ff3e;     -moz-box-shadow: 0px 0px 0px #71ff3e;     box-shadow: 0px 0px 0px #71ff3e; }
  }
  
  @keyframes rippleOnline { 0% {     -webkit-box-shadow: 0px 0px 0px #71ff3e;     -moz-box-shadow: 0px 0px 0px #71ff3e;     box-shadow: 0px 0px 0px #71ff3e; }
   70% {     -webkit-box-shadow: 0px 0px 5px 2px #71ff3e; -moz-box-shadow: 0px 0px 5px 2px #71ff3e; box-shadow: 0px 0px 5px 2px #71ff3e; }
   100% {     -webkit-box-shadow: 0px 0px 0px #71ff3e;     -moz-box-shadow: 0px 0px 0px #71ff3e;     box-shadow: 0px 0px 0px #71ff3e; }
  }
.header-menu-container{ width: 100%;background: #F5F5F5; position: relative;height:58px;}
.header-menu-wrapper{min-width: 1200px; max-width: 1400px; margin: 0px auto; position: relative;	padding:0 30px;}
.header-menu-bg{display:block;padding:0;margin:0;list-style:none;}
.header-menu-bg ul{display: flex; width: 100%; position: relative; justify-content: space-between; align-items: center;}
.header-menu-bg li { float:none; list-style: none;display:table-cell; box-sizing: border-box; text-align: center; line-height: 18px; text-transform: uppercase; height: 58px;padding: 4px 0px;}
.header-menu-bg li.dropdown { margin: 0px !important; text-align: left; border: 0; cursor: pointer; color: #333333; min-width: auto; justify-content: flex-start;}
.header-menu-bg li:first-child:after{content:"";display:none;}
.header-menu-bg li:last-child a:after{content:"";display:none;}
.header-menu-bg li.dropdown a{margin-left:30px;}
.header-menu-bg li.dropdown a{color:#ffffff;}
.header-menu-bg li.dropdown a{font-family: "Poppins", serif; font-weight: 500;font-size:18px;}
.header-menu-bg li a { list-style: none; padding: 0; color: #333333; font-size: 16px; text-decoration: none; text-transform: capitalize;font-family: "Poppins", serif; font-weight: 500; letter-spacing: 0; line-height: 16px;width:100%; height: 100%; display: flex; align-items: center;position:relative;}
.header-menu-bg li a:after { /* border-right: 1px solid #d6d6d6; */ content: ""; display: block; height: 30px; right: 0; position: absolute; top: 0;}
.header-area-wrapper{position:relative;background:#ffffff; z-index:101;}
.header-menu-bg li:last-child:after{display:none;}
.header-menu-wrapper:after, .products-models-tabs:after{ content: ""; clear: both; display: block;}
.dropdown-nav-links ul{margin: 0; padding: 0 0 0 0; list-style: none; display: block;}
.dropdown-nav-links ul li{ display: inline-block; padding: 0 6px; margin-right:25px; width: 23.18%; border: 0; text-align: left;height:auto;}
.dropdown-nav-links ul li:last-child{padding: 0 !important;}
.header-menu-bg li.dropdown a.all-sunglasses:after { content: ""; position: absolute; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #ffffff; top: 5px; margin-left: 13px; right: 27px;}
.header-menu-bg li:hover a{color:#a62360;}
.account-login-warpper{float: right; margin-top:10px;}
.account-login-warpper ul{display:block;/* width:140px; */}
.account-login-warpper ul li{float:left;text-decoration:none;list-style:none;position:relative;}
.account-login-warpper ul li:first-child{float:left;}
.header-menu-bg li span.all-sunglasses{ list-style: none; padding-right:15px; color: #333333; text-decoration: none; text-transform: capitalize; font-family: "Poppins", serif; font-weight: 500; font-size: 16px; letter-spacing: 0; line-height: 16px; width: 100%; position: relative; margin-left: 0px;}
.header-menu-bg li.dropdown:hover span.all-sunglasses{ color: #a62360;}
.header-menu-bg li.dropdown:hover span.all-sunglasses:after{ filter: brightness(0) saturate(100%) invert(18%) sepia(28%) saturate(6971%) hue-rotate(313deg) brightness(93%) contrast(88%); transform:translateY(0px); animation:mover 0.5s 1s alternate;}
.header-menu-bg li.dropdown span.all-sunglasses:after { content: ""; position: absolute; background: url(../images/menu_drop.svg); background-size: 12px 15px; width: 12px; height: 15px; top: 0; right: -3px; z-index: 3; transform:translateY(1px); animation: mover 0.5s infinite alternate;}
@keyframes mover { 0% { transform: translateY(2px); } 100% { transform: translateY(-2px); }
  }
span.hd-car-display{position:absolute; border-radius: 50%; width:25px; height:25px;background:#ffbf45;display: flex; align-items: center; justify-content: center;top:-10px;right:-10px;}
.main-wrapper-header{min-width: 1200px;max-width: 1400px; margin: 0 auto; padding: 0 30px;}
.main-wrapper-header:after { clear: both; content: ""; display: block;}
.headertotsec{ float:right; margin:32px 9px 0px 0px;}
.fpanel-login.fpanel { width: 230px;}
.fpanel { top: 0px; position: absolute; right: 0; z-index: 9999;width:450px;right:-24px}
.fpanel .myaccnt-inner {background: #FFF;width: 100%;z-index: 1;float: left;border: 1px solid #d4d4d4;border-radius: 5px;box-sizing: border-box;margin-top: 30px;position: relative;box-shadow: 0 4px 16px -3px rgb(0 0 0 / 15%);padding: 10px;}
.myaccnt-inner:after {content: "";position: absolute;top: -8px; right: 27px; width: 14px; height: 8px;background: url(../images/drp_menu_arw.png) no-repeat;}
.topsectionmenu ul li { position: relative; }
.fpanel ul li { display: inline-block;border-bottom: 1px solid #d4d4d4;padding: 8px 0!important;width: 91%;margin-left: 11px;border-right: 0; }
.fpanel ul li:last-child { border: none}
.fpanel ul li a {font-size: 14px;text-decoration: none;color: #333333;display: inline-block;width: 100%;padding: 4px; border-radius: 4px; box-sizing: border-box; transition: 0.4s ease;}
.fpanel ul li a:hover {color: #FFF; background: #c34479; padding-left: 15px; transition: 0.4s ease;  }
.fpanel-login ul li{margin:0px 0 0 0 !important;width:100%;padding:5px 0px !important;}
.fpanel-login ul li:nth-of-type(6) a { margin-left:0px;}
.myaccnt-inner ul{display:block !important;width: 100% !important;}
.mycartm { width: 350px; top: 8px; position: absolute; right: -15px; z-index: 9999; cursor: default }
.myflip { cursor: pointer; }
li.paddlft.myflip { padding-right: 0 !important; min-height: 34px; box-sizing: border-box; }
.myflip div img { margin-left: 0px }
.myflip div a img { margin-left: 4px }
.mycartm .cart-inner { width: 100%; box-sizing: border-box; position: relative; border: 1px solid #d4d4d4; padding: 10px; background: #fff; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px 5px 5px 5px; float: right; margin-top: 22px; -webkit-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); -moz-box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); box-shadow: 0 3px 8px 1px rgba(0,0,0,0.23); margin-left:15px;}
.mycartm .cart-inner:after { content: ""; position: absolute; top: -7px; right: 20px; width: 14px; height: 8px; background: url(../images/drp_menu_arw.png) no-repeat }
#cart-total{    color: #333333; font-weight: 500;}
#mycart .cart-inner #cart { background: #f2f2f2; padding: 6px 8px; margin-bottom: 10px; border-radius: 4px;}
#mycart .myflip span { font-size: 13px; color: #333; line-height: 13px }
.mini-cart-info table td a { color: #333333; text-decoration: none; line-height: normal; font-size: 13px;  display: inline-block;font-weight: 500;}
.mini-cart-info table tr td { vertical-align:top; text-align: left;padding-right: 5px; }
.mini-cart-info table tr td.name{ padding-left: 5px;}
.mini-cart-total table td.right:nth-of-type(even) { color: #333333; font-weight: 600; text-align: right }
.mini-cart-total { border-top: 1px solid #CECECE; font-family: "Poppins", serif;font-weight: 600; }
.mini-cart-total table { width: 100%; margin-top: 5px }
.mini-cart-total td.right{ text-align: right;}
.mini-cart-total td.right b{ font-weight: 600;}
.menu-overlay{position: fixed; background: rgba(0, 0, 0, .65); left: 0; right: 0; top:0px; bottom: 0; z-index: 100;	opacity: 1; animation: fade .1s ease-in;width:100%;height:100%;display:block !important;}
@keyframes fade { 0%,50% { opacity: .5}  100% { opacity: 1} }
.header-menu-bg li { display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer;padding: 0 !important; min-width: auto;float:left;}
.header-menu-bg li.lowstar:last-child{ float: right; border-right: 0px; background-size: 100%; }
.header-menu-bg li:last-child {   padding-right: 0px !important;}
@media only screen and (min-width:1500px){ }
.specifications-title{margin-bottom: -3px!important; font-family: "Poppins", serif; font-size: 18px!important; font-weight: 600;}
.login-username { padding: 10px 12px 10px 12px;   font-family: "Poppins", serif; font-weight: 600; background: #efefef; margin: 0px; box-sizing: border-box; border-radius: 3px 3px 3px 3px;}
.login-username span { font-weight: normal;}
.dropdown-nav-links{background: #ffffff;padding:23px 0px 0px 39px !important;-moz-box-shadow: 0 8px 16px -9px rgba(0,0,0,.66);box-shadow: 0 8px 16px -9px rgb(0 0 0 / 30%);cursor:default;box-sizing: border-box;}
.dropdown-nav-links ul{margin: 0; padding: 0 0 0 0; list-style: none; display: block;}
.dropdown-nav-links ul li{ display: inline-block; padding: 0 6px; margin-right:25px; width: 23.18%; border: 0; text-align: left;height:auto;}
.dropdown-nav-links ul li:last-child{padding: 0 !important;}
.cpanel { width: 100%; min-width: 1200px; max-width: 1400px; top: 58px !important; padding-top: 9px; position: absolute; left: 0; padding: 0 0px; z-index: 9999; box-sizing: border-box;}
.dropdown-nav-links ul li a:hover{color:#e40046  !important;}
.dropdown-nav-links:after{content:"";display:block;clear:both;}
.nav-left-side-wrapper{width:300px;display:table-cell;padding-right:30px;box-sizing:border-box; position: relative;}
.nav-left-side-wrapper:after { content: ""; position: absolute; border-right: 1px solid #ececec; width: 1px; top: 0; bottom: 25px; right: 0;}
.nav-right-side-wrapper{display:table-cell;width:calc(100% - 323px);padding-left:23px;position:relative;}
.nav-left-side-wrapper section span.droop-dn-title{ font-family:"Poppins", serif; font-weight: 700; font-size: 16px!important;color:#333333 !important;margin-bottom:7px;display:block;text-transform: uppercase;}
.nav-left-side-wrapper section a{ font-family:"Poppins", serif; font-weight: 500; font-size: 15px!important; color: #333333 !important; display: block; padding: 16px 0px 15px 0px !important; border-bottom: 1px solid #ececec; margin: 0 !important; text-transform: capitalize !important; line-height: 14px;  box-sizing: border-box;}
.nav-left-side-wrapper section a:last-child{border-bottom:none;}
.nav-left-side-wrapper section a:hover{color:#a62360 !important;}
.nav-left-side-wrapper section:nth-child(2){margin-top:17px !important;}
.nav-left-side-wrapper section:nth-child(2) a:last-child{border-bottom:none !important;}
.nav-left-side-wrapper section a:after{content:"";display:none;}
.dropdown-nav-links{display:inline-table;width:100%;min-width: 1200px; max-width: 1400px;}
.nav-right-side-wrapper div.droop-dn-title span{font-family:"Poppins", serif; font-weight: 700; font-size: 16px;color:#333333;position:relative;padding-right:13px;background:#fff;text-transform: uppercase;}
.nav-right-side-wrapper div.droop-dn-title:before{content:"";width:100%;height:1px;background:#ececec;display: block; top: 8px; position: absolute; z-index: 0;}
.droop-dn-title{ margin-bottom:17px; margin-right: 39px; position: relative;}
.nav-collections-area{width:20%;float:left; margin:0px 0px 25px 0px;}
.nav-collections-area .sg-items-wrapper{width:100%; height: 110px;border-right:1px solid #ececec;cursor:pointer;box-sizing:border-box;}
.nav-collections-area .sg-items-wrapper a::after { display: none;}
.nav-collections-area:nth-child(5n+6) .sg-items-wrapper{border-right:none;}
.nav-collections-area .sg-items-wrapper:hover .sg-products aside span{color:#a62360 ;}
.nav-collections-area .sg-items-wrapper .sg-products aside:before{content: ""; background: #000; visibility:hidden; position: absolute; bottom: -4px; left: 50%;  height: 1px; transition: all 0.3s ease-in-out; right: 50%; }
.nav-collections-area .sg-items-wrapper:hover .sg-products aside:before{   visibility:visible; left: 20%; right: 20%; }
/*.nav-collections-area:last-child .sg-items-wrapper{border:none;}*/
/* .nav-collections-area:last-child .sg-items-wrapper .sg-products{width:auto;} */
.sg-products{width:125px;margin:0 auto;display:block;text-align:center; font-family:"Poppins", serif; font-weight: normal;}
.sg-products .sg-products-img { margin: 0px 0 2px 0; min-height: 63px; display: inline-flex; align-items: center;}
.sg-products aside{color:#000; font-size:14px; text-align:center; text-transform:capitalize;line-height:18px; position:relative;}
.sg-products aside span{ font-weight: 600;}
.nav-collections-area .sg-items-wrapper a { line-height: normal; margin-left: 0 !important;}
.header__bottom-links { float: left; /* margin-top: 6px;  */}
.header__chat { text-align: center; cursor: pointer;}
.header__chat-text { text-align: center; font-family: "Poppins", serif; font-weight: 600; cursor: pointer; display: block; font-size: 14px;}
.header__chat:hover { color: #e40046;}
.header__chat:hover:before { background: url(../images/chat_icon.svg) no-repeat;}
.header__chat:before { content: ""; position: relative; width: 20px; height:20px; background: url(../images/chat_icon.svg) no-repeat center; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 4px;}
.header__cart { margin-left: 35px; text-align: center;}
.header__cart-count { font-family: "Poppins", serif; font-weight: 500; cursor: pointer; display: block; font-size: 14px;}
.header__cart:before { content: ""; position: relative; width: 20px; height:20px; background: url(../images/cart_icon.svg) no-repeat center; display: inline-block; vertical-align: middle; cursor: pointer; margin-left: -4px;}
.header__cart:hover:before { background: url(../images/cart_icon.svg) no-repeat center;}
.header__cart:hover .header__cart-count { color: #e40046;}
.header__myaccount:hover .hi-name { color: #e40046;}
.header__myaccount:hover .hi-name:before { border-top-color: #e40046;}
.header__myaccount:hover:before { background: url(../images/user_icon.svg) no-repeat center;}
.header__myaccount:before { content: ""; position: relative; width: 20px; height: 20px; background: url(../images/user_icon.svg) no-repeat center; display: inline-block; vertical-align: middle;}
.hi-name { display: block; position: relative; padding-right: 17px;}
/* .hi-name:before { content: ""; position: absolute; right: 0; top: 7px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #181818;} */
.hi-name span { margin-right: 9px;}
.hi-name b { font-family: "Poppins", serif; font-weight: 500;}
.header__myaccount { cursor: pointer; text-align: center; margin-left: 31px;}
.header-cart-value{ position: absolute; top: -8px; right: -11px; background: #d7d7d7; min-width: 20px; min-height: 20px; text-align: center; font-size: 12px; font-weight: 500; padding: 5px 3px 0 3px; box-sizing: border-box; line-height: 10px; border-radius: 50%;}
.cart-active .header-cart-value { background: #A8235C; color: #fff;}
.header-menu-bg li.lowstar:last-child { background-size: 100%!important;}
.coupon_disclaimer{ background: #42171e; text-align: center; font-weight: 400; font-size: 15px; color: #fff; position: relative; z-index: 250; padding: 7px 0px 10px 0px; height: 40px; box-sizing: border-box;}
.coupon_disclaimer .text-yellow{ display: inline-block; color: #ffffff; font-weight: 600;}
.coupon_disclaimer .coupon-code{ display: inline-block; color: #ffffff; font-weight: 500; /* border: 1px dashed #ffffff; padding: 2px 19px 2px 16px; border-radius: 4px; */ margin-left: 3px; font-size: 16px; cursor: pointer; position: relative; box-sizing: border-box;}
#coupon-code-copy{ border: 1px solid #fff; padding: 2px 12px; padding-bottom: 4px; border-radius: 6px; position: absolute; right: -85px; bottom: 0px; font-size: 14px; font-weight: 400;}
#coupon-code-copy::before{ content: ""; position: absolute; left: -14px; top:6px; border-right: 7px solid #ffffff; border-left: 7px solid #ffffff00; border-top: 7px solid #ffffff00; border-bottom: 7px solid #ffffff00;}
.winback-main-container{ position: fixed; left: 0; bottom:-4px; cursor: pointer; transform: translateY(100%); transition: all 1s ease; z-index: 1000; width :100%;}
.winback-main-container.show{ transform: translateY(0%);}
.winback-success{ text-align: center; font-size: 12px; display: block; line-height: 25px; color: green;}
.winback-icon{ position: fixed; left: 10px; bottom: 9px; font-weight: bold; font-size: 20px; color: #267bb6; animation: bounce 3s ease-in-out infinite; border: 0; background: transparent; display: block;    cursor: pointer; z-index: 1000;}
.winback-icon img {width: 65px; height: 65px;}
#winback-container { width: 736px; height: 522px; margin: 10% auto; border: 0px solid grey;  background: url(../images/winback-bg.png) no-repeat center center;}
#winback-container  .popup_container { padding: 0 15px 15px 15px; position: relative;}
#winback-container  .popup-close {    position: absolute;    right: 4px;    top: 45px;    cursor: pointer;    width: 24px;    height: 24px;}
#winback-container .home-winback-wrap {    display: flex;    align-items: center;    justify-content: space-between;    padding-left: 35px;}
#winback-container .winback-left {    width: 53%;    margin-bottom: 0px;    margin-top: 16%;}
#winback-container .popup-title {    font-size: 40px;        color: #DE1E2C;    font-weight: 600;    border-bottom: 0;    text-align: center; line-height: 35px;    margin-top:  39px;     text-transform: uppercase;}
#winback-container .popup-sub-title { font-size: 14px;  margin-top: 13px;  margin-bottom: 20px; text-align: center;font-weight: 500; color: #333333;}
#winback-container .popup-sub-title span { font-size: 20px; display: block;}
#winback-container .popup-title span { display: block;   font-size: 30px;  }
#winback-container .winback-button-area {    margin-bottom: 0px;}
#winback-container .checkout-btn-group {    display: flex;    gap: 10px;    padding-top: 10px;}
#winback-container .checkout-btn-group button {    width: 160px;    margin-left: auto;    margin: 0 auto;       font-size: 16px;    background: #101010;    border-radius: 8px;    margin-top: 5px;    text-transform: unset; height: 36px;}
#winback-container .popup-body .cmd-btn {    text-decoration: inherit;    color: #fff;}
#winback-container .btn-md {    padding: 4.5px 25px;    font-size: 15px;}
#winback-container .cmd-btn {    font-weight: 500;       border-radius: 3px 3px 3px 3px;    -moz-border-radius: 3px 3px 3px 3px;    -webkit-border-radius: 3px 3px 3px 3px;    display: inline-block;    vertical-align: middle; border: 0;    cursor: pointer;    text-transform: uppercase;    font-family: Poppins, sans-serif;    position: relative;}
#winback-container .coupon-sec { width: 250px;  margin: 0 auto; }  
#winback-container .coupon-sec span { font-size: 14px;     line-height: 25px; display: block;}
#winback-container .coupon-sec .winback {width: 250px; height: 53px; background: url(../images/coupon-code-bg.png) no-repeat center center; border: 0px !important; font-size: 34px; text-transform: uppercase; color: #fff; text-align: center;font-weight: bold;line-height: 53px;}
/* winback banner end */
@media only screen and (max-width: 1400px) { .main-wrapper-header, .header-menu-wrapper, .wrapper-header{     min-width: 95%;     max-width: 100%;     padding: 0 15px;     box-sizing: border-box; } .trust-container{     justify-content: center; } .trust-points-outer{     min-width: 95%; } .trust-item-points{     padding-right: 15px;     margin-right: 15px; } .trust-item-points h4{     font-size: 14px; } .trust-item-points span{     font-size: 11px; }      }
.footerwrap { width: 100%; background: #333333; color: #ffffff;}
.footer-main-wrapper.background-wrapper { width: 100%; min-width: 1260px; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative;}
.footer-main-wrapper { width: 100%; min-width: 1260px; background-position: center -310px; background-repeat: no-repeat; position: relative;}
.footer-info { float: left; width: 41%; padding-right: 15px; box-sizing: border-box; font-family: "Poppins", serif;}
.footer-info ul li { list-style: none; margin-bottom: 13px;}
.footer-info ul li a { color: #ffffff; font-size: 16px; line-height: 22px; transition: all 400ms ease; display: block; font-family: "Poppins", serif; font-weight: 400;}
.footer-info ul li a:hover { transform: translateX(5px); color: #fff;}
.footer-info .content-info{ display: flex; justify-content: flex-start;}
.footer-info .content-info ul:first-child{ padding-right: 52px;}
.main-wrapper-footer { min-width: 1200px; max-width: 1400px; margin: 0px auto; padding: 0 30px; position: relative;}
.footer-info-left { margin-top: 40px; float: left; margin-bottom: 40px; width: 70%;}
.footer-left-outer-top { width: 100%; display: flex;}
.client-auto-slider { position: relative;overflow: hidden;padding: 12px 0;cursor: pointer;}
.cstrack { display: flex;gap:15px;align-items: center;}
.slide { flex: 0 0 auto;width: 180px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 8px;padding: 5px;box-sizing: border-box;}
.slide img { max-width: 100%;max-height: 100%;display: block;object-fit: contain;}
.client-auto-slider:hover .cstrack { animation-play-state: paused;}
.client-auto-slider:before,
.client-auto-slider:after { content: "";position: absolute;top: 0;bottom: 0;width: 80px;pointer-events: none;}
.client-auto-slider:before { left: 0;background: linear-gradient( to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );z-index: 1;}
.client-auto-slider:after { right: 0;background: linear-gradient( to left,  rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) );}
.clients-section__link { text-align: center;}
.clients-section__link a { color: #333333; text-align: center; font-size: 16px; font-family: "Poppins", serif; display: inline-block; margin: 0px 0px 0px 0px; position: relative; top: -15px; padding-right: 17px;}
.clients-section__link a:before { content: ""; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #333333; position: absolute; right: 0; top: 6px;}
.clients-section__link a:after { content: ""; position: absolute; border-bottom: 1px solid #828282; height: 1px; left: 100%; right: 100%; bottom: -2px; transition: all 200ms ease;}
.clients-section__link a:hover:after { left: 2%; right: 11%;}
.esteemed{ padding-top: 45px;}
.esteemed .subheading { text-align: center; padding-bottom: 15px; margin: 0;}
.esteemed .subheading .taghead h2 { font-family: "Poppins", serif; text-transform: uppercase; font-weight: 700; line-height:34px; font-size: 34px; color: #333333; display: inline-block; position: relative;}
.infoheading h3 { position: relative; font-size: 24px; text-transform: uppercase; display: block; text-align: left; padding-bottom: 8px; font-weight: 600; font-family: "Poppins", serif; line-height: 18px; margin-bottom: 15px;}
.faqblock { border-bottom: 1px solid #d2d2d2; margin-bottom: 18px; padding-bottom: 16px}
.faqblock .clientlogo { float: left; padding: 0px 10px 0 0}
.faqblock p { float: left; padding-top: 8px; line-height: 19px; font-size: 14px; padding-bottom: 0;}
.footer-quick-links { width: 26%; float: left; padding-left:15px; padding-right:15px; box-sizing: border-box; border-right: 1px dashed #928f9076; border-left: 1px dashed #928f9076; padding-left: 52px; padding-right: 52px;}
.footer-quick-links li{ list-style: none; margin-bottom: 13px;}
.footer-quick-links a { text-align: left; display: block; color: #ffffff; font-weight: 400; font-size: 16px; position: relative; transition: all 400ms ease;}
.footer-quick-links a:hover { transform: translateX(5px);}
.footer-my-account { width: 26%; float: left; padding-left:52px; padding-right:0px; box-sizing: border-box;}
.footer-my-account ul li { list-style: none; font-size: 16px; padding-left: 0px; margin-bottom: 13px}
.footer-my-account ul li a { color: #ffffff; font-weight: 400;}
a.footer-my-accountn { text-align: left; color: #ffffff; text-decoration: underline !important; font-size: 14px; font-family: "Poppins", serif; font-weight: 600; transition: all 400ms ease;}
a.footer-my-accountn:after { content: ""; background: url(../images/black-rightarrow.png) no-repeat; width: 15px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 10px;}
a.footer-my-accountn:hover { padding-left: 5px; color: #ab2460;}
.quick-contact { float: right; width: 30%; padding-left: 30px; box-sizing: border-box; margin-top: 40px; margin-bottom: 39px;}
.quick-contact input { margin-bottom: 8px; font-size: 14px; color: #6c6c6c; text-indent: 5px; width: 100%; height: 40px; border-radius: 6px; box-shadow: none; box-sizing: border-box; padding-left: 20px; border: none; font-family: "Poppins", serif;}
.quick-contact textarea { margin-bottom: 4px; font-size: 14px; color: #6c6c6c; text-indent: 5px; width: 100%; height: 98px; box-sizing: border-box; border-radius: 6px; padding: 5px 0px 0px 20px; font-family: "Poppins", serif; border: 0; vertical-align: baseline;}
.quick-contact .submit { background: #ff7f00; color: #FFF !important; border: none; font-size: 15px; font-weight: 700; cursor: pointer; letter-spacing: .5px}
.quick-contact .submit:hover { background: #b01832}
.footer-bottom-sec { padding-top: 22px; display: flex; flex-direction: column; align-items: center;}
.footer-mainblock { width: 1200px; margin: 0 auto}
.footer-right-container { float: right; width: 630px; margin-top: 4px;}
.footerbtmright { text-align: right; border-left: 1px solid #ddd; padding-left: 20px; margin-left: 21px; min-height: 70px; padding-top: 5px; box-sizing: border-box;}
.footer-bottom-wrap { width: 100%; padding: 15px 0px;}
.footer-bottom-wrap .main-wrapper-footer::after { content: ""; clear: both; display: block;}
.footer-bottom-wrap .main-wrapper-footer { padding-top: 0px;}
.footer-mainblock:after { content: ""; clear: both; display: block;}
.copyright { text-align: center; font-size: 12px;}
.copyright span:first-child { border-right: 1px solid #d6d6d6; padding-right: 10px; margin-right: 11px;}
.footer-left-outer-bottom { display: flex; width: 100%; justify-content: flex-start; align-items: flex-end;}
.visa-pay { box-sizing: border-box; display: flex; align-items: center;}
.visa-pay img { width: auto; height: auto;}
.star-service { float: left; width: 132px;}
.star-service img { width: 100%; height: auto; margin-left: 0px !important;}
.pci-logo { display: flex; align-items: center;}
.pci-logo img { width:auto; height: auto;}
.footer_icons-columns{ display: flex; align-items: flex-end; justify-content: flex-end; gap: 7px; padding-left: 40px;}
.footer__social-media-wrapper {  z-index: 9;  margin-left: 0;  position: relative;}
 .footer__social-media-icon {  margin-right:4px;  padding: 0;  float: left;  transition: 0.4s ease;}
.footer__social-media-icon:hover{ transform: translateY(-5px); transition: 0.4s ease;}
.footer__social-media-icon a span {  width: 31px;  height: 31px;  display: block;}
.footer__social-media-icon a .icon--pinterest {  background: url(../images/icon_pinterest.png) no-repeat;}
.footer__social-media-icon a .icon--twitter {  background: url(../images/icon_twitter.png) no-repeat;}
.footer__social-media-icon a .icon--facebook {  background: url(../images/icon_facebook.png) no-repeat;}
.footer__social-media-icon a .icon--blog {  background: url(../images/icon_blog.png) no-repeat;}
.footer__social-media-icon a .icon--instagram {  background: url(../images/icon_instagram.png) no-repeat;}
.footer__social-media-icon a .icon--linkedin {  background: url(../images/icon_linkedin.png) no-repeat;}
.consubmit { margin-top: 5px}
.consubmit span { color: #FFF; box-sizing: border-box; text-align: center; float: left; position: relative; overflow: hidden; box-shadow: none; border: none; width: 140px; height: 37px; font-size: 20px; font-weight: 600; border-radius: 6px; cursor: pointer; text-transform: uppercase; font-family: "Poppins", serif; background: #3D9BED; display: flex; align-items: center; justify-content: center;}
.consubmit span:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.4)}
.consubmit span:hover:after { width: 120%; background-color: rgba(255, 255, 255, 0); transition: all .6s ease-out}
.footer-my-account ul li { list-style: none; height: auto}
.footer-my-account ul li a { color: #ffffff; display: inline-block; text-decoration: none; line-height: normal; top: 0px; position: relative; transition: all 400ms ease;}
.footer-my-account ul li a:hover { transform: translateX(5px);}
@media only screen and (max-width:1480px) { .infoheading h3{ font-size: 18px; } .footer-main-wrapper.background-wrapper{ background: #333333; } .main-wrapper-footer, .footer-main-wrapper.background-wrapper{     min-width: 95%;     max-width: 100%;     padding: 0 15px;     box-sizing: border-box; }}