*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
    }
.backgroundhead{
    background-color: rgb(255, 255, 255);
    border-radius: 0px 0px 20px 20px;
    padding-top: 10px;
    box-shadow: 0px 0px 2px 0px;
}
.backgroundhead ul li a{font-size: 14.13px;}
p{
    font-size: 14px;
    color: rgb(39, 36, 36);
    letter-spacing: 0.5px;
    }
h4,h5{color: rgb(70, 64, 64);}

.backgroundhead ul li .btn{
    height: 30px;
}
.tophead{
        position: fixed;
        top:0px;
        left:0px; 
        right:0px;
        z-index:1;
    }
.tophead .col-2{padding-left: 25px;}
.tophead .btn{border-radius: 20px;}
.navbar{
        position: absolute;
        top:55px;
        left:0px; 
        right:0px;
        z-index:2;
}

.navbar .dropdown:hover .dropdown-menu{display:block;}

.carousel .carousel-caption{
    top:40%;
    left:10%;
    text-align: left;

}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    
}

#carouselExampleCaptions .col-md-5{
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1.6s infinite  alternate;
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-25px); }
}

@media only all and (max-width:1200px){
    .tophead{
        display:none;
    }
}
@media only all and (max-width:991px){
    .navbar{
        position: absolute;
        top:0px;
        left:0px; 
        right:0px;
        z-index:1;
        border-radius: 5px;
        --bs-navbar-color: transparent;
        --bs-navbar-hover-color:transparent;
        --bs-navbar-disabled-color:transparent;
        --bs-navbar-active-color: transparent;
        --bs-navbar-brand-color:transparent;
        --bs-navbar-brand-hover-color:transparent;
}
    .navbar .nav-item{
        background-color: #157347;
        padding-left: 10px;
        padding-bottom: 6px;
    }
    .navbar .container .navbar-brand img{
        width: 70px;
    }
    .navbar-toggler-icon{
        background-image:url(../img/toggler.png);
        border-radius: 3px;
    }
    .navbar-toggler-icon:active{
        box-shadow: #fff 0px 0px 9px 3px;
        transition: 0.5s;
    }
    .shrinkIt{
        font-size: medium;
        margin-top: 3px;
    }
    .carousel-control-prev{
        width: 20px;
    }
    .carousel-control-next{
        width: 20px;
    }
    .itsClock{
        display: none;
    }
    .carousel-indicators{
        display: none;
    }
    .paraUp{
        margin-bottom: 2px;
    }
}
marquee{box-shadow: 0px 0px 6px 0.3px rgb(201, 197, 197);}

.about img{
    box-shadow:0px 0px 6px 0.3px rgb(201, 197, 197);
    border-radius: 10px; }

#carouselExampleCaptions button{border-radius: 20px;}
.navbar li .btn{border-radius: 20px;}

.about .col-md-5{
    padding-top: 10px;
    background-color: rgb(215, 245, 223);
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgb(84, 148, 84); 
    transition:all 0.5s;                }

.about .col-md-5:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);}

.whyus{background-color: rgb(245, 240, 240);}

.whyus .div1{
    box-shadow: 0px 3px 0px 0px rgb(92, 143, 92); 
    font-size: medium;
    background-color: rgb(250, 252, 250);
    border-radius: 15px;
    transition:all 0.5s;}
.whyus .div1:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
.whois .col-md-4 img{
    transition:all 0.5s;
    }
.whois .col-md-4 img{border-radius: 10px;}
.whois .col-md-4 img:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);}

.whois .col-md-8 .content{
    padding-right: 3px;
    line-height: 34px;
    font-size: 14px;
    background-color: rgb(230, 247, 230);
    border-radius: 15px;
    transition:all 0.5s;}
.whois .col-md-8 .content:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
.offer{background-color: rgb(247, 242, 242);}
.offer .col-md-4 .content{
    line-height: 21px;
    box-shadow: 0px 3px 0px 0px rgb(235, 236, 235); 
    font-size: medium;
    background-color: rgb(250, 252, 250);
    border-radius: 15px;
    transition:all 0.5s;}
.offer .col-md-4 .content:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
.offer .col-md-4 p{font-size: 14px;}

.work .col-md-3 .content {
    box-sizing: border-box;
    text-align: center;
    background-color: rgb(215, 245, 223);
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgb(97, 150, 97); 
    transition:all 0.5s; 
}
.work .col-md-3 .content:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
.client{background-color: white;}

.client .container1{
    box-shadow: 0px 3px 0px 0px rgb(83, 150, 83); 
    font-size: medium;
    border-radius: 15px;
    transition:all 0.5s;
}
.needhelp .col-md-12{padding-left: 3px;}

.needhelp .col-md-5 .content{ 
    border-top: 3px solid rgb(80, 153, 80);
    padding-top: 5px;
    background-color: rgb(245, 250, 246);
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgb(80, 153, 80); 
    transition:all 0.5s; }

.needhelp .col-md-7 .content{
    border-top: 3px solid rgb(80, 153, 80);
    padding-top: 5px;
    background-color: rgb(245, 250, 246);
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgb(80, 153, 80); 
    transition:all 0.5s; }

.needhelp .col-md-3:hover{
        font-size: 20px;}
.capital {background-color: rgb(250, 246, 246);}
.capital #row2{
    box-shadow: 0px 3px 0px 0px rgb(101, 179, 101); 
    font-size: medium;
    background-color: rgb(223, 248, 223);
    border-radius: 15px;
    transition:all 0.5s;
    /* margin-bottom:25px; */
}
.capital #row2:hover{
   
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
 .links{
    background-color: rgb(16, 20, 34);}
 .links .col-md-2 li:hover{
    color: rgb(64, 133, 73);
   }
.links .col-md-9:hover{
        color: rgb(64, 133, 73);
       }
.links .col-md-4 ul{
    justify-content:space-between;
   }
.footer a{text-decoration: none; }





.detail .content{
    padding-left: 3px; 
    padding-top: 5px;
    background-color: rgb(245, 250, 246);
    border-radius: 15px;
    box-shadow: 0px 3px 0px 0px rgb(179, 190, 179); 
    transition:all 0.5s;
}
.detail .content:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}
.banner .title{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
}



.whois2 .col-lg-4 img{
    transition:all 0.5s;
    }
.whois2 .col-lg-4 img{
    border-radius: 10px;
    box-shadow: 0px 0px 5px 2px rgb(227, 230, 227);}
.whois2 .col-lg-4 img:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);}

.whois2 .col-lg-8 .content{
    line-height: 24px;
    font-size: 14px;
    background-color: rgb(245, 247, 245);
    border-radius: 15px;
    transition:all 0.5s;
    box-shadow: 0px 0px 5px 2px rgb(227, 230, 227);}
.whois2 .col-lg-8 .content:hover{
    transform: translateY(-6px);
    box-shadow: 0px 3px 0px 0px rgb(60, 141, 60);
}


.product .bg1{
    padding-left:22px ;
    padding-right:22px ;
    background-color: rgb(58, 172, 58);
    box-shadow: 0px 0px 1px 1px rgb(201, 196, 196);
}
.product .mynav{
    background-color: rgb(58, 172, 58);
    box-shadow: 0px 0px 5px 2px rgb(227, 230, 227);
}
.product .mynav:hover{
    background-color: green;
}
.product .btn{
    background-color: rgb(58, 172, 58);
    color: white;
}
.product .btn:hover{
    background-color: green;
    color: white;
}
.container .bg{
    border-radius: 5px;
    background-color: rgb(228, 235, 232);
    line-height: 33px;
    box-shadow: 0px 2px 0px 0px rgb(180, 179, 179);
}
.container .bg:hover{
    background-color: rgb(82, 179, 82);
}
.container .list1{
    box-shadow: 0px 0px 2px 2px rgb(227, 230, 227);
    
}

 .product .container{
    box-shadow: 0px 0px 10px 9px rgb(227, 230, 227);
 }


.iconend{
    -webkit-animation: mover1 1s infinite  alternate;
    animation: mover 0s infinite  alternate;
}
@keyframes mover1 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}

.kyc .container{
    border-top: 3px solid rgb(80, 153, 80);
    border-bottom: 3px solid rgb(80, 153, 80); 
    box-shadow: 0px 0px 2px 2px rgb(227, 230, 227); 
    border-radius: 10px; 
}

.battu{
    width:100%;
    text-align: start;
    text-decoration: none;
    color: rgb(39, 37, 37);
}
.baticon .fafa{float: right;color: rgb(146, 143, 143);padding-top: 3px;}


.offer{
    overflow-x: hidden;
    overflow-y: hidden;}
.whois{
    overflow-x: hidden;
    overflow-y: hidden;;
}