/* penta css */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;400;500;600;700;800&display=swap');
.servicesSection .servicesSlider .servicesItemCard:hover h4, .servicesSection h2, a:hover, header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #25306e;
}
h1, h2, h3, h4, h5, h6, p, li, a, button, input, textarea, span, select{
    font-family: 'Roboto Slab', serif;
}
.primary_color, header .navbar .navbar-collapse .navbar-nav .current-menu {
    color: #000 !important;
}
.mainHead, .servicesSection h2{
    color: #000;
}
.slick-slider-nav-projects .slick-prev {
    background: #25306e url(../images/slider-left.png) center no-repeat !important;
}
.slick-slider-nav-projects .slick-next {
    background: #25306e url(../images/slider-right.png) center no-repeat !important;
}
.primary_btn{
    transition: all 0.5s ease-in-out;
    border-radius: 8px;
}
header .navbar .mobile_right .primary_btn:hover{
    background-color: #25306e;
    border-color: #25306e;
}
.primary_btn:hover{
    border-radius: 15px;
    background-color: #25306e;
    border-color: #25306e;
}
.portfolio-details h4 {
    font-weight: 600;
    color: #000;
}
.portfolioNav .navBox .dtBox h6 {
    font-weight: 600;
    color: #000;
}
/*** About Start ***/
.highlightArea, .slider{
    background: url('../images/line-pattern.png');
}
.homeAbout .about-img {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 30px 30px 30px 30px ;
    overflow: hidden;
}

.homeAbout .about-img::before {
    content: "";
    width: 100%;
    height: 40%;
    background: var(--bs-dark);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 10px 10px 10px 10px;
}
.homeAbout .about-img::after {
    content: "";
    width: 100%;
    height: 60%;
    background: #25306e !important;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 10px 10px 10px 10px;
}

.rotate-left {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 28%;
    left: -10%;
    rotate: 25deg;
    z-index: 2;
}

.rotate-right {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 28%;
    right: -10%;
    rotate: -25deg;
    z-index: 2;
}

.homeAbout .about-img img {
    position: initial !important;
    z-index: 2;
    border-radius: 10px;
}

.experiences {
    width: 160px;
    height: 160px;
    position: absolute;
    top: -0;
    left: 0;
    padding: 35px 35px;
    text-align: center;
    border-radius: 10px;
    z-index: 3;
    animation: mymove 8s infinite;
    animation-timing-function: ease-in-out;
}
.border-primary{
    border-color: #25306e !important;
}
/* service slider section */
/* .home-service .servicesSlider{
    margin-top: 30px;
} */
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
    color: #25306e;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{
    color: #25306e;
}
.home-service  .servicesSlider .servicesItemCard{
    border: 2px dotted #25306e !important;
    transition: all 0.5s ease-in-out;

}
.home-service  .servicesSlider .servicesItemCard:hover{
    transform: translateY(-20px);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
}
.home-service .servicesItemCard .servicesItemImage{
    margin-top: 0 !important;
}
.servicesSection .slick-slider-nav-sp .slick-prev {
    background: #25306e url('../images/slider-left.png') center no-repeat;
}
.servicesSection .slick-slider-nav-sp .slick-next {
    background: #25306e url('../images/slider-right.png') center no-repeat;
}
.servicesSection .slick-slider-nav-sp{
    justify-content: end;
}
.overlay .whiteBg{
    background: #fff url('../images/line-pattern.png') !important
}
.homeProjects .projectsItemCard:hover .overlay h6{
    color: #CD2027;
}
.homeProjects .projectsItemCard:hover .overlay p{
    color: #000;
}
.testimonial .testimonialCard h6{
    color: #000;
}
.servicesSection .servicesSlider .servicesItemCard .moreBtn{
    color: #25306e;
}
/* end of home service slider section */
/* why choose us section */
.why-choose-wrapper .subHead.white_color::before{
    background-color: #000;
}
.why-choose-wrapper .subHead.white_color, .why-choose-wrapper .mainHead.white_color{
      color: #000  !important;
}
.why-choose-wrapper .section-title-small {
    margin-top: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.03em;
}
.why-choose-wrapper .section-line {
    width: 80px;
    height: 1px;
    margin: 0 auto 0 0;
    background: #010101;
}
.why-choose-wrapper .border-left .alt-features-item{
    padding-bottom: 20px;
    padding-top: 20px;
}
.why-choose-wrapper .border-left  {
    padding-left: 20px;
    border-left: 1px dotted #25306e;
    border-bottom: 1px dotted #25306e;
}
.why-choose-wrapper .border-left:hover{
    background: url('../images/line-pattern.png');
    background: #7fc7f575;
}
.brd-btm-class.border-left{
    border-left: 0; 
}
.why-choose-wrapper .border-left:hover .alt-features-icon{
    transform: translateX(15px);
    transition: all 0.5s ease-in-out;
}
/* .brd-btm-class .alt-features-item.border-left{
    border-bottom: 1px dotted #25306e; 
} */
.why-choose-wrapper .alt-features-item.border-left:hover .alt-features-icon img{
    transform: translateX(15px);
}
.why-choose-wrapper .alt-features-icon img {
    filter: invert(1) !important;
    margin-bottom: 20px;
    transition: all 0.5s ease-in-out;
}
.why-choose-wrapper .alt-features-title {
    margin-bottom: 11px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.02em;
}
.why-choose-wrapper .alt-features-descr {
    font-size: 16px;
    line-height: 1.625;
}

/* end of why choose us section */
/* testimonial section */
.testimonial{
    background-color: #f0f0f0;
    padding: 70px 0;
}
.testimonial .cntArea{
    padding: 0px 0px 30px 0;
}
.testimonial .cntArea, .testimonial .sliderArea{
    padding-bottom: 0;
}
.testimonial .mainHead{
    padding: 20px 0;
}
.testimonial .testimonialCard .quoteArea p{
    padding-right: 10px;
}
.testimonial .sliderArea{
   padding-top: 0; 
}
.testimonial::before{
    content: none !important;
}
.testimonialCard{
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
    transition: all 0.5s ease-in-out;
}
.testimonialCard:hover{
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.15);
}
/* .testimonial .slick-slider-nav-testimonial{
    justify-content: end;
} */
.testimonial .slick-slider-nav-testimonial .slick-prev {
    background: #25306e url('../images/slider-left.png') center no-repeat;
}
.testimonial .slick-slider-nav-testimonial .slick-next {
    background: #25306e url('../images/slider-right.png') center no-repeat;
}
/* end of testimonial section */
@keyframes mymove {
    from {top: -202px;}
    to {top: 102%;}
}

button.btn.btn-primary {
    background: #25306e ;
}
i.fas.text-primary {
    color: #25306e  !important;
}
/*** About End ***/
/* about page  */
.moreAbout{
    background: #212529;
    padding: 50px 0;
}
.moreAbout .moreAboutWrapper .item .icon img {
    filter: hue-rotate(45deg);
}
.moreAbout .moreAboutWrapper .item{
    border-radius: 5px;
    transform: scale(0.9);
    transition: all 0.5s ease-in-out;
}
.moreAbout .moreAboutWrapper .item:hover{
    transform: scale(1);
}
.moreAbout .moreAboutWrapper .item:hover .icon img{
    transform: translateY(-20px);
    transition: all 0.5s ease-in-out;
}
.moreAbout .moreAboutWrapper .item .icon{
    background: #25306e
}
.moreAbout .moreAboutWrapper .item h2{
    color: #212529;
}
.moreAbout .moreAboutWrapper .item p{
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}
.moreAbout .moreAboutWrapper .item p::-webkit-scrollbar {
    width: 7px;
  }
  .moreAbout .moreAboutWrapper .item p::-webkit-scrollbar-track {
    background-color: #cd2027;
    border-radius: 10px;
  }
  .moreAbout .moreAboutWrapper .item p::-webkit-scrollbar-thumb {
    background: #25306e;
    border-radius: 10px;
  }
  .moreAbout .moreAboutWrapper .item p::-webkit-scrollbar-thumb:hover {
    background: #25306e;
  }
/* end of about page  */

/* service detail page */
.services-details .servicesRight .servicesDetailsWrap{
    border: none;
}
.services-details .sticky-lg-top{
    padding-left: 50px;
}
.services-details .servicesNav h4{
    border: 1px dotted  #25306e;
    border-bottom: 0;
}
.services-details .servicesNav .servicesList li .active {
    background: #25306e;
}
.services-details .servicesNav .servicesList li a:hover, footer .social .icon:hover {
    background: #25306e;
}
.services-details .servicesNav .servicesList li ul li a:hover {
    color: #d74e54;
}
.services-details .servicesNav .servicesList li a{
    background: #fafafa;
    color: #000;
}
.services-details .servicesNav .servicesList{
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.15);
    border: none;
}
.services-details h1, .services-details h2{
    color: #000;
}
.services-details .servicesRight h4 {
    color: #25306e;
}
/* end of serive detail page */
/* event page */
.portfolio .portfolioCard .projectInfo {
    background: #25306e;
    color: #fff;
}
.portfolio .portfolioCard .projectInfo h6{
    color: #fff;
}
/* end of event page */
/* contact page  */
.contactUs .map iframe {
    max-height: 320px;
}
.contactUs .infoCard{
    height: auto;
    background-color: transparent;
    box-shadow: none;
    padding-left: 0;
}
.contactUs form {
    margin-top: 0px;
}
.contactUs .infoCard h5{
    color: #25306e;
}
/* end of contact page */
/* footer */
.footer-logo{
    border-radius: 10px;
}
.addres p{
    font-size: 16px;
}
.addres li{
    list-style: none;
}
footer ul.links li a:hover, footer ul.info li a:hover{
    color: #25306e;
}
/* end of footer */
@media (max-width: 1500px){
    .carousel-item.active .carousel-caption .sliderCnt {
        left: 12%;
    }
}
@media (max-width: 1399.98px){
header .navbar .navbar-brand {
    width: 150px;
}
}
@media(max-width:1199px){
    .moreAbout .moreAboutWrapper .item p{
        height: 210px;
    }
    .moreAbout .moreAboutWrapper {
        grid-gap: initial;
        grid-row-gap: 20px;
    }
}
@media(max-width:991px){

    header.sticky .navbar .navbar-brand {
        width: 50%;
    }
    .mobileMenu .navbar-brand {
        width: 160px;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .mobileMenu .navbar-nav .nav-item .nav-link:hover {
        color: #25306e;
    }
    .mainHead{
        margin-top:20px;
    }
    .homeAbout .about-img{
        margin-top: 30px;
    }
    .moreAbout .moreAboutWrapper .item p{
        height: 155px;
    }
    footer .navbar-brand img {
        width: 130px;
    }
}
@media(max-width:767px){
    .why-choose-wrapper .border-left{
        border: none;
    }
    .carousel-item.active .carousel-caption .sliderCnt {
        left: 0%;
    }
}
@media(max-width:575px){
    .testimonial .cntArea{
        padding: 0 25px;
    }
    .moreAbout .moreAboutWrapper .item p {
        height: 90px;
    }
}
.slider.main-hero-slider .carousel-inner .carousel-item .carousel-caption .sliderCnt::before{
    background: #6ea7cd;
}
.main-hero-slider .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon{
    filter: unset;
    background-size: 20px;
}
.main-hero-slider .carousel-control-prev {
    left: 15px;
}
.main-hero-slider .carousel-control-next {
    right: 15px;
}
.slider .carousel-control-next, .slider .carousel-control-prev{
    width: 40px;
    height: 40px;
    background: #000;
    border-radius: 50%;
}
.carousel-item img{
    transition: transform 1s ease-in-out;
    transform: scale(0.5);
}

.carousel-item.active img{
    transform: scale(1.2);
}
.carousel-item .carousel-caption .sliderCnt{
    transition: transform 1s ease-in-out;
    transform: scale(0.5);
}

.carousel-item.active .carousel-caption .sliderCnt{
    transform: scale(1.2);
}
/* .carousel-item {
    animation: slideDownToUp 1s ease-in-out;
    transform-origin: top;
} */

/* @keyframes slideDownToUp {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
} */