/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
.bg-dark {background-color: #5D0049!important;}
body {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #2f3138; font-size:15px;
    font-family: "Open Sans", sans-serif;
	text-align:center;
}
p,ul{
	text-align:justify;
	}
	.bansoc li{margin-bottom:20px;}
	.bansoc .fa-phone { background-color: #0023d1; height:20px; width:20px; padding:4px; border-radius:50%; font-size:12px;}
	.bansoc .fa-whatsapp { background-color: #00d12a; height:20px; width:20px; padding:4px; border-radius:50%; font-size:12px;}
	.bansoc a { background-color: #fff; color:#222222!important;  padding: 3px; border-radius:3px;}
	.bg-light {color:#020202;}

   .viewresl ul li {line-height: 30px;}
.comsec {margin-top:120px;margin-bottom:60px;}
.darbn {
    background-color: #26bd68;
    color: #ffffff;
}

.bg-light span {color :#4d003d;}

.form-control, select { border-radius:0!important;}

.dpfs .btn  {margin-top:5px; border-radius:8px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
header {
    background-color: #2874f0;}
nav {transition:1s!important;}
.navbar-dark {
    color: #ffffff;
    -webkit-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
    background-color: rgba(0,0,0,0)!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(194, 16, 112,1)), to(rgba(61, 0, 23, .2)));
    background-image: -o-linear-gradient(rgba(194, 16, 112,1), rgba(61, 0, 23, .2));
    background-image: linear-gradient(rgba(194, 16, 112,1), rgba(61, 0, 23, .2));
    border-bottom: 0;
}
.navbar-dark.scro---lled{
  background-color:rgba(0,0,0, .9)!important; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.4); box-shadow: 0 20px 40px rgba(0,0,0,.4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(194, 16, 112,.8)), to(rgba(255,0,8, .0)));
  background-image: -o-linear-gradient(rgba(194, 16, 112,.8), rgba(255,0,8, .0));
  background-image: linear-gradient(rgba(194, 16, 112,.8), rgba(255,0,8, .0)); 
}
.navbar-st.scro---lled {padding-top:0 ;padding-bottom:0 ;}
.logo-n {display:none; transition:1s; height:0;}
.logo-n.scro---lled {display:block;  height:auto; transition:1s; }

.logo-n.scrol---led img {  max-width:200px; float:left; }

.logo-o {  transition:1s;  ;}
.logo-o.scrol---led {display:none;  height:auto; transition:1s; }



.logo-scrol---led.scrol---led >div>img {max-width:200px!important;}
.nav-item  {margin:auto; text-align:center!important;}
.navbar-dark .navbar-nav .nav-item { 
	border-radius:5px;
}


.navbar-dark .navbar-nav .nav-link {
    color: #fff!important; padding:4px;
	border-radius:5px; margin:0 10px;
}
.navbar--dark .navbar-nav .nav-link:hover {
    background-color: #ff0000!important;
}

.nav-item.active { background-color:#ff00c6;}
/* Primary button */
.btn-primary {
    background-color: #26bd68; /* main green background */
    border: 2px solid #1fae55; /* new darker green border */
    color: #fff;
    transition: all 0.3s ease; /* smooth hover effect */
}

    /* Specific variant */
    .btn-primary.rg {
        background-color: #0023d1;
        border-color: #001aa5; /* slightly darker shade of blue */
        color: #fff;
    }

    /* Hover effect */
    .btn-primary:hover {
        background-color: #28e07a; /* lighter green on hover */
        border-color: #1cae55; /* slightly different green shade for border */
        color: #fff;
    }

.btn-secondary {
    background-color: #26bd68; /* normal green */
    border-color: #26bd68;
    border-radius: 0;
}

    .btn-secondary:hover {
        background-color: #32c34a; /* darker green on hover */
        border-color: #32c34a;
    }



.btn-e {
    background-color: #26bd68;
    border: 1px solid #fff;
}
.btn-f {
    background-color: #26bd68;
    border: 1px solid #fff;
}
.hpfs {
    background-color: #def4e9; /* clean white background */
    padding: 20px;
    border-radius: 15px; /* rounded corners */
    border: none; /* no border */
    box-shadow: 0 6px 20px rgba(0,0,0,0.15); /* soft shadow for depth */
    color: #333; /* dark text for readability */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .hpfs:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(0,0,0,0.2); /* stronger shadow on hover */
    }

.dpfs {
    background-color: #def4e9;
    padding: 20px;
    border-radius: 15px;
    border: none;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    color: #333;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .dpfs:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(0,0,0,0.2);
    }

.hpfhd { }
.hpfhd h3 { font-weight:800;}
.hpfhd p {font-weight:800;}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 110px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.carousel-item img{width: 100%; height:auto;
}


@media only screen and (max-width: 991px) {
.carousel-item img{ height: auto; width: 100%;
}

}
@media only screen and (max-width: 767px) {
.carousel-item img{ height: auto; width: 150%;
}

.navibfs {display:none;}
.disinl {}
.navbar-brand {max-width:40%; }
}


@media only screen and (max-width: 767px) {
.navbar-brand {max-width:40%; }
}

.mainslider{
	/*background-image:url(../img/sl1.jpg);*/
    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 1;
	
}	
.hpsrs {
	background-image:url(../img/bg1.jpg);
    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 1;
	
}	

.hpsrs {
	background-image:url(../img/bg1.jpg);
    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 1;
	
}	

.hpfs a {color:black;}

.hpsrs h3 {
  color: rgba(0, 0, 0,.9);}


.hpsrs .text{
  color: rgba(0, 0, 0,.9);
	text-align: center;
}


.hpsrs .folded-corner:hover .text{
	visibility: visible;
	color: #000;;
}
.hpsrs .Services-tab{
	margin-top:20px;
	

}

/*
  nav link items
*/
.hpsrs .folded-corner{
  padding: 25px 25px;
  position: relative;
  font-size: 90%;
  text-decoration: none;
  color: #999; 
  background: transparent;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  border: 1px solid rgba(252,154,244,.1);
}
.hpsrs .folded-corner:hover{
	background-color: rgba(255,255,255,.8);
}


/*
  paper fold corner
*/

.hpsrs .folded-corner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0px 0px 0;
  border-color: #ddd #000;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

/*
  on li hover make paper fold larger
*/
.hpsrs .folded-corner:hover:before {
	background-color: #D00003;
  border-width: 0 50px 50px 0;
  border-color: #8c0481 #FFF;
  
}

.hpsrs .service_tab_1{
	background-color: #FFF;
}
.hpsrs .service_tab_1:hover .fa-icon-image{
    color: #ff0000;
    -webkit-transform: rotate(360deg) scale(1.5);
        -ms-transform: rotate(360deg) scale(1.5);
            transform: rotate(360deg) scale(1.5);
}


.hpsrs .fa-icon-image{
  color: rgba(255, 0, 198,.9);
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    -webkit-transition: all .65s linear 0s;
    -o-transition: all .65s linear 0s;
    transition: all .65s linear 0s;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(.99,.82,.11,1.41);
    -o-transition: all 1s cubic-bezier(.99,.82,.11,1.41);
    transition: all 1s cubic-bezier(.99,.82,.11,1.41);
}






.abins {
    background-color: white;
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}

    .abins:before {
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        z-index: -1;
    }

.abins h3 { font-weight:600}
.abins ul { list-style-type:none; line-height:3; margin-left:0}
    .abins ul i {
        color: #44eb5a;
    }





.hpsms {background-image:url(../img/bg2.jpg);

    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}



.hpsms .hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}

.hpsms .hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.hpsms .hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.hpsms .hover-content {
  position: relative;
  z-index: 99;
}





.hpsms .hover-5::after {
  content: '';
  width: 100%;
  height: 10px;
  background: #ff0000;
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
}

.hpsms .hover-5 .hover-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.hpsms .hover-5-title {
  position: absolute;
  bottom: 1rem;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 2rem 3rem;
  z-index: 99;
}

.hpsms .hover-5-title span {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  color: #47c650;
}

.hpsms .hover-5:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.hpsms .hover-5:hover .hover-5-title {
  bottom: 0;
}

.hpsms .hover-5:hover .hover-5-title span {
  opacity: 1;
}

.hpsms .hover-5:hover::after {
  bottom: 0;
}

.hpsms .hpsm1 { background-color: rgba(0,0,0, .4); padding: 10px; border-radius:5px}



.rgr1 { background-image:url(../img/rgr. png) ;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;}






.hpmbap {background-image:url(../img/bg3.jpg);

    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.navbar-brand {max-width:60%; margin:0;}
.navbar-brand img {max-width:100%;}

.hpmbap .mdi-36px {
     font-size: 39px;
     margin-right: 10px
 }

.btn-editb {
    background-color: #26bd68;
    color: #fff;
}
 .pacstp {text-align:center;}

footer {
    background-color: #26bd68;
    color: #fff
}
footer ul { list-style-type:none; line-height:3; padding:0}
footer ul li a { color:#fff; }
footer ul li a:hover { color:#ff0000; text-decoration:none}

.credits { border-top: 2px solid #4a4b4d}

.heacl {
    font-size: 18px;
    font-weight: 600;
    /*    background-color: rgba(0, 0, 0,.5);
*/
    color: black;
    background-color: #26bd68;
    border-left: 2px solid;
    text-align: left;
    padding: 5px 15px;
}
select, .form-control:disabled, .form-control, .form-control[readonly] {
    background-color: #26bd68;
    color: #ffffff;
    border-color: white;
}

.form-control:disabled, .form-control[readonly] {color:white!important;}
.text-p {
    color: rgba(84, 0, 18, 1);
    background-color: white;
}
    .text-p.hd {
        color: black;
        background-color: white;
    }

.nav-home.a1 { background-image:none;}


.input-group-text {border-radius:0;}








/* adds some margin below the link sets  */

.navbar .mega-menu-jm div[class*="col"] {
	margin-bottom: 1rem;
}

.navbar .mega-menu-jm {
	border: none;
	margin-left: 10%;
	margin-right: 10%;
	border: none;
	width: 80%!important;
	height: auto!important;
	background-color: transparent;
	padding-top: 18px;
	border: 0!important;
	border-bottom: 2px solid #F36B10!important;
}

.megambg .nav-link {
	text-align: left!important;
	border: 0!important;
	padding: 5px!important;
}

.main-nav.scrol---led .mega-menu-jm {
	top: 47px;
}

.megambg {
	background-color: #fff!important;
	border-bottom: 2px solid #F36B10!important;
}

.megam-con {
	padding-top: 50px;
}



.btn-f.cl i { font-size:33px;}
.btn-f.wa i { font-size:33px;}

.btn-f.cl { background-color:#001ee3!important; border-color:#001ee3;}
.btn-f.wa { background-color:#009414!important; border-color:#009414;}
.helpl { font-size:23px!important;}

.nav-home,
.navbar-st,
.navbar-dark.scrol---led,
.nav-home.scrol---led {
    background-color: #26bd68 !important;
    background-image: linear-gradient(rgba(194, 16, 112, 0), rgba(61, 0, 23, 0));
}

.bansoc.nv a {
    background-color: transparent;
    color: #fff!important;
    padding: 3px;
    border-radius: 3px;
}

.banntr > a {border:2px solid #5D0049; padding:3px 4px; border-radius:5px;}
.text-bl { color:#000;}

.bgcc {background-color  : #FEB3EE;}

.col-001 {color:#5D0049!important;}
.bbinm {display:none; font-size:9px;}


@media screen and (max-width: 767px) { 
.dn-onm{display:none;}
.bbinm {display:block; color:#fff;}
}





/*
  on li hover make paper fold larger
*/
.hpsrs .folded-corner:hover:before {
    background-color: #def4e9;
    border-width: 0;
    border-color: transparent;
}

.hpsrs .service_tab_1 {
    background-color: #def4e9;
}
    .hpsrs .service_tab_1:hover {
        background-color: #def4e9;
    }
        .hpsrs .service_tab_1:hover .fa-icon-image {
            color: #44eb5a;
            -webkit-transform: rotate(360deg) scale(1.5);
            -ms-transform: rotate(360deg) scale(1.5);
            transform: rotate(360deg) scale(1.5);
        }


.hpsrs .fa-icon-image {
    color: #44eb5a;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    -webkit-transition: all .65s linear 0s;
    -o-transition: all .65s linear 0s;
    transition: all .65s linear 0s;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(.99,.82,.11,1.41);
    -o-transition: all 1s cubic-bezier(.99,.82,.11,1.41);
    transition: all 1s cubic-bezier(.99,.82,.11,1.41);
}
.hpsrs .text ,.hpsrs h3 {color:black;}

  .hpsrs .service_tab_1:hover  .text,.hpsrs .service_tab_1:hover  h3   {color:black;}
  
  
@media(max-width:414px) {
table {font-size:10px;}}






.float-wapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	top:auto;
	right:auto;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px; 
  z-index:100;
	z-index:+1000;
}

.my-float-wapp{
	position:relative;
	margin-top:16px;
	color:#fff;
	z-index:+1001;
}

.my-float-wapp:after{
  content: " ";
	position:absolute;
	top:-16px; bottom:0; left:-17px; right:0;
	background-color:red;
	width:60px;
	height:60px;
	border-radius:50%;
	z-index:-1;
	background-color: rgba(37, 211, 102, 0.3);
	border:2px solid rgba(37, 211, 102, 0.5);

	-webkit-animation: scale-up-center 2000ms ease-in-out infinite alternate both;
	        animation: scale-up-center 2000ms ease-in-out infinite alternate both;
	 
}

 


.scale-up-center {
	-webkit-animation: scale-up-center 2000ms ease-in-out infinite alternate both;
	        animation: scale-up-center 2000ms ease-in-out infinite alternate both;
}
 
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}




.lig-bd select,.lig-bd  .form-control:disabled,.lig-bd  .form-control,.lig-bd  .form-control[readonly] ,.lig-bd  ::placeholder{
    background-color: #eee;
    color: #000!important;
    border-color: transparent;}

.lig-bd .abins {
    background-image: none; background-color:#E7E9EB;} 
.lig-bd .hpfs {
    background-color:#fff;
    padding: 15px;
    border-radius: 10px;
    color: #000; 
}
 
.lig-bd .abins:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0); 
    z-index: -1;
}

.quick-links {display:none}

.text-right ul {text-align:right;}
 .boldbg {background-color:hsla(38,100%,70%,1);
background-image:
radial-gradient(at 80% 0%, hsla(46,100%,56%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(54,54%,50%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(63,100%,92%,1) 0px, transparent 50%);}

.brbox-1{    
   
            border: 7px solid transparent; 
            border-image: linear-gradient(to right, #C68220, #FAF87F, #C68220, #FAF87F); 
            border-image-slice: 1; 
            padding: 25px; 
            
}
.brbox-2{    
   
            border: 3px solid transparent; 
            border-image: linear-gradient(to right, #C68220, #FAF87F, #C68220, #FAF87F); 
            border-image-slice: 1; 
            padding: 25px; 
            
}

.gold-btn { color:#fff; padding:4px 15px;  background-color:hsla(60,100%,57%,1);
background-image:
radial-gradient(at 40% 20%, hsla(60,100%,87%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(60,100%,56%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(45,0%,37%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(48,11%,14%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(60,100%,50%,1) 0px, transparent 50%); border-radius:14px }