/********** Template CSS **********/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rowdies:wght@300;400;700&family=Smooch+Sans:wght@100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
*{
    font-family: "Roboto", sans-serif;
}
.fw-medium {
    font-weight: 600 !important;
}

.fw-semi-bold {
    font-weight: 700 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}
h1,h2,h4,h3{
    font-family: "Roboto", sans-serif !important;
}


/*** 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-family: "Roboto", sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    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;
    border-radius: 0px;
}


 /*.navbar-nav .nav-link {*/
 /*     color: white !important;*/
 /*   }*/

 /*   .navbar {*/
 /*     background-color: #07125d;*/
 /*   }*/

    /* Custom dropdown hover for desktop */
 /*   @media (min-width: 992px) {*/
 /*     .navbar .dropdown:hover .dropdown-menu {*/
 /*       display: block;*/
 /*       margin-top: 0;*/
 /*     }*/
 /*   }*/

    /* Toggle icon style */
 /*   .navbar-toggler .fa-times {*/
 /*     display: none;*/
 /*   }*/

 /*   .navbar-toggler.collapsed .fa-bars {*/
 /*     display: inline;*/
 /*   }*/

 /*   .navbar-toggler:not(.collapsed) .fa-times {*/
 /*     display: inline;*/
 /*   }*/

 /*   .navbar-toggler:not(.collapsed) .fa-bars {*/
 /*     display: none;*/
 /*   }*/




    
        .navbar-nav .nav-link {
      color: black !important;
    }

    .navbar {
      /*background-color: #07125d;*/
       background-color: #fff;
    z-index: 9999;
    box-shadow: 3px 3px 4px #00000030;
    }

    /* Custom dropdown hover for desktop */
    @media (min-width: 992px) {
      .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
      }
    }

    /* Toggle icon style */
    .navbar-toggler .fa-times {
      display: none;
    }

    .navbar-toggler.collapsed .fa-bars {
      display: inline;
    }

    .navbar-toggler:not(.collapsed) .fa-times {
      display: inline;
    }

    .navbar-toggler:not(.collapsed) .fa-bars {
      display: none;
    }
    
    
    .navbar-toggler {
/*margin-left: 122px!important;*/
background-color: #d45113!important;
color:#fff!important;
}
/*.navbar-collapse {*/
/*    background: #07125d!important ;*/
/*    padding-left: 10px;*/
/*}*/

 @media (min-width:315px) and (max-width:991px){
.navbar-collapse {
    background: #07125d!important ;
    padding-left: 10px;
}
.navbar .navbar-nav .nav-link {
        border-bottom: 1px solid #fb9f15!important;
        color:#fff!important;
}
}
@media (min-width:991px) and (max-width:1100px){
    .logo{
        /*width:100%!important;*/
    }
}
@media (min-width:992px) and (max-width:1140px){
   .main-top-headerr{
/*font-size:13px!important;    }*/
}

    
    
    
/*** Navbar ***/
/*.navbar{*/
/*    background-color: #fff;*/
/*    z-index: 9999;*/
/*    box-shadow: 3px 3px 4px #00000030;*/
    
/*}*/
/*.navbar .navbar-nav .nav-link {*/
/*    font-family: "Roboto", sans-serif;*/
/*    position: relative;*/
/*    margin-right: 25px;*/
    /*padding: 35px 0;*/
/*    color: #000 !important;*/
/*    font-size: 18px;*/
/*    font-weight: 400; */
/*    outline: none;*/
/*    transition: .5s;*/
/*}*/

/*.sticky-top.navbar-light .navbar-nav .nav-link {*/
/*    padding: 20px 0;*/
/*    color: var(--dark) !important;*/
/*}*/

/*.navbar-light .navbar-nav .nav-link:hover,*/
/*.navbar-light .navbar-nav .nav-link.active {*/
/*    color: var(--primary) !important;*/
/*}*/

/*.navbar-light .navbar-brand img {*/
/*    max-height: 100px;*/
/*    transition: .5s;*/
/*}*/

/*.sticky-top.navbar-light .navbar-brand img {*/
/*    max-height: 64px;*/
    
/*}*/
    
/*.sticky-header {*/
/*    position: sticky;*/
/*    top: 0;*/
/*    z-index: 1030;*/
    background-color: #fff; /* Set background to avoid transparency */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional shadow for effect */
/*}*/


/*@media (max-width: 991.98px) {*/
/*    .sticky-top.navbar-light {*/
/*        position: relative;*/
/*        background: #FFFFFF;*/
/*    }*/

/*    .navbar-light .navbar-collapse {*/
/*        margin-top: 15px;*/
/*        border-top: 1px solid #DDDDDD;*/
/*    }*/

/*    .navbar-light .navbar-nav .nav-link,*/
/*    .sticky-top.navbar-light .navbar-nav .nav-link {*/
/*        padding: 10px 0;*/
/*        margin-left: 0;*/
/*        color: var(--dark) !important;*/
/*    }*/

/*    .navbar-light .navbar-brand img {*/
/*        max-height: 45px;*/
/*    }*/
/*}*/


/* media query*/
/* @media (min-width:315px) and (max-width:991px){*/
/*.navbar-collapse {*/
/*    background: #07125d!important ;*/
/*    padding-left: 10px;*/
/*}*/
/*.navbar .navbar-nav .nav-link {*/
/*        border-bottom: 1px solid #fb9f15!important;*/
/*        color:#fff!important;*/
/*}*/
/*}*/
/*@media (min-width:991px) and (max-width:1100px){*/
/*    .logo{*/
/*        width:100%!important;*/
/*    }*/
/*}*/
/*@media (min-width:992px) and (max-width:1140px){*/
/*   .main-top-headerr{*/
/*font-size:13px!important;    }*/
/*}*/



/*@media (min-width: 992px) {*/
/*    .navbar-light {*/
/*        position: absolute;*/
/*        width: 100%;*/
/*        top: 0;*/
/*        left: 0;*/
/*        border-bottom: 1px solid rgba(256, 256, 256, .1);*/
/*        z-index: 999;*/
/*    }*/
    
/*    .sticky-top.navbar-light {*/
/*        position: fixed;*/
/*        background: #FFFFFF;*/
/*    }*/

/*    .navbar.navbar-nav .nav-link::before {*/
/*        position: absolute;*/
/*        content: "";*/
/*        width: 20px;*/
/*        height: 2px;*/
/*        bottom: -1px;*/
/*        left: 50%;*/
/*        background: var(--primary);*/
/*        transition: .5s;*/
/*    }*/

/*    .navbar .navbar-nav .nav-link:hover::before,*/
/*    .navbar-light .navbar-nav .nav-link.active::before {*/
/*        width: calc(100% - 2px);*/
/*        left: 1px;*/
/*    }*/

/*    .navbar-light .navbar-nav .nav-link.nav-contact::before {*/
/*        display: none;*/
/*    }}*/
    
    
/*    .dropdown-content {*/
/*    display: none;*/
/*}*/

/*.dropdown-content.show {*/
/*    display: block;*/
/*}*/
/*        .btn-sm-square {*/
/*            width: 35px;*/
/*            height: 35px;*/
/*            text-align: center;*/
/*            padding: 0;*/
/*            line-height: 35px;*/
/*        }*/

/*        .btn-sm {*/
/*            font-size: 14px;*/
/*        }*/

/*        .rounded-circle {*/
/*            border-radius: 50%;*/
/*        }*/

/*        .me-2 {*/
/*            margin-right: 0.5rem;*/
/*        }*/

/*        .d-inline-flex {*/
/*            display: inline-flex;*/
/*        }*/

/*        .align-items-center {*/
/*            align-items: center;*/
/*        }*/

/*        .text-lg-end {*/
/*            text-align: right;*/
/*        }*/

/*        .text-center {*/
/*            text-align: center;*/
/*        }*/

/*        .col-lg-4 {*/
/*            width: 100%;*/
/*            max-width: 33.333333%;*/
/*        }*/

        /* Remove default outline-light styling and use brand colors */
/*        .btn i {*/
/*            color: white;*/
/*        }*/

/*        .btn-facebook {*/
/*            background-color: #1877F2;*/
/*        }*/

/*        .btn-linkedin {*/
/*            background-color: #0A66C2;*/
/*        }*/

/*        .btn-instagram {*/
/*            background-color: #E4405F;*/
/*        }*/

/*        .btn-google {*/
/*            background-color: #DB4437;*/
/*        }*/

/*        .btn:hover {*/
/*            opacity: 0.8;*/
/*        }*/

/*.main{*/
/*    background-color: #fff;*/
/*    z-index: 9999;*/
/*}*/

/*.logo{*/
/*    width: 50%;*/
/*}*/

/*.dropdown-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background-color: #f9f9f9;*/
/*    min-width: 160px;*/
/*    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);*/
/*    border-radius: 5px;*/
/*    z-index: 999;*/
/*}*/

/*.dropdown-content a {*/
/*    color: black;*/
/*    padding: 10px 15px;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*}*/

/*.dropdown-content a:hover {*/
/*    background-color: #ddd;*/
/*}*/

/*.submenu {*/
/*    position: relative;*/
/*}*/

/*.submenu-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*   left: 30%;*/
/*    top: 41px;*/
/*    z-index: 9999;*/
/*    background-color: #ffe468;*/
/*    min-width: 270px;*/
/*    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);*/
/*    border-radius: 5px;*/
/*} */
/* @media (min-width:270px) and (max-width:460px){*/
/*.submenu-content {*/
/*min-width:200px!important;*/
/*}*/
/*}*/
/*@media (min-width:270px) and (max-width:700px){*/
/*.navbar {*/
/*display:block!important;*/
/*}*/
/*.navbar-toggler {*/
/*margin-left: 99px!important;*/
/*}*/
/*}*/
/*.submenu:hover .submenu-content {*/
/*    display: block;*/
/*}*/

/*.dropdown:hover .dropdown-content {*/
/*    display: block;*/
/*        width: 295px;*/
/*} */
.logo-certified{
    width:100%;
    
}
@media (min-width:310px) and (max-width:768px){
.logo-certified{
    width:31%!important;
    
}
.logo-mg{
    margin-top:2rem!important;
}
}
/*@media (min-width:310px) and (max-width:566px){*/
/*.bg-pheader-img{*/
/*height:30vh!important;*/
/*}*/
/*@media (min-width:310px) and (max-width:566px){*/
/*.bg-pheader-img{*/
/*height:30vh!important;*/
/*}*/
/* Text Container */
.mainbanner-heading {
    /*max-width: 90%;*/
    padding:5rem 0 0 5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .bg-pheader-img {
        height: auto;
        min-height: 100vh; /* Ensure full height on mobile */
        width: 100%;
        background-size: 100% 100%; /* Ensures full width & height */
        background-position: top center; /* Adjust positioning */
        background-attachment: scroll; /* Prevent parallax on mobile */
    }

    .mainbanner-heading {
        width: 90%;
        text-align: center;
    }

    .mainbanner-heading h2 {
        font-size: 24px;
    }

    .mainbanner-heading h3 {
        font-size: 18px;
    }

    .banner-para {
        font-size: 14px;
    }
}

.para{
    color: #000;
    text-align: justify;
}

.service-div:hover{
box-shadow: 1px 4px 11px 3px #00000040;
}
.choose-para{
    text-align: justify;
}

.card {
    transition: transform 0.3s ease-in-out;
    border: none;
    border-radius: 15px;
    background-color: #07125d;;
    color: white;
    padding: 20px;
    text-align: center;
}
.card:hover {
    transform: scale(1.05);
}
.icon {
    font-size: 40px;
    margin-bottom: 15px;
    color: white;
}
.card-text a{
    text-decoration: none;
color: #fff;}


.testimonial{
    border-left: 4px solid #d45113;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 30px 30px 30px 130px;
    margin: 0 15px 30px 15px;
    overflow: hidden;
    position: relative;
}
.testimonial:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 1;
    border-top: 25px solid #d45113;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}
.testimonial .pic{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 20px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #918686;
    line-height: 25px;
    margin-bottom: 15px;
}
.testimonial .title{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #d45113;
    margin: 0;
}
.testimonial .post{
    display: inline-block;
    font-size: 17px;
    color: #d45113;
}
.owl-theme .owl-controls .owl-page span{
    border: 2px solid #d45113;
    background: #fff;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
    background: #d45113;
}
@media only screen and (max-width: 767px){
    .testimonial{
        padding: 20px;
        text-align: center;
    }
    .testimonial .pic{
        display: block;
        position: static;
        margin: 0 auto 15px;
    }
}


/*.image-container {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    border-radius: 10px;*/
/*}*/

/*.image-container img {*/
/*    width: 100%;*/
/*    transition: transform 0.3s ease, opacity 0.3s ease;*/
/*}*/

/*.overlay {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.6);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    text-align: center;*/
/*    opacity: 0;*/
/*    transition: opacity 0.3s ease;*/
/*    color: white;*/
/*}*/

/*.overlay h3 {*/
/*    font-size: 24px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.overlay .btn {*/
/*    background-color: #0265af;*/
/*    border: none;*/
/*    padding: 8px 16px;*/
/*    color: white;*/
/*    font-size: 14px;*/
/*    transition: background 0.3s ease;*/
/*}*/

/*.overlay .btn:hover {*/
/*    background-color: #e6324d!important;*/
/*}*/

/*.image-container:hover img {*/
/*    transform: scale(1.1);*/
/*    opacity: 0.7!important;;*/
/*}*/

/*.image-container:hover .overlay {*/
/*    opacity: 1;*/
/*}*/
.feature-icon{
    font-size: 80px;
    color: #fff;
}

.carousel-item {
    position: relative;
}

@media (max-width: 1024px) {
    .bg-pheader-img {
        height: 80vh; /* Tablet me thodi height kam */
        background-size: cover;
        background-position: center center;
    }
   

    .mainbanner-heading h3 {
        font-size: 22px;
    }

    .banner-para {
        font-size: 16px;
    }
}

/* ======= Mobile View (Up to 767px) ======= */
@media (max-width: 767px) {
    .bg-pheader-img {
        height: auto;
        min-height: 70vh!important; /* Mobile me full screen cover kare */
        width: 100%;
        background-size: cover;
        background-position: center center;
        padding: 40px 15px; /* Thoda padding badhaya taaki text chipka na ho */
    }

    .mainbanner-heading {
        /*width: 100%;*/
        text-align: center;
        padding: 10px;
        margin:90px 0 0 20px;
    }

    .mainbanner-heading h2 {
        font-size: 24px!important; /* Mobile me aur chhota */
    }

    .mainbanner-heading h3 {
        font-size: 18px;
    }

    .banner-para {
        font-size: 14px;
    }
}
@media (max-width: 1300px) {
     .mainbanner-heading h2 {
        font-size: 4rem; /* Mobile me aur chhota */
    }
}






.banner-heading {
    /*position: absolute;*/
    /*top: 100px;  */
    /*left: 10%;*/
    /*color: white;*/
    /*padding: 10px 20px;*/
    /*border-radius: 10px;*/
    /*max-width: 40%;*/
    /*max-width: 40%;*/
}
/*.main_heading{*/
/*    font-size:4.5rem;*/
/*    font-weight: 800;*/
/*}*/

/*@media (min-width:270px) and (max-width:668px){*/
/*.main_heading{*/
/*    font-size:2.2rem!important;*/
/*}}*/

/*.banner-heading h2 {*/
/*    font-size: 3.2rem!important;*/
/*    font-weight: bold;*/
/*}*/
/*.mainbanner-heading{*/
/*    margin:3rem 0 0 3rem;*/
/*}*/
@media (min-width:310px) and (max-width:668px){
/*.mainbanner-heading{*/
/*    margin:70px 0 0 0!important;*/
    
}
    .em-head2::before {
         font-size: 26px!important;
    }
    .banner-para{}
    font-size:12px!important
}




/*.banner-heading p {*/
/*    font-size: 16px;*/
/*}*/
/*.em-head2::before {*/
/*    content: "Software Development";*/
/*    animation: animate infinite 3s;*/
   
/*        color: #fa7209;*/
/*            font-family: 'Noto Sans', sans-serif;*/
/*            font-size: 37px;*/
/*}*/
/*@keyframes animate {*/

/*    0% {*/
/*        content: "Mobile App Development";*/
/*    }*/

/*    50% {*/
/*        content: "UI/UX Development";*/
/*    }*/

/*    75% {*/
/*        content: "IoT App Development";*/
/*    }*/
/*}*/

/*.banners-center-heading{*/
/*font-size: 4rem;*/
/*}*/

/*** Hero Header ***/
.hero-header {
    background: linear-gradient(rgba(20, 20, 31, .7), rgba(20, 20, 31, .7)), url(../ceilo-img/main-img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:100%;
    width: 100%;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, .5);
}

/*.submenu {*/
/*    position: relative;*/
/*}*/

/*.submenu-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*   left: 30%;*/
/*    top: 41px;*/
/*    z-index: 9999;*/
/*    background-color: #f4f4f1;*/
/*    min-width: 300px;*/
/*    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);*/
/*    border-radius: 5px;*/
/*}*/
/*@media (min-width:270px) and (max-width:460px){*/
/*.submenu-content {*/
/*min-width:200px!important;*/
/*}*/
/*}*/
/*@media (min-width:270px) and (max-width:700px){*/
/*.navbar {*/
/*display:block!important;*/
/*}*/
/*.navbar-toggler {*/
/*margin-left: 122px!important;*/
/*background-color: #d45113!important;*/
/*color:#fff!important;*/
/*}*/


/*}*/







@media (min-width:320px) and (max-width:510px){
    .cert-logo-img{
    width:30%!important;
}
}


/*@media (min-width:700px) and (max-width:992px){*/
/*.navbar-toggler {*/
/*background-color: #d45113!important;*/
/*color:#fff!important;*/
/*}*/
/*}*/
/*.submenu:hover .submenu-content {*/
/*    display: block;*/
/*}*/

/*.dropdown:hover .dropdown-content {*/
/*    display: block;*/
/*        width: 170px;*/
/*}*/
/*.dropdown-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background-color: #f9f9f9;*/
/*    min-width: 230px;*/
/*    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);*/
/*    border-radius: 5px;*/
/*    z-index: 999;*/
/*}*/

/*.dropdown-content a {*/
/*    color: black;*/
/*    padding: 10px 15px;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*}*/

/*.dropdown-content a:hover {*/
/*    background-color: #ddd;*/
/*}*/

@media (min-width:668px) and (max-width:956px){
.main_heading {
    font-size: 3.5rem;
}
}


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

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

.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: 5px;
    left: -60px;
    background:  #fa7209; 
    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;
}
.read-more{
    background-color: #07125d;
    color: #fff;
    font-weight: 800;
    border-radius: 10px;
    width : fit-content;
    display:inline-block;
}
.read-more:hover{
    background-color: #fa7209; 
    color: #fff;
}


.service-icon{
    width: 90px;
    color: rgb(23, 19, 19);

}
.service-div{
    /* width: 31%; */
    /* padding: 45px 30px 80px; */
    padding: 26px 30px 40px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 3px 10px #ccc
}
.service-div h3{
    color: rgb(15, 14, 14);
    font-size: 23px;
}
.service-div{
    text-align: justify;
    /* color: #5b5959e3; */
    color: black;
    cursor: pointer;
}
.service-div .more-arrow{
    background: #07125d;
    padding: 10px 14px;
    font-weight: 800;
    font-size: 16px;
    border-radius: 50%;
    color:#fff;
}
.service-div .more-arrow:hover{
    background-color:#fa7209;
}
.back-sec {
    background-color: #07125d;
}




.selection {
    padding-left: 30px;
    color: white;
}

.head-three {
    font-size: 29px;
    font-weight: 600;
    color: white;
} 

.back-list::before {
    /*content: "\f138";*/
    /*font-family: "FontAwesome";*/
    /*position: absolute;*/
    /*margin-left: -24px;*/
}

.nav-cont{
    display: flex;
    
}
@media (min-width: 280px) and (max-width: 767px) {
    .main-counter {
      bottom: -18px;
    position: relative;
    width: 276px;
    }
    .selection{
        padding-left: 0;
    }
    .counter-wrap {
        padding: 17px 0 !important;
        color: #017dc7;
    }
    .button-div{
        width: auto;
    }
}


@media (min-width: 768px) and (max-width:1200px) {
  
    .main-counter {
        bottom: 0;
        position: relative;
        bottom: 51px;
        width: 90%;
        left: -2%;
    }}
    @media (min-width: 767px) and (max-width: 991px) {
    .main-counter {
   
   
        bottom: -10px!important;}
               .counter-wrap {
          
           padding: 25px 0;}}

           @media (min-width: 268px) and (max-width: 762px) {
            .boy-img {
                display: none;
            }
            .back-sec {
                margin-bottom: 64px;
                padding-bottom: 50px;
            }
        }
        
        @media (min-width: 991px) and (max-width: 1200px) {
            .boy-img {
                position: relative;
                top: 7px;
                left: -86px;
                max-width: 442px;
            }
        }
        
        @media (min-width: 762px) and (max-width: 991px) {
            .boy-img {
                max-width: 445px;
                position: relative;
                left: -54%;
                top: 25%;
            }
            .counter-cont{
                display: flex
;
    flex-direction: column;
    align-items: normal;
    justify-content: center;
            }












/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
}

.service-item:hover {
    background: var(--primary);
}

.service-item * {
    transition: .5s;
}

.service-item:hover * {
    color: var(--light) !important;
}


/*** Destination ***/
.destination img {
    transition: .5s;
}

.destination a:hover img {
    transform: scale(1.1);
}


/*** Package ***/
.package-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.package-item img {
    transition: .5s;
}

.package-item:hover img {
    transform: scale(1.1);
}


/*** Booking ***/
.booking {
    background: linear-gradient(rgba(15, 23, 43, .7), rgba(15, 23, 43, .7)),url(../ceilo-img/contact-back.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


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

.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.team-item .btn {
    background: #FFFFFF;
    color: var(--primary);
    border-radius: 20px;
    border-bottom: 1px solid var(--primary);
}

.team-item .btn:hover {
    background: var(--primary);
    color: #FFFFFF;
}


/*** Testimonial ***/
/* .testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

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

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

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

.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--primary);
    border-color: var(--primary);
} */


/*** Footer ***/

.footr-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid white;
    border-radius: 50%;
    padding: 0px;
    transition: all 0.3s ease-in-out;
    color: white;
}

.footr-list a:hover {
    background-color: #fa7209;
    border-color: #fa7209;
    color: white;
}

/* List Items Hover Effect */
.list-unstyled li a {
    transition: color 0.3s ease-in-out;
}

.list-unstyled li a:hover {
    color: #fa7209;
}  

.social li a {
    display: inline-block;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: white; /* Icon color */
    transition: background-color 0.3s ease;
}

/* Specific colors */
.social li a[href*="facebook"] {
    background-color: #3b5998;
}

.social li a[href*="instagram"] {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
    #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social li a[href*="twitter"] {
    background-color: #1da1f2;
}

.social li a[href*="google"] {
    background-color: #db4437;
}

.social li a[href*="linkedin"] {
    background-color: #0077b5;
}

.social li a[href*="github"] {
    background-color: #333;
}

.social li a:hover {
    opacity: 0.8;
}



/*.footer .btn.btn-social {*/
/*    margin-right: 5px;*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
    /*color: var(--light);*/
/*    font-weight: normal;*/
/*    border: 1px solid #FFFFFF;*/
/*    border-radius: 35px;*/
/*    transition: .3s;*/
/*}*/
/*.footer .inner{*/
/*    display: flex!important;*/
/*    flex-direction: column!important;*/
/*    align-items: baseline;*/
/*}*/
/*.footer .btn.btn-social:hover {*/
/*    color:orange!important;*/
/*}*/
/*.footer-buttn-icon:hover{*/
/*}*/

/*.footer .btn.btn-link {*/
/*    display: block;*/
/*    margin-bottom: 5px;*/
/*    padding: 0;*/
/*    text-align: left;*/
/*    color: #FFFFFF;*/
/*    font-size: 15px;*/
/*    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;*/
/*    margin-right: 10px;*/
/*}*/

/*.footer .btn.btn-link:hover {*/
/*    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 .footer-menu a {*/
/*    margin-right: 15px;*/
/*    padding-right: 15px;*/
/*    border-right: 1px solid rgba(255, 255, 255, .1);*/
/*}*/

/*.footer .footer-menu a:last-child {*/
/*    margin-right: 0;*/
/*    padding-right: 0;*/
/*    border-right: none;*/
/*}*/