/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */

/*-------Home page----------*/
.site-btn.fill-bg-btn a:hover .elementor-button-icon svg path{
    fill: #66dbc9;
}
.serv-accordian .e-n-accordion-item-title-icon .e-opened,
.serv-accordian .e-n-accordion-item-title-icon .e-closed{
	width: 52px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items:center;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
}
.serv-accordian .e-n-accordion-item-title-icon .e-opened{
   background: #66DBC9; 
}
.serv-img{
    position: relative;
}
.serv-img::after{
    content: " ";
    position: absolute;
    right: -35px;
    bottom: -30px;
    background: url(./images/dot-pattren.png) no-repeat center;
    width: 136px;
    height: 167px;
    z-index: -1;
    pointer-events: none;
}
/*-----------------*/

/*-------Portfolio page----------*/
/*.portfolio-div .portfolio-loop .elementor-grid{
    display: flex;
    flex-wrap: wrap;
}
*/
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2),
.portfolio-div .elementor-loop-container .e-loop-item .elementor-widget-image{
    /*width: 100%;
    position: relative;*/
    grid-column: 1 / -1;
    max-height: 400px;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) img{
    min-height:397px;
    max-height: 400px;
    height: 100%;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-widget-image::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 27.64%, #000000 100%);
    opacity: 0.9;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .protfolio_info{
    position: absolute;
    padding: 0 20px;
    bottom: 35px;
    z-index: 10;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-widget-theme-post-title .elementor-heading-title{
    font: 700 22px/26px Quicksand;
    color: #fff;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-widget-theme-post-title .elementor-heading-title a{
    font-family:'Quicksand';
    display: inline-block;
}
.portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
    color: #fff;
}
.portfolio-div .portfolio-loop .e-loop__load-more a{
    position: relative;
}
.portfolio-div .portfolio-loop .e-loop__load-more a.elementor-button:focus{
    background-color: #66dbc9;
}
.portfolio-div .portfolio-loop .e-loop__load-more a::after{
    content:"";
    position: absolute;
    right: 28px;
    top: 19px;
    background: url('./images/arrow-light.svg');
    width: 14px;
    height: 14px;
    background-size: cover;
    transition: all 0.3s ease-in-out;
}
.portfolio-div .portfolio-loop .e-loop__load-more a:hover::after{
    background: url('./images/arrow-green.svg');
    transform: rotate(46deg);
}

/*--------Single portfolio page-------*/
.portfolio-loop .e-loop-item a{
    display: block;
    font-weight: 600;
}
.single-portfolio .gform-theme--foundation .gfield input:not([type="submit"]),
.single-portfolio .gform-theme--foundation .gfield textarea{
    font:400 16px/26px 'Public Sans';
    color: #111111;
    padding: 18px 24px;
    border:1px solid #0000001a;
    height: 100%;
    box-shadow: unset;
    border-radius: 0px;
    outline: none;
}
.single-portfolio .gform-theme--foundation .gfield textarea{
    max-height:95px;
    word-wrap: break-word;
}
.single-portfolio .gform-theme--foundation .gform_fields{
    row-gap: 15px;
}
.single-portfolio .gform-theme.gform-theme--framework.gform_wrapper form .gform-footer input[type="submit"].button.gform_button{
    background-color: #66DBC9;
    font:700 16px/26px 'Public Sans';
    color: #fff;
    border-radius: 0px;
    transition: all 0.5s ease-in-out;
    padding: 14px 30px;
}
.single-portfolio .gform-theme.gform-theme--framework.gform_wrapper form .gform-footer input[type="submit"].button:hover{
    background-color: #000;
}
.content-box h3{
    font: 600 25px/35px 'Public Sans';
    text-transform: capitalize;
    color: #000000;
    margin:40px 0px 15px 0px;
}
.content-box p{
    margin:0 0 10px 0;
}
.content-box img{
    width: 100%;
}

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

@media only screen and (max-width: 1024px) {
    .portfolio-div .portfolio-loop .elementor-grid{
        display: grid;
    }
    .serv-accordian .e-n-accordion-item-title-icon .e-opened, .serv-accordian .e-n-accordion-item-title-icon .e-closed{
        width: 40px;
        height: 40px;
    }
    .portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) img{
        min-height:240px;
        max-height: 240px;
        height: 100%;
    }
    .portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-widget-image::after{
        display: none;
    }
    .portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .protfolio_info{
        position: unset;
    }
    .portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-widget-theme-post-title .elementor-heading-title{
        font-size: 16px;
        line-height: 20px;
        color: #000;
    }
    .portfolio-div .elementor-loop-container .e-loop-item:nth-child(2) .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
        color: #000;
    }
}