﻿
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/*-----------Stylish default scrollbar styles-----------*/
:root{
--code-color: darkred;
--code-bg-color: #aaaaaa;
--code-font-size: 14px;
--code-line-height: 1.4;
--scroll-bar-color: #c5c5c5;
--scroll-bar-bg-color: #f6f6f6;
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

* {
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar {width: 7px;height: 12px;}

*::-webkit-scrollbar-track {
background: var(--scroll-bar-bg-color); width:10px;
}

*::-webkit-scrollbar-thumb {
background-color: var(--scroll-bar-color);
border-radius: 20px;
border:1px solid var(--scroll-bar-bg-color);
}
/*---------End of the stylish default bar styles-----------*/

.text-teal{color:#0fbb92 !important;}
.text-purple{color:purple;}
.text-orange{color:#ff8800;}

body{background-color:#fff;font-family: "Lato", sans-serif; font-weight: 400;}
:root{--brand:#389bff; --brand2:#ff8f10;}
a{text-decoration:none;}
a, a:hover{transition:all .4s ease;}
p:last-child{margin-bottom:0;}
.btn{border-radius:.25rem}
.form-control, .form-select{border-radius:.25rem; border-color:#a1a1a1; height:auto !important;}
.form-control-sm, .form-select-sm, .input-group-sm>.form-control{min-height:inherit !important;}
.form-check-input{border-color:#a1a1a1;}
.navbar-brand img{height:35px; width:auto;}

html{scroll-behavior:smooth;}

.glass{background:rgba(255,255,255,.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border:1px solid rgba(255,255,255,.25); border-radius:16px;}
.glass2{background: linear-gradient(90deg, #295270, #524175); height:100%; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border:1px solid rgba(255,255,255,.25); border-radius:16px; color:#fff;}
.glass2 h5{font-weight:bold;}
.glass2 .icon{color:#fff;}
.icon-box{text-align:center; padding:25px;}
.navbar{background:rgba(0,0,0,.75)!important; backdrop-filter: blur(10px);}
.navbar .nav-link.active{color:#1588e8 !important; font-weight:600;}
/*.slider_hero .carousel-item{background-size:cover; background-position:center;}
.slider_hero .carousel-caption{background:rgba(0,0,0,.35); width:max-content; padding:2rem 3rem; border-radius:2rem; margin:0 auto; bottom:10%;}
.slider_hero .carousel-caption .style1{font-size:2rem; font-weight:bold;}
.slider_hero .carousel-caption .style1 span{color:#d7ee0d}
.hero-overlay{background:rgba(0,0,0,.55); position:absolute; inset:0;}*/
.hero-content{position:absolute; bottom:15%; left:10%; max-width:500px; color:#fff;}
section{scroll-margin-top:60px;}
footer{background:#0f1c28; color:#aaa;}
.section-wrapper{padding-top:3rem; padding-bottom:3rem; min-height:500px;}
.contect_link{background-color:#fff3cd; border:solid 1px #ffe69c; text-align:center; padding:1rem; display:block; border-radius:.5rem; word-break: break-all;}
.contect_link:hover{background-color:#333; border:solid 1px #333;}
.contect_link .icon-item{color:#999;}
.contect_link .text-item{color:#000;}
.contect_link:hover .text-item{color:#ffd5a9;}

/*.service_pod .service_img{clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%);}*/
.service_pod{margin-top:1.5rem;}
.service_pod .service_img{overflow:hidden; border-radius:.5rem .5rem 0 0;}
.service_pod .service_img img{width:100%; height:280px; object-fit:cover; transition:ease .3s all;}
.service_pod:hover .service_img img{filter:grayscale(1); transform:scale(1.15); transition:ease .3s all;}
/*.service_pod .service_body{background:#fff; border-radius:0 0 1rem 1rem; padding:1.5rem; position:relative; box-shadow:0 0 5px rgba(0,0,0,.15); border:1px solid #ccc;}*/
.service_pod .service_txt{margin-top:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.service_pod .btn_more{position:relative; display:inline-block; border:solid 2px #1588e8; padding:.5rem .5rem .5rem 1rem; line-height:1; text-transform:uppercase; color:#1588e8; background:#fff; transition:ease .3s all;}
.service_pod .btn_more .span{background:#fff; padding:.25rem; position:relative; right:-15px; display:inline-block; transition:ease .3s all;}
.service_pod .btn_more:hover{border:2px solid #333; color:#333;}
.service_pod .btn_more:hover .span{right:-25px; transition:ease .3s all;}
.service_pod .service_link{background:#fff; border-radius:0 0 1rem 1rem; padding:1.5rem; position:relative; box-shadow:0 0 5px rgba(0,0,0,.15); border:1px solid #ccc; color:#1588e8; font-size:1.25rem; display:flex; justify-content:space-between;}
.service_pod .service_link:hover{color:#fff; background:#333;}
.pop_service_img img{width:100%; max-width:100%; height:350px; object-fit:cover;}

.slider_hero .carousel-item {height: 90vh;min-height: 500px;position: relative;overflow: hidden;}
.slider_hero .carousel-item img {width: 100%;height: 100%;object-fit: cover;transform: scale(1);}
.slider_hero .carousel-item.active img {animation: kenburns 12s ease-in-out forwards;}
@keyframes kenburns {
0% { transform: scale(1); }
100% { transform: scale(1.15); }
}
.slider_hero .carousel-overlay {position: absolute;inset: 0;background: linear-gradient(-45deg, #295270, #524175, #2278fb, #5e435d);background-size: 400% 400%;animation: gradientMove 10s ease infinite;opacity: 0.65;z-index: 1;}
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.slider_hero .carousel-caption{z-index:2;bottom:25%;opacity:0;transform:translateY(40px);transition:all 0.8s ease;}
.slider_hero .carousel-item.active .carousel-caption {opacity: 1;transform: translateY(0);}
.slider_hero .carousel-caption h1 {font-size: 3.2rem;font-weight: 700;}
.carousel-caption p {opacity: 0;transform: translateY(30px);transition: all 0.8s ease;}
.carousel-item.active .carousel-caption p {opacity: 1;transform: translateY(0);transition-delay:.4s;}
.slider_hero .carousel-caption .style1{font-size:2rem; font-weight:bold;}
.slider_hero .carousel-caption .style1 span{color:#d7ee0d}
.slider_hero .carousel-caption .btn {padding: 12px 28px;border-radius: 50px;font-weight: 600;}
@media (max-width:768px) {
.slider_hero .carousel-caption {bottom: 20%;}
.slider_hero .carousel-caption h1 {font-size: 2rem;}
.slider_hero .carousel-caption p {font-size: 1rem;}
}


.testimonial_slider{background:#f8f9fa;}
.testimonial_slider .testimonial-card{position:relative;background:#fff;padding:40px 35px;margin-top:25px;margin-bottom:-25px;border-radius:4px;height:100%;}
.testimonial_slider .quote-icon{position:absolute;top:-18px;left:30px;background:#1588e8;color:#fff;font-size:28px;width:46px;height:46px;border-radius:2px;display:flex;align-items:center;justify-content:center;}
.testimonial_slider .testimonial-card h5{margin-top:20px;font-weight:600;color:#263238;}
.testimonial_slider .testimonial-card p{font-size:15px;color:#777;line-height:1.7;margin:18px 0;}
.testimonial_slider .testimonial-card hr{margin:25px 0 18px;}
.testimonial_slider .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.testimonial_slider .carousel{cursor:grab;}
.testimonial_slider .carousel:active{cursor:grabbing;}
.testimonial_slider .carousel-inner{padding-bottom:2rem;}
.list_style1{list-style:none; margin-bottom:0; padding-left:0;}
.list_style1 li{position:relative; padding-left:80px; min-height:70px; margin-bottom:1rem; font-size:18px; padding-top:.75rem;}
.list_style1 .number{border:solid 1px #333; font-weight:bold; font-size:1.25rem; background: linear-gradient(90deg, #295270, #524175); left:0; top:0; color:#fff; width:60px; height:60px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; position:absolute;}
.badge_style1{margin-bottom:0; padding-left:0; list-style:none;}
.badge_style1 .badge{border:solid 1px #fff; color:#fff; font-size:1rem; padding:.75rem 1.25rem; margin:.5rem;}
.bg-dark2{background: linear-gradient(90deg, #295270, #524175);}

.gallery_wrapper img{cursor:pointer; border-radius:.5rem; transition:.3s;}
.gallery_wrapper img:hover{transform:scale(1.04);}
.bg-dark-50{background:rgba(0,0,0,.5);}

.gallery-item{position:relative;cursor:pointer;overflow:hidden;border-radius:12px;}
.gallery-item img{transition:transform .3s; height:250px; object-fit:cover; width:100%;}
.gallery-item:hover img{transform:scale(1.08);}
.thumb-title{position:absolute;bottom:0;width:100%;padding:8px 12px;font-size:16px;font-weight:bold;text-align:center;background:linear-gradient(to top, rgba(0,0,0,.75), transparent);color:#fff;}
.modal-img{width:100%;border-radius:12px; max-height:80vh;}
.modal-title-text{color:#fff;font-size:21px;margin-top:10px;font-weight:bold;}



@media (max-width: 576px) {

}
@media (min-width: 577px) and (max-width: 768px) {

}
@media (min-width: 768px) and (max-width: 992px) {

}
@media (min-width: 992px) {
.navbar-style1.navbar-nav .nav-item{padding-left:1rem; padding-right:1rem;}
.navbar-style1 .nav-link{color:#fff;}
.navbar-style1 .nav-link{color:#fff;}
} 
@media (max-width: 767.98px) {
.navbar-brand img{height:22px;}
}


@media (min-width: 768px) {

}

@media (min-width: 992px) {
.list_style1{column-count:3;}
.slider_hero .carousel-item{height:90vh;}
}
