/* CSS iSpecialist */
/* Version 0.1 - Apr 2023 */
/* author: Eric Toledo */

:root {
    --budged-lightmode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle fill='teal' cx='18' cy='18' r='18' /%3E%3Cpath transform='translate(6 6)' fill='white' d='M19 2H5c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM5 20V4h14l.001 16H5z'%3E%3C/path%3E%3Cpath transform='translate(6 6)' fill='white' d='M7 12h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zM7 6h10v4H7zm4 10h2v2h-2zm4-4h2v6h-2z'%3E%3C/path%3E%3C/svg%3E");
    --budged-darkmode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='teal' d='M19 2H5c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM5 20V4h14l.001 16H5z'%3E%3C/path%3E%3Cpath fill='teal' d='M7 12h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zM7 6h10v4H7zm4 10h2v2h-2zm4-4h2v6h-2z'%3E%3C/path%3E%3C/svg%3E");
    --tag-lightmode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='currentColor' stroke='White' stroke-width='0.1' viewBox='0 0 16 16'%3E%3Ccircle fill='SeaGreen' cx='8' cy='8' r='8' /%3E%3Cpath fill='white' d='M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z'/%3E%3Cpath fill='DarkGreen' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='white' d='M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z'/%3E%3C/svg%3E");
    --tag-darkmode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='SeaGreen' stroke-width='0.4' viewBox='0 0 16 16'%3E%3Cpath fill='SeaGreen' d='M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z'/%3E%3Cpath fill='SeaGreen' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='SeaGreen' d='M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z'/%3E%3C/svg%3E");
    --tag-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='white' stroke-width='0.4' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z'/%3E%3Cpath fill='white' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath fill='white' d='M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z'/%3E%3C/svg%3E");
    --discount-darkmode: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' viewBox='0 0 64 64' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='url(%23a)' stroke-width='4'%3E%3Ccircle cx='33.9' cy='36' r='4'/%3E%3Cpath d='m37.8 34.8 2.3-2.9 11-13.2c1.4-1.8 2.6-4 3-6.2.3-1.2.4-2.4.3-3.4C54.4 6 53 4 53 4L49.6 9M34.6 32h0'/%3E%3Ccircle cx='21.5' cy='53.3' r='6.8'/%3E%3Cpath d='m23.2 46.8 7.1-8.9M32.6 39.8l-6 9M30 34.8l-2.3-2.9M13.3 9.1C13.4 6 14.7 4 14.7 4L18.2 9M33.2 32h0'/%3E%3Ccircle cx='46.2' cy='53.3' r='6.8'/%3E%3Cpath d='m44.5 46.8-7-8.9M35.1 39.8l6 9M49.6 9.1 34.6 32h-28a3 3 0 0 1-3-3V12.1a3 3 0 0 1 3-3h43zM40.1 32h17.3a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3h-3M34.6 32v-3.6M34.5 24.6V22M34.5 18.1v-2.6M34.6 11.7V9.1M24.1 15.5l-12.5 9.7'/%3E%3Cpath d='M19.5 14.3c0 1-.9 1.9-2 1.9-1 0-1.9-.9-1.9-1.9s.9-1.8 2-1.8c1 0 1.9.8 1.9 1.8zM20 26.6c0 1-.8 1.8-1.9 1.8-1 0-1.9-.8-1.9-1.8s.9-1.9 2-1.9c1 0 1.8.8 1.8 1.9z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x2='1' gradientTransform='matrix(56.88 0 0 56.23 3.6 32)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236366f1' offset='0'/%3E%3Cstop stop-color='%23006839' offset='.5'/%3E%3Cstop stop-color='%2300ea00' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --discount-lightmode: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' viewBox='0 0 64 64' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='url(%23a)' stroke-width='5'%3E%3Ccircle cx='33.9' cy='36' r='4'/%3E%3Cpath d='m37.8 34.8 2.3-2.9 11-13.2c1.4-1.8 2.6-4 3-6.2.3-1.2.4-2.4.3-3.4C54.4 6 53 4 53 4L49.6 9M34.6 32h0'/%3E%3Ccircle cx='21.5' cy='53.3' r='6.8'/%3E%3Cpath d='m23.2 46.8 7.1-8.9M32.6 39.8l-6 9M30 34.8l-2.3-2.9M13.3 9.1C13.4 6 14.7 4 14.7 4L18.2 9M33.2 32h0'/%3E%3Ccircle cx='46.2' cy='53.3' r='6.8'/%3E%3Cpath d='m44.5 46.8-7-8.9M35.1 39.8l6 9M49.6 9.1 34.6 32h-28a3 3 0 0 1-3-3V12.1a3 3 0 0 1 3-3h43zM40.1 32h17.3a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3h-3M34.6 32v-3.6M34.5 24.6V22M34.5 18.1v-2.6M34.6 11.7V9.1M24.1 15.5l-12.5 9.7'/%3E%3Cpath d='M19.5 14.3c0 1-.9 1.9-2 1.9-1 0-1.9-.9-1.9-1.9s.9-1.8 2-1.8c1 0 1.9.8 1.9 1.8zM20 26.6c0 1-.8 1.8-1.9 1.8-1 0-1.9-.8-1.9-1.8s.9-1.9 2-1.9c1 0 1.8.8 1.8 1.9z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x2='1' gradientTransform='matrix(56.88 0 0 56.23 3.6 32)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236366f1' offset='0'/%3E%3Cstop stop-color='%23006839' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --solid-pix: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill='url(%23a)' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath d='M112.6 391.2c20 0 38.9-7.8 53-22l76.8-76.7a14.6 14.6 0 0 1 20.1 0l77 77c14.2 14.2 33 22 53.1 22h15.1l-97.1 97.1a77.7 77.7 0 0 1-109.8 0l-97.5-97.4h9.3Zm280-271.3c-20 0-38.9 7.8-53 22l-77 77a14.3 14.3 0 0 1-20.2 0l-76.7-76.7a74.6 74.6 0 0 0-53.1-22h-9.3l97.4-97.4a77.7 77.7 0 0 1 110 0l97 97.1h-15Z'/%3E%3Cpath d='m22.8 200.8 58-58h31.8a53 53 0 0 1 37.1 15.3l76.7 76.7a36.7 36.7 0 0 0 52 0l77-77a53 53 0 0 1 37.2-15.3h37.7l58.3 58.3a77.7 77.7 0 0 1 0 109.8L430.3 369h-37.7a53 53 0 0 1-37.1-15.4l-77-77a37.7 37.7 0 0 0-52 0l-76.8 76.7a53 53 0 0 1-37.1 15.4H80.8l-58-58a77.7 77.7 0 0 1 0-109.8'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(511.353 0 0 511.364 0 255.7)'%3E%3Cstop offset='0' stop-color='%236366f1'/%3E%3Cstop offset='.5' stop-color='%23006839'/%3E%3Cstop offset='1' stop-color='%2300ea00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    --wa-white: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='pe-2' width='32' height='32' fill='white' viewBox='0 0 16 16' stroke='white' stroke-width='0.4'%3E%3Cpath d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z'/%3E%3C/svg%3E");
    --check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M9.999 13.587 7.7 11.292l-1.412 1.416 3.713 3.705 6.706-6.706-1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}


/* CSS solution to prevent anchor links from scrolling behind a sticky or fixed header */
html {
    margin: 0;
    height: initial !important;
    scroll-padding-top: 3rem;
    scroll-behavior: smooth;
    /* CSS solution for get rid of the standard overscroll effects */
    overscroll-behavior-y: contain;
    overscroll-behavior: none;

}

nav {
    height: 1 rem;
    position: sticky;
    top: 0;
}

section {
    scroll-margin-top: 6rem;
}

.isp-text-gradient-primary {
    background: linear-gradient(to right, #6366f1, #006839, #00EA00);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
  
.isp-text-gradient-green {
    background: linear-gradient(90deg, #006839 0%, #00EA00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.isvg {
    fill: linear-gradient(90deg, #6366f1 0%, #006839 100%) !important;
    stroke:#231F20;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}


.isp-gradient-hero {
    background: linear-gradient(130deg, #151227 0%, #28214E 20%, #675FB4 50%, #9CBAE0 80%, #DFDCE7 100%) !important;
}  

.isp-gradient-primary {
    background: linear-gradient(90deg, #6366f1 0%, #006839 100%) !important;
}

/* svg gradientes iSpecialist */

#i3gradDm {
    --color-stop-1: #6366f1;
    --color-stop-2: #006839;
    --color-stop-3: #00EA00;
    }
#i2graWm {
    --color-stop-1: #6366f1;
    --color-stop-2: #006839;
    }

.iconGrDm {
    fill: url(#i3gradDm) gray;
    stroke: url(#i3gradDm) gray;
}

.iconGrWm {
    fill: url(#i2graWm);
    stroke: url(#i2graWm);
}

.dark-mode-svg {
    display: none;
  }

.dark-mode .dark-mode-svg {
    display: inline;
  }

.dark-mode .light-mode-svg {
    display: none;
}



/* svg icons iSpecialist */

.isp-wa-white {
    background-image: var(--wa-white);
}

.isp-solid-pix::before {
    background-image: var(--solid-pix);
}

.isp-discount-light::before{
    background-image: var(--discount-lightmode);
}

.isp-discount-dark::before{
    background-image: var(--discount-darkmode);
}

.isp-budged-light::before{
    background-image: var(--budged-lightmode);
}

.isp-budged-dark::before{
    background-image: var(--budged-darkmode);
}

.isp-tag-light::before{
    background-image: var(--tag-lightmode);
}

.isp-tag-dark::before{
    background-image: var(--tag-darkmode);
}

.isp-tag-white::before{
    background-image: var(--tag-white);
}

.isp-check-circle::before{
    background-image: var(--check-circle);
}

.isp-whatsapp-dark::before{
    background:url(../isp/img/icons/main/whatsapp-darkmode.svg) no-repeat 0 0;
}


.isp-whatsapp-light::before {
    background:url(../isp/img/icons/main/whatsapp-lightmode.svg) no-repeat 0 0;
}

.isp-phone-call-dark::before {
    background:url(../isp/img/icons/main/phone-call-darkmode.svg) no-repeat 0 0;
}

.isp-phone-call-light::before {
    background:url(../isp/img/icons/main/phone-call-lightmode.svg) no-repeat 0 0;
}

.isp-mail-send-dark::before {
    background:url(../isp/img/icons/main/mail-send-darkmode.svg) no-repeat 0 0;
}

.isp-mail-send-light::before {
    background:url(../isp/img/icons/main/mail-send-lightmode.svg) no-repeat 0 0;
}


.isp-time::before {
    background:url(../isp/img/icons/services/time.svg) no-repeat 0 0;
}
.isp-express-yes::before {
    background:url(../isp/img/icons/services/express-yes.svg) no-repeat 0 0;
}
.isp-express-not::before {
    background:url(../isp/img/icons/services/express-not.svg) no-repeat 0 0;
}
.isp-description::before {
    background:url(../isp/img/icons/services/description.svg) no-repeat 0 0;
}
.isp-price-cut::before {
    background:url(../isp/img/icons/services/price-cut.svg) no-repeat 0 0;
}
.isp-sale::before {
    background:url(../isp/img/icons/services/sale.svg) no-repeat 0 0;
}
.isp-warranty::before {
    background:url(../isp/img/icons/services/warranty.svg) no-repeat 0 0;
}
.isp-water-resistant::before {
    background:url(../isp/img/icons/services/water-resistant.svg) no-repeat 0 0;
}

/* images iSpecialist */
.isp-saopaulo::before {
    background:url(../isp/img/icons/services/saopaulo.png) no-repeat 0 0;
}
.isp-courier::before {
    background:url(../isp/img/icons/services/courier.svg) no-repeat 0 0;
}
.isp-express::before {
    background:url(../isp/img/icons/services/express.svg) no-repeat 0 0;
}

/*  icon's sizes */
.svg20::before {
    display: inline-block;
    margin-right: 12px;
    content: "";
    vertical-align: bottom;
    height:20px;
    width:20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.svg24::before {
    display:inline-block;
    margin-right: 12px;
    content: "";
    vertical-align: bottom;
    height:24px;
    width:24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}

.svg28::before {
    display:inline-block;
    margin-right: 12px;
    content: "";
    vertical-align: bottom;
    height:28px;
    width:28px;
    background-size: 28px 28px;
    background-repeat: no-repeat;
}

.svg32::before {
    display:inline-block;
    margin-right: 12px;
    content: "";
    vertical-align: bottom;
    height:32px;
    width:32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
}

.svg36::before {
    display:inline-block;
    margin-right: 6px;
    content: "";
    vertical-align: bottom;
    height:36px;
    width:36px;
    background-size: 36px 36px;
    background-repeat: no-repeat;
}


/* Property to create responsiviness behavior for iPhone screens - Desktop */
.ipsize {
    width: 12vw;
    max-width: 164px;
    height: 100%;
    margin: 0;
}



.isp-navbar-brand {
    padding-top: 0.5rem;
    padding-bottom: 0.1rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    font-size: calc(1.2625rem + 0.15vw);
    text-decoration: none;
    white-space: nowrap;
}

/* Property to mark price setter tags prcd = price Descktop | prcm = price Mobile | prcmconf = Confirmation Screen (like mobile format)  */
.prcd .prcm .prcmconf{
font-weight: bold; 
}

/* Property to mark service information  sinfd => Descktop | sinfm => Mobile | sinfconf => Confirmation texts | imgconf => Confirmation images  */
.sinfd .sinfm .svconftext .svconfimg{
    margin-top: 0;
}

.navbar.first-navbar {
    border-bottom: 1px solid #6366f1;
}

.navbar.second-navbar {
    margin-top: 3rem;
    z-index:12;
}
  
.scrolled-down-first-navbar{
    transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up-first-navbar{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}

.scrolled-down-second-navbar{
    transform:translateY(-3rem); transition: all 0.3s ease-in-out;
}
.scrolled-up-second-navbar{
    transform:translateY(0); transition: all 0.3s ease-in-out;
}