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

.icon-box > .icon {
	color: #f7f6f6;
	background-color: #6f5bef;
	border-radius: 100px 100px 100px 100px;
	/* padding: 27px 0px 0px 0px; */
    height: 89px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	margin-bottom: 13px;
	    position: relative;
}
.bg-cont {    transition: all .4s ease;
    position: relative;
    margin: auto;
    background-color: #f2eef8 !important;
    width: 100%;
    border-radius: 1000px 1000px;
    align-items: center;
    justify-items: center;
    padding: 30px;   display:flex; min-height: 500px;
}
/*.bg-cont{
  
    justify-content:center;
    align-items:center;
    text-align:center;
}*/

.icon-box{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
   .icon-box-flex {
    position: relative; 
   width:100%; 
   height:100%;
}
/*
  .icon-box {
    position: relative;
    z-index: 2;
      min-height: 450px;
	 align-items: center;
    justify-items: center;
}*/
.icon-box .parachcc3 {
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #153e9f;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 500;
    Position: relative;
    display: block;
    line-height: 20px;
}
.icon-box .titlehcc3 {
    margin-top: 15px;
	
color: 	#a11f1e;
   /* color:  #a11e90;*/
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    Position: relative;
    display: block;
    line-height: 22px;
    letter-spacing: .2px;
    text-align: center;
}
.icon-box .paraccc3{
    text-align: center;    font-weight: 500;
    color: #181818;
    font-family: 'Roboto';
    font-size: 17px;
    Position: relative;
    display: block;
    line-height: 20px; padding-bottom:15px;
}
.icon-box .paraccc3 a{color:  #181818; text-decoration:none;}
.icon-box .titleh span:first-child{ font-size: 16px; display:block; color: #313131;}
.icon-box .titleh span:second-child{ font-size: 21px; display:block;}
.icon-box .titleh span:last-child{ font-size: 18px; display:block; color: #313131;}

.icon-box .parach {text-align:center; width:100%; margin:auto;
    margin-top : 20px;
	  margin-bottom : 10px;
      color: #153e9f; 
 font-family: 'Roboto';
    font-size: 20px;
	font-weight:500;
  Position:relative; display:block;
 line-height: 20px;
     }
.icon-box .parac {text-align:center;
    
      color: #181818; 
 font-family: 'Roboto';
    font-size: 18px;
  Position:relative; display:block;
 line-height: 20px;
     }
.icon-box .titleh {
    margin-top : 15px;
    color: #a11f1e;
   font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500; Position:relative; display:block;
 line-height: 22px;
    letter-spacing: .2px; text-align:center;
   }
	
 .icon-box > .icon i {
    font-size: 32px;
	color:#fff;
	 font-family: 'FontAwesome';
}
.bg-cont:hover{    transition: all .4s ease; background-color:#513bdb !important/* #6f5bef !important**/; transform: scale(1.02) translateY(-20px); }

.bg-cont:hover .icon-box > .icon {
	color: #f7f6f6;
	background-color: #141362; transition: all .4s ease; }
	
	.bg-cont:hover .icon-box .titleh span:first-child{  color: #d7d7d7; transition: all .4s ease; }
	.bg-cont:hover .icon-box .titleh {  color: #08ffe8 !important;  transition: all .4s ease; }
.bg-cont:hover .icon-box .titleh span:second-child{  color: #08ffe8 !important; transition: all .4s ease;  }
.bg-cont:hover  .icon-box .titleh span:last-child{  color: #d7d7d7; transition: all .4s ease; }

.bg-cont:hover .icon-box .parach {  color: #e2ff00; transition: all .4s ease; }
.bg-cont:hover .icon-box .parac {  color: #e1e7e7; transition: all .4s ease; }
.brand-mark {
            margin: 0;
            font-size:30px; /* Increased size for reproduction visibility */
            font-weight: 700;
            letter-spacing: 0.02em;
            background: linear-gradient(90deg, #ef4444, #f97316, #facc15, #22c55e, #06b6d4, #3b82f6, #a855f7, #ec4899);
            background-size: 200% auto;
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            animation: momentum-rainbow 6s linear infinite;
        }

        @keyframes momentum-rainbow {
            to {
                background-position: 200% center;
            }
        }
.hmobile{ display:none; visibility:hidden; width:100%; height:auto;} 
.hdektop{ display: block; visibility: visible;  width:100%; height:auto;} 
 bubles {
z-index:99999999999999999999999999999999;
  border-radius:100%;
  position: absolute;
  pointer-events: none;
  background: #20e3a2;
  box-shadow:  10px 10px 30px #31c8a2, 
             -10px -10px 30px #31c8a2;
  transform: translate(-100%, -100%);
  animation: colorgen 1s infinite;
}

@keyframes colorgen {
  0% {
    opacity: 1;
    filter: hue-rotate(0deg);
  }
  100% {
    opacity: 0;
    filter: hue-rotate(270deg);
  }
}
/* =========================
   BACK TO TOP
========================= */

#backToTop{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;
background: linear-gradient(135deg, #193578, #010c27);
  /*  background:linear-gradient(135deg,#ffc107,#a97f01);*/

    color:#fff;

    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 rgb(81 78 118);
   /** 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: 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(57 38 149);
   /* background:rgb(196 225 228 / 54%);*/
    backdrop-filter:blur(10px);

 /*   padding:12px 0;*/

    z-index:99 ;

    transition:0.3s;

}

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

    max-width:180px;
    height:auto;

}*/

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

.navbar-toggler{

    border:none;
background: #372797;
   /* 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{
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 20px !important;
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
    transition: color .35s ease;
}

/* SLIDE BACKGROUND */

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

    content:'';

    position:absolute;

   bottom:0px; 
   left:0;
  
    width:0%;

    height:0%;

    background:#f7ca12;

    z-index:-1;

    transition:width .35s ease;

    border-radius:6px;

}

/* HOVER */
/* Fill Up Effect */
.navbar-nav .nav-link::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fcf2e8;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .35s ease;
    border-radius: 6px;
}

.navbar-nav .nav-link:hover::before,
.navbar-nav .nav-link.active::before{
    transform: scaleY(1);
}
.navbar-nav .nav-link.active{
    color:  #392695;
}
.navbar-nav .nav-link:hover {
    color: ##392695;
}

/* LEFT TO RIGHT SLIDE center */

 .navbar-nav .nav-link::before{
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:center;
    transition:.35s;
}

.navbar-nav .nav-link:hover::before{
    transform:scale(1);
}
/*
.navbar-nav .nav-link::before{
    transform:scaleY(0);
    transform-origin:bottom;
}

.navbar-nav .nav-link:hover::before{
    transform:scaleY(1);
}*/
.navbar-nav .nav-link.show {
    color: #000;
	background: #fcf2e8;
}
/* ACTIVE */

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

    width:100%;

}
.navbar-nav .nav-link:hover{ color:#990000 !important;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show{

    color:#000;

}

/* =========================
   DROPDOWN
========================= */
.dropdown-menu{ background-color: #ffebc4;}
.dropdown{
    position:relative;
}

.dropdown-toggle::after{

    transition:transform .3s ease;

}

.dropdown-toggle.show::after{

    transform:rotate(180deg);

}

.dropdown-menu{
display:block;

    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;
border-bottom: 1px solid #392695;
}
li:last-child .dropdown-item{border-bottom: 0px dotted #392695;}
.dropdown-item:hover{
 /*transition:
    background .3s ease,
    transform .3s ease,
    color .3s ease;
	margin:-5px;*/
   /* background:#00b4d8;*/
   background:  #392695;

    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:720px){.hdektop { display:none; visibility:hidden; width:100%; height:auto;} 
.hmobile{ display: block; visibility: visible;  width:100%; height:auto;} 


}


@media(max-width:991px){ .dropdown-menu{
    display:none  ;
}
/*.dropdown-toggle .show .dropdown-menu{
    display:block !important;
}*/
.navbar-nav .dropdown-menu {
    position: static;
	 
}
.navbar-nav .show .dropdown-menu  .show{
    position: static;
	display:block !important;
}
.custom-navbar{
    background: rgb(57 38 149);
   /* background:rgb(196 225 228 / 54%);*/
    backdrop-filter:blur(10px);

 /*   padding:12px 0;*/
position:fixed;
top:60px ; rigth:0px; width:100%;
    z-index:99 ;

    transition:0.3s;

}

.nav-item ..dropdown-menu { display:block;
    
}
 .custom-navbar {margin-top:-60px;}
 .custom-navbar {
    background: rgb(57 38 149 / 0);
    /* background: rgb(196 225 228 / 54%); */
    backdrop-filter: blur(0px);
    /* padding: 12px 0; */
    z-index: 9999;
    transition: 0.3s;
}
.containera1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: flex-end;
    font-family: "Roboto", sans-serif;
}
.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-inner{border-radius:100px 50px 100px 50px;}*/
.carousel-item img{

    width:100%;
    height:auto;

    display:block;

    transform:scale(1);

    transition:transform 7s ease;
}
#serviceCarousel1 .carousel-item.active img{

    transform:scale(1);
}
/* ACTIVE IMAGE ZOOM */
.carousel-item.active img{

    transform:scale(1.1);
}
 


/* 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: #392695;

    width:55px;

    height:55px;

    border-radius:100% 50%;

    background-size:50%;

}

/* INDICATORS */
#serviceCarousel1 .carousel-indicators { display:none !important;}
#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;
}

.carousel-bg{
background: rgb(227 192 12);
}

.carousel {
padding: 15px;
  /*  background: rgb(227 192 12);
    margin-top:15px;
	margin-bottom:15px;*/
}

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

    max-width:180px;
    height:auto;

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

}
@media(max-width:768px){
.carousel {
    margin-top:15px;
}
.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;

}
.dropdown-menu{
display:none;
}
}