:root {
    --am-font: "Outfit", sans-serif;
    --am-primary: #1989fb;
    --am-primary-rgb: 25, 137, 251;
    --am-black: #000;
    --am-black-rgb: 27, 24, 37;
    --am-base: #ffffff;
    --am-base-rgb: 255, 255, 255;
    --am-extra: #42d9be;
    --am-extra-rgb: 66, 217, 190;
    --am-bdr-color: #dae3e9;
    --am-bdr-color-rgb: 218, 227, 233;
    --am-bdr-radius: 6px;
}

/* 1.0 - General */
html {scroll-behavior: smooth; overflow-x: hidden;}
body{margin: 0; background: var(--am-base); }
table,div{font-family: var(--am-font); font-size:16px; color:var(--am-black); line-height:26px;}
a{color: #000; text-decoration: none; transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none; }

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #000000;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #000000;}/* Firefox 19+ */
:-ms-input-placeholder {color: #000000;}/* IE 10+ */
:-moz-placeholder {color: #000000;}/* Firefox 18- */

.no-js #loader {display: none;}
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif") center no-repeat #fff;}

img{border:none;}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}
:focus {outline: 0;}
a:active {outline: none;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px; }

/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}
.padding-bottom{padding-bottom: 0 !important}
.padding-top{padding-top: 0 !important}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0 0 0 20px; padding: 0; list-style: none;}
ul li{list-style: disc; margin: 0 0 10px;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{font-weight: 400; font-size: 14px; line-height: 26px; color: #0776BC; width: 100%; position: relative; top: -40px;} .breadcrumb a{color:#5E5E5E;} .breadcrumb a:hover{color:#0776BC;}
.breadcrumb span{padding: 0 10px;}

/* Responsive Table */
/*.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border: 1px solid var(--am-bdr-color); font-weight: normal; padding: 13px 8px; color: var(--am-base);}
.table td {background: none repeat scroll 0 0 #f3f3f3; border: 1px solid var(--am-bdr-color); padding: 8px;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}*/

.dropdown-menu {font-size: inherit;}

.white-btn{padding: 0 20px; line-height: 42px; height: 42px; background: #FFF; color: #000; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.white-btn:hover {color: #2461ac; background:#FFFFFF; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}
.blue-btn{padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.blue-btn:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin: 4px auto 0; transition: .25s ease-in-out;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(1){transform: rotate(45deg); margin-top: 0px;}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(2){display: none}
.navbar .navbar-header .nav-toggle.active .icon-bar:nth-child(3){transform: rotate(-45deg); margin-top: -2px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent; padding: 0}
.navbar{border-radius: 0; position: relative; border: none;}
.navbar-brand{padding: 15px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; margin: 0; display: inline-block;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
.top{background: #DAE8F0;}
.top .left, .top .right{font-weight: 400; font-size: 14px; color: #000000; line-height: 40px;}
.top .left img{margin-right: 10px;}
.top .left i, .top .right i{color: #000}
.top .right img{position: relative; top: -1px;}

.navbar>.container{flex-wrap: wrap;}
.top-right{float: right; padding: 35px 0}
.top-right ul{margin: 0; padding: 0; list-style: none}
.top-right ul li{float: left; margin-left: 20px; list-style: none; font-weight: 700; font-size: 16px; line-height: 21px;  position: relative; padding-left: 60px; border-left: 1px solid #D9D9D9; margin-bottom: 0}
.top-right ul li:first-child{border: none; margin-left: 0;}
.top-right ul li:nth-child(2), .top-right ul li:nth-child(3){margin-top: 5px}
.top-right ul li:nth-child(3) a span{font-weight: bold; display: inline; font-size: 16px;}
.top-right ul li span{display: block; font-weight: 400; font-size: 14px; line-height: 21px; color: #000}
.top-right ul li span.cart{width: 18px; height: 18px; color: #FFF; background:#0776BC; border-radius: 50%; text-align: center; line-height: 18px; position: absolute !important; left: 36px; top: auto !important}
.top-right ul li a{color: #000}
.top-right ul li img{position: absolute; left: 20px; top: 7px;}
.top-right ul li.search{background: #FFF; border: 1px solid #282828; border-radius: 10px; padding: 4px; margin-right: 8px;}
.top-right ul li.search form{margin: 0}
.top-right ul li.search .input{border: none; background: transparent; padding: 0 10px; color: #000; font-size: 14px; width: 460px;}
.top-right ul li.search .search-btn{background: #0776BC1A url("../images/search-icon.png") no-repeat center center;  height: 42px; text-indent: -1000px; border:none; width: 42px; border-radius: 10px;}
.top-right ul li.search .input::-webkit-input-placeholder {color: #747474;}/* Chrome/Opera/Safari */
.top-right ul li.search .input::-moz-placeholder {color: #747474;}/* Firefox 19+ */
.top-right ul li.search .input:-ms-input-placeholder {color: #747474;}/* IE 10+ */
.top-right ul li.search .input:-moz-placeholder {color: #747474;}/* Firefox 18- */

.jumbotron{padding: 0; margin: 0; position: relative}
/*.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}*/
/*.jumbotron .container { max-width: 100%; height: 100%;}*/
.home-ban{position: relative; padding: 30px 0}
.home-ban .ban-text{text-align: center; position: absolute; margin: 0 auto 0; color: var(--am-base); font-size: 16px; z-index: 1; width: 1320px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.home-ban .left{width: 62%}
.home-ban .right{width: 35%; color: #FFF}
.home-ban .right h3{font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFF; margin: 0}
.home-ban .right .text{color: #FFF; width: 200px; position: relative; z-index: 10; font-size: 14px;}
.home-ban .right .ad1{/*background: linear-gradient(277.38deg, #639127 5.74%, #033656 60.27%);*/ border-radius: 20px; color: #FFF; margin: 0 0 20px; height: 230px; display: flex; align-items: center; position: relative;}
.home-ban .right .ad1 img{border-radius: 20px; width: 100%; height: 100%}
/*.home-ban .right .ad1:after{background: url(../images/ad1-img.png) no-repeat center center; width: 220px; height: 211px; position: absolute; right: 0; bottom: 0; content: '';}*/
.home-ban .right .ad2{/*background: linear-gradient(290.37deg, #F79520 4.71%, #033656 77.18%);*/ border-radius: 20px; color: #FFF; height: 230px; display: flex; align-items: center; position: relative}
/*.home-ban .right .ad2:after{background: url(../images/ad2-img.png) no-repeat center center; width: 194px; height: 201px; position: absolute; right: 0; bottom: 0; content: '';}*/
.home-ban .right .ad2 img{border-radius: 20px; width: 100%; height: 100%}

.carousel {position: relative; margin: 0 auto; overflow: hidden}
.carousel-item{border-radius: 20px;}
.carousel-item img{width: 100%; height: auto; border-radius: 20px;}
.carousel-control-next, .carousel-control-prev{width: 50px;}
.carousel-caption{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 0; font-weight: 400; font-size: 16px; line-height: 19.36px; color: #000; text-align: left; width: 90%; bottom: auto}
.carousel-caption .text{width: 500px; font-weight: 400; font-size: 16px; color: #FFF}
.carousel-caption h1{font-weight: 600; font-size: 40px; line-height: 46px; text-transform: uppercase; color: #FFF}
.carousel-caption .text .price{font-weight: 400; font-size: 18px; color: #FFF; margin: 0 0 20px;}
.carousel-caption .text .price span{font-size: 30px;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 36px; height: 36px; border-radius: 50%; display: none}
/*.carousel-indicators{bottom: 40px; margin: 0;}*/

.row-am{width: 100%;}

/** 3.0 - Content **/
#content .row-am{padding: 60px 0;}
h2{font-weight: 600; font-size: 40px; line-height: 46px; text-transform: uppercase; margin: 0 0 20px; color: #003150}
.lead{font-weight: 400; font-size: 16px; line-height: 26px; margin: 0 0 40px; padding: 0 250px;}

.usp{text-align: center; margin: 0 0 30px;}
.usp h2{margin: 0}
.usp ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.usp ul li{width: 23.87%; margin: 0 1.5% 0 0; list-style: none; background: #0776BC1A; border: 1px solid #0776BC80; padding: 15px 15px 15px 70px; border-radius: 20px; float: left; position: relative; font-size: 14px; color: #000; text-align: left; display: flex; align-items: center;}
.usp ul li:last-child{margin-right: 0}
.usp ul li .icon{width: 45px; height: 45px; background: #0776BC; border-radius: 50%; text-align: center; line-height: 45px; position: absolute; left: 15px; top: 15px;}
.usp ul li h4{font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000; margin: 0;}

.home-pro{text-align: center}
.home-pro h2{margin: 0 0 30px;}
.home-pro ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.home-pro ul li{list-style: none; margin: 0 2% 20px 0; float: left; width: 32%; border-radius: 20px; background: #FFF; border: 1px solid #0776BC; padding: 30px; font-weight: 400; font-size: 16px; line-height: 26px; color: #5E5E5E}
.home-pro ul li:nth-child(3n+3){margin-right: 0}
.home-pro ul li img{width: 100%; border-radius: 180px; margin: 0 0 20px; transition: all .4s ease-in-out; height: auto}
.home-pro ul li h4{font-weight: 600; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #000;}
.home-pro ul li:hover{background: #003150; color: #FFF}
.home-pro ul li:hover img{border-radius: 20px;}
.home-pro ul li:hover h4{color: #FFF}
.home-pro ul li:hover .blue-btn{background: #FFF; color: #0773B8}

.our-story{background: #EFF1F2;}
.our-story .container{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.our-story .left, .our-story .right{width: 48%;}
.our-story .right img{width: 100%;}

.usp2{background: radial-gradient(87.79% 225.81% at 65.38% 41.34%, #0776BC 0%, #003150 100%); width: 100%; border-radius: 20px; padding: 50px 30px; margin: 30px 0 0}
.usp2 ul{list-style: none; margin: 0; padding: 0}
.usp2 ul li{list-style: none; width: 25%; padding: 0 15px 0 90px; margin: 0; position: relative; float: left; font-weight: 400; font-size: 14px; line-height: 20px; color: #FFF; border-right: 1px solid #FFFFFF33;}
.usp2 ul li:last-child{border: none}
.usp2 ul li .icon{width: 58px; height: 58px; background: #FFF; border-radius: 50%; text-align: center; line-height: 58px; position: absolute; left: 15px; top: 5px;}
.usp2 ul li span{font-weight: 600; font-size: 46px; line-height: 50px; text-transform: uppercase; color: #FFF; display: block}


/** 4.0 - Footer **/
footer{background: #001E31 url(../images/footer-bg.png) no-repeat center top; background-size: cover}
footer .footer1{padding: 60px 0}
footer .footer1 h4{font-weight: 600; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #FFF; padding-left: 10px; border-left: 3px solid #0776BC; margin: 0 0 30px}
footer .footer1 .links ul{margin: 0 ; padding: 0; list-style: none;}
footer .footer1 .links ul li{font-weight: 400; font-size: 16px; line-height: 34px; list-style: none; margin: 0}
footer .footer1 .links ul li a{color: #FFF;}
footer .footer1 .links ul li a:hover{color: #CCC;}
footer .footer1 .f-contact ul{list-style: none; margin: 0; padding: 0;}
footer .footer1 .f-contact ul li{list-style: none; color: #FFF; margin: 0; padding-left: 50px; position: relative; margin: 0 0 15px; font-weight: 400; font-size: 16px; line-height: 29px; color: #FFF; word-wrap: break-word;}
footer .footer1 .f-contact ul li span{font-weight: 400; font-size: 16px; line-height: 29px; display: block}
footer .footer1 .f-contact ul li img{position: absolute; left: 0; top: 5px}
footer .footer1 .f-contact ul li a{color: #FFF; font-weight: 700; font-size: 16px; line-height: 29px; }
footer .footer1 .f-contact ul li a:hover{color: #CCC}

footer .footer3{padding: 20px 0; background: #FFF}
footer .footer3 .container{text-align: center}
footer .footer3 .container span{font-weight: 600; font-size: 18px; line-height: 20px; color: #000; margin-right: 20px;}

footer .footer2{padding: 20px 0; background:#003150} 
footer .footer2 .left{font-weight: 300; font-size: 14px; color: #FFF; line-height: 34px;}
footer .footer2 .center{text-align: center}
footer .footer2 .center a{margin: 0 5px;}
footer .footer2 .center a:hover{opacity: 0.8}
footer .footer2 .right{font-weight: 300; font-size: 14px; color: #FFF; text-align: right; line-height: 34px;}
footer .footer2 .right a{color: #FFF}
footer .footer2 .right a:hover{color: #CCC}

/* */
.ban-in{position: relative; /*background: radial-gradient(36.21% 65.93% at 69.37% 53.74%, #003150 0%, #0776BC 100%);*/ border-radius: 0; background: #0776BC}
.ban-in .ban-text{text-align: center; margin: 0 auto; color: var(--am-base); font-size: 16px; z-index: 1; width: 1320px; display: flex; align-items: center; padding: 30px 0; flex-wrap: wrap;}
.ban-in .ban-text .left{width: 70%; text-align: left}
.ban-in .ban-text .left h1{font-weight: 600; font-size: 35px; line-height: 46px; text-transform: uppercase; color: #FFF; margin: 0 0 10px;}
.ban-in .ban-text .left{font-weight: 400; font-size: 16px; line-height: 27px; color: #FFF}
.ban-in .ban-text .left p{margin: 0}
.ban-in .ban-text .right{width: 30%}
.ban-in .ban-text .right img{max-width: 100%;}

.pro-list ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.pro-list ul li{list-style: none; margin: 0; margin: 0 2.66% 20px 0; float: left; width: 23%; border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; padding: 20px; color: #5E5E5E; text-align: center; font-size: 14px;}
.pro-list ul li:nth-child(4n+4){margin-right: 0}
.pro-list ul li .pro-img{display: flex; justify-content: center; align-items: center; height: 200px;}
.pro-list ul li .pro-img img{max-height: 100%; max-width: 100%; object-fit: contain;}
.pro-list ul li h4{font-weight: 600; font-size: 16px; line-height: 26px; text-align: center; text-transform: uppercase; color: #000; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 52px;}
.pro-list ul li .price{font-weight: 600; font-size: 16px; line-height: 26px; text-align: center; text-transform: uppercase; margin: 0 0 20px; min-height: 42px;}
.pro-list ul li .blue-btn{width: 100%; height: 40px; line-height: 40px;}
.pro-list ul li .pro-img a{height: 100%; display: flex; align-items: center;}

.pro-detail .box{margin: 0 0 50px;}
.pro-detail .box .left, .pro-detail .box .right{width: 48%}
/*.pro-detail .box .left{background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 560px; padding: 20px;}*/
.pro-detail .box .left img{max-width: 100%; max-height: 100%}
.pro-detail .box .right{font-weight: 400; font-size: 16px; line-height: 26px; color: #5E5E5E}
.pro-detail .box .right h3{font-weight: 600; font-size: 35px; line-height: 46px; text-transform: uppercase; color: #000; margin: 0 0 20px;}
.pro-detail .box .right .price{font-weight: 600; font-size: 26px; line-height: 26px; text-transform: uppercase; margin: 0 0 20px; color: #0776BC}
.pro-detail .box .right h5{font-weight: 600; font-size: 16px; line-height: 36px; color: #000; margin: 0 0 5px;}
.pro-detail .box .right h5 span{border-bottom:2px solid #000000;}
.pro-detail .box .right ul{margin: 0 0 20px 20px;}
.pro-detail .box .right ul li{margin: 0; font-weight: 500}
.pro-detail .box .right .btn-group{display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 20px;}
.pro-detail .box .right .btn-group .size{border: 1px solid #DBDBDB; border-radius: 10px; padding: 5px 10px;}
.pro-detail .box .right .btn-group .size .input{background: #FFF; border: none; width: 100px; font-weight: 400;}
.pro-detail .box .right .btn-group .qty{border: 1px solid #DBDBDB; border-radius: 10px; padding: 5px 10px;}
.pro-detail .box .right .btn-group .qty .input{background: #FFF; border: none; width: 50px; font-weight: 400; line-height: 30px; height: 32px;}
.pro-detail .additional-information{margin: 0 0 50px;}
.pro-detail .additional-information h4{font-weight: 600; font-size: 26px; line-height: 10px; color: #000}
.pro-detail .additional-information h4 span{border-bottom:2px solid #000000;}
.pro-detail .frequently-bought h4{font-weight: 600; font-size: 26px; line-height: 10px; color: #000; margin: 0 0 40px;}
.pro-detail .frequently-bought h4 span{border-bottom:2px solid #000000;}
.pro-detail .frequently-bought ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.pro-detail .frequently-bought ul li{list-style: none; margin: 0 30px 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; padding: 20px; border-radius: 20px; width: 412px !important; padding-left: 140px; position: relative} 
.pro-detail .frequently-bought ul li img{position: absolute; left: 20px; top: 30px; width: 100px;}
.pro-detail .frequently-bought ul li p{margin: 0 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; height: 52px;}
.pro-detail .frequently-bought ul li .price{font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #000; margin: 0 0 10px;}
.pro-detail .frequently-bought ul li .blue-btn{}
.pro-detail .frequently-bought .bx-wrapper{margin: 0}
.pro-detail .frequently-bought .bx-wrapper .bx-controls-direction a{width: 36px; height: 36px;}
.pro-detail .frequently-bought .bx-wrapper .bx-prev {left: -50px; background: url(../images/pre.png) no-repeat;}
.pro-detail .frequently-bought .bx-wrapper .bx-next {right: -50px; background: url(../images/next.png) no-repeat top 1px left;}

.table {border-collapse: collapse; margin: 0; width: 100%; border: 1px solid #BED4E2;}
.table th {background: #D5E9F5;  font-weight: 500; font-size: 16px; line-height: 10px; padding: 16px; color: #000;}
.table td {padding: 8px 16px; font-weight: 400; font-size: 16px; line-height: 30px; color: #5E5E5E}
.table tr:nth-of-type(odd) {background: #EFF9FF;}

.about-ban{background: var(--about-us); background-size: cover;}
.about-ban.ban-in .ban-text{padding: 70px 0}
.about-ban.ban-in .ban-text .right{display: none}

.aboutus .container{display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutus h2 span{color: #0776BC}
.aboutus .left, .aboutus .right{width: 48%;}
.aboutus .left{border-bottom: 6px solid #0776BC}
.aboutus .right p:last-child{margin-bottom: 0}

.mission{}
.mission .box{background: radial-gradient(36.21% 65.93% at 69.37% 53.74%, #0776BC 0%, #003150 100%); padding: 40px; border-radius: 20px; height: 100%; font-weight: 400; font-size: 20px; line-height: 30px; color: #FFF}
.mission .box img{margin: 0 0 20px;}
.mission .box h4{font-weight: 600; font-size: 30px; line-height: 46px; text-transform: uppercase; color: #FFF;}
.mission .col-md-3 img{border-radius: 20px; width: 100%; height: 100%; object-fit: cover;}

.what-sets{text-align: center}
.what-sets ul{list-style: none; margin: 0; padding: 0; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; gap: 2%}
.what-sets ul li{list-style: none; margin: 15px 0; width: 32%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; padding: 30px; border-radius: 20px; display: inline-block; text-align: left}
.what-sets ul li .name{display: flex; gap: 20px; align-items: center;  margin: 0 0 20px;}
.what-sets ul li h4{font-weight: 600; font-size: 16px; line-height: 26px; text-transform: uppercase; color: #000; margin: 0}
.what-sets ul li p{margin: 0}

.contactus{}
.contactus .right .btn-group{justify-content: space-between; display: flex;flex-wrap: wrap; align-items: center;}
.contactus .left, .contactus .right{width: 48%;}
.contactus .left{}
.contactus .left ul{list-style: none; margin: 0; padding: 0;}
.contactus .left ul li{list-style: none; padding-left: 60px; position: relative; margin: 0 0 15px; font-weight: 400; font-size: 16px; line-height: 29px; color: #000; word-wrap: break-word;}
.contactus .left ul li span{font-weight: 600; font-size: 18px; line-height: 24px; display: block}
.contactus .left ul li img{position: absolute; left: 0; top: 2px}
.contactus .left ul li a{color: #000; font-weight: 400; font-size: 16px; line-height: 29px; }
.contactus .left ul li a:hover{color: #999}
.contactus .right{background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; border-radius: 20px; padding: 40px; text-align: center}
.contactus .right .input{line-height: 54px; height: 54px; border-radius: 10px; border: 1px solid #D0D7F4; padding: 0 10px; width: 100%; margin: 0 0 12px; text-align: left;}
.contactus .right .input.textarea, .contactus .right textarea.input{height: 120px;}

.map img, .map iframe{width: 100%; border-radius: 20px;}
.pro-detail .box .right .btn-group .custom-display{
    display: contents;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.category-grid li {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.category-grid li:hover {
  transform: translateY(-5px);
}
.detailslider li {
  margin: 0 10px;
}
.detailslider img {
  width: 100%;
  height: auto;
}

/*.woocommerce{max-width: 1320px; padding: 40px 15px; margin: 0 auto}*/
.woocommerce::after {display: block; clear: both; content: "";}
.woocommerce-MyAccount-navigation{width: 25%; float: left; background: #0776BC1A; padding: 20px; border-radius: 10px;}
.woocommerce-MyAccount-navigation ul{list-style: none; margin: 0; padding: 0}
.woocommerce-MyAccount-navigation ul li{list-style: none; margin: 0; border-bottom: 1px solid #DAE8F0; line-height: 36px;}
.woocommerce-MyAccount-navigation ul li:last-child{border: none}
.woocommerce-MyAccount-navigation ul li a:hover{color: #0776BC}
.woocommerce-MyAccount-content{width: 72%; float: right}

.woocommerce table.my_account_orders .button {padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.woocommerce table.my_account_orders .button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{max-width: 48%; background: #0776BC1A; padding: 20px 15px; border-radius: 10px;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width: 48%; background: #0776BC1A; padding: 20px 15px; border-radius: 10px;}
.woocommerce-Address-title h2{font-size: 30px;}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select.input{line-height: 54px; height: 54px; border-radius: 10px; border: 1px solid #D0D7F4; padding: 0 10px; width: 100%; margin: 0 0 12px; text-align: left; background: #FFF}
.woocommerce form .form-row label{display: block; width: 100%;}
.main-container .woocommerce-Button.button{padding: 0 20px !important; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.main-container .woocommerce-Button.button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.woocommerce form .form-row span.woocommerce-input-wrapper{width: 100%;}
/*.select2-container .select2-dropdown, .select2-container .select2-selection{line-height: 54px; height: 54px; border-radius: 10px; border: 1px solid #D0D7F4; padding: 0 10px; width: 100%; margin: 0 0 12px; text-align: left; background: #FFF}
.select2-container .select2-selection--single .select2-selection__rendered{padding: 0; line-height: 50px;}
.select2-container .select2-selection--single .select2-selection__arrow{top: 26px; height: auto;}*/
.select2-container .select2-dropdown, .select2-container .select2-selection{border: 1px solid #D0D7F4;}

.woocommerce-MyAccount-content form .button{padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.woocommerce-MyAccount-content form .button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.wc-block-components-button:not(.is-link){padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.wc-block-components-button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.is-large.wc-block-cart .wc-block-cart-items {border: 1px solid hsla(0, 0%, 7%, .11);}
.is-large.wc-block-cart .wc-block-cart-items th{border: 1px solid hsla(0, 0%, 7%, .11); padding: 10px !important;}
.is-large.wc-block-cart .wc-block-cart-items td{border: 1px solid hsla(0, 0%, 7%, .11); padding: 10px !important;}

.select2-results__option{line-height: 20px;}

.variations{border: 1px solid #DBDBDB; border-radius: 10px; padding: 5px 10px; margin: 0 0 20px;}
.variations td, .variations th{padding: 10px;}
.variations select{background: #FFF; border: none; width: 100px; font-weight: 400;}
.single_variation_wrap .woocommerce-variation-add-to-cart{display: flex; flex-wrap: wrap; gap: 20px;}
.single_variation_wrap .woocommerce-variation-add-to-cart .quantity{background: #FFF; border: none; width: auto; font-weight: 400;}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button{padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.single_variation_wrap .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}
.pro-detail .box .right .btn-group .qty{width: 110px; padding: 0 10px; line-height: 40px; height: 42px;}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text{color: #FFF}

.woocommerce-pagination{text-align: center}
.pro-list ul.page-numbers{display: inline-block}
.pro-list ul.page-numbers li{margin: 0 5px; display: inline-block; background: transparent; padding: 0; width: 40px; height: 40px; line-height: 38px;}
.pro-list ul.page-numbers li .page-numbers{margin: 0; display: inline-block; background: transparent; padding: 0; width: 40px; height: 40px; line-height: 38px; border-radius: 50%; }
.pro-list ul.page-numbers li .page-numbers:hover, .pro-list ul.page-numbers li .page-numbers.current{background: #0776BC; color: #FFF;}
.pro-list ul.page-numbers li:hover a, .pro-list ul.page-numbers li:hover span, .pro-list ul.page-numbers li.active a{color: #FFF}

.woocommerce-pagination{}



.woocommerce-MyAccount-content a.edit {
    padding: 0 20px !important;
    line-height: 42px !important;
    height: 42px !important;
    background: #0776BC !important;
    color: #FFF !important;
    border: none !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    transition: all .4s ease-in-out !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-content a.edit:hover {
    background: #055a8c !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.continue-shopping-btn {
    padding: 0 20px;
    line-height: 42px;
    height: 42px;
    background: #0776BC;
    color: #FFF;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
}

.continue-shopping-btn:hover {
    background: #055a8c;
    color: #fff;
}
.woocommerce-MyAccount-content .woocommerce-info {
    display: none;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 43%}
.woocommerce-variation.single_variation{margin: 0 0 20px;}

.pro-detail .box .right .price .single_add_to_cart_button {padding: 0 20px; line-height: 42px; height: 42px; background: #8CC63F; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block}
.pro-detail .box .right .price .single_add_to_cart_button:hover {color: #FFF; background:#0776BC; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}
.pro-list ul li .price div a{padding: 0 20px; line-height: 42px; height: 42px; background: #8CC63F; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block; width: 100%;}
.pro-list ul li .price div a:hover {color: #FFF; background:#0776BC; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}

.pro-list ul li p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 52px;}


.additional-information .tab-box {text-align: center; display: inline-block; width: 100%; margin: 0 0 20px; border-bottom: 1px solid #0776BC}
.additional-information .tab-box a {font-weight: 600; font-size: 22px; color: #FFF; background: #0776BC; border: 1px solid #0776BC; padding: 0 20px; line-height: 50px; display: inline-block; border-radius: 8px 8px 0 0;     }
.additional-information .tab-box a.activeLink {background-color: #fff; color: #0776BC; bottom: -2px; position: relative; border-bottom: none} 
.additional-information .tabcontent {}
.additional-information .hide { display: none;}

a.single_add_to_cart_button.disabled.wc-variation-is-unavailable[href*="my-account"] {
    display: none !important;
}

.pro-list ul li .price div a:empty{display: none}


.acf-button-group label {
    cursor: pointer !important;
}

.top-right ul li:nth-child(2){display: flex; height: 42px; align-items: center;}

.wp-block-woocommerce-checkout-terms-block {
    display: none !important;
}

.pro-detail .box .left .pro-big-img{background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 77.45%, rgba(7, 118, 188, 0.25) 100%); border: 1px solid #0776BC4D; border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 560px; padding: 20px;}
.woocommerce-product-gallery-custom{margin: 0!important}

.registration{text-align: center}
.registration form{background: #0776BC1A; border: 1px solid #0776BC80; border-radius: 30px; margin: 0 auto; padding: 20px;}
.registration form label{display: block; width: 100%; text-align: left;}
.registration form .input{line-height: 54px; height: 54px; border-radius: 10px; border: 1px solid #D0D7F4; padding: 0 10px; width: 100%; margin: 0 0 12px; text-align: left;}
.registration form .input.textarea{height: 120px;}
.registration form p{margin: 0}

.wpcf7-spinner{display: block !important; margin: 0 auto !important}
.contactus .right form p{margin: 0}

.top-right ul li:nth-child(3) a{flex-wrap: wrap;}
.top-right ul li:nth-child(3) a span{display: block; font-weight: 400; width: 100%}
.top-right ul li:nth-child(3) a span.cart-price{font-weight: bold}
.top-right ul li:nth-child(3) a span.cart-price span{display: inline-block; width: auto;}
.top-right ul li:nth-child(3) a span.cart{width: 18px; display: inline-block; top: 1px !important;}
.top-right ul li:nth-child(3) a span.cart-price span bdi {font-weight: bold}

.wc-block-grid__products{list-style: none; margin: 0 !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 2.66%}
.wc-block-grid__products li.wc-block-grid__product{border-radius: 20px; background: linear-gradient(180deg, rgba(255, 255, 255, .25) 77.45%, rgba(7, 118, 188, .25) 100%); border: 1px solid #0776BC4D; padding: 20px; color: #5E5E5E; text-align: center; font-size: 14px !important; list-style: none; margin: 0 0 20px 0; float: left; width: 23%; max-width: none !important; flex: none !important;}
.wc-block-grid__products li.wc-block-grid__product .single_add_to_cart_button {padding: 0 20px; line-height: 42px; height: 42px; background: #8CC63F; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block; width: 100%;}
.wc-block-grid__products li.wc-block-grid__product .single_add_to_cart_button:hover {color: #FFF; background:#0776BC; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}
.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button{padding: 0 20px; line-height: 42px; height: 42px; background: #0776BC; color: #FFF; border: none; cursor: pointer; font-weight: 700; font-size: 14px; text-align: center; text-transform: uppercase;  transition: all .4s ease-in-out; border-radius: 10px; display: inline-block; width: 100%;}
.wc-block-grid__products li.wc-block-grid__product .add_to_cart_button:hover {color: #FFF; background:#000; box-shadow: 0 5px 12px 0 rgba(255, 255, 255, 0.2);}