V1rus Private

Viewing: style.css

body{
    position:relative;
}

.footermenu{
	display:none;
	}

.mobilemenu{
	display:none;
}
ul{
    margin-bottom: 0;
    margin: 0!important;
    padding: 0!important;
}
p{
    margin-bottom: 0!important;
}

.header {

    background: #fff;
    transition: 0.3s all ease;
    position: relative;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    background-color: #ddd;
}
.header.sticky {
    background: #fff!important;
    box-shadow: 0px 0px 10px #ddd;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 1250px;
    /* background: #0000000d; */
    transition: 0.4s all ease;
    box-shadow: 0 0 10px #ddd;
}

.header .wrpper.sticky .logoMenu {border-left: none;padding-left: 0;}
       
.header .wrpper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #00000082;
    height: 166px;
    transition: 0.4s all ease;
}
.header .wrpper.sticky {
    background: #fff!important;
    position: fixed;
    top: 0;
    z-index: 9999;
    left:0;
    /* background: #0000000d; */
    height:auto;
    transition: 0.4s all ease;
}
.header .headerUp {
    padding: 30px 0px;
}
.header .wrpper.sticky .headerUp {
    padding: 10px 0px;
    background: #002244;
}
.header .headerUp .locmail{}
.header .headerUp .locmail .location{
    margin-right: 5px;
}
.header .headerUp .locmail .location span,
.header .headerUp .locmail .phoneCountry .phone span{
    font-family: "Roboto", Sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 3px;
    color: #fff;
    margin-right: 7px;
}
.header .wrpper.sticky .headerUp .locmail .location span,
.header .wrpper.sticky .headerUp .locmail .phoneCountry .phone span{
    color: #fff;
}
.header .headerUp .locmail .location span.icons{
    font-size: 15px;
}
.header .wrpper.sticky .headerUp .locmail .location span.icons{
    font-size: 15px;
    color: #fff;
}
.header .headerUp .phoneCountry .phone{
    /*margin-right: 30px;*/
}
.header .headerUp .phoneCountry .phone a{
    display: flex;
    align-items: center;
}
.header .headerUp .phoneCountry .phone a span {
    font-weight: 500;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    color: #fff;
}
.header .wrpper.sticky .headerUp .phoneCountry .phone a span {
    color: #fff;
}
.header .wrpper.sticky .headerUp .phoneCountry .phone a span.icon-phone2 {
    color: #fff;
}
.header .headerUp .phoneCountry select{
    font-family: "Roboto", Sans-serif;
    padding: 8px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    color: #5c5c5c;
    border: none;
}
.hide{
    display:none;
}
/*.show{*/
/*    display:inline-block;*/
/*}*/



.flagDrop{
    position:relative;
    background: #fff;
    background: #fff;
    padding: 5px 7px;
}
.flagDrop .flag{cursor:pointer}
.flagDrop ul{
    background:#fff;
    width:200px;
    border-radius:3px;
    box-shadow:0 0 2px #000;
    position:absolute;
    top:100%;
    right:0;
    z-index:9999999999999;
    transform: rotateX(90deg);
    transform-origin: top;
    transition:0.3s all ease;
}
.flagDrop.active ul{
    transform: rotateX(0deg);
    transition:0.3s all ease;
}
.flagDrop ul li{
    padding: 10px;
    border-bottom:1px solid #ddd;
    cursor:pointer;
}
.flagDrop ul li:last-child{
    border-bottom:none;
}
.flagDrop ul li a {

}
.flagDrop ul li a img{
    width:30px;
    height:30px;
    object-fit:cover
}
.flagDrop ul li a h5{
    color:#001933!important;
    font-size:15px;
    font-weight:500;
}
.flagDrop ul h2{
    color:#001933!important;
    font-size:15px;
    font-weight:500;
    text-align: right;
    cursor:pointer
}
.flagDrop ul h3{
    color:#001933!important;
    font-size:17px;
    font-weight:500;
}
.flagDrop ul li a span{
    color:#001933!important;
    font-size:15px;
    font-weight:500;
}
.flagDrop ul li a span.icon-check2{
    color:#001933!important;
    font-size:25px!important;
}





.rememforget p a{
    color: #001933!important;
}






.header .logoMenu {
    padding: 10px 10px 10px 20px;
    background: #fff;
    border-left: 5px solid #65bdc2;
    width: 78%;
}
.header .wrpper.sticky .logoMenu {
    border-left: none;
    padding-left: 0;
}

.header .logoMenu .logo {
    width: 239px;
    background: #fff;
}

.header.sticky .logoMenu .logo {
    width: 239px;
}

.header .logoMenu .logo a img{
    width: 239px;
}


.header .logoMenu .menu {
     /*width: 80%; */
}

.header .logoMenu .menu ul {
    /*margin-right: 50px;*/
    margin: 0px;
    padding:0;
}

.header .logoMenu .menu ul li {
    text-transform: capitalize;
    position: relative;
    font-size: 13px;
    padding: 8px 5px;
    font-weight: 500;
    /* background: #146CB0; */
}

.header .logoMenu .menu ul li a {
    padding: 0px 10px;
    font-family: "DM Sans", Sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #5C5C5C;

}

.header.sticky .logoMenu .menu ul li a {
    color: #64b8e1;
    
}

.header .logoMenu .menu ul li a:hover {
    color: #18bfbd;
}

.header .logoMenu .menu ul li.active a {
    color: #18bfbd;
}

.header .logoMenu .menu ul li ul {
    position: absolute;
    background: #0e3055;
    width: 200%;
    left: 0;
    top: 52px;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: 0.4s all ease;
}

.header .logoMenu .menu ul li:hover ul {
    transform: rotateX(0deg);
}

.header .logoMenu .menu ul li ul li {
    /*padding: 20px;*/
    font-size: 10px;
    cursor: pointer;
}
.header .logoMenu .menu ul li ul li:hover {
    background: #18bfbd;
}

.header .logoMenu .menu ul li ul li a {
    color: #fff;
    padding: 10px 20px;
    display:block;
}
.header .logoMenu .menu ul li ul li:hover a {
    color: #fff;
}
.header .signuplogin {

    background: #18bfbd;
}
.header .signuplogin button{
    background: #18bfbd;
    border: none;
    width: 140px;
    padding: 26px 0;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto';
    transition: 0.5s all ease;
    cursor: pointer;
}
.header .signuplogin button:hover{
    transform: scale(0.9);
}

.header .cart.show{
     display: flex;
}
.header .cart.hide{
    display: none;
}
.header .cart{
    background: #18bfbd;
    border: none;
     /* width: 50px;  */
    padding: 20px 15px 20px 0px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto';
    transition: 0.5s all ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
}
.header h4{
    font-size: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.header h4 a{
    color: #fff;

}
.header .cart span.icon-shopping-bag{
    font-size: 22px;
    /* background: ; */
}

.overlycrt{
    position: absolute;
    top: 100%;
    right: 0px;
    width: 360px;
    padding: 15px;
    background: #18bfbd;
    transform: rotateX(90deg);
    transform-origin: top;
    transition: 0.4s all ease;
}
.header .cart:hover .overlycrt{
    transform: rotateX(0deg);
}

.allcrt{
    max-height: 234px;
    height: auto;
    box-shadow: inset 0 0 5px #048887;
    padding: 15px;
}
.allcrt::-webkit-scrollbar{
    width: 5px;
    background: #048887;
}
.allcrt::-webkit-scrollbar-thumb{
    width: 5px;
    background: #ddd;
}


.overlycrt .single{
    padding: 12px 0px;
    border-bottom: 1px solid #fff;
}
.overlycrt .single:last-child{
    padding: 12px 0px;
    border-bottom: none;
}
.overlycrt .single .img{
    width: 100px;
    margin-right: 15px;
}
.overlycrt .single .img img{}
.overlycrt .single .info h5{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
}
.overlycrt .single .info p{}
.overlycrt .single .info span{}
.overlycrt h4{
    font-size: 15px;
    font-weight: 500;
    text-align: right;
    padding: 10px;
}
.overlycrt .single .delete a span{
    color: #fff;
    display:inline-block;
    margin: 12px;
}
.overlycrt .vichek{
    display: flex;
    justify-content: space-between;
}
.overlycrt .vichek a{
    display: inline-block;
    padding: 10px 0;
    background: #fff;
    width: 48%;
    text-align: center;
    border-radius: 2px;
    color: #18bfbd;
}
.overlycrt .vichek .checkout {
    background: #fff;
    width: 48%;
    text-align: center;
    border-radius: 2px;
    color: #18bfbd;
}
.overlycrt .vichek .checkout a {
    display: inline-block;
    padding: 10px 0;
    background: #fff;
    width: 48%;
    text-align: center;
    border-radius: 2px;
    color: #18bfbd;
}
.overlycrt .vichek .checkout button.signuploginbtn {
    display: inline-block;
    padding: 10px 0;
    background: #fff;
    width: 48%;
    text-align: center;
    border-radius: 2px;
    color: #18bfbd;
}















.carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 0 auto;
    height: 80vh;
}

.carousel .carousel-item {
    position: relative;
}

.carousel .carousel-item,
.carousel-item-visible {
    display: none;
}

.carousel .carousel-item img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    animation: sliderzoom 20s linear infinite;
}

@keyframes sliderzoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.5);
    }
}





.carousel .carousel-item-visible {
    display: block;
    animation: fadeVisibility 0.5s;
}

.carousel .carousel-item .carDetails {
    background: #00000082;
    width: 100%;
    position: absolute;
    top: 166px;
    left: 0;
    height: calc(80vh - 166px);
    padding-top: 60px;
}
.carousel .carousel-item .carDetails .container{
    padding-left: 250px;
}

.carousel .carousel-item .carDetails h4{
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    margin: 35px 0px 25px 0;
    background-color: rgb(14, 48, 85); 
    line-height: 32px; 
    letter-spacing: 2.3133px; 
    font-weight: 400; 
    font-size: 16px; 

}
.carousel .carousel-item .carDetails h1.stroke {
    font-size: 48px;
    font-weight: 900;
    color: transparent;
    margin-bottom: 15px;
    fill: none;
    font-family: "Roboto", Sans-serif;
    -webkit-text-stroke: 1px #d3d3d3;
    letter-spacing: 2px;
}
.carousel .carousel-item .carDetails h1.aes {
    font-size: 55px;
    font-weight: 700;
    color: transparent;
    margin-bottom: 20px;
    font-family: "Roboto", Sans-serif;
    color: #fff;
    letter-spacing: 2px;
}

.carousel .carousel-item .carDetails h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;

}

.carousel .carousel-item .carDetails img {
    width: 120px;
    height: 120px;
    margin-bottom: 80px;
    margin-top: 30px;
}

.carousel .carousel-item .carDetails p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.carousel .carousel-item .carDetails p a {
    display: inline-block;
    background: #005EC9;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 40px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 99;
    transition: 1s all ease;
    margin-right: 15px;
}

.carousel .carousel-item .carDetails p a:hover {
    background: #16243d;
    color: #fff;
}

.carousel .carousel-item .carDetails p a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #16243d;
    color: #fff;
    transform: rotateX(90deg);
    transform-origin: bottom;
    transition: 0.4s all ease;
    z-index: 1;
    border-radius: 50% 50% 0% 0%;
}

.carousel .carousel-item .carDetails p a:hover::before {
    transform: rotateX(0deg);
    transform-origin: bottom;
    border-radius: 0%;
    bottom: 100%;
}

.carousel .carousel-item .carDetails p a.getOffer {
    background: none;
    border: 1px solid #fff;
    display: inline-block;
    padding: 11px 38px;
}

.carousel .carousel-item .carDetails p a.getOffer:hover {
    background: #fff;
    color: #005EC9;
}

.carousel .carousel-actions {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel .carousel-actions div {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    text-indent: 0;
    outline: none;
    border: 2px solid #64b8e1;
    background: none;
    color: #64b8e1;
    display: grid;
    place-content: center;
    margin: 0px 10px;
}

.carousel .carousel-actions button:focus {
    border: none;
}

.carousel .carousel-actions button#carousel-prev {
    margin-left: 20px;
}

.carousel .carousel-actions button#carousel-next {
    margin-right: 20px;
}

@keyframes fadeVisibility {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
        transform: opacity linear;
    }
}









.whycosmedic{
    padding: 100px 0px 30px 0px;
    background: linear-gradient(#fcfcfca1 , #ffffffa1), url('img/whybg.jpg'), no-repeat center center / cover;
}
.whycosmedic .whyLeft{
    
    width: 50%;
    height: 525px;
}
.whycosmedic .whyLeft img{
    height: 525px;
    object-fit: cover;
}
.whycosmedic .whyRight{
    width: 46%;
}
.whycosmedic .whyRight h5,
.aboutUs .aboutUsRight h5,
.customServices .custSerRight h5{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 1px;
    color: #FFFFFF;
    background: #0e3055;
    display: inline-block;
    padding: 8px 15px;
    margin-bottom: 25px;
}
.whycosmedic .whyRight h1,
.aboutUs .aboutUsRight h1{
    color: #18BFBD;
    font-size: 45px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.whycosmedic .whyRight p,
.aboutUs .aboutUsRight p,
.customServices .custSerRight{
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
margin-bottom: 25px;
text-align: justify;
}
.ceonm img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 50%;
}
.ceonm .nme h4{
    font-size: 16px;
    line-height: 2em;
    letter-spacing: 1px;
    font-weight: normal;
}
.ceonm .nme p.ceo{
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 0;
}







.beforeafter{
    background: linear-gradient(-90deg, #064992 0%, #2E2E2E24 100%), url('img/beforeafterbg.jpg') no-repeat center center / cover;
    padding: 100px 0px;
}
.beforeafter .beforeafterLeft{
    width: 48%;
}
.beforeafter .beforeafterRight {
    width: 48%;
}
.beforeafter .beforeafterRight h5{
    color: #FFFFFF;
    background: #18BFBD;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    margin-bottom: 20px;
}
.beforeafter .beforeafterRight h1{
    color: #FFFFFF;
    font-family: "DM Sans", Sans-serif;
    font-size: 45px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.beforeafter .beforeafterRight .treatuser{
    padding: 0px 50px 40px 50px;
    display: flex;
    align-items: center;
}
.beforeafter .beforeafterRight .treatuser img,
.beforeafter .beforeafterRight .wrinkle img{
    width: 110px;
    height: 110px;
    object-fit: cover;
    margin-right: 20px;
}
.beforeafter .beforeafterRight .treatuser .des{}
.beforeafter .beforeafterRight .treatuser .des h4,
.beforeafter .beforeafterRight .wrinkle .des h4{
    font-family: "DM Sans", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 10px;
}
.beforeafter .beforeafterRight .treatuser .des p,
.beforeafter .beforeafterRight .wrinkle .des p{
    font-weight: normal;
    line-height: 1.8em;
    color: #fff;
    font-size: 14px;
}

.beforeafter .beforeafterRight .wrinkle{
    background: #18BFBD;
    background-image: url('img/wrinklebg.jpg');
    background-size: cover;
    position: relative;
    padding: 40px 50px;
    display: flex;
    align-items: center;
}
.beforeafter .beforeafterRight .wrinkle img.seal{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}




.services{
    padding: 50px 0px 10px 0;
    background: linear-gradient(#fcfcfcde , #ffffffa1), url('img/ourservicesbg.jpg'), no-repeat center center / cover;
}
.services h1{
    color: #18BFBD;
    font-family: "DM Sans", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}
.services .allService{
    display: flex;
    gap: 20px;
    padding: 20px;
}
.services .allService .singleSer{
    height: 400px;
    width: calc(25% - 10px);
    position: relative;
}
.services .allService .singleSer img{
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.services .allService .singleSer .data{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #073c7666;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}
.services .allService .singleSer .data h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}
.services .allService .singleSer .data p{
    color: #fff;
    text-align: center;
}
.services .allService .singleSer .data p a{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    background: #18BFBD;
    color: #FFFFFF;
    border-radius: 25px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 10px 20px 10px 20px;
    border: 1px solid #fff;
    transition: 0.5s all ease;
    display: inline-block;
    margin-bottom: 20px;
}
.services .allService .singleSer .data p a:hover{
    background: transparent;
}












.footer{
    background: #002244;
    padding-top: 60px;
}
.footer .logosocial{}
.footer .logosocial .logo{
    /*width: 65%;*/
       border-bottom: 1px solid #b2b2b2; 
}
.footer .logosocial .logo img{
    width: 250px;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.footer .logosocial .logo p.footdes{
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 1rem;
    color: #fff;
    padding-bottom: 20px;
}
.footer .logosocial .logo .flex-between{}
.footer .logosocial .logo .flex-between .content1{}
.footer .logosocial .logo .flex-between .content1 h4{
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 12px;
    color: #fff;
}
.footer .logosocial .logo .flex-between .content1 h5{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-style: italic;
    font-weight: 10%;
    font-weight: 400;
}
.footer .logosocial .content1 h5{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 1px solid #b2b2b2;
    display: inline-block;
    padding-bottom: 5px;
}
.footer .logosocial .content1 p.footerAddre{
    font-size: 13px;
    line-height: 28px;
    color: #dcdcdc;
    font-weight: 400;
    margin-bottom: 15px;
}
.footer .social .flex-between .content1 .whatsapp{
    background: #1f3464;
    padding: 10px 20px;
    color: #fff;
    border-radius: 25px;
}

.footer .social .flex-between .content1 .whatsapp span {
    color: #fff;
    font-size: 15px;
}
.footer .social .flex-between .content1 .whatsapp span.icon-whatsapp{
    margin-right: 15px;
    display: inline-block;
}
.footer .logosocial .content1 a.number{
    color: #fff;
    margin-bottom: 15px;
    font-size: 25px;
    font-weight: 400;
    display: inline-block;
}
.footer .logosocial .logo .flex-between .content1 a.number{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}
.footer .social .flex-between .content1 p a{
    color: #1f3464;
    padding: 10px 20px;
    background: #fff;
    border-radius: 25px;
    display: inline-block;
}
.footer .logosocial .social{
    /*width: 30%;*/
    align-items:flex-end;
}
.footer .logosocial .social div{
    /*margin-bottom: 10px;*/
}
.footer .logosocial .social .sclwhts{
    align-items: baseline;
}
.footer .logosocial .social div h4{
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    padding:10px 0;
}
.footer .logosocial .social div ul{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #b2b2b2;
    padding-top: 15px;

}
.footer .logosocial .social div ul li{
    padding-top: 10px;
}
.footer .logosocial .social div ul li a{
    background: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
}
.footer .logosocial .social div img{}
.footer .term{
    padding: 20px 0px;
}
.footer .term ul{
    display: flex;
}
.footer .term ul li{
    margin-right: 30px;
    font-size: 14px;
}
.footer .term ul li a{
    color: #fff;
}
.footer .copyright{
    padding: 30px 0px;
}
.footer .copyright .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .copyright img{
    width: 300px;
}
.footer .term p{
    color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 480px){
	.column{
		flex-direction: column;
	}
    .footer .logosocial .logo {
        width: 100%;
        margin-bottom: 20px;
    }
    .content1{
        width: 100%;
        margin-bottom: 15px;
    }
    .footer .logosocial .social{
        width: 100%;
    }
    .footer .copyright img {
        margin-bottom: 15px;
    }
    .footer .term ul li a {
        font-size: 8px;
    }
}



















/*  */
.beforeafterlider{
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden;
}
.beforeafterlider img{
    width: 100%;
    height: 100%;
    position: absolute;
}
#my-img{
    clip-path: polygon(0 0 , 50% 0, 50% 100%, 0 100%);
}
#slider{
    position: relative;
    -webkit-appearance: none;
    width: calc( 100% + 40px);
    height: 100%;
    margin-left: -20px;
    background-color: transparent;
    outline: none;
}
#slider::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 40px;
    width: 40px;
    background: url("img/slider-icon.svg"),
    rgba(255,255,255,0.3);
    border: 3px solid #ffffff;
    border-radius: 50%;
    background-size: contain;
    cursor: pointer;
}















.aboutHeader{
    height: 65vh;
    background: linear-gradient(#00000069, #00000069), url('img/beforeafterbg.jpg') no-repeat bottom center / cover;
    display: grid;
    place-content: center;
}
.injectHeader{
    height: 85vh;
    background: linear-gradient(#00000069, #00000069), url('img/inj.jpg') no-repeat top center / cover;
    display: grid;
    place-content: center;
}
.laserHair{
    height: 85vh;
    background: linear-gradient(#00000069, #00000069), url('img/inj.jpg') no-repeat top center / cover;
    display: grid;
    place-content: center;
}
.contctHeder{
    height: 55vh;
    background: linear-gradient(#00000069, #00000069), url('img/contactbg.jpg') no-repeat top center / cover;
    display: grid;
    place-content: center;
}
.leaserhairContent{
    /*background: linear-gradient(#fcfcfca1 , #ffffffa1), url('img/whybg.jpg'), no-repeat center center / cover;*/
    /*display: grid;*/
    place-content: center;
    padding: 80px 0px 0 0;
}
/*.stretchHeader{*/
/*    height: 85vh;*/
/*    background: linear-gradient(#00000069, #00000069), url('img/stretch.jpg') no-repeat top center / cover;*/
/*    display: grid;*/
/*    place-content: center;*/
/*}*/
.shopHeader{
    height: 80vh;
    background: linear-gradient(#00000069, #00000069), url('img/shop.jpg') no-repeat top center / cover;
    display: grid;
    place-content: center;
}


.aboutHeader h1,
.injectHeader h1,
.stretchHeader h1,
.contctHeder h1{
   margin-top: 85px;
   font-size: 45px;
   font-weight: normal;
   line-height: 1em;
   letter-spacing: 1px;
   color: #fff;
}













.aboutUs{
    padding: 60px 0px 0px 0px;
    background: linear-gradient(#fcfcfca1 , #ffffffa1), url('img/whybg.jpg'), no-repeat center center / cover;
}
.aboutUs .aboutUsLeft{
    width: 40%;
    position: relative;
}
.aboutUs .aboutUsLeft img{
    height: 375px;
    object-fit: cover;
}
.aboutUs .aboutUsLeft .overlay {
    position: absolute;
    background: url(img/about.jpg) no-repeat center center / cover;
    bottom: 15px;
    right: -15px;
    width: 200px;
    height: 200px;
}
.aboutUs .aboutUsLeft .overlay img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    display: block;
    margin: 20px auto;
}
.aboutUs .aboutUsLeft .overlay h2{
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin-bottom: 10px;
}
.aboutUs .aboutUsLeft .overlay p{
    color: #FFFFFF;
    font-size: 12px;
    line-height: 4em;
    letter-spacing: 2px;
    text-align: center;
}
.aboutUs .aboutUsRight{
    width: 52%;
}

.aboutUs .allbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 15px;
}
.aboutUs .allbox .box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aboutUs .allbox .box img{
    width: 60px;
    height: 60px;
}
.aboutUs .allbox .box div{
    margin-left: 15px;
}
.aboutUs .allbox .box div h4{
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.2em;
    letter-spacing: 1px;
    font-weight: normal;
    font-weight: 600;
    color: #111111;
}
.aboutUs .allbox .box div p{
    font-weight: normal;
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    color: #5c5c5c;
}







.promotion{
    background: linear-gradient(#28282869, #28282869), url("img/promotion.jpg") no-repeat center center / cover;
    padding: 40px;
    height:175px;
}
.promotion h2{
    font-size: 35px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}
.promotion p{
    font-weight: 300;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
}
.promotion p a{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 3px;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    background: #65BDC2;
    display: inline-block;
    margin-top: 20px;
    transition: 0.5s all ease;
}
.promotion p a:hover{
    transform: scale(0.9);
}






.customServices{
    padding: 40px 0px;
    background: linear-gradient(#ffffffd9, #ffffffd9), url('img/pr-32.jpg') no-repeat center center / cover;
}
.customServices .custSerLeft{
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.customServices .custSerLeft img.imgleft{
    margin-right: 20px;
    width: 250px;
    height: 420px;
    object-fit: cover;
}
.customServices .custSerLeft img.imgRight{
    width: 250px;
    height: 420px;
    margin-left: 20px;
    object-fit: cover;
}
.customServices .custSerLeft .dateyear{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    padding: 20px;
    height: 70%;
    display: grid;
    place-content: center;
}
.customServices .custSerLeft .dateyear .yer{
    margin-bottom: 25px;
}
.customServices .custSerLeft .dateyear .yer h4{
    color: #2E2E2E;
    font-size: 25px;
    margin-bottom: 7px;
    text-align: center;
}
.customServices .custSerLeft .dateyear .yer p{
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    color:#5c5c5c;
    text-align: center;
}
.customServices .custSerRight{
    width: 48%;
}

.customServices .custSerRight h1{
    color: #2e2e2e;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.customServices .custSerRight ul{
    margin-top: 20px;
}
.customServices .custSerRight ul li{
    width: 100%;
    background: #ddd;
    margin-bottom: 15px;
    border-radius: 3px;
}
.customServices .custSerRight ul li .serv{
    padding: 0px 15px;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    background: #65bdc2;
}
.customServices .custSerRight ul li .serv span{
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}






.ourTeam{
    padding: 0px 0px ;
}
.ourTeam h1{
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 40px;
}
.ourTeam p span{
    margin-bottom: 20px;
    display: inline-block;
    background-color: #65BDC2;
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
}
.ourTeam .allCoach{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:1%;
}
.ourTeam .allCoach .sinCoch{
    width: 20%;
    margin: 0px 1% 30px 1%;
    box-shadow: 0px 0px 2px #838383;
    /* border: 1px solid #ddd; */
    padding: 20px 1%;
    position: relative;
}
.ourTeam .allCoach .sinCoch .imgBx{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    border: 3px solid #18BFBD;
}
.ourTeam .allCoach .sinCoch .imgBx img{
    border-radius: 50%;
    height: 100%;
    object-fit: cover;
}
.ourTeam .allCoach .sinCoch .cochInfo{}
.ourTeam .allCoach .sinCoch .cochInfo h4{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 10px;
}
.ourTeam .allCoach .sinCoch .cochInfo h5{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    margin-bottom: 5px;
}
.ourTeam .allCoach .sinCoch .cochInfo p{
    margin-bottom: 10px;
    text-align: center;
}
.ourTeam .allCoach .sinCoch .cochInfo p a{
    font-size: 16px;
    font-weight: 400;
    color: #0adbdf;
}
.ourTeam .allCoach .sinCoch .cochInfo .msgFlw{
    display: flex;
    justify-content: center;
}
.ourTeam .allCoach .sinCoch .cochInfo .msgFlw a{
    display: inline-block;
    align-items: center;
    background: #001933;
    color: #fff;
    padding: 10px 30px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.ourTeam .allCoach .sinCoch ul.social{
    /* position: absolute;
    top: 20px;
    left: 20px; */
    display: flex;
    justify-content: center;
}
.ourTeam .allCoach .sinCoch ul.social li{
    margin-bottom: 5px;
    padding: 10px 10px 0px 10px;
}
.ourTeam .allCoach .sinCoch ul.social li a{
    color: #0adbdf;
}
.ourTeam .allCoach .sinCoch ul.social li a span{
    font-size: 18px;
}













.ourproduct{
    padding: 50px 0 25px 0;
}
.ourproduct .allpro{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ourproduct .allpro .sinPro{
    width: 48%;
    position: relative;
    height: 500px;
    overflow: hidden;
    margin-bottom: 25px;
}
.ourproduct .allpro .sinPro .imgBox{
    position: relative;
    transition: 1s all ease;
}
.ourproduct .allpro .sinPro .imgBox img{
    transition: 2s all ease;
    height: 500px;
    object-fit: cover;
}
.ourproduct .allpro .sinPro:hover .imgBox::before{
    content: "";
    width: 100%;
    height: 500px;
    background: #00000082;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: 1s all ease;
}
.ourproduct .allpro .sinPro:hover .imgBox img{
    transform: scale(1.2);
}
.ourproduct .allpro .sinPro .info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 0px;
    display: grid;
    place-content: center;
    background: #13375f;
    z-index: 22;
}
.ourproduct .allpro .sinPro .info h1{
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;

}
.ourproduct .allpro .sinPro .info h5{
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
    text-align:center;
}
.ourproduct .allpro .sinPro .info p{
    color: #fff;
    text-align: center;
}

.ourproduct .allpro .sinPro .info p a{
    color: #000000;
    border-color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    background-color: #18BFBD;
    border-width: 3px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    display: inline-block;
    border: 2px solid #fff;
}
.ourproduct h5 {}
.ourproduct h5 span {
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 10px 20px 10px 20px;
    background-color: #0E3055;
    display: inline-block;
    margin-bottom: 50px;
}
.ourproduct h5 span a {
    color: #fff;
}





.leaserhairContent h5{
    width:100%;
    margin:0 auto;
}
.leaserhairContent h5 span{
    
}
.leaserhairContent h5 span a{
    color:#fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 10px 20px 10px 20px;
    background-color: #0E3055;
    display: inline-block;
    margin-bottom: 50px;
}
.leaserhairContent p.hairdes{
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    margin: 20px auto;
    padding: 0px;
    color: #000000;
    text-align:justify;
    width:100%;
}
.leaserhairContent .sinPro{
    width: 100%;
    position: relative;
    overflow: hidden;
	margin: 0px auto 30px auto;
    display:flex;
    box-shadow: 0 0 10px #ddd;
}

.leaserhairContent .sinPro .Boximg {
    width: 50%;
    overflow:hidden;
    position: relative;
    border-radius:10px 0 10px 10px;
}
.leaserhairContent .sinPro .Boximg img{
    border-radius:10px 0 10px 10px;
    height: 500px;
    object-fit: cover;
}
.leaserhairContent .sinPro .Boximg img.Sculptra{
    height: 565px;
}
.leaserhairContent .sinPro .Boximg img.stretchmrk{
    height: 945px;
}
.leaserhairContent .sinPro .Boximg img.Radiesse{
    height: 480px;
}
.leaserhairContent .sinPro .Boximg img.Mesotherapy{
    height: 630px;
}
.leaserhairContent .sinPro .Boximg img.Fillers{
    height: 355px;
}
.leaserhairContent .sinPro .Boximg img.skinboosters{
    height: 575px;
}
.leaserhairContent .sinPro .Boximg img.Reflexology{
    height: 484px;
}
.leaserhairContent .sinPro .Boximg img.holistic{
    height: 352px;
}
.leaserhairContent .sinPro .Boximg img.Ayurvedic{
    height: 523px;
}
.leaserhairContent .sinPro .Boximg img.Pregnancy{
    height: 429px;
}
.leaserhairContent .sinPro .Boximg img.Lymph{
    height: auto;
}
.leaserhairContent .sinPro .Boximg img.FullBody{
    height: 379px;
}
.leaserhairContent .sinPro .Boximg img.Hyaluronidase{
    height: 460px;
}
.leaserhairContent .sinPro .Boximg img.Profhilo{
    height: 430px;
}
.leaserhairContent .sinPro .Boximg img.Trichology{
    height: 920px;
}
.leaserhairContent .sinPro .Boximg img.pdothreadlift{
    height: 640px;
}
.leaserhairContent .sinPro .Boximg img.LumiEyesDarkCircles{
    height: 760px;
}
.leaserhairContent .sinPro .Boximg img.Microneedling{
    height: 275px;
}
.leaserhairContent .sinPro .Boximg img.Environ{
    height: 640px;
}
.leaserhairContent .sinPro .Boximg img.DMK{
    height: 910px;
}
.leaserhairContent .sinPro .Boximg img.SkinPeels{
    height: 350px;
}
.leaserhairContent .sinPro .Boximg img.Dermalogica{
    height: 545px;
}
.leaserhairContent .sinPro .Boximg img.LaserHairRemoval{
    height: auto;
}
.leaserhairContent .sinPro .Boximg img.SkinBoostrers{
    height: 586px;
}
.leaserhairContent .sinPro .Boximg img.HydraFacial{
    height: 513px;
}
.leaserhairContent .sinPro .Boximg img.hydratreatment{
    height: 410px;
}
.leaserhairContent .sinPro .Boximg img.botox{
    height: 640px;
}








.leaserhairContent .sinPro .des{
    width:50%;
}
.leaserhairContent .sinPro .des h1{
    background: #0E3055;
    color: #ffffff;
    padding: 5px 25px;
    font-size:35px;
    /* display: inline-block; */
    border-bottom: 3px solid #0E3055;
    text-align:left;
}
/*.leaserhairContent  h1{*/
    /*width:85.5%;*/
/*    background: #0E3055;*/
/*    color: #ffffff;*/
/*    padding: 5px 15px;*/
/*    font-size:35px;*/
    /* display: inline-block; */
/*    border-bottom: 3px solid #0E3055;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
@media only screen and (min-width: 320px) and (max-width: 480px){
    .leaserhairContent  h1{
        width:100%;
    }
}
.leaserhairContent .sinPro .des h5{
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    padding: 5px 20px;
    /*text-align: center;*/
    text-align: justify;
    margin: 20px 5px;
    width: calc(100% - 10px);
}
.leaserhairContent .sinPro .des p{
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: justify;
    /*text-align: center;*/
}
.leaserhairContent .sinPro .des ul{
    margin-left: 20px!important;
}
.leaserhairContent .sinPro .des ul li{
    margin-bottom: 7px;
}
.leaserhairContent .sinPro .des ul li::before{
    content:"\f058";
    font-family:"icomoon";
    margin-right:10px;
}
.leaserhairContent .sinPro .des ul li span{margin-right: 7px;}

.leaserhairContent .sinPro .des p a{
    color: #000000;
    border-color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    background-color: #18BFBD;
    border-width: 3px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    display: inline-block;
    border: 2px solid #fff;
}


.leaserhairContent .sinPro .imgBox{
    position: relative;
    transition: 1s all ease;
}
.leaserhairContent .sinPro .imgBox img{
    transition: 2s all ease;
    height: 500px;
    object-fit: cover;
}
.leaserhairContent .sinPro:hover .imgBox::before{
    content: "";
    width: 100%;
    height: 500px;
    background: #00000082;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: 1s all ease;
}
.leaserhairContent .sinPro:hover .imgBox img{
    transform: scale(1.2);
}
.leaserhairContent .sinPro .info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 0px;
    display: grid;
    place-content: center;
    background: #13375f;
    z-index: 22;
}
.leaserhairContent .sinPro .info h1{
    font-size: 35px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}
.leaserhairContent .sinPro .info h5{
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.leaserhairContent .sinPro .info p{
    color: #fff;
    text-align: center;
}

.leaserhairContent .sinPro .info p a{
    color: #000000;
    border-color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    background-color: #18BFBD;
    border-width: 3px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    display: inline-block;
    border: 2px solid #fff;
}
.leaserhairContent .sinPro .des ul li span{
    color: #0e3055;
}




















.tabMenu {
    width: 100%;
    padding: 40px 0px;
    background: #fafafc;

}

.allproduct {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.singleProduct {
    width: 28%;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .singleProduct {
        width: 100%;
    }
}

.singleProduct h2 {
    font-size: 20px !important;
    font-weight: 500;
    margin: 0px 0px 20px 0px !important;
    padding: 0;
}

.singleProduct h2 span {
    color: #d6085e;
}

.tabContainer {
    width: 100%;
}

.tabContainer .buttonContainer {
    background: #ddd;
    width: 100%;
    display: flex;
    border-radius: 5px;
}

.tabContainer .buttonContainer button {
    width: 33.3%;
    height: 100%;
    border: 1px solid #ddd;
    outline: none;
    cursor: pointer;
    padding: 8px;
    font-family: sans-serif;
    font-size: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.tabContainer .buttonContainer.twoOpt button {
    width: 50%;
    height: 100%;
    border: 1px solid #ddd;
    outline: none;
    cursor: pointer;
    padding: 8px 0px;
    font-family: sans-serif;
    font-size: 15px;
    background-color: #fff;
    border-radius: 5px;
}

.tabContainer .buttonContainer button:hover {
    background-color: #d7d4d4;
}

.tabContainer .tabPanel {
    background-color: #fff;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 22px;
    display: none;
    padding-top: 12px;
}

.tabContainer .tabPanel p.session {
    text-align: right;
    margin: 0px 0px 20px 0px;
    font-size: 14px;
}

.tabContainer .tabPanel h3 {
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    font-weight: 400;
    color: green;
}

.beforeNow{
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.total h1 {
    font-size: 22px!important;
    font-weight: 600;
    margin: 0px 0px 10px 0px;
    padding: 0;
}

.total h4 {
    font-size: 13px;
    font-weight: 500;
    color: #d6085e;
    padding: 0;
}

.total p {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    font-weight: 400;
}

.tabContainer .tabPanel p {
    margin: 0;
    padding: 0;
}


 p button.signlogbtn ,
 p input.buyNow ,
 p a.buyNow {
    display: block;
    width: 95%;
    background: #13375f;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 0px;
    border-radius: 5px;
    border: 1px solid #13375f;
    transition: 0.5s all ease;
    margin-top: 15px;
}

 p input.buyNow:hover ,
 p a.buyNow:hover {
    background: #fff;
    color: #13375f;
}



a{
    text-decoration: none!important;
}








.deactive{
    opacity: 0.4;
}














.address {
    padding-bottom: 40px;
}
.address .addressLeft{
    width: calc(45% - 40px);
    position: relative;
     border: 2px solid #002244; 
    box-shadow: 0 0 10px #ddd;
    padding: 20px;
}
.address .addressLeft{
    margin-bottom: 20px;
}
.addressRight {
    width: calc(45% - 40px);
    position: relative;
    border: 2px solid #002244; 
    box-shadow: 0 0 10px #ddd;
    padding: 20px 20px 0 20px!important;
}
.address h2{
    font-size: 30px;
    color: #18bfbd;
    font-weight: 500;
    margin-bottom: 20px;
}
.address .addressLeft .imgbox,
.address .addressRight .imgbox{}
.address .addressLeft .imgbox img,
.address .addressRight .imgbox img{}

.address .addressLeft .info,
.address .addressRight .info{
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: #ffffff;
    padding:25px;
    border-radius: 5px;
}
.address .addressLeft .info h4,
.address .addressRight .info h4{
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 1px;
    color: #18bfbd;
    text-align: center;
}
.address .addressLeft .info ul,
.address .addressRight .info ul{}
.address .addressLeft .info ul li,
.address .addressRight .info ul li{
    color: #000;
    font-size: 13px;
    font-weight: 300;
    line-height: 2em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    display:flex;
    align-items: center;
}
.address .addressLeft .info ul li span,
.address .addressRight .info ul li span{
    color: #18bfbd;
    font-size: 18px;
}












.contactForm{
    /*background: url('img/conbg.jpg');*/
    padding: 50px;
}
.contactForm .container{
    align-items:flex-start;
}
.contactForm .contactleft{
    width: 25%;
    background: #0e3055;
    margin-top: 41px;
    padding: 40px;
    border-radius:7px;
}
.contactForm .contactleft h4{
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    
}
.contactForm .contactleft p{
    text-align: justify;
    line-height: 23px;
    font-size: 13px;
    color:#fff;
}
.contactForm .contactRight{
     width:65%;
}
.contactForm form{
    width: 100%;
    margin: 0 auto;
    /*background: linear-gradient(#ffffffed, #ffffff82), url('img/ourservicesbg.jpg');*/
    /*padding: 50px;*/
}
.contactForm form h3{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
}
.contactForm form .name,
.contactForm form .phone{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.contactForm form .name input{
    width: 46%;
    border: 1px solid #ddd;
    padding: 13px;
    border-radius: 3px;
}
.contactForm form .phone input{
    width: calc(100% - 26px);
    border: 1px solid #ddd;
    padding: 13px;
}
.contactForm form .phone textarea{
    width: calc(100% - 26px);
    border: 1px solid #ddd;
    padding: 13px;
}
.contactForm form input[type="submit"]{
    background: #0e3055;
    border: none;
    color: #fff;
    padding: 15px 35px;
    cursor: pointer;
}









.signupLoginPop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #00000082;
    z-index: 9999999999999999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    transition: 0.2s all ease;
}

.signupLoginPop.active {
    transform: scale(1);
}

.signupLoginPop .wrapperlog {
    padding: 35px;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
    max-width: 600px;
    width: 100%;
}

.signupLoginPop .wrapperlog .icon-close2 {
    position: absolute;
    font-size: 25px;
    font-weight: 600;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #d51243;
}
/* .signupLoginPop .left {
    width: 40%;
    background: #f9f9f9;
    padding: 20px;
} */

.signupLoginPop .left img {
    width: 100%;
}

.signupLoginPop .signLogin {
    width: 100%;
}


.signupLoginPop .wrapperlog ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 15px!important;
}

.signupLoginPop .wrapperlog ul li {
    padding: 8px 25px;
    color: #001933;
    cursor: pointer;
    margin: 0px 5px;
    border: 2px solid #001933;
    border-radius: 3px;
}
.signupLoginPop .wrapperlog ul li a{
    color: #001933;
}

.signupLoginPop .wrapperlog ul li.active {
    color: #fff;
    background: #001933;
}

.signupLoginPop .wrapperlog .signLogin form {
    /* margin-left: 25px; */
}

.signupLoginPop .wrapperlog .signLogin form.signupForm,
.signupLoginPop .wrapperlog .signLogin form.loginForm {
    display: none;
}

.signupLoginPop .wrapperlog .signLogin form.signupForm.active,
.signupLoginPop .wrapperlog .signLogin form.loginForm.active {
    display: block;
}

.signupLoginPop .wrapperlog .signLogin form .name {
    display: flex;
    justify-content: space-between;
}
.two{width:50%;}
.three{width:33.33%;}
.signupLoginPop .wrapperlog .signLogin form label{
    display:block;
    font-size: 12px;
    margin-bottom: 5px;
}
.two input{width:100%;}
.signupLoginPop .wrapperlog .signLogin form .name input[type="text"],
.signupLoginPop .wrapperlog .signLogin form .name input[type="password"] {
    /*width: 42.5%;*/
    /*width: calc(100% - 3%);*/
    padding: 10px 3%;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.signupLoginPop .wrapperlog .signLogin form .country select {
    width: 100%;
    padding: 10px 3%;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    outline: none;
}

.signupLoginPop .wrapperlog .signLogin form .country input[type="text"] {
    width: calc(33%);
    padding: 10px 3%;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.signupLoginPop .wrapperlog .signLogin form input[type="text"],
.signupLoginPop .wrapperlog .signLogin form input[type="email"],
.signupLoginPop .wrapperlog .signLogin form input[type="tel"],
.signupLoginPop .wrapperlog .signLogin form input[type="password"] {
    width: calc(100% - 6%);
    padding: 10px 3%;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.rememforget{
    margin: 10px 0px 20px 0px;
} 
.rememforget input[type="checkbox"]{
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-right: 15px;
} 
.signupLoginPop .wrapperlog .signLogin form input[type="submit"] {
    background: #18bfbd;
    color: #fff;
    border: none;
    padding: 10px 0px;
    border-radius: 2px;
    width: 100%;
}














.shopHeader h1{
    margin-top: 120px;
}
.shopHeader p{
    color: #e0e0e0;
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    margin-top: 25px;
}
.shopHeader p a{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 3px;
    color: #FFFFFF;
    background: #13375f;
    padding: 10px 20px;
    display: inline-block;
    transition: 0.5s all ease;
}
.shopHeader p a:hover{
    transform: scale(0.9);
}
.topproduct,
.relpro{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    flex-wrap: wrap;
}
.promaProduct form{
    width: 18%;
    border: 1px solid #ddd;
    padding: 30px;
    margin-bottom: 28px;
}
.promaProduct form .info{}
.promaProduct form h4{
    margin-bottom: 15px;
    text-align: center;
    height: 50px;
    
}
.promaProduct form h4 a{
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 3px;
    color: #13375f;
    display: inline-block;
    transition: 0.5s all ease;

}
.promaProduct form p {
        color: #13375f;
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.promaProduct form p span{
    display: inline-block;
}
.promaProduct form p input{
    width: 20%;
    padding: 6px 10px;
    border: 2px solid #18bfbd;
}
.promaProduct form input[type="submit"]{
        width: 100%;
    padding: 10px 0;
    background: #18bfbd;
    color: #fff;
    border: none;
    margin-top: 20px;
}
.promaProduct form .info p span{}
.topproduct .sinpro,
.relpro .sinpro{
    display: inline-block;
    width: 23%;
    position: relative;
}
.promaProduct .sinpro{
    display: inline-block;
    width: 31%;
    position: relative;
    margin-bottom: 30px;
}
.sinpro .imgbox{
    background: #fff;
}
.sinpro .imgbox img{}
.sinpro .info{
    position: absolute;
    background: linear-gradient(#0000000d, #000000cf);
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sinpro .info p{
    margin-top: 0;
    text-align: right;
    font-size: 11px;
    font-weight: 400;
}
.sinpro .info p span{
    background: #000000;
    padding: 5px 10px;
}
.sinpro .info h4{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}




.dailypromotion{
    padding: 100px 0 70px 0;
}
.dailypromotion h5 span{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 4px;
    color: #FFFFFF;
    background: #13375f;
    padding: 10px;
    display: inline-block;
    margin-bottom: 25px;
}
.dailypromotion h1{
    color: #18bfbd;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
}






.addverbox{}
.addverbox .addverboxLeft{
    background: linear-gradient(#00000057, #00000057), url('img/facilitie1.jpg') no-repeat center center / cover;
    height: 450px;
    width: 50%;
    display: grid;
    place-content: center;
}
.addverbox .addverboxLeft h1{
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
}
.addverbox p{
    text-align: center;
}
.addverbox .addverboxLeft p a{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 3px;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    background: #18bfbd;
    display: inline-block;
    transition: 0.5s all ease;
}
.addverbox .addverboxright{
    background: linear-gradient(#00000057, #00000057), url('img/facilitie2.jpg') no-repeat center center / cover;
    height: 450px;
    width: 50%;
    display: grid;
    place-content: center;
}
.addverbox .addverboxright h1{
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #fff;
    text-align: center;
    margin-bottom: 12px;
}
.addverbox .addverboxright p a{
    font-size: 11px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: 3px;
    color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 15px 30px 15px 30px;
    background: #0e3055;
    display: inline-block;
    transition: 0.5s all ease;
}
.addverbox .addverboxright p a:hover,
.addverbox .addverboxLeft p a:hover{
    transform: scale(0.9);
}













.viewpro{
    padding: 100px 0px;
    background: #fcfcfc;
}
.viewpro table{
    border: 1px solid #ddd;
    width: 100%;
margin-bottom: 40px;
}
.viewpro table thead{
    background: #18bfbd;
}
.viewpro table thead tr{}
.viewpro table thead tr th{
    padding: 8px 0px;
    color: #fff;
    
}
.viewpro table tbody{}
.viewpro table tbody tr{}
.viewpro table tbody tr:nth-child(even){
    background: #f9f9f9;
}
.viewpro table tbody tr td{
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px;


}
.viewpro table tbody tr input[type="submit"]{
    padding: 9px 13px;
    background:#18bfbd;
    border: none;
    color:#fff;
    cursor:pointer;
}
.viewpro table tbody tr input[type="number"]{
    width: 55px;
    padding: 9px 9px;
    background: #fff;
    border: 1px solid #ddd;
}
.viewpro table tbody tr:last-child td{
    border-bottom: none;
}
.viewpro table tbody tr td .proimg{
    width: 100px;
    margin-right: 10px;
    border: 1px solid #ddd;
}
.viewpro table tbody tr td h5{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.viewpro table tbody tr td span.icon-plus,
.viewpro table tbody tr td span.icon-minus{
    background: #fff;
    color: #18BFBD;
    padding: 8px 10px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 10px #ddd;
}
.viewpro table tbody tr td span.qntity{
    margin: 0 12px;
    font-size: 20px;
    font-weight: 600;
}
.viewpro table tbody tr td a,
.viewpro table tbody tr td button{
    color: #d6085e;
    font-size: 25px;
    display: inline-block;
     margin-top: 5px;
     border: none;
    background: #00000000;
    cursor:pointer;
}
.viewpro table tbody tr td a.updt{
    border: none;
    background: #18bfbd;
    color: #fff;
    padding: 11px 25px;
    box-shadow: 0 0 10px #ddd;
    transition: 0.5s all ease;
    cursor: pointer;
    border-radius: 3px;
    font-size: 13px;
}


.couponupdate{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.couponupd{}
.couponupd input[type="text"]{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    margin-right: 10px;
    cursor: pointer;
}
.couponupd input[type="submit"],
.updt input[type="submit"]{
    border: none;
    background: #18bfbd;
    color: #fff;
    padding: 11px 25px;
    box-shadow: 0 0 10px #ddd;
    transition: 0.5s all ease;
    cursor: pointer;
    border-radius: 3px;
}
.couponupd input[type="submit"]:hover,
.updt input[type="submit"]:hover,
.viewpro .right form input[type="submit"]{
    box-shadow: 0 10px 10px #ddd;
}



.baskettotal{
    display: flex;
    justify-content: flex-end;
}
.baskettotal .proced{
    border: 1px solid #ddd;
    padding: 40px;
}
.baskettotal .proced h4{
    font-size: 28px;
    font-weight: 500;
    color: #18bfbd;
    margin-bottom: 15px;
}
.baskettotal .proced .subt{
    width: 300px;
    background: #18bfbd24;
    border-bottom: 1px solid #18bfbd;
    padding: 12px 15px;

}
.subt{
    width: 300px;
    background: #18bfbd24;
    border-bottom: 1px solid #18bfbd;
    padding: 12px 15px;
}
.subt p{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subt p span.Subtotal{
    font-weight: 700;
}
.baskettotal .proced a{
    width: 330px;
    background: #18bfbd;
    color: #fff;
    display: block;
    padding: 12px 0;
    text-align: center;
}


.viewpro .container{
    display: flex;
    /* align-items: center; */
}
.viewpro .left{
    margin-right: 40px;
}
.viewpro .left .root{}
.viewpro .left .root .sinroot{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.viewpro .left .root .sinroot:nth-child(2),
.viewpro .left .root .sinroot:nth-child(3),
.viewpro .left .root .sinroot:nth-child(4),
.viewpro .left .root .sinroot:nth-child(5){
    opacity: 0.3;
}
.viewpro .left .root .sinroot svg{
    width: 50px;
    fill: #18bfbd;
    margin-right: 15px;
    display: none;
}
.viewpro .right{}
.viewpro .right.show{
    display: block;
}
.viewpro .right.hide{
    display: none;
}
.viewpro .right h5{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}
.viewpro .right h5 a{
    color: #18bfbd;
}
.viewpro .right form{}
.viewpro .right form .mailpass{
    margin-bottom: 20px;
}
.viewpro .right form .mailpass input{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    margin-right: 10px;
    cursor: pointer;
    width: calc(50% - 50px);
}
.viewpro .right form input[type="submit"]{
    border: none;
    background: #18bfbd;
    color: #fff;
    padding: 11px 25px;
    box-shadow: 0 0 10px #ddd;
    transition: 0.5s all ease;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 15px;
}
.viewpro .right form label{}
.viewpro .right p{
    margin: 30px 0;

}
.viewpro .right p a{
    color: #18bfbd;
}











.form-outer.show{
    display: block;
}
.form-outer.hide{
    display: none;
}
.form-outer{
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .container .form-outer form{
    display: flex;
    width: 420%;
    align-items:flex-start;
  }
  .form-outer form .page{
    width: 25%;
    /* background: #005EC9; */
    transition: margin-left 0.3s ease-in-out;
  }
  .form-outer form .page.payGate{
    background: #13375f;
    display: flex;
    padding: 0px 0px 20px 15px;
    width: 340px;
    border-radius: 5px;
  }
.form-outer form .page .wrapper{
    background: #fff;
    width: 332px;
    box-shadow: 0 0 10px #000;
    margin-left: -5%;
}
  
  
  .form-outer form .page .title{
    text-align: left;
    font-size: 25px;
    font-weight: 500;
  }
  .form-outer form .page .field{
    width: 330px;
    margin-top: 40px;
    display: flex;
    position: relative;
}
  .form-outer form .page .wrapper .field{
    width: 330px;
    margin: 40px 0px;
    display: flex;
    position: relative;
    justify-content: center;
}
  }
  form .page .field .label{
    position: absolute;
    top: -30px;
    font-weight: 500;
  }
  form .page .field input{
    height: 100%;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 18px;
  }
  form .page .field select{
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
  }
  form .page .field span,
  form .page input[type="submit"],
  form .page button#submitBtn
  {
    border: none;
    background: #18bfbd;
    margin-top: -20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    transition: 0.5s ease;
    padding: 12px 20px;
    display:inline-block;
  }
  form .page .field input[type="submit"]
  {
    padding: 18px 35px;
  }
button#submitBtn
  {
    padding: 18px 35px;
    position:absolute;
    left: 145px;
    border: none;
    background: #18bfbd;
    margin-top: -20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    transition: 0.5s ease;
    padding: 12px 20px;
    display:none;
    top: 40px;
  }
  form .page .field span:hover{
    transform: scale(.9);
  }
  form .page .btns span{
    margin-top: -20px!important;
  }
  form .page .btns span.prev{
    margin-right: 3px;
    font-size: 17px;
    display:inline-block;
  }
  form .page .btns span.next{
    margin-left: 3px;
  }
  .container .progress-bar{
    margin: 0 40px 0;
    user-select: none;
    width: 160px;
  }
  .container .progress-bar .step{
    text-align: center;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
  }
  .container .progress-bar .step p{
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-left: 8px;
  }
  .progress-bar .step .bullet{
    height: 25px;
    width: 25px;
    border: 3px solid #ddd;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
  }
  .progress-bar .step .bullet.active{
    border-color: #18bfbd;
    background: #18bfbd;
  }
  .progress-bar .step .bullet span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    top: -2px;
  }
  .progress-bar .step .bullet.active span{
    display: none;
  }
  .progress-bar .step .bullet:before,
  .progress-bar .step .bullet:after{
    position: absolute;
    content: '';
    bottom: -40px;
    right: 9px;
    height: 40px;
    width: 3px;
    background: #ddd;
  }
  .progress-bar .step .bullet.active:after{
    background: #18bfbd;
    transform: scaleX(0);
    transform-origin: left;
    animation: animate 0.3s linear forwards;
  }
  @keyframes animate {
    100%{
      transform: scaleX(1);
    }
  }
  .progress-bar .step:last-child .bullet:before,
  .progress-bar .step:last-child .bullet:after{
    display: none;
  }
  .progress-bar .step p.active{
    color: #18bfbd;
    transition: 0.2s linear;
  }
  .progress-bar .step .check{
    position: absolute;
    left: 8%;
    top: 50%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
  }
  .progress-bar .step .check.active{
    display: block;
    color: #fff;
  }




.Register{}
.Register.hidden{
    display:none;
}

.name{
    gap:12px;
}
form .page .name input[type="text"],
form .page .note textarea,
form .page .name input[type="password"]{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    /*margin-right: 10px;*/
    cursor: pointer;
    width: 100%;
    margin-bottom: 12px;
}
form .page .note textarea{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    margin-right: 10px;
    cursor: pointer;
    width: calc(100% - 30px);
    margin-bottom: 12px;
    height: 100px;
}
form .page .email input[type="email"],
form .page .email input[type="text"],
form .page .email input[type="number"]{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    margin-right: 10px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 12px;
}
form .page .country select{
    background: #18bfbd24;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    /*margin-right: 10px;*/
    cursor: pointer;
    width: 100%;
    margin-bottom: 12px;
}
.differentadd{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
}
.differentadd input[type="checkbox"]{
    width: 15px;
    height: 15px;
    background: #ddd;
    margin-right: 10px;
}
.differentadd label{}













.payment{
    /* background: #f8f8f8; */
    width: 332px;
    margin: 0px;
    height: auto;
    /* padding: 35px; */
    /* padding-top: 70px; */
    border-radius: 5px;
    position: relative;
  }
  
  .payment h2{
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #ffffff;
    background: #13375f;
    padding: 15px;
    font-size: 25px;
  }
  
  .form .label{
    display: block;
    color: #555555;
    margin-bottom: 6px;
  }
  
  .input{
    padding: 13px 0px 13px 25px;
    width: calc(100% - 25px);
    text-align: center;
    border: 2px solid #dddddd;
    border-radius: 5px;
    letter-spacing: 1px;
    word-spacing: 3px;
    outline: none;
    font-size: 16px;
    color: #555555;
  }
  
  .card-grp{
    display: flex;
    justify-content: space-between;
  }
  
  .card-item{
    width: 48%;
  }
  
  .space{
    margin-bottom: 20px;
  }
  
  .icon-relative{
    position: relative;
  }
  
  .icon-relative .fas,
  .icon-relative .far{
    position: absolute;
    bottom: 12px;
    left: 15px;
    font-size: 20px;
    color: #555555;
  }
  
  .btn{
    margin-top: 40px;
    background: #2196F3;
    padding: 12px;
    text-align: center;
    color: #f8f8f8;
    border-radius: 5px;
    cursor: pointer;
  }
  
  
  .payment-logo{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: #f8f8f8;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    text-align: center;
    line-height: 85px;
  }
  
  .payment-logo:before{
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 90px;
    height: 90px;
    background: #2196F3;
    border-radius: 50%;
  }
  
  .payment-logo p{
    position: relative;
    color: #f8f8f8;
    font-family: 'Baloo Bhaijaan', cursive;
    font-size: 58px;
  }
  
  
  @media screen and (max-width: 420px){
    .card-grp{
      flex-direction: column;
    }
    .card-item{
      width: 100%;
      margin-bottom: 20px;
    }
    .btn{
      margin-top: 20px;
    }
  }














  .card-wrapper{
    max-width: 1100px;
    margin: 0 auto;
}
img{
    width: 100%;
    display: block;
}

.img-showcase{
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.img-showcase img{
    min-width: calc(100% - 2px);
    border: 1px solid #ddd;
    margin-right: 5px;
}

.product-content{
    padding: 2rem 1rem;
}
.product-title{
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 20px;
}


.product-detail h2{
    font-size: 30px;
    line-height: 30px;
    color: #5c5c5c;
    font-weight: 500;
    margin-bottom: 30px;

}
.product-detail p{
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
}
.product-detail ul{
    margin: 1rem 0;
    font-size: 0.9rem;
}
.product-detail ul li{
    margin: 0;
    list-style: none;
    background: url(shoes_images/checked.png) left center no-repeat;
    background-size: 18px;
    margin: 0.4rem 0;
    font-weight: 600;
    opacity: 0.9;
}
.product-detail ul li span{
    font-weight: 400;
    /* background: #ddd; */
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    margin-right: 10px;
}
.purchase-info{
    margin: 1.5rem 0;
}
.purchase-info input,
.purchase-info .btn{
    border: 1.5px solid #ddd;
    border-radius: 25px;
    text-align: center;
    padding: 0.45rem 0.8rem;
    outline: 0;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 14px;
}
.purchase-info input[type="submit"]{
        border: 1.5px solid #ddd;
    border-radius: 25px;
    text-align: center;
    outline: 0;
    margin-right: 0.2rem;
    margin-bottom: 1rem;
    display: inline-block;
    width: 120px;
    font-size: 14px;
    background: #18bfbd;
    color: #fff;
    cursor: pointer;
}
.purchase-info input[type="number"]{
    font-size: 14px;
}
.purchase-info input{
    font-size: 20px;
    width: 80px;
    padding: 8px;
}
.purchase-info .btn{
    cursor: pointer;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
}
.purchase-info .btn:first-of-type{
    background: #18bfbd;
}

.purchase-info .btn:hover{
    opacity: 0.9;
}
.social-links{
    display: flex;
    align-items: center;
}
.social-links a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #000;
    border: 1px solid #000;
    margin: 0 0.2rem;
    border-radius: 50%;
    text-decoration: none;
    font-size: 0.8rem;
    transition: all 0.5s ease;
}
.social-links a:hover{
    background: #000;
    border-color: transparent;
    color: #fff;
}




@media screen and (min-width: 992px){
    .card{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1.5rem;
    }
    .card-wrapper{
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-imgs{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .product-content{
        padding-top: 0;
    }
}

.description{}
.description p.des{
    padding: 10px 15px;
    color: #2e2e2e !important;
    font-family: 'DM sans', sans-serif !important;
    font-size: 17px !important;
    line-height: 17px;
    font-weight: normal !important;
    padding: 20px 10px !important;
    border-bottom: 1px solid #ddd;
    position: relative;
    margin-bottom: 15px;
}
.description p.des::before{
    content: "";
    height: 1px;
    width: 150px;
    background: #18bfbd;
    position: absolute;
    left: 0;
    bottom: 0;
}
.description h1,
h1.rlprd{
    font-size: 40px;
    font-weight: normal;
    line-height: 1.2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
}
h1.rlprd{
    margin-top: 50px;
    border-bottom: 1px solid #ddd;
}
.description p{
    font-weight: normal;
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
}


.relpro{
    padding-bottom: 100px;
}








.giftcard{
    padding: 100px 0px;
    display: flex;
    justify-content: space-between;
    background: #fcfcfc;
}
.giftcard .container{
    display: flex;
    justify-content: space-between;
}
.leftbar{
     width: 23%;
}
.leftbar h4{
    font-size: 20px;
    color: #111111;
    font-weight: 400;
    margin-bottom: 20px;
}
.leftbar ul{}
.leftbar ul li{
    border-bottom: 2px solid #ddd;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}
.leftbar ul li span:nth-child(1){
    color:#13375f;
}


.promaProduct {
    display: flex;
    margin-top: 80px;
    flex-wrap: wrap;
    width: 75%;
    gap: 3%;
}

.dailypromotion .leftbar {
    margin-top: 80px;
}

.promaProduct form {
    width: 24%;
    border: 1px solid #ddd;
    padding: 28px;
    margin-bottom: 25px;
}
.leftbar ul li a{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.count{
        background: #13375f;
        width: 25px;
        height: 20px;
        color: #fff;
        text-align: center;
        border-radius: 2px;
    
}

.giftcard .content{
     width: 73%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.giftcard .content .contentLeft{
    width: 45%;
    border:1px solid #ddd;
    /*padding:15px;*/
    
}
.giftcard .content .contentLeft img{}
.giftcard .content .contentRight{
    width: 53%;
}
.giftcard .content .contentRight form{}
.giftcard .content .contentRight form h2{
    font-size: 28px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
}
.giftcard .content .contentRight form h3{
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 20px;
}
.giftcard .content .contentRight form p{
    font-size: 15px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 20px;
    line-height: 24px;
    word-spacing: 4px;
}
.giftcard .content .contentRight form p b{
    font-weight: 500;
}
.giftcard .content .contentRight form h4{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 30px;
}
.giftcard .content .contentRight form select{
    padding: 12px 18px;
    background: #18bfbd;
    border: none;
    color: #fff;
    width: 40%;
    margin-bottom: 30px;
}
.giftcard .content .contentRight form option{
    border: none;
    padding: 8px 12px;
}
.giftcard .content .contentRight form .gname{
    background: #f1f1f1;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 25px;
}
.giftcard .content .contentRight form .gname p{
    font-size: 13px;
    margin-bottom: 10px;
}
.giftcard .content .contentRight form .gname input[type="text"]{
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #18bfbd;
    padding: 10px 15px;
    cursor: pointer;
    width: calc(100% - 30px);

}
.giftcard .content .contentRight form input[type="submit"]{
    border: none;
    background: #18bfbd;
    color: #fff;
    padding: 11px 25px;
    box-shadow: 0 0 10px #ddd;
    transition: 0.5s all ease;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 15px;
}





















.addvertish .container{
    justify-content: center;
}
.addvertish .container .box{
    width:42.5%;
}


















.privacyTerm{
    padding: 50px 0px;
}
.privacyTerm .container{
    box-shadow: 0 0 10px #ddd;
    padding: 25px 30px;
}
.privacyTerm p{
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 20px!important;
}
.privacyTerm p u,
.privacyTerm p b{
    color: #13375f;
    font-weight: 600;
}
.privacyTerm hr{
    margin-bottom: 20px!important;
}
.privacyTerm h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 1px;
    margin-bottom: 20px!important;
    color:#13375f;
}

.privacyTerm ol{
    margin-left: 20px!important;
}
.privacyTerm ul li,
.privacyTerm ol li{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 10px!important;
}
.privacyTerm ul li::before{
    content:"\f00c";
    font-family:"icomoon";
    margin-right:10px;
    color: #13375f;
}
.privacyTerm ul li span{
    color: #13375f;
}





.Discount{
    position: absolute;
    top: -15px;
    left: -29px;
    background: #13375f;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
}





.modal-body .about{
    display:flex;
    gap:2%;
    margin-bottom: 12px;
}
.modal-body .about .pro{
    width:25%;
}
.modal-body .about .pro img{
    width:100%;
}
.modal-body .about .pro h4 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0px;
    color: #2e2e2e;
}
.modal-body .about .pro h4 b{
    width:60px;
    display:inline-block;
}
.modal-body .about .pro h5{
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    padding: 0px;
    color: #5c5c5c;
}
.modal-body .about .pro h5 b{
    width:60px;
    display:inline-block;
}
.modal-body .about .info{
    width: calc(76% - 24px);
    padding:12px;
    border:1px solid #e5e5e5;
}
.modal-body .about .info h4{}
.modal-body .about .info p{
    text-align:justify;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    color: #5c5c5c;
    line-height:23px;
}


.eduSkil{
    display:flex;
}
.eduSkil .edu{
    width: calc(50% - 24px);
    border: 1px solid #e5e5e5;
    padding:0 12px 12px 12px;
}
.eduSkil .edu:nth-child(1){
    width:50%;
    border-right: 2px solid #e5e5e5;
}
.eduSkil .edu:nth-child(2){
    width:50%;
    border-left: none;
}
.eduSkil .edu h4{}
.eduSkil .edu p{
    margin-left: 20px;
    position:relative;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    color: #5c5c5c;
    line-height:23px;
}
.eduSkil .edu p::before{
    content:"";
    position:absolute;
    left:  -15px;
    top:50%;
    transform:translateY(-50%);
    width:7px;
    height:7px;
    background:#002244;
    border-radius:50%;
}
User / IP	: 216.73.216.249
Host / Server	: 195.35.44.181 / cosmedicclinic.eu
System	: Linux in-mum-web1192.main-hosting.eu 4.18.0-553.77.1.lve.el8.x86_64 #1 SMP Wed Oct 8 14:21:00 UTC 2025 x86_64