/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*--- Heder-section ----*/

.header-section .elementor-menu-toggle{
    padding: 0 !important;
}

.header-section .menu-icon{
    line-height: 0 !important;
}
.header-section .menu-icon svg{
    transition: 0.5s ease-in-out;
}
.header-section .menu-icon:hover svg{
    filter: invert(56%) sepia(23%) saturate(6975%) hue-rotate(349deg) brightness(78%) contrast(123%);
}


/*---- Banner-Section ----*/

.scroll-dwon-btn{
    position: relative;
}
.scroll-dwon-btn::after{
    position: absolute;
    content: "";
    background-image: url(images/scroll-down-circle.png);
    height: 114px;
    width: 114px;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    left: -47px;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

.scroll-dwon-btn::after{
    animation: rotating 12s linear infinite;
}
@keyframes rotating {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
}

.about-image{
    position: relative;
}
.about-image::before{
    position: absolute;
    content: "";
    background-image: url(images/about-before.png);
    width: 180px;
    height: 220px;
    background-repeat: no-repeat;
    top: -25px;
    left: -25px;
}
.about-image::after{
    position: absolute;
    content: "";
    background-image: url(images/about-after.png);
    width: 185px;
    height: 225px;
    background-repeat: no-repeat;
    bottom: -25px;
    right: -25px;
}

.owl-dots{
    padding: 0 !important;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    right: 8%;
    rotate: 90deg;
}
.owl-dots .owl-dot span{
    height: 4px !important;
    width: 4px !important;
    margin: 6px 13px !important;
    background-color: #fff !important;
    position: relative;
}

.owl-dots .owl-dot span:hover::after{
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    bottom: 0;
    right: 0;
    left: -11px;
    margin: auto;
    pointer-events: none;
}

.owl-dots .active span::after{
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    bottom: 0;
    right: 0;
    left: -11px;
    margin: auto;
    pointer-events: none;
}

.owl-dots button{
   box-shadow: none !important;
   outline: none !important; 
   background-color: none !important;
}
.owl-dots button:hover{
    background: none !important;
}
.owl-dots .active{
    background: none !important;
}

/*---- Services Section ---*/

.services-loop-sec .swiper{
    padding: 5px !important;
}

.serv-loop .serv-main-container:hover .serv-img{
    border: 2px solid #DA0020;
    box-shadow: 0px 4px 30px rgba(211, 0, 31, 0.85);
    transition: 0.5s ease-in-out;
}
.serv-loop .serv-main-container .serv-img{
    border: 2px solid #da002100;
    transition: 0.5s ease-in-out;
}

/*--- Why Choose Section ---*/

.why-choose-cont{
 backdrop-filter: blur(30px);
}

/*---- Most Recent Works --*/

.work-loop .work-main-container:hover .work-video{
    border: 1px solid #DA0020;
    box-shadow: none;
    transition: 0.5s ease-in-out;
}
.work-loop .work-main-container .work-video{
    border: 1px solid #da002100;
    transition: 0.5s ease-in-out;
}

/*--- Team Page ---*/

.mail-to a{
    color: #DA0020 !important;
}

/*---- our project gallery ----*/

.past-project-gallery .e-gallery-item{
    border: 1px solid #DA0020;
    box-shadow: 0px 4px 45px rgba(211, 0, 31, 0.45);
}

.elementor-slideshow__title{
    display: none !important;
}

/*---- Light page ----*/

.process-section-2{
    position: relative;
}
.process-section{
    position: relative;
}
.process-section::after {
    position: absolute;
    content: "";
    background-image: url(images/curve.png);
    width: 535px;
    height: 858px;
    left: 0;
    right: 75px;
    top: 0;
    bottom: 20px;
    margin: auto;
    pointer-events: none;
}

/*---- Footer-Section -----*/

.contact-footer-sec a{
    color: #8B8B8B !important;
}
.contact-footer-sec a:hover{
    color: #000 !important;
}

.footer-form .gfield_required{
    display: none !important;
}
.footer-form input[type=text], .footer-form input[type=email], .footer-form input[type=tel]{
    height: 60px !important;
    background: rgba(6, 0, 18, 0.15000000596046448) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 100px !important;
    box-shadow: 0px 4px 44.900001525878906px rgba(211, 0, 31, 0.75);
    padding-left: 30px !important;
    backdrop-filter: blur(30px);
    outline: none !important;
    color: #fff !important;
}
.footer-form input::placeholder{
    color: #fff !important;
}
.footer-form input[type=text]:focus{
    border: 1px solid #ffffff !important;
}
.footer-form input[type=email]:focus{
    border: 1px solid #ffffff !important;
}
.footer-form input[type=tel]:focus{
    border: 1px solid #ffffff !important;
}

.footer-form select{
    height: 60px !important;
    background: rgba(6, 0, 18, 0.15000000596046448) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 100px !important;
    box-shadow: 0px 4px 44.900001525878906px rgba(211, 0, 31, 0.75);
    padding-left: 30px !important;
    backdrop-filter: blur(30px);
    outline: none !important;
    color: #fff !important;
}
.footer-form select:focus{
    border: 1px solid #ffffff !important;
}

.footer-form textarea{
    height: 111px !important;
    background: rgba(6, 0, 18, 0.15000000596046448) !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    border-radius: 15px !important;
    box-shadow: 0px 4px 44.900001525878906px rgba(211, 0, 31, 0.75);
    padding-left: 30px !important;
    padding-top: 19px !important;
    backdrop-filter: blur(30px);
    outline: none !important;
    color: #fff !important;
    resize: none;
}
.footer-form textarea:focus{
    border: 1px solid #ffffff !important;
}
.footer-form textarea::placeholder{
    color: #fff !important;
}
.footer-form .gform_footer{
    display: flex;
    justify-content: center;
}
.footer-form  .gravity-theme .gform_fields {
    grid-column-gap: 20px !important;
    grid-row-gap: 20px !important;
}
.footer-form .gform_confirmation_message{
    text-align: center;
}

.footer-form .gfield_radio{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    width: 50%;
}

.footer-form .gfield_radio .gchoice{
    width: 130px;
}

.footer-form input[type=radio]{
    width:15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid rgb(255, 255, 255);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    position: relative;
} 

.footer-form input[type=radio]:checked:after{
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    appearance: auto;
    background-color: #ffffff;
    position: absolute;
    top: 1px;
    left: 1px;
}

/*---- News letter form ---*/

.newsletter input[type=email]{
 border-radius: 0 !important;
 border: none !important;
 border-bottom: 1px solid #D7DADB !important;
 outline: none !important;
 height: 50px !important;
 position: relative;
 padding-left: 0 !important;
}
.newsletter input[type=image]{
    width: 33px !important;
    background-color: #000 !important;
    padding: 10px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 7px;
    margin: auto;
}

.newsletter  .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
}
.newsletter .gform_validation_error input[type=email]{
    border-bottom: 1px solid #ff0202 !important;
}
.newsletter .gform_validation_error input[type=email]::placeholder{
    color: #DA0020 !important;
}


.newsletter .gform_validation_error .gfield_description{
 display: none !important;
}

.newsletter .gform_ajax_spinner{
    position: absolute;
}

/*--- Responsiveness ---*/

@media(max-width:1600px){

.owl-dots{
    right: 00px;
}
}

@media(max-width:1500px){
.owl-dots{
    right: -30px;
}
}

@media(max-width:1366px){
.process-section::after {
    bottom: 110px;
}
}

@media(max-width:1024px){

    .process-section::after{
        display: none;
    }

    .about-image::before {
        width: 125px;
        height: 155px;
        background-size: 125px;
        top: -20px;
        left: -20px;
    }
    .about-image::after {
        width: 125px;
        height: 155px;
        background-size: 125px;
        right: -20px;
        bottom: -20px;
    }

}
@media(max-width:767px){

    .scroll-dwon-btn::after{
        height: 70px;
        width: 70px;
        background-size: 70px;
        left: -27px;
    }

    .gravity-theme .gform_fields {
        grid-column-gap: 15px !important;
        grid-row-gap: 15px !important;
    }
    .footer-form input[type=text], input[type=email], input[type=tel]{
        height: 50px !important;
    }
    .owl-dots{
     display: none;
    }
    
}