:root,[data-bs-theme=light]{
    --color1-0: #30d276;
    --color1-0-rgb: 48, 210, 118;

    --color2-0: #d82163;
    --color2-0-rgb: 216, 33, 99;

    --color3-0: #592c6e;
    --color3-0-rgb: 89, 44, 110;

    --color3-1: #525274;
    --color3-1-rgb: 82, 82, 116;
    --color3-2: #8d8dab;
    --color3-2-rgb: 141, 141, 171;
    --color3-3: #101225;
    --color3-3-rgb: 16, 18, 37;

    --color4-0:#2578c3;
    --color4-0-rgb: 37, 120, 195;
    --color4-1:#3949c9;
    --color4-1-rgb: 57, 73, 201;


    --mobie-cof:1;
    /*--vh100br: calc( (100vh -  env(safe-area-inset-top) - env(safe-area-inset-bottom) - 60px) * var(--mobie-cof));*/
    --vh100br: calc( 100vh -  env(safe-area-inset-top) - env(safe-area-inset-bottom) - 64px);
    --bs-text-opacity:1;
    --bs-bg-opacity:1;
}
@media (max-width: 576px) {
    :root {
        --mobie-cof: 0.9;
    }
}

.btn-color2{color:#fff;background-color:var(--color2-0);border-color:var(--color2-0)}
.btn-color2:hover,.btn-color2:focus,.btn-color2:active,.btn-color2.active{color:#fff;background-color:rgba(var(--color2-0-rgb),.85);border-color: rgba(var(--color2-0-rgb),.85)}
.btn-color2:disabled{background-color:rgba(var(--color2-0-rgb),.65);border-color:rgba(var(--color2-0-rgb),.65)}
.btn-color3{color:#fff;background-color:var(--color3-0);border-color:var(--color3-0)}
.btn-color3:hover,.btn-color3:focus,.btn-color3:active,.btn-color3.active{color:#fff;background-color:rgba(var(--color3-0-rgb),.85);border-color:rgba(var(--color3-0-rgb),.85)}
.btn-color3:disabled{background-color:rgba(var(--color3-0-rgb),.65);border-color:rgba(var(--color3-0-rgb),.65);}
.btn-color4{color:#fff;background-image:linear-gradient(135deg, rgba(var(--color4-0-rgb), 1), rgba(var(--color4-1-rgb), 1));border:none}
.btn-color4:hover{background-image:linear-gradient(135deg, rgba(var(--color4-0-rgb), 1), rgba(var(--color4-1-rgb),1));color:#fff}
.btn-color4:focus,.btn-color4:active,.btn-color4.active{box-shadow:0 0 0 0.2rem rgba(var(--color4-0-rgb),.5)}
.btn-color4:disabled{background-color:rgba(var(--color4-0-rgb),.65);border-color:rgba(var(--color4-0-rgb),.65)}

.btn-outline-color2 {color: var(--color2-0);background-color: transparent;border-color: var(--color2-0);}
.btn-outline-color2:hover, .btn-outline-color2:focus, .btn-outline-color2:active, .btn-outline-color2.active {color: #fff;background-color: var(--color2-0);border-color: var(--color2-0);}
.btn-outline-color2:disabled {color: rgba(var(--color2-0-rgb), .65);border-color: rgba(var(--color2-0-rgb), .65);}
.btn-outline-color3 {color: var(--color3-0);background-color: transparent;border-color: var(--color3-0);}
.btn-outline-color3:hover, .btn-outline-color3:focus, .btn-outline-color3:active, .btn-outline-color3.active {color: #fff;background-color: var(--color3-0);border-color: var(--color3-0);}
.btn-outline-color3:disabled {color: rgba(var(--color3-0-rgb), .65);border-color: rgba(var(--color3-0-rgb), .65);}
.btn-outline-color4 {color: var(--color4-0);background-color: transparent;border-color: var(--color4-0);}
.btn-outline-color4:hover, .btn-outline-color4:focus, .btn-outline-color4:active, .btn-outline-color4.active {color: #fff;background-image: linear-gradient(135deg, rgba(var(--color4-0-rgb), 1), rgba(var(--color4-1-rgb), 1));border-color: var(--color4-0);}
.btn-outline-color4:disabled{color:rgba(var(--color4-0-rgb),.65);border-color:rgba(var(--color4-0-rgb),.65)}

.bg-color2{background-color:rgba(var(--color2-0-rgb),var(--bs-bg-opacity))!important}
.bg-color3{background-color:rgba(var(--color3-0-rgb), var(--bs-bg-opacity))!important}
.bg-color3-1{background-color: rgba(var(--color3-1-rgb),var(--bs-bg-opacity))!important}
.bg-color3-2{background-color: rgba(var(--color3-2-rgb), var(--bs-bg-opacity)) !important}
.bg-color4{background-image:linear-gradient(135deg,rgba(var(--color4-0-rgb), var(--bs-bg-opacity)),rgba(var(--color4-1-rgb), var(--bs-bg-opacity) )) !important}
.bg-color23{background: linear-gradient(135deg, var(--color2-0), var(--color3-0))!important;}

.text-color1{color:rgba(var(--color1-0-rgb),var(--bs-text-opacity))!important}
.text-color2{color:rgba(var(--color2-0-rgb),var(--bs-text-opacity))!important}
.text-color3{color:rgba(var(--color3-0-rgb),var(--bs-text-opacity))!important}
.text-color3-1{color:rgba(var(--color3-1-rgb),var(--bs-text-opacity))!important}
.text-color3-2{color:rgba(var(--color3-2-rgb),var(--bs-text-opacity))!important}
.text-color4{color:rgba(var(--color4-0-rgb),var(--bs-text-opacity))!important}

.white-space-nowrap{width:1px;white-space:nowrap}

.top-1{top:.25em!important}
.top-2{top:.5em!important}
.top-5{top:2.5em!important}
.top-25{top:25%!important}
.start-1{left:.25em!important}
.start-2{left:.5em!important}
.start-5{left:2.5em!important}
.start-25{left:25%!important}
.end-1{right:.25em!important}
.end-2{right:.5em!important}
.end-5{right:2.5em!important}
.end-25{right:25%!important}
.bottom-1{bottom:.25em!important}
.bottom-2{bottom:.5em!important}
.bottom-5{bottom:2.5em!important}
.bottom-25{bottom:25%!important}

.alert-relative{position:relative;top: 0;left: 50%;transform: translateX(-50%)}
.alert-top-center {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.alert-top-start {position: absolute;top: 0;left: 0;}
.alert-top-end {position: absolute;top: 0;right: 0;}
.alert-bottom-center {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.alert-bottom-start {position: absolute;bottom: 0;left: 0;}
.alert-bottom-end {position: absolute;bottom: 0;right: 0;}
.navbar.navbar-dark.bg-dark .dropdown-menu-dark{background-color:var(--bs-dark);border:unset}

section{padding:100px 0}
.navbar-nav a{padding:15px}
iframe#map{min-height:350px}
section#hero{
    position:relative;
    padding-top:70px;
    padding-bottom:0;
    /*background:url('path-to-your-image.jpg') no-repeat center center/cover;*/
    /*height:60vh;*/
    background-size:100% auto
}

@media (max-width: 991px){
    section#hero{background:none;height:auto;padding-top:64px;padding-bottom:0}
}

.form-signin{padding: 15px;
    .form-floating:focus-within{z-index:2}
    input[type="email"]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}
    input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}
}

.flip{perspective:1000px;cursor:pointer}
.flip .card{transform-style:preserve-3d;position:relative;transition:transform 0.6s}
.flip .front{z-index:1}
.flip .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;height:100%;z-index:2}
.flip .back{transform:rotateY(180deg);position:absolute;background-color:#f8f9fa;padding:15px}
#services .flip .card{height:200px!important;}

.flip:hover .card{-webkit-transform:rotatey(-180deg);transform:rotatey(-180deg)}
.flip:hover .back{z-index:3;backface-visibility:visible;transition:backface-visibility .6s}

#testimonial_area{background-image:url("../image/bg-1.webp");
    #testimonial_slider{box-sizing:border-box}
    .testimonial{background:white;border-radius:10px;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);padding:20px;transition:transform 0.3s ease-in-out;
        &:hover{transform:translateY(-10px)}
        img{border:3px solid #ddd}
        .testimonial-text{font-style:italic;color:#666;height:75px}
    }
}

#testimonial_area,#features_area, #faq_area {background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}
#features_area{background-image: url("../image/bg-2.webp")}
#faq_area{background-image: url("../image/bg-3.webp")}


#pricing{
    .price-item{
        transition: all .1s ease-in-out, box-shadow .3s ease-in-out;
        &:hover {background-color:#212529;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
        .description{min-height:3em}
    }
}

.flex-center{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

.form-check-color2 .form-check-input:checked{background-color:var(--bs-danger);border-color:var(--bs-danger)}

footer .nav-link{color:inherit!important}