/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

li.top-links-social {
    list-style-type: none;
    display: inline;
    margin: 0px 10px;
}

#top-bar a{
	color: #fff;
	font-size: 16px;
    font-weight: 600;
}

.bg-color-black{
	background-color: #000;
}

.skew {
    content: "";
    position: absolute;
    background: #fff;
    top: -2px;
    left: 38%;
    bottom: -2px;
    width: 3px;
    z-index: 1;
    transform: rotate(17deg);
}

div#top-bar:before {
    content: "";
    position: absolute;
    /*background: #fc0200;*/
    top: 0;
    left: 0;
    bottom: 0;
    width: 38%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 97% 100%, 0 100%);
    z-index: 0;
}

#top-bar h4{
	z-index: 2;
}

/*.custom__container {
    max-width: 1520px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
}*/

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px;
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px;
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px;
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px;
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px;
    }
}


.btn-one, .btn-two, .btn-three, .btn-four, .btn-five, .btn-six, .btn-seven, .btn-eight, .btn-nine {
    background: #fc0200;
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding: 17px 43px;
    text-align: center;
    font-weight: 700;
    font-family: var(--heading-font);
    z-index: 3;
    position: relative;
    transition: 0.4s;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 6px;
}

.btn-one::before, .btn-two::before, .btn-three::before, .btn-four::before, .btn-five::before, .btn-six::before, .btn-seven::before, .btn-eight::before, .btn-nine::before {
    content: "";
    position: absolute;
    height: 400px;
    width: 430px;
    top: 50%;
    left: 50%;
    background: #000;
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: all 0.5s ease-out 0s;
    z-index: -1;
}

.btn-one:hover, .btn-two:hover, .btn-three:hover, .btn-four:hover, .btn-five:hover, .btn-six:hover, .btn-seven:hover, .btn-eight:hover, .btn-nine:hover {
    color: #fff;
}

.btn-one:hover::before, .btn-two:hover::before, .btn-three:hover::before, .btn-four:hover::before, .btn-five:hover::before, .btn-six:hover::before, .btn-seven:hover::before, .btn-eight:hover::before, .btn-nine:hover::before {
    transform: translateY(-50%) translateX(-50%) scale(1);
}

.btn-one i, .btn-two i, .btn-three i, .btn-four i, .btn-five i, .btn-six i, .btn-seven i, .btn-eight i, .btn-nine i {
    position: relative;
    top: 0px;
    margin-left: 15px;
    font-size: 16px;
}

.contact-icon{
    float: left;
    font-size: 30px;
}

#section-contact small span{
    color: #ccc !important;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
}

#section-contact small{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}

.header__area-menubar-right-box-sidebar-popup-social a i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #fc0200;
    transition: all 0.4s ease-out;
    background: #fff;
}

.header__area-menubar-right-box-sidebar-popup-social a i:hover {
    color: #fff;
    background: #fc0200;
}

#top-menu .side-panel-trigger img {
    cursor: pointer;
    max-width: 25px;
}

.header-buttons{
    margin-left: 70px;
}

#top-menu{
    margin-left: 30px;
    padding-left: 0px;
    position: relative;
}

.min-vh-68 {
    min-height: 68vh !important;
}

.min-vh-88 {
    min-height: 88vh !important;
}

.min-vh-120 {
    min-height: 120vh !important;
}



.banner__four-content-video-icon i {
    background: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    color: #fc0200;
}

.banner__four-content-button-item {
    float: left;
    margin-right: 30px;
}

.slider-desc h5 {
    display: block;
    color: #fc0200 !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}

.slider-desc h2{
    font-size: 100px;
    line-height: 110px;
    margin-bottom: 40px;
    max-width: 650px;
    font-weight: 700;
}

.bg-b88{
    background: #fc0200;
}
.tenyears .counter{
    color: #fff;
    font-weight: 900;
    font-size: 70px;
    margin: 0px;
}

.tenyears h4{
    
    margin: 0px !important;
}

.tenyears h6{
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0px;
}

.p-padding{
    padding: 5rem 16rem 4rem 8rem !important;
}

/*----------------------------------------*/
/*  4. Wellcome Services Area
/*----------------------------------------*/

.well-services {
    padding: 40px 20px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom:30px;
    z-index: 1;
    transition: 0.5s;
}
.well-services::after{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: #fc0200;
    content:"";
    transition: 0.5s;
    opacity: 0;
    z-index: -1;
}
.well-services:hover .well-icon .number,
.welcome-area-2 .well-services:hover .well-icon a,
.well-services:hover .well-content h4 a{
    color:#fff;
}
.welcome-area h3{
    text-align: center;
}
.well-services:hover .well-content p{
    color:#ddd;
}

.services-column{
    margin-top: 30px;
}
.well-content h4 {
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
}
.well-content h4 a{
    color:#001033;
}
.well-services p {
    margin-bottom: 0px;
    letter-spacing: 0.60px;
}
.well-services:hover::after{
    opacity: 1;
    transition: 0.5s;
}
.well-content h4 a:hover {
    color:#FDA12B;
}
.well-icon {
    margin-bottom: 20px;
    display: block;
}
.well-icon a {
    font-size: 70px;
    line-height: 70px;
    color: #001033;
}

/*---*/

.subtitle-one::before, .subtitle-two::before, .subtitle-three::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #fc0200;
}

.subtitle-one::after, .subtitle-two::after, .subtitle-three::after {
    position: absolute;
    content: "";
    bottom: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #fc0200;
}

.subtitle-one, .subtitle-two, .subtitle-three {
    position: relative;
    text-transform: uppercase;
    color: #fc0200;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    padding-left: 55px;
    display: inline-block;
    margin-bottom: 14px;
}

.services__one-item-icon {
    margin-bottom: 25px;
    position: relative;
}

.services__one-item-icon img {
    transform: rotateY(0);
    max-width: 70px !important;
}

.services__one-item-icon-one {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: 0.4s;
    z-index: 1;
}

.services__two-item-icon-one {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
}

.well-services:hover .services__one-item-icon img {
    transform: rotateY(0);
    max-width: 70px !important;
}

.well-services:hover .services__two-item-icon-one{
    opacity: 1;
}

.well-services:hover .services__one-item-icon-one{
    opacity: 0;
}

.well-services:hover .services__one-item-icon img {
   transform: rotateY(-180deg);
   filter: brightness(0) invert(1);
}

.well-services::before {
    position: absolute;
    content: "";
    top: -112px;
    right: -112px;
    background: #fff;
    width: 224px;
    height: 224px;
    border-radius: 50%;
    transition: 0.4s;
    opacity: 0;
}

.well-services:hover::before {
    opacity: 0.1;
}

/*-------------*/

.simple-btn-1, .simple-btn-2, .simple-btn-3 {
    color: #000;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    font-family: var(--heading-font);
    transition: 0.4s;
    text-transform: uppercase;
}

.well-services:hover .simple-btn-2 {
    text-decoration: underline !important;
    color: #fff !important;
}

.promoquote.promo-dark h3 {
    font-size: 48px;
}

.promoquote.promo-dark h3 + span {
    color: #fff;
    font-weight: 900;
}

.cta__area-form .cta__area-form-item button {
    width: 160px;
    padding: 17px 0px !important;
    justify-content: center;
}

.promoquote .btn-four {
    background: #131313;
    border: 0 !important;
    height: 60px;
}

.cta__area-form form {
    display: flex;
    gap: 30px;
    justify-content: end;
}

.promoquote .form-control{
    height: 60px;
}

.promoquote .form-group {
    /* margin-bottom: 1rem; */
    margin: 0rem .75rem;
}

.btn-four::before {
    background: #fff;
}

.promoquote .btn-four:hover{
    color: #131313;
}

/*----------*/

.experience__area-image {
    position: relative;
    display: flex;
    gap: 30px;
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.mt-65 {
    margin-top: 65px;
}

img.one {
    margin-bottom: 50px;
}



.left-right-animation {
    animation: left_right 2s ease-in infinite alternate-reverse;
}

@keyframes left_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}


.skills .counter.counter-inherit {
    font-size: inherit;
    font-weight: inherit;
    position: absolute;
    z-index: 1;
    top: -23px;
    right: 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
    float: right;
}

.experience__area-right .btn-two {
    background: #fff;
    margin-top: 80px;
    color: #131313;
    border: 1px solid;
    padding: 16px 42px;
}

.experience__area-right .btn-two:hover {
    color: #fff;
    border-color: #fc0200;
}

.portfolio__area2 .portfolio-desc{
    position: absolute;
    left: 50px;
    bottom: 40px;
    right: 50px;
    background: #fc0200;
    padding: 30px 40px;
    padding-right: 30px;
    z-index: 1;
    opacity: 0;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio__area2 .portfolio-desc .up-arrow{
    height: 50px;
    width: 50px;
}

.portfolio__area-item-content-title h3 a:hover,
.portfolio__area-item-content-title span {
    color: #fff !important;
    /*text-align: left;*/
}

.product-rating {
    color: #fc0200;
    margin-top: 30px;
}

#testimonial .oc-item:hover .testimonial{
    background-color: #fc0200;
}

#testimonial .oc-item:hover .testimonial .testi-meta{
    color: #fff;
}

#testimonial .oc-item:hover .testimonial .testi-meta span{
    color: #F2F6F9;
}

#testimonial .oc-item:hover .testimonial .testi-content p{
    color: #fff;
}

#testimonial .oc-item:hover .testimonial .product-rating{
    color: #fff;
}

#testimonial .owl-carousel .owl-nav [class*=owl-]{
    opacity: 1;
}

#testimonial .owl-carousel .owl-nav .disabled {
    display: block !important;
}

#testimonial .owl-carousel .owl-nav [class*=owl-] {
    opacity: 1 !important;
    
    border-color: rgba(var(#131313, 241,199,122), var(--border-opacity, .15));
    color: #131313;
    width: 40px;
    height: 40px;
    margin: 0px;
    font-size: 24px;
    top: -100px;
    /*bottom: -20px;*/
}

#testimonial .owl-carousel .owl-nav .owl-next {
    right: calc(11% + 3px) !important;
}
#testimonial .owl-carousel .owl-nav .owl-prev {
    left: auto !important;
    right: calc(15% + 3px) !important;
}

#testimonial .owl-carousel .owl-nav .icon-angle-right:before {
    content: "\e613" !important;
}

#testimonial .owl-carousel .owl-nav .icon-angle-left:before {
    content: "\e610" !important;
}

#testimonial .owl-carousel .owl-dots{
    display: none;
}

#testimonial{
    margin-bottom: 3rem;
}

/*------*/

.getIn__touch-right-title p {
    max-width: 475px;
}

.getIn__touch-right-bottom {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.getIn__touch-right-bottom-text h4 {
    max-width: 200px;
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.getIn__touch-right-bottom-image {
    margin-left: 40px;
}

.getIn__touch-right-bottom-image ul {
    padding: 0;
    margin: 0;
}

.getIn__touch-right-bottom-image ul li:first-child {
    margin: 0;
}

.getIn__touch-right-bottom-image ul li {
    padding: 0;
    display: inline-block;
    list-style: none;
    margin-left: -23px;
}

.getIn__touch-right-bottom-image ul li img {
    max-width: 50px;
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 4px solid #fff;
    border-radius: 50%;
    transition: 0.4s;
}



.getIn__touch-shape {
    position: absolute;
    right: 150px;
    top: 0;
    z-index: -1;
    mix-blend-mode: soft-light;
}

.getIn__touch-shape {
    height: 100% !important;
}

#consultation .card-body {
    padding: 71px 68px;
}

#consultation form .btn-one {
    width: 80%;
    justify-content: center;
    margin: auto;
    display: block;
}

#consultation{
    margin-bottom: 10rem;
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out infinite;
}

@keyframes icon-animation{
    0% {
    transform: rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0, 0, 1, -15deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

#contact-right{
    display: flex;
    /* float: right; */
    justify-content: end;
    margin-top: -4rem;
}

#contact-right i{
    color: #fc0200;
    border: 1px solid #fc0200;
    font-size: 30px;
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.4s;
}
#contact-right small {
    font-size: 18px;
    font-weight: 700;
}

/*#contact-right div{
    right: 0;
    position: absolute;
}
*/

/*-*/

#footer-promo h1{
    font-size: 45px;
}

.subscribe-widget button{
    color: #fff;
}

#footer address .si-rounded{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border: 1px solid #fc0200;
    border-radius: 50%;
    color: #fc0200;
}

#footer .border-one::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 220px;
    background: #282828;
    left: 0;
    top: 0;
}

#footer .border-one {
    padding-left: 35px;
    position: relative;
    margin-left: -5px;
}

.event .inside-content {
    padding: 17px 40px 40px 40px;
    border: 1px solid #ececec;
    border-top: 0;
}

/*--------------------*/

.Inner-slider .slider-desc h5{
   font-size: 20px; 
}

.Inner-slider .slider-desc h2{
   font-size: 30px; 
   line-height: unset;
}


.services-inner #contact-right{
    margin-top: -10rem;
}

#contact-right .contact-box{
    background: #fff;
    margin: 0px 50px;
    padding: 50px;
    color: #151515;
}

#footer.dark{
    margin-top: 0px !important;
}


/*--------------*/

.projects-inner .grid-filter-wrap{
    justify-content: center !important;
}

.projects-inner .grid-filter li a {
    display: block;
    position: relative;
    padding: 10px 25px;
    font-size: 16px;
    color: #131313;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05);
    margin: 5px;
    font-weight: 600;
}

.projects-inner .portfolio .dark .fbox-content h3 {
    color: #fc0200;
    text-transform: capitalize;
}

.projects-inner .portfolio .dark .fbox-content p {
    color: #131313;
    font-size: 24px;
    font-weight: 700;
}

.projects-inner .portfolio .fbox-center .fbox-content {
    -ms-flex-preferred-size: auto;
    width: 245px;
    padding: 25px;
}

/*.projects-inner .portfolio .fbox-content::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -30px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #fc0200;
    opacity: 0.2;
}*/

/*--------------*/

.about-inner .company__two-left-skill h6 {
    font-size: 16px;
    margin: auto;
    max-width: 145px;
    margin-left: 20px;
    margin-right: 20px;
}

/*------------------*/

.faq__two-left-image {
    position: relative;
    padding-bottom: 90px;
}

.faq__two-left-image-one {
    position: absolute;
    right: 0;
    bottom: 0;
}

.faq__two-left-image-question {
    position: absolute;
    top: 35px;
    right: 70px;
    background: #131313;
    padding: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.left-right-animate {
    animation-name: left-right;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes left-right
{
    0% {
    transform: translateX(20px);
    }
    50% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(20px);
    }
}

====================================================================
    Team Section
====================================================================

***/

.team-section{
    position:relative;
    padding:110px 0px 70px;
}

.team-section .sec-title .text{
    margin-top:40px;
}

.team-section .team-block{
    padding:0px;
    float:left;
}

.team-block{
    position:relative;
    margin-bottom:30px;
}

.team-block .inner-box{
    position:relative;
}

.team-block .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:#fff;
}

.team-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.team-block .inner-box:hover .image img{
    opacity:0.80;
    transform:scale(1.04,1.04);
}

.team-block .inner-box .lower-box{
    position:relative;
    margin-left:30px;
    margin-right:30px;
    margin-top:30px;
    margin-bottom: 30px;
    padding:20px 20px 45px;
    text-align:center;
    overflow:hidden;
    background-color:#ffffff; 
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);

    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.team-block .inner-box .lower-box .content{
    position:relative;
}

.team-block .inner-box .lower-box h5{
    position:relative;
    font-weight:700;
    line-height:1.3em;
}

.team-block .inner-box .lower-box h5 a{
    position:relative;
    color:#141d38;
}

.team-block .inner-box .lower-box .designation{
    position:relative;
    color:#555555;
    font-size:14px;
    margin-top:5px;
}

.team-block .inner-box .lower-box .social-box{
    position:absolute;
    left:33%;
    top:86px;
    opacity:0; 
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    display: flex;
}

.team-block .inner-box .lower-box .social-box li{
    position:relative;
    padding:4.1px 0px;
    text-align:center;
}

.team-block .inner-box .lower-box .social-box a{
    
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;

    margin-left: 10px;
    margin-right: 10px;
}

.team-block .inner-box .lower-box .social-box li a:hover{
    color:#141d38;
}

.team-block .inner-box:hover .lower-box .social-box{
    left:33%;
    opacity:1;
}

.team-block .inner-box:hover .lower-box{
    transform: translateY(-50%);
}

.team-block .inner-box .image::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 0;
    display: block;
    content: "";
    width: 30%;
    height: 100%;
    transform: skewX(-25deg);
    background: #fff;
    opacity: 0.4;
    z-index: 1;
}

.team-block .inner-box:hover .image::before {
    animation: animation 0.95s;
}


/*----------contact----------*/

.contact-inner .feature-box:hover {
    background: #131313;
}



.contact-inner .feature-box .fbox-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    border-radius: 50%;
    background: #fc0200;
    text-align: center;
    transition: 0.4s;
    position: absolute;
    top: -30px;
    left: 40px;
}

.contact-inner .feature-box .fbox-icon::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border: 1px dashed #fc0200;
    border-radius: 50%;
    display: block;
    top: -10px;
    left: -10px;
    animation: rotationc 10s infinite linear;
}


@keyframes rotationc { 
    100% { 
        -webkit-transform: rotate(360deg);
     transform:rotate(360deg);
      }
}

.contact-inner .feature-box .fbox-icon i {
    line-height: 58px;
    font-size: 36px;
    transform: rotateY(0);
    color: #fff !important;
}

.contact-inner .feature-box:hover h3,
.contact-inner .feature-box:hover h5 {
    color: #fff;
}

.contact-inner .feature-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/footer.png);
    background-size: cover;
    background-position: right;
    z-index: -1;
    opacity: 0.6;
    transition: 0.4s;
}

.contact-inner .feature-box {
    padding: 40px 30px;
    padding-top: 75px;
    transition: 0.4s;
    box-shadow: 0px 25px 70px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 1;
    margin-top: 40px;
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}