/*--================== 
    #Common
==================--*/
:root {
    --pink-color: #c256a1;
}

*{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {position: relative;font-family: "Poppins", sans-serif !important; margin: 0; padding: 0; } 
html, div, img, ul, li, a, p, ol, body, h1, h2, h3, h4, h5, h6,textarea{color:#000000;font-weight:400;}
ul, a, input,textarea{text-decoration: none;list-style: none;text-decoration: none;outline:none;font-family: "Poppins", sans-serif;}
a:hover,a:focus{ text-decoration: none;outline: 0;}
p,li{    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-weight: 400;}

h1{ font-size: 82px;line-height: 100px;letter-spacing: 1px;}
h2{ font-size: 70px;line-height: 90px;letter-spacing: 1px;}
h3{ font-size: 45px;line-height: 50px;font-weight: 500;letter-spacing: 1px;}

ul li{list-style: disc;}

.clear{clear: both;float:left;width:100%;}
.container{width: 1449px; margin: auto;padding: 0;}
.container-lg{width: 100%; margin: auto;padding: 0 15px;}
.flex{display: flex;flex-wrap:wrap;}

.pinkbtn{
        display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pink-color);
        border: 2px solid var(--pink-color);
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    transition: all 0.3s ease;
}

.whitebtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #000000;
    padding: 12px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    transition: all 0.3s ease;
}
.borderbtn{ border: 2px solid #fff;color: #fff;background: transparent;}
.borderbtnblack{ border: 2px solid #000;color: #000;background: transparent;}
.borderbtn,.borderbtnblack{
     display: flex;
    align-items: center;
    justify-content: center;
    background: transparent; 
    padding: 12px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight:400;
    letter-spacing: 1px;
    font-size: 18px;
    transition: all 0.3s ease;
}


.borderbtn:hover, .borderbtn:active, .borderbtn:focus,
.whitebtn:hover, .whitebtn:active, .whitebtn:focus,
.borderbtnblack:hover, .borderbtnblack:active, .borderbtnblack:focus  {
    outline: none !important;
    box-shadow: none;
    background: var(--pink-color);
    border-color: var(--pink-color);
    color: #fff;
}


.pinkbtn:hover, .pinkbtn:active, .pinkbtn:focus  {
  
    box-shadow: none;
    background: transparent;
    border-color: var(--pink-color);
    color: var(--pink-color);
}


/*--================== 
    #Header 
==================--*/
/*navs-toggle*/
.navs-toggle{display: none;}
.header-block{position: fixed;z-index: 9;background: transparent;height:auto;height: auto;    transition: 0.5s;padding: 30px 0;}
.header-block .flex{    justify-content: space-between;    align-items: center;}
.header-block.sticky-menu{    padding: 15px 0;background: rgb(255 ,255 ,255);}
.header-block.sticky-menu .primary-nav ul li a,
.header-block.sticky-menu .hdr-tel a{ color:#000;}
.header-block.sticky-menu .hdr-tel a img { background: var(--pink-color);}

.hdr-logo .main-logo a{display: inline-block;}
.hdr-logo .main-logo a img{width: 231px;}
.hdr-cta {display: flex;align-items: center;}
.hdr-tel a{display: flex;align-items: center;font-size: 18px;font-weight: 500;color: #fff;}
.hdr-tel a img{    width: 38px;background: transparent;border-radius: 100px;padding: 6px; transition: all 0.3s ease;}
.hdr-tel:hover a img{background: var(--pink-color);}
.hdr-tel a span{padding-left: 8px;}
.hdr-book{ padding-left: 20px;}

.primary-nav ul {float: right;margin: 0; padding: 0;}
.primary-nav ul li{display: inline-block;position: relative;}
.primary-nav ul li a{        color: #fff;text-decoration: none; font-size: 18px;text-transform: uppercase;padding: 15px;transition: 0.5s;font-weight: 500;display: inline-block;letter-spacing: 0.5px;}
.primary-nav .current-menu-item a,  .primary-nav ul li a:hover{color:var(--pink-color)!important;}
.primary-nav ul li.current-menu-item ul.sub-menu li a{color:#fff !important;}
.primary-nav ul li.current-menu-item ul.sub-menu li a:hover,
.primary-nav ul li.menu-item-has-children ul.sub-menu li.current-menu-item a{color:#000 !important;}


.sub{position: relative;cursor: pointer;color: #fff;}
.sub .fa-angle-up, .submenu-hide .fa-angle-down{display: none; }
.sub .fa-angle-up, .sub .fa-angle-down{position: relative;    top: 0px;left: 5px;}
.submenu-hide .fa-angle-up{display: inherit;}
/*ul.sub-menu::before{content: "";}*/
ul.sub-menu {position: absolute;z-index: 1000;display: none;width: 250px;
    list-style: none;
    background: var(--pink-color);
    float: none;
    padding: 0;
    border-radius: 0;}

ul.sub-menu li {width: 100%;float:none;    display: inherit;}
ul.sub-menu li a{
        color: #fff !important;
    padding: 15px;
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    line-height: 18px;
    margin-left: 0;
    text-transform: capitalize;
    font-weight: 400;
}
ul.sub-menu li:last-child a{border-bottom: none;}
ul.sub-menu li a:hover,
ul.sub-menu .current-item a{color:#000000 !important;}

@media (min-width:1201px){
.primary-nav ul li:hover .sub-menu {display: block;transition:1s;}
.primary-nav li.menu-item-has-children a:after{content:"\f107";transition: 0.5s;font-family: 'FontAwesome';display: inline-block;    position: absolute;right: 0;}
.primary-nav li.menu-item-has-children a:hover:after{transform: rotate(180deg);}
.primary-nav li.menu-item-has-children ul.sub-menu li a:after{content: none;}
}

/*--================== 
    #home-page
==================--*/
.hero-block {background-size: cover; background-position: center;  background-repeat: no-repeat; width: 100%;height: 100vh; position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center; color: white; }
.caption .content{text-align: left;width: 752px;}
.caption .content h1 {font-size: 82px;color: #fff;margin: 0;font-weight: 600;letter-spacing: 1px;line-height: 100px;}
.powerdot {position: relative;}
.powerdot img{position: absolute;left: 246px;top: -8px;}
.caption .content p{color: #fff;font-size: 22px;letter-spacing: 0.5px;}
.cap-btn{display: flex;flex-wrap: wrap;margin-top: 50px;}
/*------*/
.lightbody-block{padding-top: 60px;}
.lightbody-block h3{text-align: center;margin: 0 0 60px;}
.lightbody-box{padding: 30px;border-radius: 15px; transition: all 0.3s ease;}
.lightbody-box .lb-img{display: flex;justify-content: right;}
.lightbody-box .lb-img figure{width: 595px;margin: 0; transition: all 0.3s ease;}
.lightbody-box:hover .lb-img figure{    transform: translate(0, -10px);}
.lightbody-box .lb-content{margin-top: -50px;}
.lightbody-box .lb-content h4{color: #fff;font-size: 42px;font-weight: 600;line-height: 48px;margin: 0;}
.lightbody-box .lb-content p{color: #fff;font-size: 22px;font-weight: 400;margin: 15px 0; line-height: 28px;}
.lightbody-box .lb-content .lb-btns{display: flex;justify-content: left;flex-wrap: wrap;}
.lightbody-box .lb-content .lb-btns .whitebtn{    margin-left: 15px;}
.lightbody-box .lb-content .lb-btns .pinkbtn:hover, 
.lightbody-box .lb-content .lb-btns .pinkbtn:active, 
.lightbody-box .lb-content .lb-btns .pinkbtn:focus {outline: none !important;box-shadow: none;background: #fff;border-color: #fff;color: #000;}
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 30px;}
.owl-theme .owl-dots .owl-dot span{width: 16px;height: 16px;margin: 2px;background: #e1e1e1;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #D6D6D6;}
/*------*/
.living-block{padding-top: 60px;padding-bottom: 80px;position: relative;}
.lv-head{display: flex;justify-content: space-between;align-items: center;}
.lv-title h2{margin: 0;}
.lv-title ul{display: flex;align-items: center;    padding: 0;flex-wrap: wrap;}
.lv-title ul li{font-size: 22px;margin-right: 35px;text-transform: uppercase;letter-spacing: 4px;padding: 0;}
.lv-title ul li:first-child{list-style: none;}
.lv-title ul li::marker {color: var(--pink-color);}
.lv-title ul li:last-child{margin-right: 0;}
.living-block .lv-circle img{transition: all 0.9s ease;}
.living-block .lv-head:hover .lv-circle img{transform: rotate(360deg);}
.living-boxes {padding: 0 40px; width: 362px;}
.living-boxes:not(:first-child) {border-left: 1px solid #ccc;}
.living-boxes h4{font-size: 30px;font-weight: 500;margin: 0;color: #000;}
.living-boxes .lv-icon{display: inline-block;text-align: center;width: 100%;margin-bottom: 30px;}
/*------*/
.locker-block{background: #fcf6fa;position: relative;padding-bottom: 270px;}
.locker-block h2{ font-size: 50px;line-height: 60px;font-weight: 600;    text-align: center;    margin: 80px 0;}
.lm-abouts{  width: 90%; position: absolute; left: 0;top: 0;margin-top: 270px;    padding: 100px 50px;background-repeat: no-repeat; background-size: cover;display: flex;justify-content: right; align-items: center;}
.lm-about-white-box {background: #fff;padding: 80px 40px;width: 701px;}
.lm-about-white-box p{font-size: 34px;line-height: 42px;letter-spacing: 0.5px;margin: 0;}
.lm-about-white-box .lm-about-btn{display: inline-block;color: var(--pink-color);font-size: 18px;text-decoration: underline;letter-spacing: 0.5px;margin-top: 30px;}
.lm-about-white-box .lm-about-btn:hover{text-decoration: none;}
/*------*/
.trusted-block{margin-top: 300px;}
.trusted-box {background: #f7f7f7;width: 466px; margin-right: 25px;border-radius: 6px;margin-bottom: 25px;display: flex;align-items: center;position: relative; padding: 40px 20px;}
.trusted-box:nth-child(3n+3){margin-right: 0;}
.trusted-box h6{margin: 0;font-size: 28px; line-height: 35px;padding-left: 20px;}
.trusted-box:hover{background: var(--pink-color);    transition: all 0.3s ease;}
.trusted-box:hover h6{color: #fff;    transition: all 0.3s ease;}
/*-----*/
.designed-block{background-repeat: no-repeat;background-size: cover;margin-top: 60px;padding-top: 100px;height: 705px;}
.designed-block .content-center{text-align: center;}
.designed-block .content-center h3 span{color: var(--pink-color);}
.designed-block .content-center h3,
.designed-block .content-center p{color: #fff;}
.designed-block .content-center h3{    margin: 0 0 40px;}
.designed-block .content-center p{font-size: 21px;line-height: 30px;}
.designed-block .content-center .des-btns{display: flex;justify-content: center;margin-top: 50px;}
/*-----*/
.faq-block{background: #fafafa;position: relative;    overflow: hidden;padding-top: 60px; padding-bottom: 60px;}
.faq-block .img-container:after{content: url('../images/faq-texture.png');position: absolute;right: -120px;top: 30px;transition: all 0.3s ease;}
.faq-block:hover .img-container:after{transform: translateY(10px);}
.faq-block h2{ margin: 0;}
.faq-head {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.faq-head .faq-title{    width: 650px;}
.faq-head .faq-txt{/*width: 565px;*/ width: 795px;justify-content: left; display: flex;}
.faq-head .faq-txt p{ width: 645px;padding-left: 100px;}
/*-----*/
.acc-container.accordion { margin-top: 50px;}
.accordion .acc {border-bottom: 1px solid #d0d0d0;}
.accordion .acc:last-child{border-bottom: none;}
.accordion .acc-head  {padding: 20px 0;position: relative;cursor: pointer;}
.accordion .acc-head h6{font-size: 24px;      margin: 0;    color: #000;    padding-right: 30px;}
.accordion .acc-head::after {content: url('https://www.perronhostinggroup.com/ethoscryo/wp-content/uploads/2025/10/faq-arrow.png');position: absolute;right: 0; font-weight: 100;top: 20px;color: #666666;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.accordion .acc-content p,
.accordion .acc-content p a,
.accordion .acc-content li,
.accordion .acc-content li a {color: #000;}
.accordion .acc-content p a,.accordion .acc-content li a{text-decoration: underline;}
.accordion .acc-content p a:hover ,.accordion .acc-content li a:hover{text-decoration: none;}
.accordion .acc-content {padding: 0 0 30px;display: none;}     
.accordion .acc-head.active h6{color: var(--pink-color);}
.accordion .acc-head.active::after{ transform: rotate(90deg);content: url('https://www.perronhostinggroup.com/ethoscryo/wp-content/uploads/2025/10/faq-arrow-pink.png'); }
.faq-btn, .rady-btn{display: flex;justify-content: left; margin-top: 30px;}
/*-------*/
.ready-block .flex{justify-content: space-between;align-items: center;}
.ready-block .left-side {width: 540px;}
.ready-block .left-side h2 span{color: var(--pink-color);}
.ready-block .right-side {width: 703px;border-left: 1px solid #d0d0d0;padding-left: 60px;}
.ready-block .right-side h3{font-size: 30px;font-weight: 600; margin: 0;letter-spacing: 0;}
.ready-block .right-side p{margin: 0;font-size: 22px;letter-spacing: 0.5px;}
/*------*/
.footer-block{background: #000;padding-top: 80px;position: relative;   }
.footer-block .overflow{overflow: hidden;position: relative;}
.footer-block:before,
.footer-block:after{content: "";width: 620px;position: absolute;height: 100%;top: 0;}
.footer-block:before{background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(133, 133, 133, 0) 100%);left: 0;z-index: 1;}
.footer-block:after{right: 0;background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 35%, rgba(133, 133, 133, 0) 100%);}
.footer-block .img-container2:before,
.footer-block .img-container:after{position: absolute;transition: all 0.3s ease;    z-index: 1;}
.footer-block .img-container:after{content: url('https://www.perronhostinggroup.com/ethoscryo/wp-content/uploads/2025/10/ft-texture1.png');right: 0;top: -160px;}
.footer-block .img-container2:before{content: url('https://www.perronhostinggroup.com/ethoscryo/wp-content/uploads/2025/10/ft-texture2.png');left: 0;bottom: -10px;}
.footer-block:hover .img-container:after{transform: translateY(10px);}
.footer-block:hover .img-container2:before{transform: translateY(10px);}
.ft-logo {width: 100%;text-align: center;    margin-bottom: 80px;}
.ft-logo a{display: inline-block;width: 445px;}
.ft-logo a img{width: 100%;}
.ft-menus .ft-center{width: 630px;}
.ft-menus .ft-left, .ft-menus .ft-right{width: 300px;}
.ft-menus .ft-center ul{display: flex;    padding: 0;justify-content: center;    margin: 0;}
.ft-menus .ft-center ul li{list-style: none;    margin: 0 10px;}
.ft-menus .ft-center ul li a{text-decoration: none;font-size: 18px;text-transform: uppercase; padding: 12px;transition: 0.5s;font-weight: 400;display: inline-block;letter-spacing: 1px;color: #fff;}
.ft-menus .ft-right{display: flex;justify-content: right;}
.ft-menus{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;    width: 1299px; margin: auto;    z-index: 1;position: relative;}
.ft-menus .ft-right a{display: inline-block;font-size: 30px; margin-left: 15px;color: #fff;}
.ft-menus .ft-center a:hover,
.ft-menus .ft-right a:hover{color: var(--pink-color);}
.footer-block hr{background: #ffffff;height: 1px;width: 100%;border: none;margin: 0;padding: 0;}
.ft-contactinfo{z-index: 1;position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 1115px;margin: auto;}
.ft-contactinfo a{color: #fff; display: flex; align-items: center;font-size: 18px;font-weight: 400;}
.ft-address,.ft-phone, .ft-email{width: 370px;justify-content: center;display: flex; padding: 20px 0;}
.ft-contactinfo span.keyicon {width: 55px;height: 55px;margin-right: 10px;background: transparent;border-radius: 100%;}
.ft-phone{ border-left: 1px solid #fff;border-right: 1px solid #fff;}
.ft-contactinfo div:hover span.keyicon{background: var(--pink-color);transition: all 0.3s ease;}
.copyright{text-align: center;margin-top: 60px;padding-bottom: 40px;}
.copyright p{color: #fff;}

  /*--================== 
    #inner-page
==================--*/
#inner-banner{    height: 70vh;}
#inner-banner.error-banner{height:100vh; background-position: right; box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 40%);}
#inner-banner .caption{width: 100%;}
.contact-block {padding-top: 60px;padding-bottom: 60px;background: radial-gradient(transparent 34%, #fefbfd 35%, #fefbfd 45%, transparent 46%);background-size: 3em 3em;background-color: #ffffff;opacity: 1;background-attachment: fixed;}
.contact-block h2{margin: 0;line-height: 55px;margin-bottom: 40px;}
.contact-block h2 span{display: block;font-size: 20px;color: var(--pink-color);}
.contact-block h3{margin: 0; font-size: 30px;}
.contact-block .flex{justify-content: space-between;padding: 50px;align-items: center; border: 1px solid #f7f7f7;background: rgb(255 255 255 / 50%);}
.contact-block .contact-side,
.contact-block .form-side{ width: 650px;}
.contact-block .form-side{background: #fff;padding: 30px;border-radius: 30px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.contact-block .form-side .input-txt textarea{height: 120px !important; resize: vertical;}
.contact-block .form-side .input-txt input,
.contact-block .form-side .input-txt textarea{ width: 100%;border: 1px solid #ebebeb;background: #fff;height: 50px;padding: 10px;font-size: 18px; color: #000;}
.contact-block .form-side .input-txt input::placeholder,
.contact-block .form-side .input-txt textarea::placeholder{color: #a7a7a7;}
.contact-block .form-side input[type="submit"]{display: inline-block;width: 100%;padding: 15px;font-size: 18px;text-transform: uppercase;background: var(--pink-color);border: 2px solid var(--pink-color);color: #fff;letter-spacing: 1px;font-weight: 400; font-family: "Poppins", sans-serif;border-radius: 6px;transition: all 0.3s ease; cursor: pointer;}
.contact-block .form-side input[type="submit"]:hover,
.contact-block .form-side input[type="submit"]:active, 
.contact-block .form-side input[type="submit"]:focus {
box-shadow: none;background: transparent;border-color: var(--pink-color);color: var(--pink-color);}
.cu-info {margin: 0 0 20px;    display: flex;align-items: center;}
.cu-info a{display: flex;align-items: center;    font-size: 20px;}
.cu-info a .keyicon{background: var(--pink-color);display: flex;width: 80px;height: 80px;align-items: center;justify-content: center;border-radius: 10px;margin-right: 20px;}
.cu-info a:hover .valuetxt{color: var(--pink-color);}
.cu-info h4,
.cu-social h4{margin: 0 0 10px;font-size: 16px;text-transform: uppercase;color: var(--pink-color);font-weight: 500;letter-spacing: 0.5px;width: 110px;text-align: left;margin-right: 30px;}
.cu-social .cu-sm{    display: flex;}
.cu-social .cu-sm a{display: flex;border: 2px solid #000;color: #000;width: 50px;height: 50px;border-radius: 6px;justify-content: center;align-items: center;font-size: 24px;margin-right: 15px;}
.cu-social .cu-sm a:hover{border: 2px solid var(--pink-color);color: var(--pink-color);}
.cu-social{    display: flex;align-items: center;}
.map-block iframe{border: 0;width: 100%;vertical-align: bottom;margin: 0;height: 500px;}

/*------*/
.choose-block{box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 60%);background-repeat: no-repeat;background-size: cover;    padding: 60px 0;}
.choose-block h2{ color: #fff; margin: 0 0 30px;  }
.choose-block .choose-title{  padding: 0 30px;}
.choose-block .choose-title p{color:#fff;}
.choose-box {width: 483px; padding: 30px;}
.choose-box h6{color: #fff; font-size: 30px;font-weight: 500; margin: 0; line-height: 35px;}
.choose-box p{    color: #fff;}
.choose-box .c-icon{display: flex;width: 100px;height: 100px;background: #ffffff;border-radius: 15px;align-items: center;justify-content: center;border: 2px solid #fff;margin-bottom: 20px;}
.choose-box .c-icon img{width: 100%;}
.choose-box:hover .c-icon{ border: 2px solid var(--pink-color);}
/*------*/
.testimonial-block{padding: 80px 0;}
.testimonial-block h2{margin: 0;}

ul.star{display: flex;    padding: 0;}
ul.star li{list-style: none;color: #fbc700;    font-size: 30px;margin-right: 10px;}
.item.clients-box {border: 1px solid #efeaea;padding: 30px;border-radius: 15px;background-size: 3em 3em;background-color: #ffffff;opacity: 1;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-bottom: 30px;margin-top: 30px;position: relative;}
.item.clients-box .ct-pic{width: 120px;height: 120px;border-radius: 10px;display: flex;align-items: center;justify-content: center}
.item.clients-box .ct-pic img{border-radius: 10px;}
.item.clients-box .ct-content h4{margin: 30px 0 0;color: #000;font-size: 24px;font-weight: 600;}
.item.clients-box .dialog {position: absolute;right: 30px;top: 30px;}
.item.clients-box .dialog img{width: 120px;opacity: 0.3;}
.item.clients-box:hover .dialog img{opacity: 1;}
.item.clients-box:hover h4{color: var(--pink-color);}

/*------*/
.aboutin-block {padding: 80px 0;position: relative;}
.count-box {width: 342px;border: 1px solid #f7f7f7;text-align: center;margin: 10px;border-radius: 15px;padding: 0 15px 15px;}
.count-box .count-icon {width: 100px;margin: auto;}
.count-box .count-icon img{width: 100%;}
.count-box .count{font-size: 55px;}
.count-box .count span {font-size: 80px;}
.count-box h4{font-size: 20px;margin: 0;font-weight: 600;}

/*------*/
.product-quotes{padding-top: 60px;padding-bottom: 60px;background-color:var(--pink-color);}
.product-quotes h2{margin: 0;padding: 0 30px 30px;color:#fff;text-align:center;}
#quotes-slider .owl-item{padding: 0 30px;text-align:center;}
.quotes-item{ background-color: #ffffff;opacity: 1;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 30px;border-radius: 15px;}
.quotes-item h3 {margin: 0;    font-size: 24px;font-weight: 600;    line-height: 30px;}
.quotes-item h3 span{display: block;font-size: 20px;color: var(--pink-color);}
.products-content{background: #fbfbfb; padding: 60px 0;}
.products-content h2{margin: 0;}
.products-content h3{    margin: 15px 0;}
/*------*/
 .products-model{padding: 60px 0;}
 .products-model h2{    margin: 0 0 20px;}
 .products-model .flex{justify-content: space-between;}
 .products-model .card {background: #f7f7f7;border-radius: 10px;padding: 30px; transition: transform 0.3s ease, background 0.3s ease;width: 350px;}
/* .products-model .card:nth-child(2n+2){margin-right: 0;}*/
.products-model .card:hover {transform: translateY(-10px);background: var(--pink-color);}
.products-model .card:hover h3,
.products-model .card:hover p{color: #fff;}
.products-model .card h3{ margin: 0; font-size: 28px; font-weight: 600;line-height: 35px;}
.products-model .card h3 span{display: inline-block; font-size: 20px;color: #ffffff;background: var(--pink-color);padding: 0px 10px; border-radius: 15px;margin-bottom: 10px;}
.products-model .card:hover h3 span{background: #fff;color: var(--pink-color);}
/*-----*/
.product-panels{padding: 0 0 60px ;}
.product-panels h2{margin: 0 0 30px;}
.product-panels .flex{justify-content: space-between;    margin-bottom: 30px;    flex-direction: row-reverse;}
.product-panels .flex:nth-child(2n+2){    flex-direction: inherit;}
.product-panels .img-side { width: 700px;}
.product-panels .img-side img{width: 100%; border-radius: 15px;vertical-align: bottom;}
.product-panels .content-side{width: 700px;background: #f7f7f7;border-radius: 15px;padding: 30px;    display: flex;align-items: center;}
.product-panels .content-side h3 span {display: inline-block; font-size: 20px;color: #ffffff;background: var(--pink-color); padding: 0px 10px; border-radius: 15px;margin-bottom: 10px;}
.product-panels .content-side h3  { margin: 0;font-size: 28px;font-weight: 600;line-height: 35px;}
/* ------ */
.single-product-block{padding-top:60px;}
body.woocommerce .woocommerce-breadcrumb a{color: var(--pink-color);}
body.woocommerce div.product .product_title{font-size:40px;font-weight:500;    line-height: 50px;}
body.woocommerce div.product p.price, body.woocommerce div.product span.price {
    color: var(--pink-color);
    font-size: 20px;
    font-weight: 600;
}
body.woocommerce div.product form.cart .button{    background: var(--pink-color);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;;border:2px solid  var(--pink-color);    height: 50px;}
body.woocommerce div.product form.cart .button:hover,
body.woocommerce div.product form.cart .button:focus{background:transparent;color: var(--pink-color);border:2px solid  var(--pink-color);}
body.woocommerce .quantity .qty {
    width: 100px;
    text-align: center;
    height: 50px;
    border: 1px solid var(--pink-color);border-radius:6px;}

body.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom: 1px solid var(--pink-color);}
body.woocommerce div.product .woocommerce-tabs ul.tabs li{border: 1px solid var(--pink-color);background-color:#faf2f8;}
body.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
body.woocommerce div.product .woocommerce-tabs ul.tabs li::before{content:none;}
body.woocommerce div.product .woocommerce-tabs ul.tabs{margin:0;}
body.woocommerce div.product .woocommerce-tabs .panel{
	    border-right: 1px solid  var(--pink-color);
    border-bottom: 1px solid  var(--pink-color);
	    border-left: 1px solid  var(--pink-color);
    padding: 0 30px 30px;
}
body.woocommerce div.product .woocommerce-tabs .panel h2{
	    margin: 0;
    font-size: 30px;
    font-weight: 600;
}

body.woocommerce #review_form #respond textarea{resize:vertical;font-size:16px;}

body.woocommerce #review_form #respond .form-submit input,
body.woocommerce a.button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-checkout #payment #place_order{
	display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pink-color);
    border: 2px solid var(--pink-color);
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    transition: all 0.3s ease;
}
body.woocommerce #review_form #respond .form-submit input:hover, 
body.woocommerce #review_form #respond .form-submit input:active, 
body.woocommerce #review_form #respond .form-submit input:focus,
body.woocommerce a.button:hover,
body.woocommerce a.button:focus,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
body.woocommerce-checkout #payment #place_order:hoevr,
body.woocommerce-checkout #payment #place_order:focus{
    box-shadow: none;
    background: transparent;
    border-color: var(--pink-color);
    color: var(--pink-color);
}
body.woocommerce ul.products li.product .button:hover,
body.woocommerce ul.products li.product .button:focus{
	  background: #fff !important;
    border-color: var(--pink-color);
    color: var(--pink-color);
}
body.woocommerce .woocommerce-message {
    border-top-color: var(--pink-color);   
}
body.woocommerce .woocommerce-message::before{color:var(--pink-color); top: 20px;
    left: 15px;
    font-size: 30px;}
/* cart-page */
body.woocommerce-cart .header-block,
body.woocommerce-checkout .header-block{background:#000;}
body.woocommerce-cart .header-block.sticky-menu,
body.woocommerce-checkout .header-block.sticky-menu{ background: rgb(255, 255, 255);}
body.woocommerce-cart .cart-page,
body.woocommerce-checkout .checkout-page{    padding-top: 120px;padding-bottom:60px;}
body.woocommerce-cart table.cart td.actions .coupon .input-text{
	    width: 290px;
    height: 40px;
    border-radius: 6px;
}
body.woocommerce-cart table.cart td.actions .coupon button[type="submit"]{
	    height: 40px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    font-size: 15px;
	 border: 2px solid #000;
}
body.woocommerce-cart table.cart td.actions .coupon button[type="submit"]:hover{ border: 2px solid var(--pink-color);}
{
	    background: #fff;
    border: 2px solid var(--pink-color);
    color: var(--pink-color);
    text-transform: uppercase;
    font-size: 15px;
    height: 40px;
}

body.woocommerce-cart table.cart td.actions button[type="submit"]{
	    background: #fff;
    border: 2px solid var(--pink-color);
    color: var(--pink-color);
    text-transform: uppercase;
    font-size: 15px;
    height: 40px;
}
body.woocommerce-cart table.cart td.actions button[type="submit"]:hover{background:var(--pink-color);color:#fff;}
body.woocommerce-cart .woocommerce .quantity .qty{ border: 1px solid #898989;}
body.woocommerce-cart .woocommerce table.shop_table td.product-subtotal{    color: var(--pink-color);
    font-weight: 600;}


body.woocommerce-checkout .woocommerce form .form-row .input-text, 
body.woocommerce-checkout .woocommerce form .form-row select{height:47px;    font-size: 18px;
    color: #444;}
body.woocommerce-checkout .woocommerce form .form-row textarea.input-text{
	    height: 100px;
    resize: vertical;
}
body.woocommerce-checkout .woocommerce table.shop_table tfoot .order-total th,
body.woocommerce-checkout .woocommerce table.shop_table tfoot .order-total td{color:var(--pink-color);}

body.woocommerce-checkout #payment ul.payment_methods li{list-style:none;}
body.woocommerce-checkout .woocommerce-info { border-top-color: var(--pink-color);}
body.woocommerce-checkout .woocommerce-info::before { color: var(--pink-color);}
body.woocommerce-checkout .checkout-page h3{
	    margin: 0 0 20px;
    font-size: 33px;
    font-weight: 600;
    text-transform: capitalize;
    border-bottom: 2px solid;
    color: var(--pink-color);letter-spacing: 0;
}
/* -------shop-page */
.shop-page {
    padding-top: 60px;
    padding-bottom: 30px;
}
body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{
	    background: #f7f7f7;
    border-radius: 6px;
    position: relative;
    padding: 15px;
}
body.woocommerce ul.products li.product .woocommerce-loop-product__title{
	    margin: 0;
    font-size: 24px;    padding: 0;
}
body.woocommerce ul.products li.product .price{
	    color: var(--pink-color);
    font-weight: 600;
    font-size: 20px;
}
body.woocommerce .woocommerce-ordering select{
	    height: 40px;
    border: 1px solid #ccc;
}

body.woocommerce .star-rating span::before,
body.woocommerce p.stars a{color:#efc900;}
.woocommerce #review_form #respond p input[type="text"],
.woocommerce #review_form #respond p input[type="email"]{
	    width: 100%;
    border: 1px solid #ccc;
    height: 40px;  font-size: 16px;
}

body.woocommerce #reviews #comments ol.commentlist li img.avatar{border-radius:100px;}

/* ----- */
#inner-banner.error-banner .caption .btns{display:flex;}
#inner-banner.error-banner .caption .content h1{
	    text-transform: uppercase;
    font-size: 100px;
}
#inner-banner.error-banner .caption .content h2{color:#fff;    font-size: 60px;margin: 20px 0;}

.default-page{padding:80px 0;}
.default-page ul{padding:0;margin:0;}
.default-page li{position: relative;list-style: none; padding-left: 32px;margin: 20px 0;}
.default-page li:before {content: url(https://www.perronhostinggroup.com/ethoscryo/wp-content/uploads/2025/10/arrow-pink.png); position: absolute;left: 0;}
/* ----- */
#services-in{ margin-top: 0;padding: 60px 0;}
#services-in .trusted-box{    display: inline-block;}
#services-in .trusted-box img{width:100%;}
#services-in .trusted-box h6 { margin: 20px 0 0; padding-left: 0;}
#services-in .trusted-box:hover p{color:#fff;}
#services-in .trusted-box .rm-btn{display:flex;}
#services-in .trusted-box:hover .rm-btn a,
#services-in .trusted-box:focus .rm-btn a{ background: #fff; color: var(--pink-color);}
/* ----- */
.single-service-one {padding:60px 0;}
.single-service-two{
	    background: #fcf6fa;
    padding: 60px 0;
}
.single-service-two .flex{justify-content:space-between;align-items:center;}
.single-service-two .img-side,
.single-service-two .content-side{width:48%;}
.single-service-two .img-side img{    width: 100%;}

/*-------*/
.research-areas{padding-bottom:60px;}
.research-areas .flex{justify-content: space-between;    margin-bottom: 30px;    flex-direction: row-reverse;}
.research-areas .flex:nth-child(2n+2){    flex-direction: inherit;}
.research-areas .img-side { width: 700px;}
.research-areas .img-side img{width: 100%; border-radius: 15px;vertical-align: bottom;}
.research-areas .content-side{width: 700px;background: #f7f7f7;border-radius: 15px;padding: 30px;    display: flex;align-items: center;}
.research-areas .content-side h3{    margin: 0;}

 /*--================== 
    #responsive
==================--*/

@media (max-width:1480px){
 .container{width: 96%;}
 .count-box {width: 23%;margin: 1%;} 
 .choose-box{width: 33.33339%;}
 .products-model .card{width: 24%;}
 .product-panels .img-side,.product-panels .content-side{width: 49%;}
.research-areas .img-side, .research-areas .content-side { width: 49%;}
}

@media (max-width:1200px){
    .faq-head .faq-txt p { width: 100%;padding-left: 0;}

	#services-in .trusted-box .rm-btn{justify-content:center;}
}

@media (max-width:991px){
    .sub{float: right;
    top: 6px;
    right: 15px;}
    .header-block{position: relative;padding: 12px 0;}
.hdr-tel a img{background: var(--pink-color);}
.hdr-logo{ display: flex;justify-content: space-between;width: 100%; align-items: center;}
.hdr-logo .main-logo a img{width: 181px;}

    .navs-toggle{width:100%;float:left;padding: 15px;position: relative; margin-top: 0;top: 0;right: 0;z-index: 99;display:block;}
    .navs-toggle-icon{display: inline-block; float: right;height: 50px;background: #fff;border-radius: 4px;}
    .navs-toggle span{float:left;}
    .close-bars{display: none;}
    .toggle-open .close-bars{display: block;}
    .toggle-open .bars{display: none;}
    .primary-nav{display: none;}
    .toggle-open .primary-nav {display: block;position: absolute;top:100px;width: 100%;background: #000;z-index: 9999;left: 0; margin-top:0;padding: 15px;}
   
.primary-nav ul{width: 100%;float: left;margin: 0;padding: 0;}
.primary-nav ul li{display: block; padding: 10px 0;}
.primary-nav ul li a{color: #fff;padding: 5px 0;}
ul.sub-menu {position: relative;padding: 15px;width: 100%;}
.primary-nav ul li ul.sub-menu li{padding: 0;}
.primary-nav ul li ul.sub-menu li a{padding: 15px;}


.locker-block{padding-bottom: 0;}
.lm-abouts{width: 100%;position: relative;top: 0;margin-top: 0; padding: 30px;}
.trusted-block {margin-top: 30px;}
.product-panels .img-side, .product-panels .content-side{width:100%;}
.research-areas .img-side, .research-areas .content-side { width: 100%; }
}


@media (max-width:767px){


h1,.caption .content h1{font-size: 62px;    line-height: 70px;}
h2{font-size: 42px;line-height: 50px;}
h3{font-size: 36px;line-height: 46px;}
.hdr-cta .pinkbtn{padding: 10px;font-size: 15px;}
.caption .content{width: 100%;        text-align: center;} 
.cap-btn{justify-content: center;}
.hero-block{height: 500px;}
.powerdot img{    left: 197px;top: 9px;width: 20px;}
.aboutin-block ul{text-align: left;}
 
#lightbody-slider{padding: 0 15px;}
.lightbody-box .lb-content {margin-top: 0;text-align: center;width: 100%;}
.lightbody-box .lb-content .lb-btns{justify-content: center;}
.lightbody-box .lb-content .lb-btns a{margin: 10px !important;}

.lv-circle{display: none;}
.lv-title ul{justify-content: center;}
.lv-title h2{text-align: center;}
.lv-title ul li{font-size: 16px;    margin-right: 25px;}
.lv-head{ flex-wrap: wrap-reverse;}
.lv-title, .lv-circle{width: 100%;}
.living-boxes {padding: 0;width: 100%;text-align: center;}
.living-boxes:not(:first-child) {border-left: none;}

.trusted-box{width: 100%;    margin-right: 0;}
.faq-head .faq-title,
.faq-head .faq-txt,
.ready-block .left-side{width: 100%;text-align: center;}
.ready-block .right-side { width: 100%;border-left: none;padding-left: 0; text-align: center;}
.faq-block .img-container:after{content: none;}

.faq-btn, .rady-btn{justify-content: center;}
.ready-block {margin-bottom: 50px;}
.lm-about-white-box{width: 100%;    padding: 15px;}
.lm-about-white-box p{    font-size: 24px;line-height: 32px;text-align: center;}
.lm-about-white-box .lm-about-btn{text-align: center;font-size: 16px;        width: 100%;}
.ft-menus, .ft-contactinfo{width: 100%;}
.footer-block .img-container:after,
.footer-block .img-container2:before{content: none;}
.footer-block:before, .footer-block:after{width: 20%;}
.ft-logo a{width: 50%;}
.ft-menus .ft-center ul{flex-wrap: wrap;}
.ft-menus .ft-center ul li{width: 100%; text-align: center;}
.ft-menus .ft-right{justify-content: center;}
.ft-address, .ft-phone, .ft-email{width: 100%;    padding: 10px 0;  }
.ft-phone {border-left: none;border-right: none;}  
.copyright p{padding: 0 50px;}
.ft-menus .ft-left, .ft-menus .ft-right{width: 100%;}
.trusted-block h2{text-align: center;}
.trusted-box{  padding: 15px;   flex-wrap: wrap;text-align: center;        justify-content: center;}
.trusted-box img{margin: auto;}
.trusted-box h6{font-size: 24px;padding-left: 0; width: 100%;}

.contact-block h2{text-align: center;}
.contact-block .contact-side, .contact-block .form-side {width: 100%;}
.contact-block .form-side{margin-top: 30px;}

.cu-info{    width: 100%;
    flex-wrap: wrap;
    justify-content: center;}
    .cu-info h4, .cu-social h4{
            width: 100%;
    text-align: center;
    margin-right: 0;
    }
    .cu-info a{    justify-content: center;
    flex-wrap: wrap;}
    .cu-info a .keyicon{
            margin-right: 0;
    }
.cu-info a .valuetxt {
    width: 100%;
    display: block;
    text-align: center;
}
.cu-social{    flex-wrap: wrap;}
.cu-social .cu-sm {

    justify-content: center;
    width: 100%;
}
.cu-social .cu-sm a{margin: 0 15px 15px !important;}
.aboutin-block,
.choose-block h2{text-align: center;}
.choose-box {width: 100%;text-align: center;}
.choose-box .c-icon{margin: 0 auto 20px;}
.item.clients-box{margin-right: 15px;margin-left: 15px;}

.products-content,
.products-model,
.product-panels{text-align: center;}
.products-model .card{width: 100%;margin: 20px 0;}
	
	body.woocommerce-cart table.cart td.actions .coupon .input-text{width:50%;}
	body.woocommerce-cart .cart-page, body.woocommerce-checkout .checkout-page{padding-top:0;}
	#inner-banner.error-banner .caption .btns{justify-content:center;}
	body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{width:100% !important;}
.single-service-two .img-side, .single-service-two .content-side {
    width: 100%;}
}


@media (max-width:485px){
    h1, .caption .content h1{ font-size: 52px;line-height: 60px;}
    h2,.locker-block h2 {font-size: 36px;line-height: 46px;}
    h3 {font-size: 32px;line-height: 40px;}
   .hdr-cta{ justify-content: space-between;width: 100%;} 
    .hdr-tel a{color: #000;}
    .hdr-tel a{font-size: 14px;}
    .toggle-open .primary-nav{margin-top: 50px;}
    .contact-block .flex{padding: 15px;}
    .count-box{width: 100%;}
	body.woocommerce-cart table.cart td.actions .coupon button[type="submit"]{font-size:13px;}
	#inner-banner.error-banner .caption .content h1{font-size:60px;}
	#inner-banner.error-banner .caption .content h2{font-size:40px;}
    
}

@media (min-width: 768px) and (max-width: 1480px){
    .contact-block .contact-side, .contact-block .form-side {width: 48%;}
}


@media (min-width: 1201px) and (max-width: 1480px){
.living-boxes{width: 25%;}
.trusted-box{    width: 31.3339%;margin: 1% !important;}
.faq-head .faq-title {width: 50%;}
.faq-head .faq-txt {width: 50%;padding-right: 16%;}
.ready-block .left-side,.ready-block .right-side{width: 50%;}
.footer-block:before, .footer-block:after{width: 30%;}
.ft-contactinfo, .ft-menus{width: 80%;}
.ft-menus .ft-left{display: none;}
.ft-menus .ft-left, .ft-menus .ft-right{width: 30%;}
.ft-menus .ft-center{width: 70%;}
.ft-address, .ft-phone, .ft-email{width: 31%;}
}


@media (min-width: 992px) and (max-width: 1200px){
    .sub{position: absolute;top: 12px;right: 1px;}
    .primary-nav ul li{ margin: 0 10px;position: relative;}
    .hdr-logo{width: 20%;}
    .primary-nav{width: 55%;display: flex;justify-content: center;}
    .hdr-cta .pinkbtn{padding: 10px;}
    .hdr-cta{width: 25%; justify-content: right;}
    .hdr-tel a span{display: none;}
    .primary-nav ul li a{font-size: 16px;padding: 12px;}
    .hdr-logo .main-logo a img {width: 181px;}
    .living-boxes {padding: 0 15px;width: 25%;}
    .living-boxes h4{font-size: 24px;}
    .lm-abouts{    margin-top: 300px;}
    .ft-menus .ft-center{width:100%;}
    .ft-menus .ft-left, .ft-menus .ft-right{width:100%;}
    .ft-menus .ft-right{justify-content: center;}
    .ft-address, .ft-phone, .ft-email{width: 50%;}
    .ft-menus, .ft-contactinfo{width: 60%;}
    .products-model .card{width: 24%;padding: 15px;}
	  .product-panels .img-side,.product-panels .content-side{width: 49%;}
}

@media (min-width: 768px) and (max-width: 1200px){
  .caption .content{width:100%;}
  .lightbody-box .lb-content {margin-top: 0;width: 100%;}  
  .trusted-box{    width: 31.3%;margin: 1% !important;flex-wrap: wrap;text-align: center;padding: 15px;}
    .trusted-box img{margin: auto;}
    .trusted-box h6{    font-size: 24px; line-height: 34px;padding-left: 0;width: 100%;}
    .faq-block .img-container:after{right: -150px;}
    .faq-head .faq-title,.faq-head .faq-txt{width: 100%;}
    .ready-block .left-side{width: 45%;}
    .ready-block .right-side{width: 50%;}
    .footer-block:before, .footer-block:after{width: 15%;}
    .ft-menus .ft-left{display: none;}
     .ft-phone{ border-left: none;border-right: none;} 
      .contact-block .form-side{margin-top: 30px;}
  .cu-info,.cu-social{flex-wrap: wrap;}
  .cu-info h4, .cu-social h4{width: 100%;}
 
  .product-panels .img-side img{    height: 100%;object-fit: cover;}
     
}

@media (min-width: 768px) and (max-width: 991px){
    .hero-block{height: 50vh;}
  .lv-circle img {width: 250px;}  
  .lv-title ul li{font-size: 18px;margin-right: 25px;}
  .living-boxes {padding: 0 10px;width: 25%;}
  .living-boxes h4{font-size: 20px;}
  .living-boxes .lv-icon img{width: 100px;}
  .locker-block h2{    margin: 50px 0;}
  .footer-block .img-container:after,.footer-block .img-container2:before{content: none;}
  .ft-menus .ft-center,
  .ft-menus .ft-left, .ft-menus .ft-right{width: 100%;}
 .ft-menus .ft-right{justify-content: center;}
  .ft-menus, .ft-contactinfo{width: 100%;}
  .contact-block .flex{padding: 20px;}
  .choose-box{width: 50%;}
  .products-model .card{width: 49%;margin-bottom: 15px;}
 

}

@media (min-width: 486px) and (max-width: 991px){
.hdr-cta{ position: absolute;right: 90px;}
.hdr-tel a span {padding-left: 8px; display: none;}


}


@media (min-width: 486px) and (max-width:767px){
.count-box {width: 48%;margin: 1%;}
}