/* 
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: Clickysoft Team
Author URI: https://clickysoft.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 */


/* Homepage */
.service-col {
    box-shadow: rgba(48, 123, 196, 0.13) 0px 4px 21px 1px; padding: 50px 50px 75px;
    border-radius: 15px;
    padding: 25px 14px 35px;
}
.service_grid.home .service-col {
    width: 23.6%;
}
.service_grid {
    display: flex;
    align-items: center;
    gap: 40px 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.col_header {
    display: block;
    align-items: center;
    gap: 15px;
}
.img-wrapper {
/*     background: #352B77;
    padding: 14px;
    border-radius: 15px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 73px; */
}
.col_header h4 {
    font-size: 24px;
    color: #ffffff;
    line-height: 25px;
    font-family: 'Gilroy-SemiBold';
    padding-top: 30px;
}
.img-wrapper img {
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.col_footer {
    padding: 15px 0px 10px 15px;
}

.col_footer p {
    color: #ffffff;
    font-family: 'Montserrat';
    font-size: 15px;
}

.col_footer .read_more_btn a {
    background: transparent;
    border-radius: 50px;
    background-image: linear-gradient(122deg, #0463EF 0%, #5EFCA1 100%);
    border-radius: 50px;
    padding: 15px 38px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Gilroy-SemiBold';
}
.read_more_btn {
    padding-top: 25px;
}
.col_footer svg {
    display: none;
    margin-left: 3px;
    transition: .4s ease-in-out;
    transform: translateX(0px);
}
.read_more_btn a:hover {
       background-image: linear-gradient(122deg, #0463EF 0%, #5EFCA1 100%);
    color: #fff;
}
.read_more_btn a:hover svg path {
    fill:#fff;
}
.read_more_btn a:hover svg {
        transform:translateX(5px);
}

/* Service Page */
.service_grid.detail .service-col {
    width: 32%;
    padding: 25px 25px 35px;
    background-color: #1F1F1F;
    border-radius: 57px;
}
.service_grid.detail .col_footer {
    padding-left: 0;
}
.share-wrapper {
    display: none;
    align-items: center;
    padding-top: 23px;
}
.share-wrapper p {
    margin-bottom: 5px;
}
.share-wrapper  a {
    margin-left: 15px;
}
.bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.share-wrapper p {
    color: #352B77;
    font-weight: 500;
}

/* Blog Pagw */
.blog_grid {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 35px;
}
.blog-item {
    width: 31%;
    background: #fff;
    box-shadow: 0px 4px 21px 1px #307BC41A;
    border-radius: 20px;
}
.post-header img {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    width: 100%;
}
.post-footer {
    padding: 30px 30px 30px;
}
.post-footer h4 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #352B77;
    font-family: 'Inter';
}
.learn_more_btn a {
    color: #274760;
    font-weight: 500;
}
.post-date {
    color: #307BC4;
    display: flex;
    align-items: center;
    gap: 8px;
}
button#load-more-portfolio, .load-more-link {
    background-color: #000000;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    border-color: white;
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    padding: 10px 30px;
}

button#load-more-portfolio:hover, .load-more-link:hover{
    background-color: #000000;
    color: #FFFFFF;
}

div.loadbut{
     text-align:center;
     padding-top: 50px;
}

button#load-more-portfolio svg, .load-more-link svg{
    margin-left: 10px;
}

#load-more:disabled {
    background: #a6a6a6;
    cursor: not-allowed;
}

div.no-more-items{
    color: white;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -60px;
    border: 0;
}

div.portfolio-header h2 span{
   display:none;
}

.portfolio-grid {
    position: relative;
}

/* Detail Pagw */
.wrapper {
    display: flex;
    align-items: center;
    gap: 90px;
}
section.banner-section {
    background-size: cover;
    background-position: center;
    padding: 30px 100px 0px 100px;
}
.blog-content{
    padding: 0px 100px 0px 100px;
}
.single-post h2 {
    padding-top: 30px;
}
.single-post h3 {
    padding-top: 10px;
}
h2.ays-arp-under-posts-container-title {
    font-family: "Inter", Sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 74px;
    padding-bottom: 30px;
	color: #352B77 !important;
}
@media (max-width: 1366px) {
section.banner-section {
        padding: 30px 50px 0px 50px;
    }
	.blog-content{
        padding: 0px 50px 0px 50px;
	}
	h2.ays-arp-under-posts-container-title {
    font-size: 45px;
    line-height: 60px;
    padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
	section.banner-section {
        padding: 30px 20px 0px 20px;
    }
		.blog-content{
        padding: 0px 20px 0px 20px;
	}
		h2.ays-arp-under-posts-container-title {
    font-size: 36px;
    line-height: 46px;
    padding-bottom: 20px;
}
}
.banner-section  .content-wrapper {
    width: 55%;
}

.banner-section  .image-wrapper {
    width: 45%;
	display: flex;
    align-content: flex-end;
}
.banner-section h1 {
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
    line-height: 70px;
    font-family: Gilroy-Bold;
}
section.banner-section.post {
    padding-top: 150px;
    padding-bottom: 150px;
}
.img-section img {
    width: 100%;
    border-radius: 40px;
}

.thumbnail-wrapper {
    position: relative;
    top: -80px;
    width: 100%;
	padding: 0px 100px;
}
@media (max-width: 1366px) {
.thumbnail-wrapper {
        padding: 0px 50px 0px 50px;
    }
}
@media (max-width: 1024px) {
.thumbnail-wrapper {
        padding: 0px 20px 0px 20px;
    }
}
.post-wrapper {
    text-align: center;
}

.content-wrapper p {
    color: #352B77;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Poppins';
}
@media screen and (max-width:1024px){
.post-footer h4 {
    font-size: 20px;
}    
	.col_header h4 {
    font-size: 20px;
    line-height: 24px;
}
.col_footer p {
    font-size: 15px;
}
.service_grid.detail .service-col {
    width: 48%;
}
.banner-section h1 {
    font-size: 40px;
    line-height: 50px;
}

.wrapper {
    gap: 40px;
    padding: 0px 10px;
}
    
}

@media screen and (max-width:989px){
.blog-item {
    width: 47.5%;
}
.col_header h4 {
    font-size: 20px;
    line-height: 24px;
}
.col_footer p {
    font-size: 14px;
}
.col_header {
    gap: 10px;
}
.service_grid.home .service-col {
    width: 31.5%;
    padding: 25px 15px;
}
.col_footer {
    padding-left: 0;
}
.bottom-wrapper {
    display: block;
}
.share-wrapper {
    padding-top: 35px;
}
.elementor-element.l-img.elementor-widget.elementor-widget-image {
    position: unset;
}
}
@media screen and (max-width:690px){
.blog-item {
    width: 100%;
}    
.wrapper {
    flex-wrap: wrap;
}

.banner-section .content-wrapper, .banner-section .image-wrapper {
    width: 100%;
}    
.service_grid.home .service-col, .service_grid.detail .service-col {
    width: 90%;
    padding: 25px;
}
.banner-section h1 {
    font-size: 34px;
    line-height: 40px;
}
}
span.ays-arp-under-post-date:before {
    content: url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.28216 2.09687H3.91626V1.48091C3.91626 1.12897 4.21343 0.843689 4.58003 0.843689C4.94662 0.843689 5.24379 1.12897 5.24379 1.48091V2.09687H11.7562V1.48091C11.7562 1.12897 12.0534 0.843689 12.42 0.843689C12.7866 0.843689 13.0838 1.12897 13.0838 1.48091V2.09687H13.7178C15.5276 2.09687 17 3.51034 17 5.24771V14.0055C17 15.7429 15.5276 17.1564 13.7178 17.1564H3.28213C1.47237 17.1564 0 15.7429 0 14.0055V5.24771C0 3.51034 1.47237 2.09687 3.28216 2.09687ZM13.7178 3.3713H13.0838V4.61387C13.0838 4.96581 12.7866 5.25109 12.42 5.25109C12.0534 5.25109 11.7562 4.96581 11.7562 4.61387V3.3713H5.24376V4.61387C5.24376 4.96581 4.94659 5.25109 4.57999 5.25109C4.21339 5.25109 3.91623 4.96581 3.91623 4.61387V3.3713H3.28213C2.20437 3.3713 1.32754 4.21307 1.32754 5.24771V5.85645H15.6725V5.24771C15.6725 4.21307 14.7956 3.3713 13.7178 3.3713ZM3.28216 15.882H13.7178C14.7956 15.882 15.6725 15.0402 15.6725 14.0055V7.13088H1.32754V14.0055C1.32754 15.0402 2.20437 15.882 3.28216 15.882ZM11.1035 9.63727C11.1035 9.98921 11.4007 10.2745 11.7673 10.2745H13.0727C13.4393 10.2745 13.7365 9.98921 13.7365 9.63727C13.7365 9.28534 13.4393 9.00006 13.0727 9.00006H11.7673C11.4007 9.00006 11.1035 9.28534 11.1035 9.63727ZM3.26351 9.63727C3.26351 9.98921 3.56068 10.2745 3.92728 10.2745H5.23267C5.59927 10.2745 5.89644 9.98921 5.89644 9.63727C5.89644 9.28534 5.59927 9.00006 5.23267 9.00006H3.92728C3.56071 9.00006 3.26351 9.28534 3.26351 9.63727ZM7.1873 9.63727C7.1873 9.98921 7.48447 10.2745 7.85107 10.2745H9.15647C9.52306 10.2745 9.82023 9.98921 9.82023 9.63727C9.82023 9.28534 9.52306 9.00006 9.15647 9.00006H7.85107C7.4845 9.00006 7.1873 9.28534 7.1873 9.63727ZM11.1035 13.3968C11.1035 13.7488 11.4007 14.0341 11.7673 14.0341H13.0727C13.4393 14.0341 13.7365 13.7488 13.7365 13.3968C13.7365 13.0449 13.4393 12.7596 13.0727 12.7596H11.7673C11.4007 12.7596 11.1035 13.0449 11.1035 13.3968ZM3.26351 13.3968C3.26351 13.7488 3.56068 14.0341 3.92728 14.0341H5.23267C5.59927 14.0341 5.89644 13.7488 5.89644 13.3968C5.89644 13.0449 5.59927 12.7596 5.23267 12.7596H3.92728C3.56071 12.7596 3.26351 13.0449 3.26351 13.3968ZM7.1873 13.3968C7.1873 13.7488 7.48447 14.0341 7.85107 14.0341H9.15647C9.52306 14.0341 9.82023 13.7488 9.82023 13.3968C9.82023 13.0449 9.52306 12.7596 9.15647 12.7596H7.85107C7.4845 12.7596 7.1873 13.0449 7.1873 13.3968Z" fill="%23307BC4"/></svg>');
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}