*,

*:before,

*:after {

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

  --lightGrey: #fcfcfc;

  --pink: #b52b65;

  --darkPurple: #4f3961;

  --darkGrey: #585858;

  --darkerGrey: #6d6d6d;

  --yellow: #ffe75e;

  --white: #fff;

  --familyRoboto: "Roboto", sans-serif;

  --familyRobotoSlab: "Roboto Slab", sans-serif;

  --bold: bold;
  
  --darkBlue: #12327b;

  --blue: #55abff;

  --green: #23c84f;

  --mainGrey: #737572;

  --mainLightGrey: #f4f4f4 ;

  --secondaryGrey: #f3f3f3;

  --black: #232323;

  --familyPoppins: 'Poppins', "helvetica", sans-serif ;

  --familyMontserrat: "Montserrat","helvetica", sans-serif;

}



@media (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }

}



body {
  margin: 0;
  background-color: var(--lightGrey);
  font-family: "Poppins", sans-serif;
  line-height: 1.6;
  padding-top: 80px;

}



.CorpEngCin{
  color: #fff!important;
  font-weight: bold;
}



ul {

  margin: 0;
  padding: 0;
  list-style-type: none;

}



a {

  text-decoration: none;
  outline-color: var(--yellow);

}



/* Header */

.header {

  /*padding: 1rem;*/
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.header-box-shadow{
  box-shadow: 6px 6px 20px 11px rgb(0, 0, 0, 0.2);
}

.scrolled{
  background-color: #fff;
}

.scrolled-link{
  color: #232323!important;
}

.register-scrolled{
  color: #fff!important;
}



.nav-toggle {

  display: block;

  width: 24px;

  height: 24px;

  cursor: pointer;

  position: relative;

  border: none;

  background-color: transparent;

}



.hamburger {

  top: 10px;

  left: 0;

  display: block;

}



.hamburger,

.hamburger::before,

.hamburger::after {

  content: "";

  position: absolute;

  width: 24px;

  height: 2px;

  border-radius: 3px;

  background-color: var(--green);

}



.hamburger::before {

  top: -10px;

  left: 0;

}



.hamburger::after {

  left: 0;

  bottom: -12px;

}



[aria-expanded="true"] .hamburger,

[aria-expanded="true"] .hamburger::before,

[aria-expanded="true"] .hamburger::after {

  transition: all 0.3s ease-in-out;

}



[aria-expanded="true"] .hamburger::before {

  opacity: 0;

  transform: rotate(0deg) scale(0.2);

}



[aria-expanded="false"] .hamburger::before {

  opacity: 1;

  transform: rotate(0deg) scale(1);

}



[aria-expanded="true"] .hamburger {

  transform: rotate(-45deg);

}



[aria-expanded="true"] .hamburger::after {

  transform: rotate(90deg) translateX(-12px);

}



[aria-expanded="false"] .hamburger,

[aria-expanded="false"] .hamburger::before,

[aria-expanded="false"] .hamburger::after {

  transition: all 0.3s ease-in-out;

}


/*
.scrolled div  button span.hamburger::before,
.scrolled div  button span.hamburger,
.scrolled div  button span.hamburger::after{
  background-color: var(--white);
}
  */



.nav {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: -80px;
  left: -1rem;
  width: 50vw;
  height: 420px;
  transition: all 0.3s ease-in-out;
  transition-property: opacity, visibility, transform, background-color,
    box-shadow;
  background-color: #f4eeff;
  transform: translateX(-200%);

}


.header__content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 1rem 0;
}

.header__elements{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  font-family:var(--familyPoppins);
}

.header__navlist{
  display:flex;
  margin: 0 1.5vw;
}f

.nav-list {
  margin-top: 150px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1.3rem;
}



.nav.is-open {
  width: 45vw;
  height: 750px;
  top: -80px;
  margin-left: 0;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  background-color: #f4eeff;
  box-shadow: 0 6px 20px rgba(96, 109, 175, 0.2);
  border-radius: 0  0 50px 0;

}

.nav.is-open .header__content .header__elements .nav-link,  .nav-item-dropdown{
  color: var(--black);
}
.nav.is-open .header__content .header__elements .dropdown{
  color:var(--black);
}
.nav.is-open .header__content .header__elements .header__options .dropdown .select{
  font-size: 1.1rem;
}


/*
.nav.is-open .header__content div a img.header__image{
  color:var(--black);
}
*/

.nav.is-open .nav-link, .nav.is-open  .nav-item-dropdown {
  margin-top: 1rem;
  margin-left: 1rem;
  font-size: 1.1rem;
}



.nav-link,  .nav-item-dropdown {

  display: inline-block;
  padding: 0.5rem 0;
  color: #fff;
  
  font-size:clamp(.8rem, 2vw,1rem);
  font-weight: 500;

}

.nav-link-cta,
.nav-link:hover,
.nav-item-dropdown:hover {
  color: #23c84f;
}


.nav-item{
  /*margin-top: -5px;*/
}

.header__options{
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink:10;
  align-items: center;
}



/*---Auth Section-----*/

.auth-section{
  display: flex;
  align-items: center;
  gap:1.3rem;

  /*
  margin-left: auto;
  */
}
.auth-login{
  display:flex;
  flex-shrink: 0; 
}

.auth-button{
  /*font-size: 1.2rem;*/
  font-weight:700;
  font-size:clamp(.8rem, 2vw, 1.1rem);
}

#auth-register-button{
  background-color: #23c84f;
  color: #f4f4f4;
  border-radius: 25px;
  padding: .5rem 1.2rem;

}

.header-image-block{
  display: block!important;
}

.header-image-none{
  display: none!important;
}

/*---------------------*/


/*---Products dropdown---*/
.nav-item-dropdown {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-item-dropdown > a {
  display: block;
  padding: 0 10px;
  color: var(--black);
  font-size: clamp(.8rem, 2vw, 1rem);
  line-height: 60px;
  text-decoration: none;
  cursor: pointer;
}

.nav-item-dropdown > a:hover,
.nav-item-dropdown > a:focus {
  background-color: var(--green);
  color: var(--white);
}

.product-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 12rem; /* Adjust the width as needed */
  background-color: var(--white);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  overflow: hidden; /* Ensure border radius is maintained */
}

.product-item {
  display: block;
}

.product-item a {
  display: block;
  padding: 10px 15px;
  color: var(--black);
  font-size: clamp(.8rem, 2vw, 1rem);
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}

.product-item a:hover {
  background-color: var(--green);
  color: var(--white);
}

.nav-item-dropdown:hover .product-list,
.nav-item-dropdown:focus-within .product-list {
  display: block;
}

.nav-item-dropdown:hover > a,
.nav-item-dropdown:focus-within > a {
  background-color: var(--green);
  color: var(--white);
}
/*---------------------*/

/*---Language Switch---*/

.flag-icon-laravel{
  width: 25px;
  vertical-align: middle;
  margin-right: 5px;
}

.container-language {
  /*
  width: auto;
  margin-top: 12px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  text-align: center
  */
}

/*Styling Selectbox*/

.dropdown {

  width: 100px;
  display: inline-block;
  background-color: transparent;
  border-radius: 2px;
  /*box-shadow: 0 0 2px rgb(204, 204, 204);*/
  transition: all .5s ease;
  position: relative;
  font-size: .9rem;
  font-family:var(--familyPoppins);
  font-weight: 500;
  color: #fff;
  height: 100%;
  text-align: left;

}

.dropdown-item{

  vertical-align: text-top;

}

.dropdown .select {

    cursor: pointer;

    display: block;

    padding: 10px;

    font-size: 1.2rem;

}

.dropdown .select > i {

    font-size: 15px;

    color: #fff;

    cursor: pointer;

    transition: all .3s ease-in-out;

    line-height: 20px;

    margin-top: 5px;

}

/*.dropdown:hover {

    box-shadow: 0 0 4px rgb(204, 204, 204)

}*/

.dropdown:active {

    background-color: #23c84f;
}

.dropdown.active:hover,

.dropdown.active {

    box-shadow: 0 0 4px rgb(204, 204, 204);

    border-radius: 2px 2px 0 0;

    background-color: #23c84f;

}

.dropdown.active .select > i {

    transform: rotate(-90deg)

}

.dropdown .dropdown-menu {

    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 2px 2px;

    overflow: hidden;

    display: none;

    max-height: 144px;

    overflow-y: auto;

    z-index: 9;

}

.dropdown .dropdown-menu li {

    padding: 10px;

    transition: all .2s ease-in-out;

    cursor: pointer

} 

.dropdown .dropdown-menu {

    padding: 0;

    list-style: none

}

.dropdown .dropdown-menu li:hover {

    background-color: #f2f2f2

}

.dropdown .dropdown-menu li:active {

    background-color: #e2e2e2

}





@media (min-width: 46em) {

  .nav-toggle {
    display: none;
    pointer-events: none;
  }

  .nav-list {
    margin-top: 0;
    display: flex;
    flex-shrink:0;
    gap:1.3rem;
    align-items: center;
  }

  .nav {
    width: 100%;
    height: auto;
    position: static;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    background-color: initial;
  

  }

}
@media screen and  (max-width:1200px ) {
  .header__content{
    flex-direction: column;
    

  }
  .header__elements{
    align-items:center;
    justify-content: center;
    flex-wrap: wrap;
  }

}

@media screen and  (max-width:1024px ) {
  
}

@media screen and  (max-width:992px ) {
  .nav-link, .auth-button, .dropdown .select,  .nav-item-dropdown{
    font-size: clamp(1rem, 2.3vw, 1.2rem);
  }
  
}
@media screen and  (max-width:768px ) {
  
  /*
  .nav-link, .auth-button, .dropdown .select, .nav-item-dropdown{
    font-size: clamp(.8rem, 2.5vw, 1.2rem);
  }
  */
  
}
@media screen and  (max-width:735px ) {
  .header__elements{
    flex-direction:column;
    align-items:flex-start;
  }
  .header__content{
    align-items:center;
    margin:8rem 3rem 0 3rem;
  }
  .header__logo{
    display:flex;
    justify-content:center;
    
  }
  .nav-list{
    margin:0px;
    flex-direction:column;
    justify-content: flex-start;
    
  }
  .dropdown{
    margin-top: 1rem;
    margin-left: 2rem;
    font-size: 1.1rem;

  }
  .header__options{
    flex-direction:column;
    align-items: flex-start;
  }
  .auth-section{
    flex-direction:column;
  }
}
@media screen and (max-height:600px){
  .nav-link, .auth-button, .dropdown .select {
    font-size: clamp(.8rem, 1vw, 1.3rem);
    
  }
}
@media screen and  (max-width:576px ) {
  .nav.is-open {
    width: 82vw;
    height: 800px;
    max-width: 20rem;
  }
  
}
@media screen and  (max-width:480px ) {
  
}
@media screen and  (max-width:320px ) {
  
}



/* united Styles  */

.footer__image-container{
  width: 100%;
  position: relative;
  max-width: 16rem;
  margin-top: -15px;
}

@media screen and  (max-width:735px ) {
  .footer__image-container{
    margin-top: 0px!important;
  }
}

.header_image-container{
  width: 100%;
  position: relative;
  max-width: 12rem;
}
.footer__image, .header__image  {
  max-width: 100%;
  height: auto;
  border-style: none;
  object-position: contain;
  position:relative;
}

/*MAIN*/
.header__wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  height: 100%;
  max-width: 1440px;

}
.footer__wrapper{
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1440px;
}
@media only screen and (min-width: 480px) {
  .header__wrapper ,.footer__wrapper {
      padding-left: 2rem;
      padding-right: 2rem;
  }
  .header__wrapper{
    margin-top: 1rem ;
    margin-bottom: 1rem ;

  }
}
@media only screen and (min-width: 768px) {
  .header__wrapper ,.footer__wrapper {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
  }
  .header__wrapper{
    margin-top: 0 ;
    margin-bottom: 0 ;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__wrapper {
      padding-left: 6rem;
      padding-right: 6rem;
  }
  .header__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
}
}

.footer__elements{
  display:flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.footer__main--elements{
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: nowrap;
}

.footer__Logo-SocialMedia{
  display: flex;
  flex-wrap:wrap ;
  justify-content: flex-start;
  width: 25%;
  flex-direction: column;
  align-items: center;

}

.footer__SocialMedia--cotainer{
  display:flex;
  justify-content: center;
  flex-direction: row;
  gap: 15px;
}

.footer__SocialMedia--icon{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  background-color: #232C55;
  position: relative;
  z-index: 2;

}

.footer__SocialMedia--icon:hover{
  background-color: var(--green);
}

#facebook-icon{
  background-image: url('data:image/svg+xml,<svg fill="%23FFFFFF" viewBox="-17 -12 48.00 48.00" xmlns="http://www.w3.org/2000/svg" stroke="%23FFFFFF"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="m12.462.173v3.808h-2.265c-.079-.011-.171-.017-.264-.017-.542 0-1.036.203-1.411.538l.002-.002c-.275.384-.439.863-.439 1.381 0 .062.002.124.007.185v-.008 2.726h4.229l-.56 4.27h-3.663v10.946h-4.417v-10.947h-3.68v-4.269h3.68v-3.145c-.007-.102-.011-.222-.011-.342 0-1.478.575-2.822 1.513-3.82l-.003.003c.972-.92 2.288-1.485 3.735-1.485.09 0 .18.002.27.007h-.013c.118-.002.256-.003.395-.003 1.02 0 2.025.064 3.011.188l-.117-.012z"></path></g></svg>');
}

#instagram-icon{
  background-image: url('data:image/svg+xml,<svg viewBox="-10 -10 40.00 40.00" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="" stroke=""><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>instagram [%23167]</title><desc>Created with Sketch.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Dribbble-Light-Preview" transform="translate(-340.000000, -7439.000000)" fill="%23FFFFFF"><g id="icons" transform="translate(56.000000, 160.000000)"><path d="M289.869652,7279.12273 C288.241769,7279.19618 286.830805,7279.5942 285.691486,7280.72871 C284.548187,7281.86918 284.155147,7283.28558 284.081514,7284.89653 C284.035742,7285.90201 283.768077,7293.49818 284.544207,7295.49028 C285.067597,7296.83422 286.098457,7297.86749 287.454694,7298.39256 C288.087538,7298.63872 288.809936,7298.80547 289.869652,7298.85411 C298.730467,7299.25511 302.015089,7299.03674 303.400182,7295.49028 C303.645956,7294.859 303.815113,7294.1374 303.86188,7293.08031 C304.26686,7284.19677 303.796207,7282.27117 302.251908,7280.72871 C301.027016,7279.50685 299.5862,7278.67508 289.869652,7279.12273 M289.951245,7297.06748 C288.981083,7297.0238 288.454707,7296.86201 288.103459,7296.72603 C287.219865,7296.3826 286.556174,7295.72155 286.214876,7294.84312 C285.623823,7293.32944 285.819846,7286.14023 285.872583,7284.97693 C285.924325,7283.83745 286.155174,7282.79624 286.959165,7281.99226 C287.954203,7280.99968 289.239792,7280.51332 297.993144,7280.90837 C299.135448,7280.95998 300.179243,7281.19026 300.985224,7281.99226 C301.980262,7282.98483 302.473801,7284.28014 302.071806,7292.99991 C302.028024,7293.96767 301.865833,7294.49274 301.729513,7294.84312 C300.829003,7297.15085 298.757333,7297.47145 289.951245,7297.06748 M298.089663,7283.68956 C298.089663,7284.34665 298.623998,7284.88065 299.283709,7284.88065 C299.943419,7284.88065 300.47875,7284.34665 300.47875,7283.68956 C300.47875,7283.03248 299.943419,7282.49847 299.283709,7282.49847 C298.623998,7282.49847 298.089663,7283.03248 298.089663,7283.68956 M288.862673,7288.98792 C288.862673,7291.80286 291.150266,7294.08479 293.972194,7294.08479 C296.794123,7294.08479 299.081716,7291.80286 299.081716,7288.98792 C299.081716,7286.17298 296.794123,7283.89205 293.972194,7283.89205 C291.150266,7283.89205 288.862673,7286.17298 288.862673,7288.98792 M290.655732,7288.98792 C290.655732,7287.16159 292.140329,7285.67967 293.972194,7285.67967 C295.80406,7285.67967 297.288657,7287.16159 297.288657,7288.98792 C297.288657,7290.81525 295.80406,7292.29716 293.972194,7292.29716 C292.140329,7292.29716 290.655732,7290.81525 290.655732,7288.98792" id="instagram-[%23167]"></path></g></g></g></g></svg>');
}

#tiktok-icon{
  background-image: url('data:image/svg+xml,<svg fill="%23FFFFFF" viewBox="-16 -16 64.00 64.00" version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="%23FFFFFF"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>tiktok</title><path d="M16.656 1.029c1.637-0.025 3.262-0.012 4.886-0.025 0.054 2.031 0.878 3.859 2.189 5.213l-0.002-0.002c1.411 1.271 3.247 2.095 5.271 2.235l0.028 0.002v5.036c-1.912-0.048-3.71-0.489-5.331-1.247l0.082 0.034c-0.784-0.377-1.447-0.764-2.077-1.196l0.052 0.034c-0.012 3.649 0.012 7.298-0.025 10.934-0.103 1.853-0.719 3.543-1.707 4.954l0.020-0.031c-1.652 2.366-4.328 3.919-7.371 4.011l-0.014 0c-0.123 0.006-0.268 0.009-0.414 0.009-1.73 0-3.347-0.482-4.725-1.319l0.040 0.023c-2.508-1.509-4.238-4.091-4.558-7.094l-0.004-0.041c-0.025-0.625-0.037-1.25-0.012-1.862 0.49-4.779 4.494-8.476 9.361-8.476 0.547 0 1.083 0.047 1.604 0.136l-0.056-0.008c0.025 1.849-0.050 3.699-0.050 5.548-0.423-0.153-0.911-0.242-1.42-0.242-1.868 0-3.457 1.194-4.045 2.861l-0.009 0.030c-0.133 0.427-0.21 0.918-0.21 1.426 0 0.206 0.013 0.41 0.037 0.61l-0.002-0.024c0.332 2.046 2.086 3.59 4.201 3.59 0.061 0 0.121-0.001 0.181-0.004l-0.009 0c1.463-0.044 2.733-0.831 3.451-1.994l0.010-0.018c0.267-0.372 0.45-0.822 0.511-1.311l0.001-0.014c0.125-2.237 0.075-4.461 0.087-6.698 0.012-5.036-0.012-10.060 0.025-15.083z"></path></g></svg>');
}

#youtube-icon::before {
  content: '\f16a'; 
  font-family: 'FontAwesome';
  color: #FFFFFF; 
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.footer__navigator{
  display: flex;
  flex-direction: row;
  gap:20px;
  width: 75%;
  flex-wrap: nowrap;
  text-align: left;
  line-height: 1.4;
}

.footer__container{
  display: flex;
  flex-direction: column;
  width: 33%;
  color:var(--white);
  font-family: var(--familyPoppins);
  font-weight: 500;
  font-size: .9rem;
}

.footer__title{
  font-size: 1.2rem;
  line-height: 1;
  color: var(--green);
  font-family: var(--familyMontserrat);
  font-weight: 800;
  margin: 0;
  margin-bottom: 1rem;
}

ul.footer__list{
  display: flex;
  flex-direction: column;
  gap:12px;
}

#contact ul.footer__list li{
  list-style-type: none;
  padding: 1px 0 6px 40px;

}

#contact ul.footer__list li#location{
  
  background: url('data:image/svg+xml,<svg fill="%2323c84f" height="22px" width="22px" version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 24" enable-background="new 0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g id="Location-Filled"><path d="M12,1C7.58,1,4,4.58,4,9c0,7.08,8,14,8,14s8-6.92,8-14C20,4.58,16.42,1,12,1z M12,12c-1.66,0-3-1.34-3-3s1.34-3,3-3 s3,1.34,3,3S13.66,12,12,12z"></path></g></g></svg>')
  /*
  background: url('data:image/svg+xml,<svg fill="%23737572" height="22px" width="22px" version="1.1" id="Filled_Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 24" enable-background="new 0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g id="Location-Filled"><path d="M12,1C7.58,1,4,4.58,4,9c0,7.08,8,14,8,14s8-6.92,8-14C20,4.58,16.42,1,12,1z M12,12c-1.66,0-3-1.34-3-3s1.34-3,3-3 s3,1.34,3,3S13.66,12,12,12z"></path></g></g></svg>')
  */
  no-repeat left top;
}

#contact ul.footer__list li#support-email{
  
  background: url('data:image/svg+xml,<svg width="28px" height="28px" viewBox="-5 1.5 45 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>mail</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-414.000000, -261.000000)" fill="%2323c84f"><path d="M430,275.916 L426.684,273.167 L415.115,285.01 L444.591,285.01 L433.235,273.147 L430,275.916 L430,275.916 Z M434.89,271.89 L445.892,283.329 C445.955,283.107 446,282.877 446,282.634 L446,262.862 L434.89,271.89 L434.89,271.89 Z M414,262.816 L414,282.634 C414,282.877 414.045,283.107 414.108,283.329 L425.147,271.927 L414,262.816 L414,262.816 Z M445,261 L415,261 L430,273.019 L445,261 L445,261 Z" id="mail" sketch:type="MSShapeGroup"></path></g></g></g></svg>')
  /*
  background: url('data:image/svg+xml,<svg width="28px" height="28px" viewBox="-5 1.5 45 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="%23737572"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>mail</title><desc>Created with Sketch Beta.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Icon-Set-Filled" sketch:type="MSLayerGroup" transform="translate(-414.000000, -261.000000)" fill="%23737572"><path d="M430,275.916 L426.684,273.167 L415.115,285.01 L444.591,285.01 L433.235,273.147 L430,275.916 L430,275.916 Z M434.89,271.89 L445.892,283.329 C445.955,283.107 446,282.877 446,282.634 L446,262.862 L434.89,271.89 L434.89,271.89 Z M414,262.816 L414,282.634 C414,282.877 414.045,283.107 414.108,283.329 L425.147,271.927 L414,262.816 L414,262.816 Z M445,261 L415,261 L430,273.019 L445,261 L445,261 Z" id="mail" sketch:type="MSShapeGroup"></path></g></g></g></svg>')
  */
  no-repeat left top;
}

#contact ul.footer__list li#whatsapp{
  
  background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M17.6 6.31999C16.8669 5.58141 15.9943 4.99596 15.033 4.59767C14.0716 4.19938 13.0406 3.99622 12 3.99999C10.6089 4.00135 9.24248 4.36819 8.03771 5.06377C6.83294 5.75935 5.83208 6.75926 5.13534 7.96335C4.4386 9.16745 4.07046 10.5335 4.06776 11.9246C4.06507 13.3158 4.42793 14.6832 5.12 15.89L4 20L8.2 18.9C9.35975 19.5452 10.6629 19.8891 11.99 19.9C14.0997 19.9001 16.124 19.0668 17.6222 17.5816C19.1205 16.0965 19.9715 14.0796 19.99 11.97C19.983 10.9173 19.7682 9.87634 19.3581 8.9068C18.948 7.93725 18.3505 7.05819 17.6 6.31999ZM12 18.53C10.8177 18.5308 9.65701 18.213 8.64 17.61L8.4 17.46L5.91 18.12L6.57 15.69L6.41 15.44C5.55925 14.0667 5.24174 12.429 5.51762 10.8372C5.7935 9.24545 6.64361 7.81015 7.9069 6.80322C9.1702 5.79628 10.7589 5.28765 12.3721 5.37368C13.9853 5.4597 15.511 6.13441 16.66 7.26999C17.916 8.49818 18.635 10.1735 18.66 11.93C18.6442 13.6859 17.9355 15.3645 16.6882 16.6006C15.441 17.8366 13.756 18.5301 12 18.53ZM15.61 13.59C15.41 13.49 14.44 13.01 14.26 12.95C14.08 12.89 13.94 12.85 13.81 13.05C13.6144 13.3181 13.404 13.5751 13.18 13.82C13.07 13.96 12.95 13.97 12.75 13.82C11.6097 13.3694 10.6597 12.5394 10.06 11.47C9.85 11.12 10.26 11.14 10.64 10.39C10.6681 10.3359 10.6827 10.2759 10.6827 10.215C10.6827 10.1541 10.6681 10.0941 10.64 10.04C10.64 9.93999 10.19 8.95999 10.03 8.56999C9.87 8.17999 9.71 8.23999 9.58 8.22999H9.19C9.08895 8.23154 8.9894 8.25465 8.898 8.29776C8.8066 8.34087 8.72546 8.403 8.66 8.47999C8.43562 8.69817 8.26061 8.96191 8.14676 9.25343C8.03291 9.54495 7.98287 9.85749 8 10.17C8.0627 10.9181 8.34443 11.6311 8.81 12.22C9.6622 13.4958 10.8301 14.5293 12.2 15.22C12.9185 15.6394 13.7535 15.8148 14.58 15.72C14.8552 15.6654 15.1159 15.5535 15.345 15.3915C15.5742 15.2296 15.7667 15.0212 15.91 14.78C16.0428 14.4856 16.0846 14.1583 16.03 13.84C15.94 13.74 15.81 13.69 15.61 13.59Z" fill="%2323c84f"></path></g></svg>')
  /*
   background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M17.6 6.31999C16.8669 5.58141 15.9943 4.99596 15.033 4.59767C14.0716 4.19938 13.0406 3.99622 12 3.99999C10.6089 4.00135 9.24248 4.36819 8.03771 5.06377C6.83294 5.75935 5.83208 6.75926 5.13534 7.96335C4.4386 9.16745 4.07046 10.5335 4.06776 11.9246C4.06507 13.3158 4.42793 14.6832 5.12 15.89L4 20L8.2 18.9C9.35975 19.5452 10.6629 19.8891 11.99 19.9C14.0997 19.9001 16.124 19.0668 17.6222 17.5816C19.1205 16.0965 19.9715 14.0796 19.99 11.97C19.983 10.9173 19.7682 9.87634 19.3581 8.9068C18.948 7.93725 18.3505 7.05819 17.6 6.31999ZM12 18.53C10.8177 18.5308 9.65701 18.213 8.64 17.61L8.4 17.46L5.91 18.12L6.57 15.69L6.41 15.44C5.55925 14.0667 5.24174 12.429 5.51762 10.8372C5.7935 9.24545 6.64361 7.81015 7.9069 6.80322C9.1702 5.79628 10.7589 5.28765 12.3721 5.37368C13.9853 5.4597 15.511 6.13441 16.66 7.26999C17.916 8.49818 18.635 10.1735 18.66 11.93C18.6442 13.6859 17.9355 15.3645 16.6882 16.6006C15.441 17.8366 13.756 18.5301 12 18.53ZM15.61 13.59C15.41 13.49 14.44 13.01 14.26 12.95C14.08 12.89 13.94 12.85 13.81 13.05C13.6144 13.3181 13.404 13.5751 13.18 13.82C13.07 13.96 12.95 13.97 12.75 13.82C11.6097 13.3694 10.6597 12.5394 10.06 11.47C9.85 11.12 10.26 11.14 10.64 10.39C10.6681 10.3359 10.6827 10.2759 10.6827 10.215C10.6827 10.1541 10.6681 10.0941 10.64 10.04C10.64 9.93999 10.19 8.95999 10.03 8.56999C9.87 8.17999 9.71 8.23999 9.58 8.22999H9.19C9.08895 8.23154 8.9894 8.25465 8.898 8.29776C8.8066 8.34087 8.72546 8.403 8.66 8.47999C8.43562 8.69817 8.26061 8.96191 8.14676 9.25343C8.03291 9.54495 7.98287 9.85749 8 10.17C8.0627 10.9181 8.34443 11.6311 8.81 12.22C9.6622 13.4958 10.8301 14.5293 12.2 15.22C12.9185 15.6394 13.7535 15.8148 14.58 15.72C14.8552 15.6654 15.1159 15.5535 15.345 15.3915C15.5742 15.2296 15.7667 15.0212 15.91 14.78C16.0428 14.4856 16.0846 14.1583 16.03 13.84C15.94 13.74 15.81 13.69 15.61 13.59Z" fill="%23737572"></path></g></svg>')
  */
   no-repeat left top;
  
}

#contact ul.footer__list li#phone{
  
  background: url('data:image/svg+xml,<svg fill="%2323c84f" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M768 640v99.6c0 8.1-2.1 14.2-8.2 20.3-6.2 6.2-12.1 8.1-20.2 8.1-120.1-2.1-260.1-40.3-351.6-131.8S258.1 404.5 256 284.4c0-8.1 2-14.1 8.1-20.2s12.1-8.2 20.3-8.2H384l25.6 153.6-47.8 62.1c14.2 40.3 42.7 83.1 75.1 115.6 32.5 32.5 75.1 60.7 115.3 74.9l62.1-47.8L768 640z"></path></g></svg>')
  /*
  background: url('data:image/svg+xml,<svg fill="%23737572" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M768 640v99.6c0 8.1-2.1 14.2-8.2 20.3-6.2 6.2-12.1 8.1-20.2 8.1-120.1-2.1-260.1-40.3-351.6-131.8S258.1 404.5 256 284.4c0-8.1 2-14.1 8.1-20.2s12.1-8.2 20.3-8.2H384l25.6 153.6-47.8 62.1c14.2 40.3 42.7 83.1 75.1 115.6 32.5 32.5 75.1 60.7 115.3 74.9l62.1-47.8L768 640z"></path></g></svg>')
  */
  no-repeat left top;
  
}
.footer__container .footer__list a{
  color:var(--white)
}

.footer__secondary--elements{
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer__copyrightNotice--container{
  color:var(--white);
  font-weight: 500;
  font-family: var(--familyPoppins);
  font-size: .9rem;
  
}
.footer__copyrightNotice{
  text-align: center;
}

@media screen and  (max-width:1200px ) {

}

@media screen and  (max-width:1024px ) {
  
}

@media screen and  (max-width:992px ) {
  .footer__Logo-SocialMedia{
    width:50%;
  }
  .footer__main--elements{
    flex-direction: column;
    align-items: center;
    gap:40px
  }
  .footer__navigator {
    width: 100%;
    gap:30px;
  }
}
@media screen and  (max-width:768px ) {
  .footer__navigator{
    flex-direction: column;
    margin: 1rem .5rem;
    gap:50px;
  }
  .footer__container{
    width: 95%;
  }
}

@media screen and  (max-width:576px ) {
  
}
@media screen and  (max-width:480px ) {
  
}
@media screen and  (max-width:320px ) {
  
}


/* Footer */

.footer {
  padding: 1em;
  margin: 2rem auto 0;
  background: linear-gradient(to right, #020027, #090979); /* Degradado de colores */
  /*
  background-color: #f8f8f8;
*/
}



.footer-nav {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(50px, 100px));

}



.footer-title {

  text-transform: uppercase;

  font-size: 0.8rem;

  color: var(--darkerGrey);

  letter-spacing: 1px;

}



.footer-link {

  font-size: 0.85rem;

  font-weight: var(--bold);

  color: inherit;

}



.footer-link:hover {

  text-decoration: underline;

}



.footer-newsletter {

  margin: 2rem auto;

  text-align: center;

}



.footer-newsletter p {

  font-size: 0.95rem;

  line-height: 1.5;

  color: var(--darkGrey);

}



.footer-email {

  display: block;

  width: 100%;

  padding: 0.35rem 1rem;

  font-family: inherit;

  font-size: 1rem;

  line-height: 1.6;

  box-shadow: none;

  color: var(--darkGrey);

  background-color: var(--white);

  border: 2px solid rgba(79, 57, 97, 0.141);

  border-radius: 3px;

  outline-color: var(--yellow);

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.form-error-message {

  display: block;

  text-align: left;

  color: #cc3648;

  visibility: hidden;

}



.form-error .footer-email {

  border-color: #cc3648;

}



.form-error .form-error-message {

  visibility: visible;

}

.button-email {
  margin-top: 1rem;
  border: none;
  width: 100%;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3),
    0 2px 4px 0 rgba(14, 30, 37, 0.12);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-social a {
  display: inline-block;
  padding: 0.5rem;
}

.footer-social svg {
  vertical-align: middle;
}

.copyright {
  flex-basis: 100%;
  text-align: center;
  color: var(--darkerGrey);
}

.dotted-link {
  color: #a94e76;
  border-bottom: 1px dashed #a94e76;
}

@media (min-width: 32em) {
  .footer-newsletter {
    text-align: left;
  }

  .footer-form {
    display: flex;
    position: relative;
  }

  .footer-email {
    width: auto;
  }

  .button-email {
    width: auto;
    margin: 0 0 0 1rem;
  }

  .form-error-message {
    position: absolute;
    top: 44px;
  }

  .footer-social {
    margin-top: 2rem;
  }
}

@media (min-width: 45em) {
  .footer {
    padding: 4em 1em;
  }

  .footer-container {
    display: grid;
    grid-gap: 20px;
    grid-template-areas: "nav newsletter" "social-links social-links" "copyright copyright";
  }

  .footer-nav {
    grid-area: nav;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .footer-title {
    margin-top: 0;
  }

  .footer-newsletter {
    margin: 0;
    grid-area: newsletter;
  }

  .footer-social {
    grid-area: social-links;
  }

  .copyright {
    grid-area: copyright;
    margin: 0;
  }
}

@media (min-width: 60em) {
  .footer-container {
    max-width: 80%;
    margin: auto;
  }
}

.arrow-1,
.arrow-2 {
  margin-top: 20px;
  height: 90px;
  background-image: url(https://res.cloudinary.com/alexandracaulea/image/upload/v1583497341/line-1_dt5tua.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.arrow-2 {
  margin-top: -20px;
}

@media (min-width: 32em) {
  .arrow-1,
  .arrow-2 {
    height: 184px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .arrow-1 {
    margin-top: 70px;
    background-image: url(https://res.cloudinary.com/alexandracaulea/image/upload/v1583497341/arrow-1-sm_kkfsxp.svg);
  }

  .arrow-2 {
    background-image: url(https://res.cloudinary.com/alexandracaulea/image/upload/v1583497341/arrow-2-sm_xtrpm5.svg);
  }
}



@media (min-width: 60em) {
  .arrow-1,
  .arrow-2 {
    height: 283px;
  }

  .arrow-1 {
    margin-top: 110px;
    background-image: url(https://res.cloudinary.com/alexandracaulea/image/upload/v1583497341/arrow-1-lg_jhrqpv.svg);
  }

  .arrow-2 {
    background-image: url(https://res.cloudinary.com/alexandracaulea/image/upload/v1583497341/arrow-2-lg_cjykcq.svg);
  }

}



.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;

}



/*------------



/* Estilos generales */

body {
    margin: 0;
    font-family: Arial, sans-serif;
}

a{
    color: #000000;
}

.container {
    width: 80%;
    margin: 0 auto;

}



/* Estilos del footer */

footer {

    background-color: #00aed7;

    color: #fff;

    padding: 50px 0;

}



.footer-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.logo img {

    width: 350px;

    height: auto;

}



.contact form {

    display: flex;

    flex-direction: column;

}



.contact input[type="email"],

.contact textarea {

    width: 100%;

    padding: 10px;

    margin-bottom: 10px;

    border: none;

    border-radius: 5px;

}



.contact button {

    width: 150px;

    padding: 10px;

    background-color: #00aed7;

    color: #fff;

    border: none;

    border-radius: 5px;

    cursor: pointer;

}



.contact button:hover {

    background-color: #022239;

}



.contact h3 {

    margin-bottom: 10px;

    font-size: 18px;

}



/* Estilos para hacer el footer responsivo */

@media screen and (max-width: 768px) {

    .container {

        width: 90%;

    }



    .footer-content {

        flex-direction: column;

        text-align: center;

    }



    .logo {

        margin-bottom: 60px;

    }



    .contact button {

        width: 100%;

    }

}

/* Estilos generales */

body {
    margin: 0;
    font-family: Arial, sans-serif;
}



/* Estilos para el footer */

footer {
    color: #fff;
    padding: 20px 0;
}



/* Estilos para los íconos de redes sociales */

.social-links {
    background-color: #0e89fe;
    text-align: center;
    padding: 10px 0;
}



.social-links a {

    margin: 0 10px;

    text-decoration: none;

}



.social-links a img {

    width: 30px;

    height: auto;

}

  /*PARA EL BOTON DE VOLVER ARRIBA DE LA PAGINA */
  .bckotop {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #00c70d;
    border: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 0px 4px rgba(180, 160, 255, 0.253);
    cursor: pointer;
    transition-duration: 0.3s;
    overflow: hidden;
    position: fixed; /* Cambiado a fixed para ser flotante */
    bottom: 100px; 
    right: 20px; 
    z-index: 1000; /* Para asegurar que esté por encima de otros elementos y se vea bien*/
    display: none; /* Oculto por defecto y asi evitamos errores internos, solo tenerlo pendiente ante maás scripts*/
  }

  .svgIcon {
    width: 12px;
    transition-duration: 0.3s;
  }

  .svgIcon path {
    fill: white;
  }

  .bckotop:hover {
    width: 140px;
    border-radius: 50px;
    transition-duration: 0.3s;
    background-color: #12327b;
    align-items: center;
  }

  .bckotop:hover .svgIcon {
    transition-duration: 0.3s;
    transform: translateY(-200%);
  }

  .bckotop::before {
    position: absolute;
    bottom: -20px;
    content: "Ir al Inicio";
    color: white;
    font-size: 0px;
  }

  .bckotop:hover::before {
    font-size: 13px;
    opacity: 1;
    bottom: unset;
    transition-duration: 0.3s;
  }

  /* PARA EL BOTON DE WHATSAPP*/
  .toenglobawhatsapp {
    display: inline-block;
    transition: all 0.2s ease-in;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #090909;
    padding: 0.7em 3.3em 0.7em 1.7em;
    font-size: 18px;
    border-radius: 0.5em;
    background: #e8e8e8;
    border: 1px solid #e8e8e8;
    box-shadow: 6px 6px 12px #c5c5c5,
              -6px -6px 12px #ffffff;
  }

  .toenglobawhatsapp > svg {
    height: 30px;
    position: absolute;
    padding: 0px 5px;
    margin-top: -4px;
  }

  .toenglobawhatsapp:active {
    color: #666;
    box-shadow: inset 4px 4px 12px #c5c5c5,
              inset -4px -4px 12px #ffffff;
  }

  .toenglobawhatsapp:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scaleY(1) scaleX(1.25);
    top: 100%;
    width: 140%;
    height: 180%;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
  }

  .toenglobawhatsapp:after {
    content: "";
    position: absolute;
    left: 55%;
    transform: translateX(-50%) scaleY(1) scaleX(1.45);
    top: 180%;
    width: 160%;
    height: 190%;
    background-color: #009087;
    border-radius: 50%;
    display: block;
    transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
    z-index: -1;
  }
  .toenglobawhatsapp:hover {
    color: #ffffff;
    border: 1px solid #009087;
  }

  .toenglobawhatsapp:hover:before {
    top: -35%;
    background-color: #009087;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }

  .toenglobawhatsapp:hover:after {
    top: -45%;
    background-color: #009087;
    transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }


  /* Botón de WhatsApp */
  #whatsapp-custom-buttom {
      display: flex;
      position: fixed;
      width: 70px; /* solo el icono al inicio */
      height: 70px;
      bottom: 15px;
      right: 20px; /* a la derecha de la pantalla */
      background-color: #25d366;
      color: #FFF;
      border-radius: 50px;
      text-align: center;
      font-size: 2.5rem;
      box-shadow: 2px 2px 3px #999;
      z-index: 100;
      justify-content: center;
      align-items: center;
      list-style: none;
      text-decoration: none;
      cursor: pointer;
      overflow: hidden; /* importante para que el texto no se vea hasta expandir */
      padding-left: 1rem;
      transition: width 0.3s ease; /* animación suave */
  }

  #whatsapp-custom-buttom i {
    margin-right: 122px;
  }

  #whatsapp-custom-buttom span {
      font-size: 0.8rem;
      font-weight: 700;
      margin-left: 10px;
      margin-right: 15px;
      opacity: 0; 
      transition: opacity 0.3s ease;
  }

  #whatsapp-custom-buttom:hover {
      width: 190px;
  }

  #whatsapp-custom-buttom:hover i {
      margin-right: 20px;
  }

  #whatsapp-custom-buttom:hover span {
      opacity: 1; 
  }

  #whatsapp-custom-buttom:hover {
      background-color: #15803e;
  }