@charset "utf-8";
/* CSS Document */


/* =========================
   BACK TO TOP
========================= */

#backToTop{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:linear-gradient(135deg,#ffc107,#a97f01);

    color:#000;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:all .35s ease;

    box-shadow:0 10px 25px rgba(255,193,7,0.35);

}

/* SHOW BUTTON */

#backToTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

/* HOVER */

#backToTop:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(255,193,7,0.45);

}

/* ICON */

#backToTop i{

    transition:.3s;

}

#backToTop:hover i{

    transform:translateY(-3px);

}
/* =========================
   GLOBAL
========================= */
.containera1{ width:100%; padding-left:15px; padding-right:15px; max-width:1200px;     margin: auto;
display: flex;
    flex-wrap: inherit;
    align-items: center;justify-content: center;
   /* justify-content: space-between;*/  font-family: "Roboto", sans-serif;}
	.navbar-brand img{

    max-width:250px;
    height:auto;

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
img { max-width:100%; height:auto;}
/*
body{
    font-family:'Roboto',sans-serif;
    overflow-x:hidden;
    background:#fff;
}*/
.nav-item{margin-left:10px;}

/* =========================
   NAVBAR
========================= */

.custom-navbar{

    background:rgb(196 225 228 / 5%);
    backdrop-filter:blur(10px);

    padding:12px 0;

    z-index:9999;

    transition:0.3s;

}

/* LOGO */
/*
.navbar-brand img{

    max-width:180px;
    height:auto;

}*/

/* =========================
   TOGGLE BUTTON
========================= */

.navbar-toggler{

    border:none;

   /* background:#00b4d8;*/

    width:48px;
    height:48px;

    border-radius:10px;

    padding:0;

    box-shadow:none !important;

    display:flex;
    align-items:center;
    justify-content:center;

}

.navbar-toggler i{
color: #3d3d3d;
   /* color:#fff;*/

    font-size:24px;

    transition:0.3s;

}

/* =========================
   MENU
========================= */

.navbar-nav .nav-link{

    color:#181818;

    font-size:16px;

    font-weight:500;

    padding:14px 20px !important;

    position:relative;

    overflow:hidden;

    z-index:1;

    border-radius:6px;

    transition:color .35s ease;

}

/* SLIDE BACKGROUND */

.navbar-nav .nav-link::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:0%;

    height:100%;

    background:#f7ca12;

    z-index:-1;

    transition:width .35s ease;

    border-radius:6px;

}

/* HOVER */

.navbar-nav .nav-link:hover{

    color:#000;

}

/* LEFT TO RIGHT SLIDE */

.navbar-nav .nav-link:hover::before{

    width:100%;

}

/* ACTIVE */

.navbar-nav .nav-link.active::before,
.navbar-nav .nav-link.show::before{

    width:100%;

}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show{

    color:#000;

}

/* =========================
   DROPDOWN
========================= */

.dropdown{
    position:relative;
}

.dropdown-toggle::after{

    transition:transform .3s ease;

}

.dropdown-toggle.show::after{

    transform:rotate(180deg);

}

.dropdown-menu{
display:none;

    border:none;

    border-radius:14px;

    padding:10px;

    box-shadow:0 10px 30px rgba(0,0,0,0.15);

    margin-top:12px;

  /*  display:block;*/

    opacity:0;

    visibility:hidden;

    transform:perspective(300px) rotateX(-18deg);

    transform-origin:top;

    transition:
    opacity .35s ease,
    transform .35s ease,
    visibility .35s;

    pointer-events:none;

}

/* SHOW */

.dropdown-menu.show{

    opacity:1;

    visibility:visible;

    transform:perspective(300px) rotateX(0deg);

    pointer-events:auto;

}

/* ITEMS */

.dropdown-item{

    padding:5px 15px;

    border-radius:8px;

    transition:
    background .3s ease,
    transform .3s ease,
    color .3s ease;

    font-size:15px;

}

.dropdown-item:hover{
 /*transition:
    background .3s ease,
    transform .3s ease,
    color .3s ease;
	margin:-5px;*/
    background:#00b4d8;

    color:#fff;

    transform:translateX(5px);

}

/* =========================
   REQUEST BUTTON
========================= */
.request-btn a{  color:#000; text-decoration:none; display: block;  /* Changes element from inline to block */
  width: 100%;     /* Spans the full width of the button */
  height: 100%;}
.request-btn{

    border:none;

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 30px;

    background:linear-gradient(135deg,#ffc107,#a97f01);

    color:#000;

    font-size:15px;

    font-weight:600;

    border-radius:50px;

    overflow:hidden;

    cursor:pointer;

    transition:0.4s ease;

    box-shadow:0 10px 25px rgba(255,193,7,0.35);

}

/* SHINE */

.request-btn::before{

    content:'';

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:100%;

    background:rgba(255,255,255,0.3);

    transform:skewX(-25deg);

    transition:0.7s;

}

/* HOVER */

.request-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(255,193,7,0.45);

}

.request-btn:hover::before{

    left:120%;

}

.request-btn i{

    transition:0.3s;

}

.request-btn:hover i{

    transform:translateX(5px);

}

/* =========================
   MOBILE MENU
========================= */
@media only screen and (min-width: 992px) and (max-width: 1100px) {.navbar-brand img{

    max-width:180px;
    height:auto;

}
.nav-item {
  
    margin-bottom: 2px;
}
}
@media(max-width:991px){
.navbar-nav .nav-link {
 
    padding: 6px 20px !important;
 
}
.nav-item {
  
    margin-bottom: 2px;
}
.navbar-brand img{

    max-width:180px;
    height:auto;

}
.navbar-collapse{

    background:#10253d;

    padding:15px;

    margin-top:15px;

    border-radius:15px;

}

/* NAV LINKS */

.navbar-nav .nav-link{

    color:#fff;

}

/* DROPDOWN */

.dropdown-menu{

    background:#17314d;

    box-shadow:none;

    margin-left:10px;

    margin-top:5px;

}

.dropdown-item{

    color:#fff;

}

/* BUTTON */

.request-btn{

    width:100%;

    justify-content:center;

    margin-top:10px;

}

}

/* =========================
   CAROUSEL
========================= */
 
.carousel-item img{

    width:100%;
    height:auto;

    display:block;

    transform:scale(1);

    transition:transform 7s ease;
}

/* ACTIVE IMAGE ZOOM */

.carousel-item.active img{

    transform:scale(1.12);
}

/* OVERLAY */

.carousel-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,0.45);
}

/* CAPTION */

.carousel-caption{

    bottom:50%;

    transform:translateY(50%);

    z-index:2;

}

.carousel-caption h1, .carousel-caption h2{

    font-size:65px; height:auto;
	line-height:.9;

    font-weight:700;

    margin-bottom:20px;

}

.carousel-caption p{

    font-size:20px;

    max-width:700px;

    margin:auto;

}

.carousel-caption .btn{

    margin-top:25px;

    padding:14px 40px;

    font-size:18px;

    border-radius:50px;

}

/* ANIMATION */
.carousel-caption h2,
.carousel-caption h1,
.carousel-caption p,
.carousel-caption .btn{

    opacity:0;

}
.carousel-item.active .carousel-caption h2{

    animation:fadeUp 1s ease forwards;

}
.carousel-item.active .carousel-caption h1{

    animation:fadeUp 1s ease forwards;

}

.carousel-item.active .carousel-caption p{

    animation:fadeUp 1.5s ease forwards;

}

.carousel-item.active .carousel-caption .btn{

    animation:fadeUp 2s ease forwards;

}

@keyframes fadeUp{

0%{

    opacity:0;

    transform:translateY(60px);

}

100%{

    opacity:1;

    transform:translateY(0);

}

}

/* CONTROLS */

.carousel-control-prev-icon,
.carousel-control-next-icon{

    background-color:#00b4d8;

    width:55px;

    height:55px;

    border-radius:50%;

    background-size:50%;

}

/* INDICATORS */
#mainSlider .carousel-indicators { display:none !important;}
.carousel-indicators [data-bs-target]{
display:none !important;
    width:12px;

    height:12px;

    border-radius:50%;

}

#serviceCarousel .carousel-item{
    transition:transform 4s ease-in-out;
}
/* =========================
   MOBILE
========================= */
@media only screen and (min-width: 769px) and (max-width: 1100px) {.navbar-brand img{

    max-width:180px;
    height:auto;

}
.carousel {
    margin-top:75px;
}

}
@media(max-width:768px){
.carousel {
    margin-top:75px;
}
.carousel-item img{

  /*  height:80vh;*/

}

.carousel-caption{

    width:90%;

    left:5%;

    right:5%;

}
.carousel-caption h2{

    font-size:20px; margin-bottom:0px;

}
.carousel-caption h1{

    font-size:20px; margin-bottom:0px;

}

.carousel-caption p{

    font-size:15px;

}

.carousel-caption .btn{

    padding:5px 15px;

    font-size:13px;
	   margin-top:5px;

}

.carousel-control-prev-icon,
.carousel-control-next-icon{

    width:42px;

    height:42px;

}

.navbar-brand img{

    max-width:140px;

}

}