.back-to-top {
     position: fixed;
     right: 30px;
     bottom: 30px;
     transition: 0.5s;
     z-index: 99;
}
/*** Button Start ***/
 .btn {
     font-weight: 600;
     transition: .5s;
}
 .btn-square {
     width: 32px;
     height: 32px;
}
 .btn-sm-square {
     width: 34px;
     height: 34px;
}
 .btn-md-square {
     width: 44px;
     height: 44px;
}
 .btn-lg-square {
     width: 56px;
     height: 56px;
}
 .btn-xl-square {
     width: 66px;
     height: 66px;
}
 .btn-square, .btn-sm-square, .btn-md-square, .btn-lg-square, .btn-xl-square {
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: normal;
}
 .btn.btn-primary {
     border: none;
     border-radius: 8px !important;
     font-weight: normal;
     background: none;
     color: #818181;
     transition: 0.2s;
}
 .btn.btn-primary:hover {
     background: none;
     color: #616161;
}
 .feature .btn.btn-primary{
     font-size: 13px;
}
.btn-primary:hover .arwright
{
     margin-left:13px;
}
 .btn.btn-light {
     color: var(--bs-primary);
     border: none;
}
 .btn.btn-light:hover {
     color: var(--bs-white);
     background: var(--bs-primary);
}
 .product_icon {
     max-width: 50px;
     text-align: center;
     align-items: center;
     margin-bottom: 20px;
     height: 50px;
     font-size: 34px;
}
 .headingh1{
     font-size: 42px;
     margin-top: 28px;
     color:#344761;
}
.product_icon {
    max-width: 50px;
    text-align: center;
    align-items: center;
    margin-bottom: 20px;
    height: 50px;
    font-size: 34px;
    color: #5c99ee;
}
.productheading {
    color: #486c9b;
}
/*** Topbar Start ***/
 .topbar .dropdown-toggle::after {
     border: none;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     font-weight: 600;
     vertical-align: middle;
     margin-left: 8px;
     color: var(--bs-primary);
}
 .topbar .dropdown .dropdown-menu a:hover {
     background: var(--bs-primary);
     color: var(--bs-white);
}
 .topbar .dropdown .dropdown-menu {
     transform: rotateX(0deg);
     visibility: visible;
     background: var(--bs-light);
     padding-top: 11px;
     border: 0;
     transition: .5s;
     opacity: 1;
}
/*** Topbar End ***/
 @keyframes image-zoom {
     0% {
        height: 100%;
         opacity: 0.9;
    }
     25% {
        height: 110%;
         opacity: 0.50;
    }
     50% {
        height: 115%;
         opacity: 1;
    }
     75% {
        height: 110%;
         opacity: 0.50;
    }
     100% {
        height: 100%;
         opacity: 0.9;
    }
}
/*** Carousel Hero Header End ***/
/*** Single Page Hero Header Start ***/
 .bg-breadcrumb {
     position: relative;
     overflow: hidden;
     background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/carousel-1.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 140px 0 60px 0;
     transition: 0.5s;
}
 @media (min-width: 992px) {
     .bg-breadcrumb {
         padding: 140px 0 60px 0;
    }
}
 @media (max-width: 991px) {
     .bg-breadcrumb {
         padding: 60px 0 60px 0;
    }
}
 .bg-breadcrumb .breadcrumb {
     position: relative;
}
 .bg-breadcrumb .breadcrumb .breadcrumb-item a {
     color: var(--bs-white);
}
/*** Single Page Hero Header End ***/
/*** Service Start ***/
 .service .service-item {
     background: var(--bs-light);
     border-radius: 10px;
     transition: 0.5s;
}
 .service .service-item:hover {
     box-shadow: 0 0 45px rgba(0, 0, 0, .2);
}
 .service .service-item .service-img {
     position: relative;
     overflow: hidden;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     transition: 0.5s;
}
 .service .service-item .service-img img {
     transition: 0.5s;
}
 .service .service-item:hover .service-img img {
     transform: scale(1.2);
}
/*** Service End ***/
/*** Features Start ***/
 .feature .feature-item {
     text-align: center;
     border-radius: 10px;
     background:#f8f8f8;
     border: 1px solid transparent;
     transition: 0.5s;
     padding: 30px 0px !important;
     transition: transform .8s;
}
 .feature-item:hover {
     border: 1px solid #2388d1;
     transform:scale(1.1);
}
 .feature .feature-item .feature-icon {
     background: none;
     border-radius: 10px;
     display: inline-block;
     padding: 0px !important;
     margin-bottom: 10px !important;
}
 .feature-item:hover h4 {
    color:#2388d1 !important;
}
/*** Features End ***/
/*** Offer Start ***/
 .offer-section .nav a.accordion-link {
     width: 100%;
     border-radius: 10px;
     display: flex;
     background: var(--bs-white);
     transition: 0.5s;
}
 .offer-section .nav a.accordion-link.active {
     color: var(--bs-white);
     background: var(--bs-primary);
}
 .offer-section .nav a.accordion-link h5 {
     transition: 0.5s;
}
 .offer-section .nav a.accordion-link.active h5 {
     color: var(--bs-white);
}
/*** Offer End ***/
/*** Blog Start ***/
 .blog .blog-item {
     border-radius: 10px;
     background: var(--bs-white);
     box-shadow: inset 0 0 45px rgba(0, 0, 0, .1);
     transition: 0.5s;
}
 .blog .blog-item a {
     transition: 0.5s;
     color: #545454;
     font-size: 18px;
}
 .blog .blog-item:hover a:hover {
     color: var(--bs-primary);
}
 .blog .blog-item .blog-img {
     border-radius: 10px;
     position: relative;
     overflow: hidden;
}
 .blog .blog-item .blog-img img {
     transition: 0.5s;
}
 .blog .blog-item:hover .blog-img img {
     transform: scale(1.2);
}
 .blog .blog-item .blog-img::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border-radius: 10px;
     background: rgba(0, 208, 132, 0.1);
     opacity: 0;
     transition: 0.5s;
     z-index: 1;
}
 .blog .blog-item:hover .blog-img::after {
     opacity: 1;
}
 .blog .blog-item .blog-img .blog-title {
     position: absolute;
     bottom: 25px;
     left: 25px;
     z-index: 5;
}
 .blog .blog-item .blog-img .blog-title a {
     color: var(--bs-white);
     background: #6da0c5;
     transition: 0.5s;
}
 .blog .blog-item:hover .blog-img .blog-title a:hover {
     color: var(--bs-dark);
}
 .blog-carousel .owl-stage-outer {
     margin-top: 58px;
}
 .blog .owl-nav .owl-prev {
     position: absolute;
     top: -58px;
     left: 0;
     background: #b8862d;
     color: var(--bs-white);
     padding: 6px 35px;
     border-radius: 30px;
     transition: 0.5s;
}
 .blog .owl-nav .owl-prev:hover {
     background: var(--bs-dark);
     color: var(--bs-primary);
}
 .blog .owl-nav .owl-next {
     position: absolute;
     top: -58px;
     right: 0;
     background: #b8862d;
     color: var(--bs-white);
     padding: 6px 35px;
     border-radius: 30px;
     transition: 0.5s;
}
 .blog .owl-nav .owl-next:hover {
     background: var(--bs-dark);
     color: var(--bs-primary);
}
/*** Blog End ***/
/*** FAQs Start ***/
 .faq-section .accordion .accordion-item .accordion-header .accordion-button {
     color: var(--bs-secondary);
}
 .faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
     color: var(--bs-dark);
}
/*** FAQs End ***/
/*** Team Start ***/
 .team .team-item {
     position: relative;
     padding: 0 25px 25px 25px;
     border-radius: 10px;
     transition: 0.5s;
}
 .team .team-item::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     bottom: 0;
     left: 0;
     background: var(--bs-light);
     border-radius: 10px;
     transition: 0.5s;
     z-index: -1;
}
 .team .team-item:hover::before {
     height: 0;
}
 .team .team-item::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 0;
     bottom: 0;
     left: 0;
     border-radius: 10px;
     transition: 0.5s;
     z-index: -1;
}
 .team .team-item:hover::after {
     height: 100%;
     background: var(--bs-primary);
}
 .team .team-item .team-img {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     position: relative;
     margin-top: 50%;
     transform: translateY(-50%);
     margin-bottom: -50%;
     display: flex;
     justify-content: center;
     border: 4px solid var(--bs-primary);
     border-style: dotted;
     padding: 4px;
     background: var(--bs-white);
     transition: 0.5s;
}
 .team .team-item:hover .team-img {
     border: 4px solid var(--bs-white);
     border-style: dotted;
     background: 0;
}
 .team .team-item .team-img img {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     transition: 0.5s;
}
 .team .team-item .team-title {
     padding: 25px 0 25px 0;
     text-align: center;
}
 .team .team-item .team-title h4, .team .team-item .team-title p {
     transition: 0.5s;
}
 .team .team-item:hover .team-title h4, .team .team-item:hover .team-title p {
     color: var(--bs-white);
}
 .team .team-item .team-icon {
     display: flex;
     justify-content: center;
}
 .team .team-item .team-icon a {
     transition: 0.5s;
}
 .team .team-item:hover .team-icon a {
     color: var(--bs-dark);
     background: var(--bs-white);
}
 .team .team-item:hover .team-icon a:hover {
     color: var(--bs-primary);
     background: var(--bs-dark);
}
/*** Team End ***/
/*** Testimonial Start ***/
 .testimonial .testimonial-item {
     position: relative;
     margin-bottom: 30px;
     padding: 0 25px 25px 25px;
}
 .testimonial .testimonial-item::before {
     content: "";
     position: absolute;
     width: 100%;
     height: calc(100% - 50px);
     bottom: 0;
     left: 0;
     border-radius: 10px;
     background: var(--bs-light);
     z-index: -1;
}
 .testimonial .testimonial-item .testimonial-img {
     display: flex;
     justify-content: center;
}
 .testimonial .testimonial-item .testimonial-img img {
     width: 100px;
     height: 100px;
     border-radius: 100px;
     border: 5px solid var(--bs-light);
     border-style: double;
     background: var(--bs-white);
}
 .testimonial .testimonial-item .testimonial-text {
     padding: 25px 0;
     text-align: center;
}
 .testimonial .testimonial-item .testimonial-title {
     display: flex;
     justify-content: space-between;
}
 .testimonial .testimonial-item .testimonial-quote-left {
     position: absolute;
     width: 60px;
     height: 60px;
     top: 20px;
     left: 25px;
     border-radius: 60px;
     color: #e5c07e;
     background: var(--bs-white);
     display: flex;
     align-items: center;
     justify-content: center;
}
 .testimonial .testimonial-item .testimonial-quote-right {
     position: absolute;
     width: 60px;
     height: 60px;
     bottom: -30px;
     right: 25px;
     margin-top: -5px;
     border-radius: 60px;
     color: var(--bs-primary);
     background: var(--bs-white);
     display: flex;
     align-items: center;
     justify-content: center;
}
 .testimonial-carousel .owl-stage-outer {
     margin-top: 58px;
     margin-right: -1px;
}
 .testimonial .owl-nav .owl-prev {
     position: absolute;
     top: -58px;
     left: 0;
     background: #b8862d;
     color: var(--bs-white);
     padding: 5px 30px;
     border-radius: 30px;
     transition: 0.5s;
}
 .testimonial .owl-nav .owl-prev:hover {
     background: var(--bs-secondary);
     color: var(--bs-white);
}
 .testimonial .owl-nav .owl-next {
     position: absolute;
     top: -58px;
     right: 0;
     background: #b8862d;
     color: var(--bs-white);
     padding: 5px 30px;
     border-radius: 30px;
     transition: 0.5s;
}
 .testimonial .owl-nav .owl-next:hover {
     background: var(--bs-secondary);
     color: var(--bs-white);
}
 .testimonial-carousel .owl-dots {
     display: none;
     justify-content: center;
}
 .testimonial-carousel .owl-dots .owl-dot {
     width: 30px;
     height: 30px;
     border-radius: 30px;
     margin: 20px 10px 0 10px;
     background: var(--bs-primary);
     transition: 0.5s;
}
 .testimonial-carousel .owl-dots .owl-dot.active {
     width: 30px;
     height: 30px;
     border-radius: 30px;
     background: var(--bs-secondary);
     transition: 0.5s;
}
 .testimonial-carousel .owl-dots .owl-dot span {
     position: relative;
     margin-top: 50%;
     margin-left: 50%;
     transform: translate(-50%, -50%);
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
}
 .testimonial-carousel .owl-dots .owl-dot.active span::after {
     background: var(--bs-primary);
}
 .testimonial-carousel .owl-dots .owl-dot span::after {
     content: "";
     width: 15px;
     height: 15px;
     border-radius: 15px;
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     background: var(--bs-white);
     transition: 0.5s;
}
/*** Testimonial End ***/
 .testimonial .testimonial-item .testimonial-quote-right{
     color:#e5c07e !important;
}
 .text-primary {
     color: #b9b9b9 !important;
}
 .blog .owl-nav .owl-prev:hover{
     background: #6da0c5;
}
 .text-footer-heading{
     color: #6da0c5 !important;
     font-size: 22px;
     padding-top: 13px;
     padding-bottom: 0px;
     transition: 0.2s;
}
 .footer .footer-item a:hover{
     color:#b8862d;
     margin-left: 8px;
}
 .footerpbtm{
     font-size: 13px;
     margin-top: 25px;
}
 .footerimg{
     width:250px;
}
 .containerbtmpadding{
    padding-bottom: 0px !important;
}
 .text-white-footer {
     color: #ffffff !important;
     font-size: 12px;
}
 .text-white-footer a {
     color: #ffffff !important;
     font-size: 12px;
}
 .appcontainer{
     padding-top: 0px;
     padding-bottom: 70px;
}
 .margintopinvest{
     margin-top: 10px;
}
 .feature h4{
     font-size: 15px;
     color: #000000;
     color: #504e4e !important;
     font-weight: 600;
     font-family: arial;
}
 .btnhero {
     color: #ffffff !important;
     background: #9b9045 !important;
     padding: 8px;
     padding-left: 40px;
     padding-right: 40px;
     padding-top: 16px;
     padding-bottom: 16px;
     border: 2px solid #9b9045 !important;
}
 .btnhero:hover{
    background:#857c38 !important;
    color:white !important;
     border:2px solid #857c38 !important;
}
 .spam_01{
     font-size: 29px;
     font-weight: 700;
     transition: 0.2s;
}
 .appbtn{
     border:1px solid #486c9b !important;
     color:#fe9c94 !important;
}
 .btn.btn-primary:focus{
    box-shadow: none;
}
 .appbtn:hover{
     background: #b8862d !important;
     color: white !important;
     margin-left:10px;
}
/*another home pagess css start */
 .display-4{
     color: #0f0e96;
     font-size: 90px;
     font-family: arial;
}
 .slidersection{
    text-align: left;
}
.indexmobileimg{display: none;}
.mobilebtnsignup{
    display: none;
}
 .arwright {
     color: #ffffff;
     margin-left: 6px;
     font-size: 14px;
     transition: 0.3s ease;
}
 .degree{
     color: #0f0e96;
     font-size: 24px;
     position: absolute;
     margin-top: 16px;
}
 .mainsubheadingtext{
     font-size: 65px;
     color: #af8842;
     font-family: calibri;
     line-height: 70px;
     font-weight: 800;
}
 .servicetext {
     font-style: italic;
     font-size: 19px;
     color: #707070;
}
 .servicetext{
     font-style: italic;
     font-size: 24px;
     color: #707070;
}
 .mobilemoreitem{
     display:none
}
 .index2 .display-4 {
     color: #486c9b;
     font-size: 54px;
     font-family: arial;
     margin-top: 73px;
     text-align: center;
}
 .index2 .lead {
     text-align:center;
}
 .index2 .text-animate{
     text-align: center;
}
/*index page 3 css */
 .list-icon {
     width:22px;
     height:22px;
     object-fit: contain;
     margin-right: 15px;
     transition: transform 0.3s ease;
}
 .list-item {
     display: flex;
     align-items: center;
     animation: fadeInLeft 0.6s ease forwards;
     border: 0px;
     background: none;
     padding-bottom: 0px;
     font-size: 19px;
     color: #626262;
     font-family: calibri;
}
 .list-item a{
     color: #626262;
}
 .ulli-marginleft{
    margin-left:50px;
}
 .sliderbg1 {
     background-image: url(../NewImage/solar.png) !important;
     background-position: center;
     background-position-x: 0px;
     background-repeat: no-repeat !important;
     background-position-y: 3px;
     background-repeat: no-repeat;
     background-size: 100% !important;
     background-position-y: -7px;
     
}

/* Animation */
 @keyframes fadeInLeft {
     from {
         opacity: 0;
         transform: translateX(-30px);
    }
     to {
         opacity: 1;
         transform: translateX(0);
    }
}
/* Optional: icon hover effect */
 .list-item:hover .list-icon {
     transform: scale(1.1);
}
 .index3margin-top{
    margin-top:40px;
}
 .headerlogo{
    width: 215px;
}
 @media only screen and (max-width: 600px) {
     .desktopbtnsignup{display:none;}
    .mobilebtnsignup{display: block; width: 230px; margin:auto;}

    .indexmobileimg{display: block;}
      .display-4 {
         font-size: 56px;
         margin-top: 19px;
    }
     .carousel-inner1{
        width:100% !important;    
    }
     .headerlogo{
        width: 180px;
    }
     .header .button .btn {
         padding: 8px 7px;
         font-size: 12px;
    }
     .headerlogo{
        width: 180px;
    }
     .mainsubheadingtext {
         font-size: 38px;
         font-family: calibri;
         line-height: 42px;
         margin-bottom: 31px;
    }
    .degree {
    font-size: 18px;
    margin-top: 9px
    }
     .feature h4 {
         font-size: 13px;
    }
     .slidersection {
        text-align: center;
        margin-top:60px;
    }
     .col-5th {
         width: 50%;
    }
     .slidersection {
        text-align: center;
    }
     .ulli-marginleft{
        margin-left:0px;
    }
     .spam_01 {
         font-size: 18px;
    }
     .index2 .display-4{
        font-size: 39px;
    }
     .lead{
         font-size: 15px;
    }
     .mobilemoreitem{
         display:block;
    }
     .formobile{
        display: none;
    }
    
     .navmenu a i, .navmenu a:focus i{
         background:none !important;
    }
     .navmenu a i, .navmenu a:hover i{
         background:none !important;
    }
     .navmenu .active i, .navmenu .active:focus i{
        color:#7268f8 !important
    }
     .crwlbtmrgin{
        margin-bottom: 10px;
    }
}
 @media only screen and (max-width:768px) {
     .sliderbg1{
        background-image: none !important;
    }
     .ulli-marginleft{
        margin-left:0px;
    }
     .spam_01 {
         font-size: 18px;
    }
     .index2 .display-4{
        font-size: 39px;
    }
     .lead{
         font-size: 15px;
    }
     .header .button .btn {
         padding: 11px 11px;
    }
}
 @media only screen and (min-width: 992px) {
     .sliderbg1{
        background-image: none;
    }
     .ulli-marginleft{
        margin-left:0px;
    }
}
 .mainsliderimg img{
     width: 70%;
     margin-top: -80px;
}
 .container85{
    width:85;
}

 .watchicon{
     margin-right: 6px;
}
 .watchicon .fa-clock {
     font-size: 29px;
     color: #707070;
}
 .mutulmrgin {
     margin-top: 15px !important;
     font-size: 13px !important;
}
 .col-5th {
     width: 25%;
    /* 100% / 5 = 20% */
     float: left;
     padding: 15px;
     box-shadow: 0 7.2px 43.2px 0 rgba(201,213,221,.3);
     box-sizing: border-box;
     background: linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(0deg,#f6f8fa,#EEF5F7) border-box !important;
}
 @media (max-width: 768px) {
     
     .sliderbg1{
        background-image: none;
    }
     .col-5th {
         width: 50%;
    }
     .header .button .btn {
         padding: 11px 11px;
    }
     .crwlbtmrgin{
        margin-bottom: 10px;
    }
}
 @media (max-width: 576px) {
    .desktopbtnsignup{display:none;}
    .mobilebtnsignup{display: block; width:230px; margin:auto;}

    .indexmobileimg{display: block;}
    .carousel-inner1{
        width:100% !important;    
    }
    .btnhero{
        margin-bottom:20px;
    }
  
     .headerlogo{
        width: 145px;
    }
     .slidersection {
        text-align: center;
        margin-top: 60px;
    }
     .header .button .btn {
         padding: 8px 7px;
         font-size: 12px;
    }
     .headerlogo{
        width: 180px;
    }
     .mainsubheadingtext {
         font-size: 35px;
         font-family: calibri;
         line-height: 40px;
         margin-bottom: 32px;
    }
    .degree {
    font-size: 14px;
    margin-top: 9px
    }
     .feature h4 {
         font-size: 13px;
    }
     .col-5th {
         width: 50%;
    }
     .header .button .btn {
         padding: 11px 11px;
    }
     .crwlbtmrgin{
        margin-bottom: 10px;
    }
}
 @media (max-width:1024px) {
}
 .ad-container {
     display: flex;
     gap: 20px;
     padding: 20px;
     height: 260px;
     overflow: hidden;
     margin-bottom: 50px;
     width: 74%;
}
 .column {
     flex: 1;
     background: #fff;
     border: 0px solid #ddd;
     overflow: hidden;
     position: relative;
    /* margin: auto;
     */
}
 .ad-list {
     position: absolute;
     width: 100%;
     animation: infinite;
}
 .ad-item {
     padding: 20px;
     border-bottom: 0px solid #eee;
     background: #fff;
     margin: auto;
     text-align: center;
}
 .ad-item img{
    opacity: 0.6;
}
 .ad-item img:hover{
    opacity: 1;
}
 .faangle {
     font-size: 22px;
     color: #000000;
}
 .carousel-inner1 {
     display: flex;
     width: 81%;
     overflow: hidden;
     margin: auto;
     margin-bottom: 72px;
}
 .carousel-item {
     flex: 0 0 100%;
}
 .carousel-item > .row {
     display: flex;
     justify-content: center;
}
 .carousel-item img {
     width: auto !important;
     height: auto;
     border: 4px solid #d1d1d1;
}
 @media (min-width: 768px) {
     .carousel-item .col-md-4 {
         display: block;
    }
}
@media (min-width:769px) and (max-width:1024px) {
 .sliderbg1{
        background-image: none;
    } 
}
@media only screen and (min-width: 1200px){
    .sliderbg1{
        background-image: none;
    } 
}



   .slider-section {
     min-height: 100vh;
     display: flex;
     align-items: center;
     background: #ffffff;
     padding: 60px 0;
}

@media (min-width: 1300px) and (max-width: 1400px) {
    .slider-section {
	    background-position: 10% 36%;
        background-size: 100% !important;
	    background-repeat: no-repeat;
    }
}