/********** Template CSS **********/
:root {
    --primary: #009CFF;
    --secondary: #777777;
    --light: #F8F8F8;
    --dark: #252525;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

body{
   cursor: -webkit-grab; cursor: grab;
}
/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 20px 0;
    color: black;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--dark);
   
}

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 8px 0;
    }

    .navbar .navbar-nav {
        margin-top: 8px;
        border-top: 1px solid rgba(256, 256, 256, .1)
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

.hover-icon {
    display: none !important;
}

.drop:hover .hover-icon {
    display: inline-block !important;
    margin-right: 2px;
    transition: 2s;
    color: #132e50;

}

.dropdown-menu a:hover{
    border-bottom: 2px solid #132e50;
} 


/*** Header ***/
#header-carousel .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

#header-carousel .carousel-control-prev,
#header-carousel .carousel-control-next {
    width: 10%;
}

#header-carousel .carousel-control-prev-icon,
#header-carousel .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

.carousel-item {
    height: 65vh;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 500px;
    }

    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

#header-carousel .carousel-indicators [data-bs-target] {
    width: 60px;
    height: 60px;
    text-indent: 0;
    margin-bottom: 15px;
    border: 2px solid #FFFFFF;
    border-radius: 60px;
    overflow: hidden;
}

#header-carousel .carousel-indicators [data-bs-target] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/indeximg/about-main-back11.png) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--secondary);
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}

/* index page start */
.asration-img {
    aspect-ratio: 5/4;
}

.asration1 {
    aspect-ratio: 6/4 !important;
}

#star {
    height: 12px !important;
    width: 12px !important;
}

.bg-skyblue-nirav {
    background: rgb(216 232 239);
}


/* carousel css start  */
.main-back-color1 {
    background: linear-gradient(101.25deg, #fb8556 25.5%, #ffe663 112.14%);
}

.nirav3 {
    /* border: 3px solid red; */
    margin-top: 12%;
}

.color-white {
    color: #ffffff !important;
}

.carousel-inner-box1 {
    position: relative;
}

.orange-border {
    border: 2px solid #395e87;
}

.blue-border {
    border: 2px solid #395e87;
}

.flot-tag1 {
    position: absolute;
    /* border: 2px solid #fb8556; */
    background: #ffffff;
    border-radius: 5px;
    top: 20px;
    left: 40px;
    /* -webkit-animation-iteration-count: infinite ;
    -webkit-animation-delay: 5s; */
    /* animation: 5s infinite; */
    /* animation-delay: 5s; */
    animation-duration: 3s;

}

.inner-tag-box1 {
    background: #fb8556;
    /* padding: 7px; */
}

.icon-size {
    font-size: 25px !important;
    padding: 7px;
}

.tag-text {
    padding: 7px;
    color: #000000;
    font-weight: 600;

}

.flot-tag2 {
    position: absolute;
    /* border: 2px solid #fb8556; */
    background: #ffffff;
    border-radius: 5px;
    top: 130px;
    right: -70px;
    animation-duration: 3s;

}

.flot-tag3 {
    position: absolute;
    /* border: 2px solid #fb8556; */
    background: #ffffff;
    border-radius: 5px;
    bottom: 50px;
    left: 0px;
    animation-duration: 3s;

}

.contact-us1 {
    padding: 10px 15px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 8px;
    background: #ffffff;
    color: #000000;

}

/* 2nd */
.main-back-color2 {
    background: linear-gradient(99.31deg, #4f2feb 8.33%, #5eb4f9 100.43%);
    background: linear-gradient(99.31deg, #eaf3ff 8.33%, #5eb4f9 100.43%);
    background: linear-gradient(99.31deg, #009cff 8.33%, #eaf3ff 100.43%)
}

.main-back-color22{
    background: linear-gradient(99.31deg, #4284f4  8.33%, #4284f4 100.43%)
}

.main-back-color-whatapi{
    background: linear-gradient(99.31deg, #b3defe 8.33%, #b3defe 100.43%)
}
.inner-tag-box2 {
    background: #395e87;
}

@media only screen and (max-width: 786px) {
    .vadhiya {
        position: relative !important;
        height: 194px !important;
        width: 202px !important;
        margin-top: -28px !important;

    }

    .icon-size {
        font-size: 15px !important;
        padding: 3px;
    }

    .tag-text {
        padding: 1px;
        color: #000000;
        font-weight: 400;
        font-size: 12px;
        padding: 3px;

    }

    .flot-tag2 {
        top: 118px;
        right: 0px;
    }

    .flot-tag1 {
        top: -20px;
    }

    .contact-us1 {
        padding: 5px 8px;
        font-weight: 600;
        font-size: 14px;
    }



}




/* carousel css end  */

/* 3box css start */
.logo-color1 {
    filter: invert(69%) sepia(61%) saturate(701%) hue-rotate(167deg) brightness(91%) contrast(96%);
}

.logo-color2 {
    filter: invert(38%) sepia(97%) saturate(622%) hue-rotate(161deg) brightness(98%) contrast(91%);
}

.logo-color3 {
    filter: invert(31%) sepia(73%) saturate(410%) hue-rotate(171deg) brightness(90%) contrast(85%);
}

.box3-main-container {
    position: relative;
    margin-top: -1rem;
    ;

}
@media (max-width: 787px) and (min-width: 768px){
    .box3-main-container-786 {
        position: relative;
        margin-top: -13rem;
        ;
    
    }
}



.box3-inner-container {
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15);
    border-radius: 10px;
    padding: 30px 30px 28px;
    background-color: #ffffff !important;
    z-index: 5 !important;
    background: url(/img/indeximg/bg-box3.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    /* border-top: 5px solid #395e87; */

    /* animation: borderleft 10s infinite;
    border-top: 5px solid #ffffff; */
}

/* @keyframes borderleft  {
    50% {border-top-color: #132e50}
  } */

.box3-inner-container:hover {
    transform: translateY(-16px);
    transition: 1s;
}


/* 3box css end */

/* auto swip logo css start */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.slider1 {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
}

.slider1 .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);

}

.slider1 .slide {
    height: 100px;
    width: 250px;
}


/* auto swip logo css end */


/* services css start  */

.top-line {
    border-style: solid;
    border-bottom-width: 2px;
    border-color: #395e8a;
    width: 60px;
    margin: 0px auto;
}


.service-main-container {
    background-image: url(/img/services-back1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 1rem;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

.service-inner-box {
    box-shadow: 0 5px 13px 4px hsla(0, 0%, 93.7%, .8);
    border-radius: 5px;
    padding: 1rem;
    background: #ffffff;

}

.toggle-btn {
    background: #395e8a;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 5px !important;
    border: none;
    animation-name: toggle;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}

@keyframes toggle {
    0% {
        background-color: #395e8a;
    }

    25% {
        background-color: #000000;
    }

    50% {
        background-color: #395e8a;
    }

    100% {
        background-color: #000000;
    }
}


.animi {
    position: relative;
    animation: animi 5s infinite;
    animation-delay: 5s;
}

@keyframes animi {
    from {
        left: 0px;
    }

    to {
        left: 200px;
    }
}

.hide-box {
    display: none;
}

.text14 {
    font-size: 14px;
}

.margin-top3 {
    margin-top: 3rem;
}

.font-800 {
    font-weight: 800;
}

.color3 {
    color: #132e50;
}

.white-icon {
    filter: invert(100%) sepia(1%) saturate(2%) hue-rotate(109deg) brightness(115%) contrast(100%);
}

.know-More-btn {
    background: #395e8a;
    color: #ffffff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 5px !important;
}

.know-More-btn:hover {
    background: #132e50;
    color: #ffffff;
    /* border: 2px solid #395e8a; */
    border-radius: 15px;
    transition: 1s;
}


.get-quote-container {
    border: 2px solid #132e50;
    border-radius: 10px;
}

.get-inp {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    width: 100%;
}

.get-inp::placeholder {
    color: #ced4da;
    color: #252525;
}

.submi-btn1 {
    background-color: #132e50;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 5px;
    border: none;
}

/* service css end  */


/* our services part 2 start */
.our-services2-leftbox {
    /* position: relative; */
}

.nirav1 {
    position: relative;
    left: 50px;
}

.box3-innerbox {
    background: #fff;
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15);
    /* padding: 38px 35px 35px 30px; */
    padding: 17px;
    border-radius: 10px;
    z-index: 5;
}

.box3-innerbox:hover {
    scale: 1.1;
    transition: 2s;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;

}

@media (max-width: 768px) {
    .nirav1 {
        left: 0px;
    }
}



/* our services part 2 end */

/* about us 1 start */
.about-right-inner-box {
    border-radius: 10px;
    color: #ffffff;
    background-color: #132e50;
    padding: 2rem 1.5rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.about-right-inner-box:hover {
    background: #ffffff;
    color: #132e50;
    /* border: 5px dotted #132e50; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    transition: 1s;
}

.about-right-inner-box:hover h5 {
    color: #132e50;
}

.about-right-inner-box h5 {
    color: #ffffff;

}

.about-right-inner-box:hover .about-img-box {
    background-color: #132e50;
}

.about-img-box {
    background: #ffffff;
    border-radius: 50%;
    padding: 10px;
    height: 70px;
    width: 70px;
}

/* about us 1 end */

/* our clients css start */

.logo-box {
    background: rgb(241, 242, 245);
    border-radius: 10px;
    padding: 6px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; */
}
.logo-box img{
    border-radius: 10px;
}
.logo-box:hover {
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    scale: 0.9;
    transition: 1s;
}

.our-client-main-container {}

@media (max-width: 768px) {
    .our-client-main-container {
        width: 100%;
        max-height: 300px;
        overflow: scroll;
    }
}

/* our clients css end */



/* quick wins css start  */

.quick-wins-inner-text {
    /* border: 1px solid red; */
    position: relative;
    margin: -60px 44px 20px;
    padding: 50px;
    background-color: #fff !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    /* min-height: 280px; */
   

    
    background: url(/img/indeximg/bg-box3.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 10px;

}



.parallax {
    /* The image used */
    /* background-image: url("/img/4.png"); */

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 600px) {
    .quick-wins-inner-text {
        margin: -63px 6px 10px;
        padding: 16px;
    }
}

/* quick wins css end  */



/* index page end */





/* whatsup */
.shake {
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

/* .element {
    margin: 0 auto;
    width: 150px;
    height: 150px;
 
  } */
@keyframes shake-animation {
    0% {
        transform: translate(0, 0)
    }

    1.78571% {
        transform: translate(5px, 0)
    }

    3.57143% {
        transform: translate(0, 0)
    }

    5.35714% {
        transform: translate(5px, 0)
    }

    7.14286% {
        transform: translate(0, 0)
    }

    8.92857% {
        transform: translate(5px, 0)
    }

    10.71429% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

.whatsapp_float {
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 1000;
}

.shake {
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
}

.whatsapp_float_btn {
    width: 50px;
    height: 50px;
}

.back-to-top {
    /* right: 15px !important; */
    display: none !important;
}

.btn-lg-square {
    height: 45px !important;
    width: 45px !important;
}

@media screen and (max-width: 786px) {
    .whatsapp_float_btn {
        width: 40px;
        height: 40px;
    }

    .whatsapp_float {
        position: fixed;
        bottom: 20px;
        right: 5px;
        z-index: 1000;
    }

}


/* *****************Explore our services start  */

.box-small:hover {
    scale: 0.9;
    transition: 1s;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}


.Explore-our-services-img1 {

    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/owner-property.jpg) center center no-repeat;
    border-radius: 15px;
    height: 170px;
    padding: 1rem;
    padding-top: 3rem;

}

.Explore-our-services-img2 {

    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/Explore-services-img2.jpg) center center no-repeat;
    border-radius: 15px;
    height: 170px;
    padding: 1rem;
    padding-top: 3rem;
}

.Explore-our-services-img3 {

    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/Exploer-services-img6.jpg) center center no-repeat;
    border-radius: 15px;
    height: 170px;
    padding: 1rem;
    padding-top: 3rem;

}

.Explore-our-services-img4 {

    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/Explore-services-img5.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 15px;
    height: 170px;
    padding: 1rem;
    padding-top: 3rem;
}

.box-small h5 {
    /* margin-top: ; */
    /* margin-top: 3rem; */
    color: #FFFFFF;
}

.box-small h4 {
    color: #ffffff;
}

.get-in-touch {
    color: #ffffff;
    background: transparent;
    border: none;
}

.get-in-touch:hover {
    color: #29a71a;
    font-weight: 500;
}



/* *****************Explore our services end  */


/* ***************** top area start  */
.top-area-container {
    margin-top: 3rem;
}

.top-area-img-asration {
    aspect-ratio: 9/5 !important;
    border-radius: 10px;
}



/* ***************** top area end  */


/* *********advice container start  */
.contact-now {
    color: #ffffff;
    background: #4d4949;
    border-radius: 7px;
    font-size: 14px;
    padding: 5px 8px;
    margin-top: 5px !important;
    letter-spacing: 1px;

}

.advice-inner-box {
    border: 1px solid rgb(226, 217, 217);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.contact-now:hover .vadhiya {
    translate: 5px 0px;
    transition: 0.5s;
}

.contact-now:hover {
    background: #000000;
    color: #ffffff;
}


/* ***********advice container end  */





/*** Section Title ***/
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.section-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 2px;
    top: 4px;
    left: -40px;
    background: var(--primary);
    z-index: -1;
}

.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: 4px;
    left: -60px;
    background: var(--primary);
    z-index: -1;
}

.section-title.text-start::before {
    width: calc(100% + 40px);
    left: 0;
}

.section-title.text-start::after {
    width: calc(100% + 60px);
    left: 0;
}



/*** Img Border ***/
.img-border {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.img-border::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 3rem;
    bottom: 3rem;
    border: 5px solid var(--primary);
    border-radius: 6px;
}

.img-border img {
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    object-fit: cover;
    border-radius: 6px;
}


/*** Facts ***/
.fact-item {
    transition: .5s;
}

.fact-item:hover {
    margin-top: -10px;
    background: #FFFFFF !important;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}


/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    border: 1px solid transparent;
    transition: .5s;
}

.service-item:hover {
    margin-top: -10px;
    box-shadow: none;
    border: 1px solid #DEE2E6;
}


/*** Feature ***/
.progress {
    height: 5px;
}

.progress .progress-bar {
    width: 0px;
    transition: 3s;
}


/*** Project ***/
.project-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    opacity: 0;
    transition: .5s;
}

.project-item:hover a {
    opacity: 1;
}

.project-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.project-carousel .owl-dot {
    width: 35px;
    height: 35px;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEE2E6;
    border-radius: 35px;
    transition: .5s;
}

.project-carousel .owl-dot:hover,
.project-carousel .owl-dot.active {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.team-item .team-text {
    position: relative;
    height: 65px;
    overflow: hidden;
}

.team-item .team-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team-item:hover .team-title {
    top: -65px;
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 65px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    transition: .5s;
}

.team-item .team-social .btn {
    margin: 0 3px;
}

.team-item:hover .team-social {
    top: 0;
}


/*** Testimonial ***/
.testimonial-item{
    height: 100%;
}
.testimonial-carousel .owl-item .testimonial-item img {
    width: 50%;
    height: 70px;
    text-align: center;
    display: block;
    margin: auto;
}

.testimonial-carousel .owl-item .testimonial-item,
.testimonial-carousel .owl-item .testimonial-item * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-item * {
    color: #FFFFFF !important;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 12px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEE2E6;
    border-radius: 50px;
    font-size: 18px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}




/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--secondary);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}



/* website page css start  */

.why-website-box {
    background: #132e50;
    color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



/* website page css end */


/* website services css start  */
.website-services-inner-box {
    background: #ffffff;
    color: #000000;
    padding: 2rem;
    border-radius: 10px;
    min-height: 100%;
    border: 2px solid #e9f2fe;
    /* border-right: 10px solid #768eaa; */
    /* box-shadow: 0 25px 70px rgb(0 0 0 / 7%); */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 5px 38px -12px inset, #e9f2fe 0px 18px 36px -18px inset;
    background: url(/img/indeximg/bg-box3.png);
    background-position: bottom right;
    background-repeat: no-repeat;
   

}
.website-services-inner-box:hover{
    /* background-size: 300px;
    transition: 5s; */
} 

.website-services-inner-box:hover {
    /* background: #ffffff;
    color: #132e50;
    border: 5px solid #132e50;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    transition: 1s; */
}

.website-services-inner-box:hover h5 {
    color: #000000;
   
}

/* .website-services-inner-box:hover .about-img-box{
    background-color: #132e50;
} */
.website-services-inner-box h5 {
    color: #132e50;
    font-weight: 800;
}

.website-services-inner-box:hover .web-serv-img-box {
    /* background: #132e50 !important; */
}

.web-serv-img-box {
    background: #ffffff;
    border-radius: 50%;
    padding: 10px;
    height: 100px;
    width: 100px;



}

.subtopic-head{
    color: #132e50;
    font-weight: 700;
    font-size: 16px;
    margin-left: 5px;
}



/* web site services css end */


/* what discuss css start  */
.contact-right-box {
    padding: 0px 1rem;
}

.contact-us-main-container {
    background: #bbd1ec;
    padding: 3rem 0rem;
}

.contact-inp {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #aecaf0;
    height: 40px;
}

.contact-inp::placeholder {
    padding: 10px;
}

.contact-submit-btn {
    border: none;
    border-radius: 5px;
    background: #132e50;
    color: #ffffff;
    letter-spacing: 1px;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
    padding: 5px 15px;
    font-weight: 400;
    width: 100%;
}

.phone-btn1 {
    border: none;
    border-radius: 5px;
    color: #ffffff;
    background-color: rgb(33, 91, 177);
    padding: 5px 12px;

}

.what-btn {
    border: none;
    border-radius: 5px;
    color: #ffffff;
    background-color: rgb(42, 172, 38);
    padding: 5px 12px;
}

@media only screen and (max-width: 600px) {
    .contact-right-box {
        padding: 0rem;
    }
}

/* what discuss csss end  */


/* Why Choose A9 Business css start  */



/* Why Choose A9 Business css end */



/* careers css start  */
.careers-main-container {
    /* background: url(/img/indeximg/careers-back-img.png); */
    padding: 3rem 0rem;
    /* padding: 3rem 3rem; */
    background-color: #f3f7fc;
}



/* careers css start  */



/* website-portfolio-css start  */


.sreen-shot1 {
    background-image: url(/img//indeximg/screencapture-rakeshenterprise-co-in-index-html-2023-12-19-13_45_49.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot2 {
    background-image: url(/img/indeximg/swarex.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot3 {
    background-image: url(/img/indeximg/nirmala.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot4 {
    background-image: url(/img/indeximg/surfilife.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot5 {
    background-image: url(/img/indeximg/papajiwebsite.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot6 {
    background-image: url(/img/indeximg/mecto.png);
    background-position: top center;
    background-size: cover;
    min-height: 500px !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    transition: 4s;
}

.sreen-shot1:hover, .sreen-shot2:hover, .sreen-shot3:hover, .sreen-shot4:hover, .sreen-shot5:hover, .sreen-shot6:hover {
    background-position: center bottom !important;
    transition: background-position 5s ease !important;
}

.View-site-btn {
    border: none;
    background-color: #132e50;
    color: #ffffff;
    letter-spacing: 1px;
    border-radius: 8px;
    padding: 5px 12px;

}

.niravv div {
    border: none;
    /* margin-top: 5px; */
    text-align: center;
    background-color: #132e50;
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    font-size: 17px;
}

.poartfolio-main-contaier{
    /* background-image: url(/img/indeximg/poartfolio-img3.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}
/* website-portfolio-css end  */
/* new navbar css start  */
.whatsapapi{
    color: #29a71a !important;
    text-shadow: 0 0 3px #82f226, 0 0 5px #82f226;
   
   
}





/* new navbar css End  */

.a9-img-box{
    /* border: 2px solid red; */
    height: 100%;
  
}
.a9-img-box img{
   object-fit: cover;
   min-height: 300px;
   border-radius: 5px;
 
}
.a9box{
    background-color: #ffffff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border: 1px solid #acb1b8;
   
}

.a9box:hover{
    border: 2px solid #132e50;  
    /* scale: 1.5; */
    transition: 2s;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

}


.smm-img-box{
    border: 2px solidrgb(80, 71, 71)d;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  
}

.smm-img-box:hover{
    scale: 1.5;
    transition: 3s;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    border: 1px solid #77787c;
}

.video-box{
 background-color: #ffffff;
 padding: 10px;
 border-radius: 10px;
 border: 1px solid gray;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.poartfolio-links{
    border: none;
    background-color: #132e50;
    color: #ffffff;
    width: 100% !important;
    padding: 5px 17px;
  border-radius: 10px;
  font-size: 18px;
  letter-spacing: 2px;
    
}
@media (max-width: 425px){
    .poartfolio-links{
        padding: 5px 10px;
        font-size: 14px;
    }
}

.poartfolio-links:hover{
    color: #ffffff!important;
    background: #1d6b8a;
    border: 2px solid #132e50;
    
}


::-webkit-datetime-edit { padding: 1em; }

@media (max-width: 1000px) and (min-width: 786px) {

.carousel-item{
    height: 50vh !important;
}
}


/* Become Channel Parter start  */
.partner-btn{
    /* border: 2px solid red;
    padding: 0px !important;
    height: 50px;
    display: flex;
    align-items: center; */
    color: #ffffff !important;
    height: 40px;
    margin-top: 12px;
    
 
}
.contact-inp2{
    width: 100%;
    border-radius: 10px;
    border: 1px solid #bec3ca;
    height: 40px;
}

.contact-inp2::placeholder{
    color: gray;
    font-weight: 500;
}
.icon-prefix{
    line-height: 45px !important;
    position: absolute;
    color: #343a40;
    font-size: 18px;
    transform: scale(1.2);
    padding-left: 10px;
}
.contact-inp2{
    width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('/img/down.png') !important;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}
.grayicon{
    filter: invert(34%) sepia(12%) saturate(21%) hue-rotate(103deg) brightness(100%) contrast(92%) !important;
}
/* Become Channel Parter End  */

/* social link flot btn start  */

.facebook_float {
    position: fixed;
    bottom: 50px;
    left: 15px;
    z-index: 1000;
}

.instagram_float {
    position: fixed;
    bottom: 90px;
    left: 15px;
    z-index: 1000;
}

.youtube_float {
    position: fixed;
    bottom: 130px;
    left: 15px;
    z-index: 1000;
}
/* .shake {
    animation: shake-animation 4.72s ease infinite;
    transform-origin: 50% 50%;
} */

.facebook_float_btn {
    width: 30px;
    height: 30px;
}



@media screen and (max-width: 786px) {
    .facebook_float_btn {
        width: 30px;
        height: 30px;
    }

    .facebook_float {
        position: fixed;
        bottom: 20px;
        left: 5px;
        z-index: 1000;
    }

    .youtube_float {
        position: fixed;
        bottom: 100px;
        left: 5px;
        z-index: 1000;
    }

    .instagram_float {
        position: fixed;
        bottom: 60px;
        left: 5px;
        z-index: 1000;
    }


}

/* social link flot btn End  */


/* whatapp api page start  */

.round-20{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.color-green{
    color: #33ad6a !important;
}
.background-green{
    background-color: #33ad6a !important;
    border: 1px solid #ffffff;
}
.whatApi_ul li::marker{
    color: #33ad6a;
}

.green-box-shadow{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 5px 38px -12px inset, #33ad6a 0px 18px 36px -18px inset !important;
}

.Box-wahtAPI{
    background: #fff;
    box-shadow: #33ad6a 0px 2px 5px -1px, #33ad6a 0px 1px 3px -1px;
    /* padding: 38px 35px 35px 30px; */
    padding: 25px;
    border-radius: 10px;
    z-index: 5;
    font-size: 20px;
    
    /* font-size: 18px; */
/* whatapp api page End  */

}
.Box-wahtAPI:hover{
    /* background-color: transparent; */
    box-shadow: #e0faec 0px 30px 60px -12px inset, #a8ddc0 0px 18px 36px -18px inset;
    scale: 0.9;
    transition: 3s;
}
.whatApi-inner-box{
    color: #000000;
    min-height: 100%;
    background-color: #ffffff;
    border-radius: 0px 10px 10px 10px;
}

.whatApi-inner-box-right{
    color: #000000;
    min-height: 100%;
    background-color: #d9fdd3;
    border-radius: 10px 0px 10px 10px;
}
.whatApi-inner-box-right svg{
    text-align: end;
    margin-top: 0;
    margin-right: -5px;
}
.whatApi-inner-box svg{
    margin-top: -1rem;
    margin-left: -7px;
    

}


.green-line {
    border-style: solid;
    border-bottom-width: 2px;
    border-color: #33ad6a;
    width: 60px;
    margin: 0px auto;
}

.what-services-main-box{
    background-image: url(/img/Untitled\ design.jpg);
    padding-top: 5rem;
    padding-bottom: 5rem;
    /* background-size: cover; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.what-big-background{
    background-image: url(/img/whatApi-back-Big-img.jpg);
    padding-top: 2rem;
    padding-bottom: 2rem;
    /* background-size: cover */
}

.what-Time{
    font-size: 14px;
    padding-right: 8px;
}

.what-contact{
    background-color: #075e54;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 5px;
}

.whatAPIChat-footer{
    background-color: #f0f2f5;
}

.whatAPIChat-footer{
    padding: 8px ;
    padding-bottom: 8px;
    border-radius: 5px;
    
}
.gray-icon{
    filter: invert(39%) sepia(6%) saturate(1369%) hue-rotate(159deg) brightness(91%) contrast(86%);
}
.what-input{
    background-color: #ffffff;
    width: 95%;
    margin-left: 5px;
    padding: 5px;
    padding-left: 10px;
    border-radius: 8px;
}

.what-date{
    background-color: #fefefe;
    width: fit-content;
    margin: auto;
    margin-top: 10px;
    padding:5px 8px;
    border-radius: 10px;
}

.what-chat-msg-box{
    width: 50%;
    /* border: 2px solid red; */
}

.whatAPI-left-box{
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: #33ad6a 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: transform 1s ease-in-out;
}

.whatAPI-left-box:hover{
    /* transform: translateY(-16px);
    transition: 1s;
    border: 2px solid #33ad6a; */
    transform: translateY(-15px); /* Adjust the value as needed */
    box-shadow: #e0faec 0px 30px 60px -12px inset, #a8ddc0 0px 18px 36px -18px inset;
}



.whatAPI-left-box ul{
list-style-type: none;
}

.text-shadow{
    text-shadow:10px 10px 30px #33ad6a  ;
}



.whatapi-img-shadow{
    filter: drop-shadow(0 0 0.75rem #32de66);
    transition: transform 1s ease-in-out;
}

.whatapi-img-shadow:hover{
    transform: translateY(-15px);
}

.whatapi-img-shadow2{
    filter: drop-shadow(0 0 0.75rem #ffea6f);
    transition: transform 1s ease-in-out;
}

.whatapi-img-shadow2:hover{
    transform: translateY(-15px);
}

.whatapi-img-shadow1{
    filter: drop-shadow(0 0 0.75rem #f9b4ff);
    transition: transform 1s ease-in-out;
}

.whatapi-img-shadow3{
    filter: drop-shadow(0 0 0.75rem #50c4fe);
    transition: transform 1s ease-in-out;
}

.whatapi-img-shadow1:hover{
    transform: translateY(-15px);
}
.whatapi-img-shadow3:hover{
    transform: translateY(-15px);
}

.contact-us-main-container2{
    background-image: url(/img/Untitled\ design.jpg);
    background-size: cover;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.contact-inp3{
    background-color: #ffffff;
    width: 100%;
    border: 1px solid gainsboro;
    padding: 10px;
    border-radius: 8px;
}

.whatapi-btn{
    width: 100%;
    background-color: #33ad6a;
    color: #ffffff;
    border: none;
    margin-top: 10px;
    border-radius: 8px;
    letter-spacing: 2px;
    font-size: 18px !important;
    height: 30px;
}