@import url('https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Noto+Sans:ital,wght@1,500&family=Nunito&family=Playfair+Display&family=Poppins&display=swap');

.bi-arrow-up::before {
    content: "\f148";
    margin-top: 10px;
}

.bi-phone::before {
    content: "\f4c0";
    margin-top: 8px;
}

.bi-envelope::before {
    content: "\f30f";
    margin-top: 8px;
}
.bi-geo-alt::before {
    content: "\f3c8";
    margin-top: 8px;
}
body {
    font-family: 'Nunito', sans-serif;
}
.color1{
    color:#ba2528 ;
}
.btn-bg-color{
    background-color: #BA2528;
    color: white;
    font-weight: 500;
    box-shadow: 1px 2px 4px 0px #0000001A;
}

.bg-#fff{
    background: #FFFFFF;
}
.btn-bg-color:hover{
    background-color: #BA2528;
    color: white;
    font-weight: 500;
}


.banner-section-bg{
    background: linear-gradient(#6C92FB, #B92E3E);
}

.h-600{
    min-height: 600px!important;
}
.h-500{
    min-height: 500px!important;
}
/* .banner-text h1{
   font-size: 45px;
}
.banner-text p{
    font-size: 22px;
 } */


 .animation-img{
    animation: updown 5s infinite linear;
 }

 @keyframes updown {
    0% {
        transform: translateY(-10px)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.shape1 {
    position: absolute;
    top: 55%;
    left: 2%;
    animation: animationFramesOne 15s linear infinite
}
.shape2 {
    position: absolute;
    top: 69%;
    left: 43%;
}

.shape3 {
    position: absolute;
    top: 11%;
    left: 68%;
    animation: animationFramesOne 15s linear infinite;
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0px, 0px) rotate(0deg)
    }

    20% {
        transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px, 72px) rotate(144deg)
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg)
    }
}


.shadow-05{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.hw{
    height: 110px;
    width: 125px;
}


.service-bg{
    background: linear-gradient(0deg, rgba(107, 148, 254, 0.13), rgba(107, 148, 254, 0.13)),
linear-gradient(0deg, #FFF6F6, #FFF6F6);
}


.half-circle{
   height: 320px;
   width: 320px;
   border-radius: 100% 0% 0% 0%;
   position:absolute;
   bottom: 0;
   right:0;
   z-index: 0;
}

.bdr{
    border-radius: 20px;
}

.bg-c{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: none;
    background-color: #ECF1FF;
}

.bg-c:hover{
    background-color: #ECF1FF;
    transform: rotate(10deg);

}

.moving{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.moving:hover{
    transform: rotate(-10deg);
    background-color: #E0E7FB;
    border-radius: 5px;
}

.eclips{
    position: absolute;
    right: 0;
    top:20%;
    z-index: -1;
}



.half-circle2{
    height: 270px;
    width: 270px;
    border-radius: 0% 100% 0% 0%;
    position:absolute;
    bottom: 0;
    left:0;
    z-index: -1;
 }


 .service-bg2{
    background-color: #E1E9FF;
 }

 

 .inputbox input {
    border-radius: 20px 20px;
    background:transparent;
    border: 1px solid #00000066;
    border-width: 1px 0px 1px 1px;
    height: 50px;
 }

 input:focus{
    box-shadow: none!important;
 }


 .inputbox span{
    border-radius: 0px 20px 20px 20px;
    background:transparent;
    border: 1px solid #00000066;
    border-width: 1px 1px 1px 0px;
    height: 50px;
    font-size: 20px;
 }

 



 /* footer  */


 .footer-area {
    position: relative;
    overflow: hidden;
    background: url(../img/footer-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.footer-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../img/footer-bg1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: imageChange 1s linear 1s infinite
}

@keyframes imageChange {
    0% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.footer-area .content {
    margin-bottom: 30px
}

.footer-area .content p {
    color: white;
    margin-top: 20px;
}

.footer-area .content .subscribe {
    position: relative;
    max-width: 100%
}

.footer-area .content .subscribe h4 {
    font-size: 24px;
    color: #f5faff
}


.footer-area .content .social {
    margin: 0;
    padding: 0
}

.footer-area .content .social li {
    display: inline-block;
    margin-right: 10px
}

.footer-area .content .social li a {
    width: 35px;
    height: 35px;
    background: #1d42d9;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    transition: .3s;
    color: #f5faff;
    transition: .3s
}

.footer-area .content .social li a i {
    font-size: 18px;
    margin-top: -10px!important;
}

.footer-area .content .social li a:hover {
    transform: translateY(-3px)
}

.footer-area .content h3 {
    font-size: 25px;
    color: #f5faff;
    margin-bottom: 25px;
    position: relative;
    z-index: 1
}

.footer-area .content h3::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 100%;
    background: #e6335a;
    left: -15px;
    z-index: -1
}

.footer-area .content h3::after {
    position: absolute;
    content: "";
    background: #051242;;
    width: 7px;
    height: 7px;
    left: -15px;
    top: 0;
    right: 0;
    overflow: hidden;
    animation: line 8s infinite
}

@keyframes line {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(30px)
    }

    100% {
        transform: translateY(0)
    }
}

.footer-area .content .footer-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer-area .content .footer-list li {
    line-height: 1.8;
    margin-bottom: 8px;
    position: relative
}

.footer-area .content .footer-list li a {
    color: #f5faff;
    font-size: 15px;
    transition: .3s
}

.footer-area .content .footer-list li a i {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    font-size: 15px
}

.footer-area .content .footer-list li a:hover {
    letter-spacing: .02em
}

.footer-area .content .foot-social {
    position: relative
}

.footer-area .content .foot-social li {
    position: relative;
    padding-left: 48px;
    color: #f5faff;
    font-size: 14px;
    margin-bottom: 20px
}

.footer-area .content .foot-social li i {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 4px;
    width: 30px;
    height: 30px;
    background:  #1d42d9;
    border-radius: 5px;
    line-height: 31px;
    text-align: center;
    transition: .3s;
    color: #f5faff
}

.footer-area .copy-area {
    margin-top: 15px;
    padding: 20px 0;
    border-top: 1px solid #2a355e;
}

.footer-area .copy-area .menu {
    margin: 0;
    padding: 0
}

.footer-area .copy-area .menu li {
    display: inline-block;
    margin-right: 25px;
    font-size: 15px
}

.footer-area .copy-area .menu li a {
    color: #f5faff
}

.footer-area .copy-area .menu li:last-child {
    margin-right: 0
}

.footer-area .copy-area p {
    font-size: 15px;
    color: #f5faff;
    margin-bottom: 0
}

.footer-area .copy-area p a {
    color: #e6335a;
    font-size: 16px;
    font-weight: 600
}

.footer-area .copy-area p a:hover {
    color: var(--bodyColor)
}

.footer-area .copy-area .right {
    float: right
}

.footer-area-2 {
    background: #051242;
    position: relative;
    z-index: 1
}

.footer-area-2::before {
    display: none
}


a{
    text-decoration: none!important;
}

.laptopbg{
    position:absolute;
    top: 0;
    left:20%;
    z-index: -1;  
}

.scrollToTop.active {
    bottom: 30px;
    transform: translateY(0%);
}
.scrollToTop {
    position: fixed;
    bottom: 0;
    right: 30px;
    width: 45px;
    height: 45px;
    background-color: #BA2528;
    border-radius: 5px;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    transition: all 1s;
    transform: translateY(100%);
}

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


.wow{
    background-color: #BA2528;
    display: flex;
    border-radius: 50% 0% 0% 0%;
    justify-content: center;
    align-items: center;
    min-height: 600px;
 }


@media only screen and (max-width: 800px) {
    .wow{
        min-height: 400px;
     }
    
}