

body.offerPage{margin-top:0;}
.offerPage header{background:none;}
.offerPage header.active{background:#fff;}
.offerPage header::after{background-image:none;}
.offerPage header>.inner{text-shadow:none;}
.offerPage header nav {color:var(--colNavText);}
.offerPage header nav a{color: var(--colPri2);}

/* offerFormBox */
.offerFormBox{background-image:var(--bgImg);background-size: cover;background-position: center;}
.offerFormBox .box1{max-width:600px;margin-top:10rem;}
.offerFormBox .box1 .ttl{color:var(--colPri);font-size:2.5rem;}
.offerFormBox .box1 input,.offerFormBox .box1 select,.offerFormBox .box1 textarea {background-color:#e8faff7d;font-size:1rem;}
.offerFormBox .box1 form{margin-top:3rem;gap:1rem;}
.offerFormBox .box1 form label{text-transform: capitalize;padding-bottom:5px;opacity:.6;}
.offerFormBox .box1 .formBox1 form .group{flex:1 1 250px;}
.offerFormBox .box1 .formBox1 form .group.block{flex:1 1 100%;}

.trustedBox{background:rgb(0, 179, 255);}
.trustedBox .mainBoxTtl .ttl {margin:1rem;color:#fff;}
.trustedBox .cards{display: flex;flex-wrap: wrap;gap:1rem;justify-content: center;}
.trustedBox .card{background:#fff;border-radius:1rem;padding:1rem;display: grid;place-items: center;max-width:220px;}
.trustedBox .card img{max-height:90px;max-width:100%;}
.trustedBox .card p{text-align: center;margin-top:1rem;font-size:.8rem;}


.galleryBox{display: flex;flex-wrap: wrap;gap:1rem;justify-content: center}
.galleryBox img{max-width:280px;object-fit: contain}

.floatCall{display:none;place-items:center;position: fixed;bottom:1rem;left:10px;background:var(--colPri);height:2.5rem;width:2.5rem;border-radius:50%;z-index: 10;animation:colorChange 5s infinite linear;}
.floatCall a{color:#fff;}

@keyframes colorChange {
  0%{transform: rotateZ(0deg);}
  70%{transform: rotateZ(0deg);}
  80%{transform: rotateZ(-90deg);}
  85%{transform: rotateZ(90deg);}
  90%{transform: rotateZ(-90deg);}
  95%{transform: rotateZ(90deg);}
  100%{transform: rotateZ(00deg);}
}

@media screen and (max-width:700px){

.offerFormBox{background-image:var(--bgImg1);}
.offerFormBox .box1{margin-top:7rem;}
.offerFormBox .box1 .ttl{text-shadow:2px 2px 0 #000,2px 2px 2px #fff;font-size:1.9rem;color:#fff;}
.offerFormBox .box1 form{margin-top:1rem;}
.offerFormBox .box1 form label{color:#fff;opacity:1;}
.offerFormBox .box1 input,.offerFormBox .box1 select,.offerFormBox .box1 textarea {background-color:#e8faffd9;padding:10px;}
.offerFormBox .box1 .formBox1 form .group.halfInput{flex:1 1 150px;min-width:unset;}

.trustedBox .card{flex:1 1 150px;font-size:12px;padding:9px;}

.galleryBox img{max-width:180px;}

.floatCall{display: grid;}

    
}



