@font-face {
  font-family: AvertaStdBold;
  src: url("../fonts/AvertaStdBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: AvertaRegular;
  src: url("../fonts/AvertaRegular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: Poppins-Regular;
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

  /* Oculta el select original de Google Translate */
  #google_translate_element select {
    display: none !important;
}

/* Contenedor del traductor */
.translate-container {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

/* Dropdown personalizado */
.custom-dropdown {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
    outline: none;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Efecto hover */
.custom-dropdown:hover {
    background-color: #0056b3;
}








html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  /* Prevent horizontal overflow */
  box-sizing: border-box;
}

#ui_divMasterHeader_one {
  width: 80vw;
  aspect-ratio: 16 / 9;
  /* Maintain a 16:9 aspect ratio */
  background-color: #21315ccc;
  border-radius: 0 0 200px 0;
  background: linear-gradient(to bottom,
      rgba(33, 49, 92, 0.9),
      rgba(33, 49, 92, 0.5)),
    url("../img/Home/Home_1.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  height: 90vh;
  display: inline-block;
}

.href_menu {
  font-size: 4vw;
}

#ui_divMasterHeader_two {
  width: 100vw;
  aspect-ratio: 16 / 9;
  /* Maintain a 16:9 aspect ratio */
  background-color: #21315C;
  border-radius: 0 0 110px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  height: 20vh;
}

#ui_divProductsServices_master {
  padding-top: 2vh;
}

.label_header_master_one {
  margin-top: 1vh;
  font-size: 1.5vw !important;
  color: #FFFFFF;
  font-family: AvertaRegular !important;
  font-weight: 800px;
}

#ui_imgLogoAtlantics {
  position: absolute;
  /* Make the image position relative to the div */
  top: 4vh;
  /* Center vertically */
  left: 8.5vw;
  /* Center horizontally */
  transform: translate(-3%, -10%);
  /* Adjust to perfectly center */
  width: 6vw;
  /* Adjust the size of the overlay image */
  height: auto;
  /* Maintain aspect ratio */
  z-index: 10;
  /* Ensure it appears on top of the background */
  cursor: pointer;
}

#ui_btnContact_Card {
  height: 4.5vh;
  width: 7vw;
  font-size: 1vw !important;
  border-radius: 12px !important;
  background-color: #ec2727;
  color: white;
  font-family: AvertaRegular;
  font-weight: 600px !important;
}

#ui_dicColContact_Header {
  margin-top: 4.7vh;
  margin-left: .5vw;
}

#ui_dicColContact_Header_two {
  margin-top: 5.5vh;
}

#ui_idHomeTitle {
  top: 19vh;
  left: 8vw;
}

#ui_idHomeTitleTwo {
  top: 26vh;
  left: 7.9vw;
}

#ui_idHomeTitleThree {
  top: 33vh;
  left: 8.1vw;
}

#ui_idHomeSubTitle {
  position: absolute;
  /* Make the image position relative to the div */
  height: auto;
  z-index: 10;
  color: white;
  font-size: 1.5vw;
  top: 47vh;
  left: 17vh;
  font-family: AvertaRegular;
  font-weight: 600px !important;
}

.homeTitle {
  position: absolute;
  height: auto;
  z-index: 10;
  color: white;
  font-size: 3.3vw;
  font-family: AvertaStdBold;
  font-weight: 800px !important;
}

.menuHref {
  padding-top: 5vh;
}

.menuHref a {
  text-decoration: none;
  font-size: 1.1vw;
  color: #FFFFFF;
  font-family: AvertaRegular;
  font-weight: 600px !important;
}

/*Contact card*/
#ui_contactCard {
  position: absolute;
  height: 53vh;
  z-index: 10;
  top: 20vh;
  right: 8vw;
  width: 23vw;
  border-radius: .5vw;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

/*=====CHECKBOX=====*/
#ui_chkAceptTermsConditions_Card {
  appearance: none;
  /* Remove default styles */
  width: 1.5vw;
  height: 3vh;
  background-color: #ec2727;
  /* Background when unchecked */
  border-radius: 4px;
  cursor: pointer;
}

#ui_chkAceptTermsConditions_Card:checked {
  background-color: #ec2727;
  /* Background color when checked */
  border-color: #ec2727;

}

/* Add a checkmark when the checkbox is checked */
#ui_chkAceptTermsConditions_Card:checked::before {
  content: "✔";
  /* Checkmark symbol */
  color: #ffffff !important;
  /* Checkmark color */
  font-size: 1.1vw;
  display: block;
  text-align: center;
  opacity: 100%;
  font-weight: bold;
  transform: translate(0vw, -.4vh);
  /* Centers it */
}

#ui_lblContactTitle_Card {
  font-family: AvertaStdBold !important;
  color: #7c7c7c;
  font-size: 1.3vw;
  font-weight: 700px;
}

#ui_lblSubtitle_Card {
  font-family: AvertaRegular !important;
  color: #7c7c7c;
  font-size: .9vw;
  font-weight: 300px;
}

#ui_idDidRowOne_Card {
  padding-top: 1.5vh;
}

#ui_divRowThree_Card {
  padding-top: 1.5vh;
}

#ui_divFields_Card div {
  padding-top: 1.5vh;
}

#ui_divFields_Card div input {
  height: 5vh;
  font-size: .8vw !important;
  text-indent: .8vw;
}

#ui_divFields_Card div input::placeholder {
  text-indent: .6vw;
  /* Moves the placeholder 10px to the right */
}

#ui_divRowFourCallUs_Card {
  padding-top: 1vh;
}

#ui_btnCallUsFree_Card {
  height: 4vh;
  font-size: .75vw !important;
  border-radius: 1vh !important;
  background-color: #ec2727;
  color: white;
}

#ui_divRowTermsCond_Card {
  padding-top: 1.2vw;
}

#ui_lblAceptTermCond_Card {
  color: #7c7c7c;
  font-size: .77vw !important;
  padding-left: .5vw;
}

/*===FOOTER ONE====*/

#ui_divMasterFooterRow {
  padding-top: 5vh;
  background-color: #EC2727;
  margin-top: 5vh;
  /* Dynamically calculate the width */
  height: 15vh;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.label_subtitle_footer_one {
  color: #FFFFFF;
  font-family: Poppins-Regular !important;
  font-size: .92vw;
  font-weight: 700px;
}

.label_subtitle_footer_two {
  color: #FFFFFF;
  font-family: Poppins-Regular !important;
  font-size: .62vw;
  font-weight: 700px;
}

#ui_label_subtitle_footer_one {
  margin-left: 2.2vw;
}

#ui_label_subtitle_footer_two {
  margin-left: 9vw;
}

/*==SUPPORT==*/
#ui_label_subtitle_footer_three {
  margin-left: 9vw;
}

/*==necesidades===*/
#ui_label_subtitle_footer_four {
  margin-left: 0vw;
}

/*===PARA UN M+ÁXIMO RENDIMIENTO===*/
#ui_label_subtitle_footer_five {
  margin-left: 2.3vw;
}

/*===SUPPORT TWO===*/
#ui_label_subtitle_footer_six {
  margin-left: -2.4vh;
}

.img_footer_one {
  width: 2vw;
  height: 3.5vh;
  margin-left: 6.3vw;
  margin-top: .6vh;
}

.img_footer_two {
  width: 2vw;
  height: 3.5vh;
  margin-left: 8.5vw;
  margin-top: .8vh;
}

.img_footer_three {
  width: 2vw;
  height: 3.5vh;
  margin-left: 15.5vw;
  margin-top: .8vh;
}

/*===footer===*/
#ui_divMasterFooterRow_two {
  background-color: #21315C;
  width: calc(100vw - 0px);
  /* Dynamically calculate the width */
  height: 22vh;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.footer-container {
  width: 100vw;
  /* Ensure the container spans the full width */
  margin: 0;
  padding: 0;
}

.label_footer_two_text {
  color: #FFFFFF;
  font-size: .6vw;
  font-family: Poppins-Regular !important;
  text-decoration: none;
}

.label_title_footer_two_text {
  color: #FFFFFF;
  font-size: .8.5vw;
  font-family: Poppins-Regular !important;
  padding-bottom: .5vh;
}

#ui_img_footer_one_atlantics {
  width: 6vw;
  height: 3.3vh;
}

#ui_divRowFooter_Two {
  padding-top: 2vh;
}

#ui_divText_footer {
  padding-top: 2vh;
}

.divText_footer_two {
  padding-top: .8vh;
}

.white-divider {
  border: none;
  border-top: .1vh solid white;
  /* Set the color and thickness of the line */
  margin: .1px 0;
  /* Add spacing above and below */
}

#ui_divCopyRight_footer {
  background-color: #21315C;
  width: calc(100vw - 0px);
  /* Dynamically calculate the width */
  height: 4vh;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 1vh;
}

#ui_labelCopyRight_text_footer {
  color: #FFFFFF;
  font-size: .6vw;
  font-family: Poppins-Regular !important;
}

/**===GENERALS===*/
#ui_div_col_two_contact_us_nosotros {
  background-color: #FFFFFF;
  width: 100vw !important;
  height: auto;
  padding-top: 3vh;
  border-radius: 0px 0px 8px 8px !important;
}

#ui_div_col_two_contact_us_nosotros {
  background-color: #FFFFFF;
  width: 100vw;
  height: auto;
  border-radius: 8px;
}

.btn-circle {
  width: 4vw;
  /* Adjust size */
  height: 4vh;
  /* Adjust size */
  padding: 0;
  /* Remove default padding */
  border-radius: 2vw !important;
  /* Makes the button a circle */
  overflow: hidden;
  /* Ensures the image doesn't overflow the button */
  display: flex;
  /* Aligns image inside */
  align-items: center;
  /* Centers image vertically */
  justify-content: center;
  /* Centers image horizontally */
}

.btn-circle img {
  width: 2vw;
  /* Ensure the image covers the button */
  height: 2vh;
  /* Ensure the image covers the button */
  object-fit: cover;
  /* Scales image to fit without distortion */
  /* Ensures the image itself is circular */
}

.btn-circle {
  width: 2vw;
  /* Equal width and height */
  height: 2vw;
  /* Use vw for consistent sizing */
  padding: 0;
  /* Remove default padding */
  border-radius: 50% !important;
  /* Ensures a perfect circle */
  overflow: hidden;
  /* Ensures the image doesn't overflow the button */
  display: flex;
  /* Aligns image inside */
  align-items: center;
  /* Centers image vertically */
  justify-content: center;
  /* Centers image horizontally */
}

.btn-circle img {
  width: 4vh;
  /* Make the image fill the button */
  height: 4vh;
  /* Make the image fill the button */
  object-fit: cover;
  /* Ensures the image scales properly */
  border-radius: 50%;
  /* Make the image circular */
}

#ui_lblMessage_contactReqAlert_MasterPage {
  font-family: AvertaStdBold !important;
  color: #ffffff;
  font-size: .8vw;
  font-weight: .8vh;
}

.divAlert_contactrequest_MasterPage {
  border-radius: 1vw;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  /* Transición suave */
  height: 4vh;
  background-color: #ed8181;
  margin-top: .2vh;
  margin-bottom: .2vh !important;
}

.divAlert_Success_contactrequest_MasterPage {
  border-radius: 1vw;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  /* Transición suave */
  height: 4px;
  background-color: #9af099;
  margin-top: .2vh;
  margin-bottom: .2vh !important;
}

#ui_divAlert_contactrequest_MasterPage.show {
  display: inline;
  opacity: 1;
}

.menu_color {
  color: #EC2727 !important;
  text-decoration: none;
  /* Removes underline */
}

/* Estilos específicos para escalado al 125% */
@media (min-resolution: 97dpi) and (max-resolution: 120dpi) {
  #ui_label_subtitle_footer_one {
    margin-left: 2.5vw !important;
  }

  #ui_imgLogoAtlantics {
    width: 7vw;
    height: auto;
    cursor: pointer;
  }

  .homeTitle {
    color: white;
    font-size: 3.3vw;
  }

  #ui_btnContact_Card {
    height: 4.7vh;
    width: 7vw;
    font-size: 1vw !important;
    border-radius: 1vw !important;
    font-family: AvertaRegular;
    font-weight: 600px !important;
  }

  #ui_dicColContact_Header {
    margin-top: 4.7vh;
    margin-left: .5vw;
  }

  .href_menu {
    font-size: 3vw;
  }

  /*Contact card*/
  #ui_contactCard {
    position: absolute;
    height: 53vh;
    z-index: 10;
    top: 20vh;
    right: 8vw;
    width: 23vw;
    border-radius: .5vw;
  }

  #ui_lblContactTitle_Card {
    font-size: 1.3vw;
  }

  #ui_lblSubtitle_Card {
    font-size: .9vw;
  }


  #ui_divFields_Card div {
    padding-top: 1.5vh;
  }

  #ui_divFields_Card div input {
    height: 5vh;
    font-size: .8vw !important;
    text-indent: .8vw;
  }

  #ui_divFields_Card div input::placeholder {
    text-indent: .6vw;
    /* Moves the placeholder 10px to the right */
  }

  #ui_lblAceptTermCond_Card {
    font-size: .74vw !important;
  }

  #ui_divRowFourCallUs_Card {
    padding-top: 1vh;
  }

  #ui_btnCallUsFree_Card {
    font-size: .75vw !important;
    height: 4.5vh;
  }

  #ui_divMasterHeader_one {
    width: 80vw;
    height: 90vh;
  }

  /*====FOOTER====*/
  .img_footer_one {
    width: 2vw;
    height: 3.5vh;
  }

  .img_footer_two {
    width: 2vw;
    height: 3.5vh;
  }

  .img_footer_three {
    width: 2vw;
    height: 3.5vh;
  }

  .label_subtitle_footer_one {
    font-size: .92vw;
  }

  #ui_label_subtitle_footer_five {
    margin-left: 2.6vw;
  }

  /*==SUPPORT==*/
  #ui_label_subtitle_footer_three {
    margin-left: 9vw;
  }

  #ui_label_subtitle_footer_seven {
    margin-left: .2vw;
  }

  #ui_divMasterFooterRow {
    padding-top: 7vh;
    margin-top: 9vh;
    height: 18vh;
  }

  /*===footer===*/
  #ui_divMasterFooterRow_two {
    height: 22vh;
  }

  .label_title_footer_two_text {
    font-size: .8vw;
  }

  .label_footer_two_text {
    font-size: .7vw;
    text-decoration: none;

  }

  #ui_labelCopyRight_text_footer {
    font-size: .6vw;
  }

  #ui_divCopyRight_footer {
    height: 4vh;
  }


  #ui_idHomeTitle {
    top: 18.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleTwo {
    margin-top: 1.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleThree {
    margin-top: 3vh;
    left: 8.15vw;
  }

  #ui_idHomeSubTitle {
    font-size: 1.5vw;
    top: 51vh;
    left: 8.1vw;
  }
}

/* Estilos específicos para escalado al 150% */
@media (min-resolution: 144dpi) and (max-resolution: 192dpi) {
  #ui_imgLogoAtlantics {
    width: 7vw;
    height: auto;
    cursor: pointer;
  }

  #ui_btnContact_Card {
    height: 5.4vh;
    width: 7vw;
    font-size: 1vw !important;
    border-radius: 1vw !important;
    font-family: AvertaRegular;
    font-weight: 600px !important;
  }

  #ui_dicColContact_Header {
    margin-top: 4.5vh;
    margin-left: .5vw;
  }

  #ui_lblAceptTermCond_Card {
    font-size: .74vw !important;
  }

  #ui_btnCallUsFree_Card {
    height: 4.5vh;
    font-size: .75vw !important;
    width: 9vw;
  }

  #ui_idHomeTitle {
    top: 18.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleTwo {
    margin-top: 1.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleThree {
    margin-top: 3vh;
    left: 8.15vw;
  }

  #ui_idHomeSubTitle {
    font-size: 1.5vw;
    top: 51vh;
    left: 8.1vw;
  }

  /*=====CHECKBOX=====*/
  #ui_chkAceptTermsConditions_Card {
    width: 1.5vw;
    height: 3.3vh;
  }

  /* Add a checkmark when the checkbox is checked */
  #ui_chkAceptTermsConditions_Card:checked::before {
    content: "✔";
    font-size: 1vw;
    display: block;
    text-align: center;
    transform: translate(.1vw, -.3vh);
  }

  #ui_contactCard {
    position: absolute;
    height: 55vh;
    z-index: 10;
    top: 20vh;
    right: 8vw;
    width: 23vw;
    border-radius: .5vw;
  }

  #ui_idHomeSubTitle {
    font-size: 1.5vw;
    top: 51vh;
    left: 8.1vw;
  }
}

@media (max-width: 1728px) {

  /* Estilos específicos para zoom 90% */
  #ui_imgLogoAtlantics {
    width: 7vw;
    height: auto;
    cursor: pointer;
  }

  #ui_btnContact_Card {
    height: 5.4vh;
    width: 7vw;
    font-size: 1vw !important;
    border-radius: 1vw !important;
    font-family: AvertaRegular;
    font-weight: 600px !important;
  }

  #ui_dicColContact_Header {
    margin-top: 4.5vh;
    margin-left: .5vw;
  }

  #ui_lblAceptTermCond_Card {
    font-size: .74vw !important;
  }

  #ui_btnCallUsFree_Card {
    height: 4.5vh;
    font-size: .75vw !important;
    width: 9vw;
  }

  /*=====CHECKBOX=====*/
  #ui_chkAceptTermsConditions_Card {
    width: 1.5vw;
    height: 3.3vh;
  }

  /* Add a checkmark when the checkbox is checked */
  #ui_chkAceptTermsConditions_Card:checked::before {
    content: "✔";
    font-size: 1vw;
    display: block;
    text-align: center;
    transform: translate(.1vw, -.3vh);
  }

  #ui_contactCard {
    position: absolute;
    height: 55vh;
    z-index: 10;
    top: 20vh;
    right: 8vw;
    width: 23vw;
    border-radius: .5vw;
  }

  #ui_idHomeTitle {
    top: 18.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleTwo {
    margin-top: 1.5vh;
    left: 7.95vw;
  }

  #ui_idHomeTitleThree {
    margin-top: 3vh;
    left: 8.15vw;
  }

  #ui_idHomeSubTitle {
    font-size: 1.5vw;
    top: 51vh;
    left: 8.1vw;
  }
}

/*=======Dropdown menu MOBILE===== */
/*=================================*/
.dropdown-menu {
  display: none;
  /* Initially hidden */
  background-color: #21315C;
  position: absolute;
  top: 10vh;
  /* Adjust to match header height */
  left: 0;
  width: 100vw;
  z-index: 1000;
  padding: 1px 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.dropdown-menu a {
  display: block;
  color: white;
  text-decoration: none;
  padding: 2px 20px;
  transition: background-color 0.3s;
}

.dropdown-menu a:hover {
  background-color: #1a274a;
}


/*===MOBILE===*/
@media (max-width: 768px) {
  #ui_divMasterHeader_two {
    width: 100vw;
    border-radius: 0 0 15vw 0;
    height: 27vh;
  }

  #ui_lblTitle_Page_MasterPage {
    margin-top: 12vh;
  }

  .label_header_master_one {
    margin-top: 9vh;
    font-size: 5vw !important;
  }

  .img_footer_one {
    width: 5vw;
    height: 4vh;
    margin-left: 13.3vw !important;
  }

  .img_footer_two {
    width: 5vw;
    height: 4vh;
    margin-left: 13.3vw !important;
  }

  .img_footer_three {
    width: 5vw;
    height: 4vh;
    margin-left: 13vw;
  }

  #ui_divMasterFooterRow {
    margin-top: 7vh;
    padding-top: 3vh;
    height: 18vh;
  }

  .label_subtitle_footer_one {
    font-size: 3.3vw;
  }

  .label_subtitle_footer_two {
    font-size: 2.5vw;
  }

  #ui_label_subtitle_footer_seven {
    margin-left: 9vw;
  }

  #ui_label_subtitle_footer_one {
    margin-left: 4vw;
  }

  #ui_label_subtitle_footer_four {
    margin-left: 4vw;
  }

  #ui_label_subtitle_footer_five {
    margin-left: 2.8vw;
  }

  #ui_label_subtitle_footer_three {
    margin-left: -11vw;
  }

  #ui_label_subtitle_footer_two {
    margin-left: -4vw;
  }

  .div_row_footer_one_MasterPage {
    margin-top: 1vh;
  }

  #ui_divMasterFooterRow {
    height: 21vh;
  }

  .label_footer_two_text {
    font-size: 2.4vw;
    text-decoration: none;
  }

  #ui_labelCopyRight_text_footer {
    font-size: 2.4vw;
  }

  #ui_divCopyRight_footer {
    height: 4vh;
  }

  #ui_divMasterFooterRow_two {
    height: 43vh;
  }

  .white-divider {
    border: none;
    border-top: .1vh solid white;
    margin: .1px 0;
  }

  .label_title_footer_two_text {
    font-size: 3.5vw;
  }

  .btn-circle {
    width: 5.3vw;
    height: 3vh;
  }

  .btn-circle img {
    width: 5.3vh;
    height: 3vh;
    object-fit: cover;
    border-radius: 50%;
  }

  /*==============AQUI 2025-01-23=========*/

  #ui_imgLogoAtlantics {
    width: 20vw !important;
    height: auto;
    cursor: pointer;
  }

  #ui_imgLogo_Menu {
    position: absolute;
    top: 5vh !important;
    left: 90vw !important;
    width: 5.5vw !important;
    height: auto;
    z-index: 10;
  }

  #ui_divMasterHeader_one {
    width: 105vw;
    height: 39vh !important;
    background-color: #21315ccc;
    border-radius: 0 0 70px 0;
    background: linear-gradient(to bottom,
        rgba(33, 49, 92, 0.9),
        rgba(33, 49, 92, 0.5)),
      url("../img/Home/Home_1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .homeTitle {
    font-size: 5vw !important;
  }

  #ui_idHomeTitle {
    top: 11vh !important;
    left: 7vw !important;
  }

  #ui_idHomeTitleThree {
    top: 11.5vh !important;
    left: 7vw !important;
  }

  #ui_idHomeSubTitle {
    font-size: 3vw;
    top: 20vh;
    left: 8vw;
  }

  /*Contact card*/
  #ui_contactCard {
    /* Make the image position relative to the div */
    position: absolute;
    height: 50vh;
    top: 30vh;
    width: 80vw;
    left: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    /* Sombra en la esquina inferior derecha */
  }

  #ui_idDidRowOne_Card {
    padding-top: .7vh;
  }

  #ui_lblContactTitle_Card {
    font-size: 5vw;
  }

  #ui_lblSubtitle_Card {
    font-size: 3.5vw;
  }

  #ui_divFields_Card div {
    padding-top: 1vh;
  }

  #ui_divFields_Card div input {
    height: 5.5vh;
    font-size: 3vw !important;
    text-indent: 2.5vw;
  }

  #ui_divFields_Card div input::placeholder {
    text-indent: 2.5vw
      /* Moves the placeholder 10px to the right */
  }

  #ui_lblAceptTermCond_Card {
    font-size: 2.9vw !important;
  }

  #ui_divRowFourCallUs_Card {
    margin-top: -2vh;
  }

  #ui_btnCallUsFree_Card {
    height: 5vh;
    width: 35vw;
    font-size: 2.8vw !important;
    border-radius: 12px !important;
    background-color: #ec2727;
    color: white;
  }

  .divAlert_contactrequest_MasterPage {
    height: 4vh;
    border-radius: 2vw;
  }

  #ui_lblMessage_contactReqAlert_MasterPage {
    font-size: 3vw;
  }

  /*=====CHECKBOX=====*/
  #ui_chkAceptTermsConditions_Card {
    width: 6vw;
    height: 3.2vh;
  }

  /* Add a checkmark when the checkbox is checked */
  #ui_chkAceptTermsConditions_Card:checked::before {
    content: "✔";
    font-size: 4vw;
    display: block;
    text-align: center;
    transform: translate(.2vw, -.3vh);
  }

  #ui_divRowTermsCond_Card {
    padding-top: 2.5vw;
  }
}

@media (min-width: 376px) and (max-width: 768px) and (orientation: portrait) {
  #ui_contactCard {
    /* Make the image position relative to the div */
    position: absolute;
    height: 45vh;
    top: 30vh;
    width: 80vw;
    left: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    /* Sombra en la esquina inferior derecha */
  }

  #ui_btnCallUsFree_Card {
    height: 4vh;
    width: 35vw;
    font-size: 2.8vw !important;
    border-radius: 12px !important;
    background-color: #ec2727;
    color: white;
  }

  #ui_divFields_Card div {
    padding-top: 1.5vh;
  }

  #ui_divFields_Card div input {
    height: 4vh;
    font-size: 3vw !important;
    text-indent: .8vw;
  }

  #ui_divFields_Card div input::placeholder {
    text-indent: 1vw;
    /* Moves the placeholder 10px to the right */
  }

  #ui_divMasterHeader_one {
    width: 103vw;
    height: 32vh !important;
    background-color: #21315ccc;
    border-radius: 0 0 70px 0;
    background: linear-gradient(to bottom,
        rgba(33, 49, 92, 0.9),
        rgba(33, 49, 92, 0.5)),
      url("../img/Home/Home_1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /*=====CHECKBOX=====*/
  #ui_chkAceptTermsConditions_Card {
    width: 6vw;
    height: 2.6vh;
  }

  /* Add a checkmark when the checkbox is checked */
  #ui_chkAceptTermsConditions_Card:checked::before {
    content: "✔";
    font-size: 4vw;
    display: block;
    text-align: center;
    transform: translate(.1vw, -.3vh);
  }

  #ui_idHomeTitle {
    top: 11vh !important;
    left: 7vw !important;
  }

  #ui_idHomeTitleThree {
    top: 11vh !important;
    left: 7vw !important;
  }
}