/*------------------------------------------------------------------------------------- 
Theme Name:		 Datrix Child Theme
Theme URI:		 https://gramentheme.com/wp/datrix
Description:	 Datrix is a IT Solutions & Business WordPress Theme.
Author:			 Gramentheme
Author URI:		 https://themeforest.net/user/gramentheme
Template:		 datrix
Version:		 1.0.0
Text Domain:	 datrix-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/

.header-1 {
    background: #fff;
}

/* -------------------home------------------- */
.about-wrapper-2 .about-image .left-shape{
	 height: 100%;
	 max-height: 350px;
}

/********************************** footer css ****************************/
.footer-section .container {
    max-width: 1600px;
}
.single-footer-widget .widget-head img{
	max-width: 200px;
}
.contact-info-area-2 {
    padding-top: 50px;
    justify-content: center;
    gap: 60px;
}
.footer-widgets-wrapper {
    padding: 50px 0 50px;
}
.footer-widgets-wrapper .single-footer-widget {
    margin-top: 0px;
}
.contact-info-area-2 .contact-info-items {
    gap: 15px;
    padding-bottom: 10px;
}
.contact-info-area-2 .contact-info-items:not(:last-child) {
    padding-right: 60px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head {
    margin-bottom: 10px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
    padding-bottom: 5px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
    margin-top:12px;
    gap: 6px;
}

/* --------------service page---------------- */
.faq-section .accordion-button{
	 font-size: 17px !important;
}
.faq-wrapper-2 .faq-content .faq-items .accordion .accordion-item h2 button {
    padding: 20px;
}
.faq-wrapper-2 .faq-content .faq-items .accordion .accordion-button::before {
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 14px;
}
/* --------------Technology page---------------- */
.service-box-item-2 {
	height:100%;
}




/******************* Breackpoint css  ***************************/

@media (max-width: 1400px) {
	.page-heading h2 {
        font-size: 50px;
    }
}
@media (max-width: 1199px) {
	    .header-1 .header-main {
        padding: 10px 0;
    }
	
	.contact-info-area-2 .contact-info-items .icon {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.contact-info-area-2 {
		gap: 20px;
		padding-bottom: 10px;
	}
	.contact-info-area-2 .contact-info-items .content h3 {
		font-size: 16px;
	}
	.contact-info-items .content p{
		font-size: 14px;
		line-height: 1.3;
	}
}
@media (max-width: 1024px) {
	.header-1 .header-main {
        padding: 10px 0;
    }
	.header-main .logo img {
		max-width: 160px;
		width: 160px;
	}
	.page-heading {
		padding: 160px 0 100px;
	}
	.contact-info-area-2 {
		justify-content: space-between;
	}
	.contact-info-area-2 .contact-info-items {
		gap: 10px;
	}
	.contact-info-area-2 .contact-info-items:not(:last-child) {
		padding-right: 0px;
	}
	.footer-bottom .footer-wrapper {
        justify-content: space-between !important;
    }
	.footer-bottom .footer-wrapper {
		padding: 15px 0;
	}
	.testimonial-card-item-4 {
		padding: 15px;
	}
	.testimonial-card-item-4 .content p {
		font-size: 15px;
		line-height:1.4;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.testimonial-card-item-4 .icon {
		margin-bottom: 10px !important;
	}
	.testimonial-card-item-4 .icon img{
		max-width:40px;
	}
	.testimonial-card-item-4 .content .client-info-item .client-info .info-text h4{
		font-size:18px;
	}
	.testimonial-card-item-4 .content .client-info-item .client-info {
		gap: 15px;
	}
	.service-box-item-2 .icon {
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) {
	.page-heading h2 {
        font-size: 40px;
    }
	.footer-widgets-wrapper {
		padding: 20px 0 30px;
	}
	.footer-widgets-wrapper .single-footer-widget .widget-head h3 {
		padding-bottom: 0px;
		font-size: 16px;
	}
	.widget_nav_menu ul li {
		margin: 3px 0;
	}
	.widget_nav_menu ul li a {
		font-size: 14px;
		line-height: 1.2;
	}
	.single-footer-widget .widget-head img {
		max-width: 170px;
	}
	.service-box-item-2 .content h3 {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.p-description p ,.footer-widgets-wrapper .single-footer-widget .footer-content p{
		font-size: 14px;
		line-height: 1.5;
	}
	.page-heading h2 {
        font-size: 30px;
    }
	.page-heading .breadcrumb-list li {
		font-size: 14px;
	}
	.page-heading .breadcrumb-list {
		gap: 8px;
	}
	.footer-bottom .footer-wrapper p ,.footer-bottom .footer-wrapper .footer-menu li a{
		font-size: 14px;
		line-height: 1.2; 
		text-align: center;
	}
	.footer-bottom .footer-wrapper {
        justify-content: center !important;
        gap: 3px;
		flex-direction: column;
    }
	.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
		margin-bottom: 20px;
	}
	.faq-wrapper-2 .faq-content .faq-items .accordion .accordion-item .accordion-body p {
        font-size: 14px;
        line-height: 1.4;
    }
	.faq-section .accordion-button {
		font-size: 15px !important;
		line-height: 1.3 !important;
	}
	.faq-wrapper-2 .faq-content .faq-items .accordion .accordion-item .accordion-body{
		padding: 15px;
		padding-top:0;
	}
	.faq-wrapper-2 .faq-content .faq-items .accordion .accordion-item h2 button {
		padding: 15px;
	}
	.service-box-item-2 {
		padding: 20px;
	}
	.service-box-item-2 .content h3 {
		font-size: 16px;
	}
	.service-box-item-2 .content p{
		font-size: 14px;
		margin-top: 10px;
		line-height: 1.4;
	}
}
@media (max-width: 575px) {
	
}
@media (max-width: 320px) {
    .about-wrapper-3 .about-image .about-image-2 {
        max-width: 188px;
		left: 48px;
        bottom: -21px;
        right: initial;
    }
}