@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;





}





a{

    text-decoration: none;


}

li{

    list-style: none;

}

body{
    font-family: "Jost", sans-serif;
}

/* navbar start */



/* video  */

.video-container {

    position: relative;

    width: 100%;

    height: 640px;

    overflow: hidden;

    

  }

  .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

   

  }



.btn-contact a, .btn-contact2 a ,.btn-contact3 a{padding: 10px 15px;background: #1cb109;color: #fff;border-radius: 0;text-transform: uppercase;}

.btn-contact2{

    margin-bottom: 80px;

}

.btn-contact3{

    margin-top: 80px;

    margin-bottom: 80px;

}

.btn-contact a:hover{background: linear-gradient(to right, #107f02, #31d01c);}

.btn-contact2 a:hover{

    background:linear-gradient( to right,#107f02,#54fb3e);

 

}

.btn-contact3 a:hover{

    background:linear-gradient( to right,#107f02,#54fb3e);

  

}

.my-nav .nav-item{

    padding-right: 40px;

}

.my-nav .nav-item .nav-link{font-size: 15px;/*text-transform: uppercase;

    font-weight: 600;*/color: #fff;text-transform: uppercase;}

.my-nav .nav-item .nav-link:hover{

    color: #1cb109;

}

.my-nav .nav-item .nav-link.active{

    color: #1cb109;

    font-weight: 600;

}

.my-nav img{

    height: 60px;

}



.my-nav .navbar-nav{

    padding-right: 30px;

}



/*  main -banner */







 .main-banner .text,.image-container{

    margin-top: 80px;

 

  

}

.main-banner{

    background-color: #000;

}

.main-banner .text h4{

    color: #1cb109;

    font-size: 16px;

    font-weight: 700;

    text-transform: capitalize;

    background-color: #fff;

    width: fit-content;

    padding: 7px 40px;

    border-radius: 15px;

}

.main-banner .text h1{

    color: #f2f1f1;

    font-size: 70px;

    font-weight: 700;

    text-transform: capitalize;  

    padding-bottom: 40px;

    min-height: 180px;

    padding-top: 20px;

}





.image-container {

    width: 200px;

    height: 200px;

    overflow: hidden;

  }

  

  .rolling-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

    animation: roll 15s infinite linear;

  }

  

  @keyframes roll {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

  }



  /* Upcomingsection  style */

  .mainSec{

    padding: 30px 0;

    text-align: center;

    margin-bottom: -70px;

   

  }

  .innerWhite{

    background-color:  rgba(248,248,255, 0.8);

    box-shadow: rgba(0, 0, 0, 0.39);

    border-radius: 30px;

    border: 2px solid rgba(255, 255, 255, 0.11);

    background: rgba(38, 31, 48, 0.5);

    transition: all 0.2s ease-in-out;

  }

  .upcomingText h3{

    color: #fff;

    font-weight: 30px;

    font-weight: 700;

    margin-bottom: 0;

    text-transform: capitalize;

  }

  .upcomingText{

    border-right: 1px solid #fff;

    padding: 15px 0;

  }

  .upcomingText p{

    margin-bottom: 0;

    color: #fff;

    font-weight: 700;

    text-transform: capitalize;

  }



  /* service section style css */

.servicesSec{background-color:#000;padding-top: 10px;padding-bottom: 30px;}

.servicesSec h6{

    color: #fff;

    font-weight: 700;

}

.servicesSec .title i{

    color: #1cb109;

}



.servicesSec .below:nth-child(even){

    margin-top: 60px;

}

.servicesSec .below2:nth-child(odd){

    margin-top: 60px;

}

.straight-line-wrapper {

    padding:0 50px;

    transition: all 0.4s ease-in-out;

        color: #fff;
    font-size: 26px;
    text-transform: uppercase;

   

}



.straight-line-wrapper .straight-line {

    position: absolute;

    top: 50%;

    left: 0;

    width: 34px;

    height: 2px;

    z-index: 50;

    background-color: #107f02;

    transform: scaleX(1);

    transform-origin: bottom left;

    transition: all 0.4s ease-in-out;

}
.straight-line-wrapper .straight-line2 {

    position: absolute;

    top: 50%;

    right: 0;

    width: 34px;

    height: 2px;

    z-index: 50;

    background-color: #107f02;

    transform: scaleX(1);

    transform-origin: bottom left;

    transition: all 0.4s ease-in-out;

}

 .title h2{

    color: #fff;

    font-weight: 700;

    font-size: 42px;

    text-transform: capitalize;

}

 .title-sd{

    color: #000;

    font-weight: 700;

    font-size: 48px;

    -webkit-text-stroke: 1px #1cb109;

    text-transform: capitalize;

    

}





.servicesSec .right-text p{

 text-align:right;

 color: #afafaf;

 padding-top: 50px;

}



.serviceBox{

    border: 2px solid #515151;

    border-radius:30px;

   

    margin-top: 50px;

}



.serviceBox i{

    font-size: 35px;

    color: #107f02;

}



.serviceBox h3{

    font-size: 25px;

    color: #c2c2c2;

    font-weight: 700;

    padding-top: 20px;

}

/*  new service design css start */

.Servimage-container {position: relative;overflow: hidden;border-radius: 0;margin-top: 20px;}

  .Servimage-container img {

    transition: transform 0.9s ease;

  }



  .overlay {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

  .Servimage-container:hover .overlay {

    opacity: 1;

  }

  .servicesSec .Servimage-container img{height: 180px;width: 100%;border-radius: 0;}

  .servicesSec .text-box {width: 100%;height: 100%;color: #fff;text-align: center;padding: 10px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}



 .servicesSec .text-box h3{font-weight: 400;font-size: 20px;color: #fff;text-transform: uppercase;display: inline-block;border-bottom: 2px solid #1cb10991;}



  .servicesSec .text-box a{color: #808080;font-size: 16px;letter-spacing: 2px;}





  /*  new about us section  */

  .about-us{padding: 40px 0;background-color: #0C0614;}







  

  



  .about-us .img-boxx{

    position: relative;

  }

.about-us .text-box{

    padding-top: 0px;

    padding-left: 15px;

}

  .about-us .text-box h4{

   color: #1cb109;

   font-size: 17px;

   font-weight: 700;



  }



  

   .about-us .text-box p{color: #b4b2b2;font-size: 17px;padding-top: 10px;line-height: 28px;}

  .about-us .img-box-2{

    position: absolute;

    top: 60%;

    left: 50%;

  }

  

  .about-us .text-box  .btn-btn a{padding: 12px 25px;background-color: #1cb109;color: #fff;text-decoration: none;text-transform: capitalize;border-radius: 0;font-size: 17px;}



  .about-us .text-box .btn-btn a:hover{

    background:#fff;

    color: #1cb109;

  }

  .about-us .btn-btn{

    margin-top: 30px;

  }







.tagLine{

    padding: 30px 0;

    background-color: #000;

}

.tagLine h2{font-size: 110px;color: #fff;text-transform: uppercase;font-weight: 700;
    font-family: "Open Sans", sans-serif;}

.tagLine span{

 color: #000;

 -webkit-text-stroke:2px  #1cb109;

}

  

   

 

/*  event end section css start */

.eventEndsec{

    padding: 80px 0;

    background-color: #000;

}

.eventEndsec .EventImgbox{

position: relative;

overflow: hidden;

}

.eventEndsec .img-box::after{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: inline-block;

   

    background: linear-gradient(190deg, rgba(178, 13, 93, 0) 4.66%, rgba(21, 2, 64, 0.81) 86.28%);



}



.EventImgbox .lineup-image-hover {

    --bs-lineup-headings-color: #CECCDA;

    transition: all 0.5s ease-in-out;

    position: absolute;

    bottom: -20px;

    left: 16px;

}


.button{
    background: transparent !important;
}

.EventImgbox .lineup-image-hover .author-name {

    font-family: var(--bs-font-family-style-2);

    font-size: 28px;

    font-weight: 800;

    margin-bottom: 0;

    line-height: 42px;

    color: var(--bs-lineup-headings-color);

    text-transform: capitalize;

}



.EventImgbox .line-up-hover-content {

    visibility: hidden;

    opacity: 0;

   

    transition: all 0.5s ease-in-out;

}



.EventImgbox:hover .line-up-hover-content{

    visibility: visible;

    opacity: 1;

  

    

}

.EventImgbox .img-box img{

    height: 441px;

}

.EventImgbox .line-up-hover-content h5{

    font-size: 20px;

    color: #848383;

}

.EventImgbox:hover .lineup-image-hover{

    bottom: 7%;

}

.EventImgbox .line-up-icons i{

    font-size: 15px;

    color: #848383;

    padding: 5px 7px;

}

.EventImgbox .line-up-icons i:hover{

    color: #107f02;

}

.eventEndsec .aboutText p{

    color: #807f7f;

    font-size: 16px;

    padding-top: 15px;

}




.event-icon i{

    font-size: 30px;

    color: #fff;

    font-weight: 200;

    padding: 15px 15px;

    background-color: #1cb109;

    border-radius: 50%;

    margin-top: 5px;

}


/* client section  */

.client-logo{background-color: #000;padding: 30px 0;}

.client-logo .aboutText{

    margin-top: 60px;

}

.clint-bg{background-color: #fff;padding: 30px 0;margin-top: 20px;}

.clint-bg .item img{}

.clint-bg .aboutText p{

    color: #807f7f;

    font-size: 16px;

    padding-top: 15px; 

    text-align: right;

}

.clint-bg .owl-dots{
    display: none;
}

.clint-bg .total-item{}



.client-logo .owl-theme .owl-nav {

 display: none;

}



/* .client-logo .owl-theme .owl-dots .owl-dot span {

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

    margin-top: 50px;

} */

 .client-logo .owl-theme .owl-dots .owl-dot span {

    display: none;

 }



/*  video/gallery section style start */





/*  gallery section html start  */

 

 /*  */

/*  gallery section html start  */

.gallery-sec{

    padding: 80px 0;

    background-color: #000;

    padding-top: 0;

 }

 .gallery-sec .parent-img{

    display: flex;

    margin-top: 20px;

    

 }





 .gallery-sec .img-box img{height: 280px;border-radius: 0;width: 410px;}

 .gallery-sec .mother-box img{

    height: 280px;

    border-radius: 20px;

    width: 500px;

 }

 

   

  

 .parent-img .img-box{

    padding: 0 10px;

 }



.mother-box .img-box{

    padding: 0 10px;

}

/*  testimonials */



.testiMonial{padding: 40px 0;background-color:#0C0614;border: 1px solid #232323;}

.testiMonial .testi-details{

    display: flex;

    align-items: center;

    

}

.testiMonial .testi-details img{

    height: 70px;

    width: 70px;

    border-radius: 50%;

}

.testi-details h4{

    padding-left: 30px;

    color: #c6c6c6;

}

.testiMonial .clintImg {

    width: 270px;

    height: 270px;

    background-color: #a8a7a7;

    border-radius: 50%;

    position: relative;

    margin-top: 50px;

}



.testiMonial .clintImg img{

    width: 270px;

    height: 270px;

    border-radius: 50%;

    position: absolute;

    left: 25%;

}

.testiMonial .total-box{

    padding-top: 50px;

}

.testiMonial .total-box p{

   line-height: 35px;

    color: #aeadad;

    font-size: 23px;

    padding-top: 30px;

}





.testiMonial .img{

    width: 190px;

    height: 190px;

    background-color: #ccc9c9;

    border-radius: 50%;

}





.testiMonial .testi-star i{

    color: #054e1c;

    font-size: 15px;

}



.testiMonial .testi-star{

    margin-top: 20px;

}



.testiMonial .carousel-control-prev{

    width: 45px;

    height: 45px;

    background-color: #1cb109;

    top: 83%;

    left:78%;

    border-radius: 50%;

    opacity:1;

 }

.testiMonial .carousel-control-prev i,.carousel-control-next i{

    font-size: 20px;

    font-weight: 200;

}

 .testiMonial .carousel-control-next{

    width: 45px;

    height: 45px;

    background-color: #1cb109;

    top: 83%;

    right:8%;

    border-radius: 50%;

    opacity: 1;

 }





 

 .blog-sec{padding: 40px 0;background-color: #000;}



 .blog-sec .aboutText p{

    color: #807f7f;

    font-size: 16px;

    padding-top: 15px; 

    text-align: right;



}



.blog-sec .blog-img img{height: 220px;border-radius: 0;}

.owl-nav{

    display: none;

}

.owl-dots{

    margin-top: 15px;

}

.blog-sec .total-blog{padding: 15px;background-color: rgba(38, 31, 48, 0.22);border: 1px solid rgba(255, 255, 255, 0.11);border-radius: 0;margin-top: 20px;}



    .blog-sec .total-blog:hover{

        border: 1px solid #1cb109;

    }

   

    

.blog-sec .text h3{

    color: #afafaf;

    font-size: 20px;

    padding-top: 30px;

}

.blog-sec h3:hover{

color: #1cb109;

}

.blog-sec p{

    color: #807f7f;

    font-size: 15px;

    padding-top: 15px;

}







.allHeadImgD{

    background: url(../img/headimg.jpg) top center no-repeat;

    background-size: cover;

    -webkit-background-size: cover;

    padding: 60px 0;

    padding-top: 100px;

}

.headingmainD h2{

    font-size: 62px;

    color: #fff;

    font-weight: 700;

}

.headingmainD span {

    display: block;

    height: 2px;

    width: 100px;

    background-color: #1cb109;

}





.abtPageD span{

    font-size: 16px !important;

}

.abtPageD h2 {

    font-size: 26px;

    color: #1cb109;

}

.about-us .abtPageD p {

    line-height: 21px;

}







.serpageSec .Servimage-container img {

     height: 350px; 

}

.serpageSec .overlay {position: absolute;top: inherit;bottom: 20px;left: 0;right: 0;width: auto;height: 100px;opacity: 1;border-radius: 0;}

.serpageSec .text-box {background-color: #2c2c2c9e;border-radius: 0;}

.serpageSec .text-box h3 {

    color: #fff;

}

.serpageSec .text-box a {

    color: #979797;
    font-size: 16px;

}



.serdetailBdr{

    border: 1px solid #1cb109;

    border-radius: 15px;

    padding: 30px;

}

.SerdetailD img{

    width: 100%;

    border-radius: 15px;

}

.SerdetailtextD{

    padding-top: 30px;

}

.SerdetailtextD p{

    color: #fff;

}

.SerdetailtextD hr{

    border-color: #6e6e6e;

}

.SerdetailtextD h4{

    font-size: 20px;

    color: #fff;

}

.SerdetailtextD ul li{

    list-style: none;

    color: #fff;

    padding: 2px 0;

    font-size: 15px;

    font-weight: 400;

}

.SerdetailtextD ul li i{

    color: #1cb109;

}







.eventPageSec{

    background-color: #000;

    padding: 60px 0;

}

.eventpagemainD{

    position: relative;

    margin-bottom: 60px;

    margin-top: 20px;

}

.eventpagemainD img{

    height: 300px;

    width: 100%;

}

.eventpagecapD{

    background-color: #fff;

    position: absolute;

    right: 30px;

    bottom: -40px;

    padding: 30px 0;

    width: 260px;

}

.eventpageSubD{

        padding: 0 25px;

    border-left: 6px solid #1cb109;

    margin-left: -3px;

}

.eventpageSubD h4{

    font-size: 20px;

    color: #000;

}

.eventpageSubD h6{

    font-size: 13px;

    color: #1cb109;

}

.eventpageSubD2{

    padding: 0 25px;

    margin-top: 30px;

}

.eventpageSubD2 p{

    color: #000;

    font-size: 13px;

    margin-bottom: 5px;

}

.eventpageSubD2 p i{

    color: #1cb109;

    margin-right: 10px;

}

.btn-green, .btn-green:hover{

    background-color: #1cb109;

    color: #fff;

    padding: 8px 20px;

    border-radius: 0;

}

.evTitleD p{

    color: #fff;

    font-size: 13px;

}



.pressmainD{

    margin-top: 30px;

    border: 1px solid #1cb109;

    padding: 10px;

    border-radius: 10px;

}

.pressmainD img{

    width: 100%;

    height: 250px;

    border-radius: 10px;

}

.getintD{

    background-color: #121212;

    padding: 30px;

    border-radius: 20px;

}



.getintD .form-control{

    background-color: transparent;

    border: 1px solid #c2c2c2;

    height: 48px;

    color: #fff;

    font-size: 13px;

}

.getintD textarea.form-control{

    height: auto;

}

.getintD .form-control::placeholder{

    color: #c2c2c2;

}

.contactD p, .contactD p a{

    font-size: 15px;

    color: #fff;

}

.contactD p i{

    color: #1cb109;

}

.contactD{

    padding:80px 20px;

}

.contactD .evTitleD{

    margin-bottom: 30px;

}

.mapD{

    margin-top: 30px;

    border-radius: 20px;

    overflow: hidden;

}





.galleryD{

    margin-top: 30px;

}

.martop30{

    margin-top: 30px;

}

.galleryD img{

    width: 100%;

    height: 220px;

    border-radius: 10px;

}

.blogPgD .total-blog{

    margin-top: 30px;

}







/*  footr */

.myFoot{

    background-color: #090909;

    padding: 40px 0;

    color: #848383;

    border-top: 1px solid #232323;

}



.myFoot h3{

    font-size: 15px;

}

.myFoot .text{

    padding-top: 20px;

}

.foot-logo{

}

.myFoot p{

    margin-bottom: 5px;

}

.myFoot p a{font-size: 15px;color: #fff;text-transform: uppercase;font-weight: 300;}

.myFoot p a:hover{

    color: #1cb109;

}
.myFoot p span{
    color: #1cb109;
}

.foot-logo p{color: #fff;font-size: 18px;margin-top: 15px;}



.socialIconFtD{

    margin-top: 10px;

}

.socialIconFtD ul{

    display: table;

    margin: 0 auto;

    padding: 0;

}

.socialIconFtD ul li{

    float: left;

}

.socialIconFtD ul li a{

    display: block;

    height: 40px;

    width: 40px;

    border: 1px solid #fff;

    border-radius: 50%;

    margin: 2px 8px;

    color: #fff;

    font-size: 18px;

}

.socialIconFtD ul li a i{

    line-height: 40px;

}

.socialIconFtD ul li:first-child a{

    margin-left: 0;

}





.lasttext{

    margin-top: 20px;

}

.lasttext span{

    display: block;

    height: 2px;

    width: 200px;

    background-color: #1cb109;

    margin-bottom: 20px;

}

.lasttext p{color: #fff;font-size: 15px;}





@media screen and (max-width: 768px) {



.navbar-toggler{

 color: #fff;
        margin-left: 100px;

}

.video-container {

    height: 320px;

}

.clint-bg {margin-top: 15px;padding: 20px 0;}

.servicesSec .Servimage-container img {

    height: auto;

}

.servicesSec .text-box h3 {

    font-size: 20px;

    margin: 0;

}

.servicesSec .text-box a {

    font-size: 13px;

}

.servicesSec .text-box {padding: 15px 0;}

.overlay {opacity: 1;}

.title h2 {

    font-size: 24px;
    margin-top: 15px;

}
.testiMonial .clintImg {
    width: 200px;
    height: 200px;
}
.testiMonial .clintImg img {
    width: 200px;
    height: 200px;
}
.testiMonial .total-box {
    padding-top: 0px;
}
.testiMonial .total-box p {
    line-height: 24px;
    font-size: 16px;
}

.about-us .text-box p {

    font-size: 14px;

    line-height: 25px;

}

.tagLine h2 {

    font-size: 42px;

}

.my-nav .navbar-nav {
    margin-bottom: 30px;
}
.btn-contact a, .btn-contact2 a, .btn-contact3 a {
    border-radius: 0;
}
.my-nav img {
    height: 45px;
}
.btn-contact a{
    padding: 6px 10px;
    font-size: 11px;
}
.straight-line-wrapper {
    font-size: 18px;
}
.foot-logo p {
    font-size: 14px;
}
.myFoot p a {
    font-size: 10px;
}
.lasttext p {
    color: #fff;
    font-size: 12px;
}
.headingmainD h2 {
    font-size: 30px;
}
.serdetailBdr {
    padding: 10px;
}
.serDetailImg .galleryD img{
    height: 95px;
}
.SerdetailtextD p {
    color: #fff;
    text-align: justify;
}


}