.header-1
{
	padding-top: 0;
}
.header-1 .mega-menu-wrapper
{
	border-radius: 0;
	padding: 0 50px 0 30px;
}
.header-left .logo
{

}
.header-left .logo .header-logo
{
	display: block;
}
.header-left .logo .header-logo img
{
	width: 300px;
}
.header-main
{
	padding: 15px 0;
}

.header-main.style-2 .header-btn a
{
	font-size: 22px;
	align-items: center;
	padding: 14px 17px;
}
.header-main.style-2 .header-btn a i
{
	font-size: .8em;
}
.cmn-tag
{
	font-size: 16px;
	font-weight: 500;
	background:#fff !important;  
	box-shadow: 0 0 10px 5px rgba(0 0 0 / 5%);	
}

.banner-section .hero-content-version1 h1
{
	font-size: 57px;
	font-weight: 900;
	line-height: 70px;
	margin-bottom: 35px;
}
.banner-section .hero-content-version1 h1 .buttonText2
{
	display: inline-block;
	color: #fff;
	font-size: 57px;
	font-weight: 900;
	line-height: 70px;
	position: relative;
}
.banner-section .hero-content-version1 h1 span.buttonText2:before{
	content: '';
    position: absolute;
    top: 5px;
    left: -2%;
    width: 105%;
    height: 70px;
    background-color: #16a34a;
    background-color: var(--p3-clr) !important;
    transform: skewY(-4deg);
}
.banner-section .hero-content-version1 h1 .buttonText2 div
{
	display: inline-block;
	position: relative;
	z-index: 3;
}
.banner-section .hero-content-version1 p
{
	font-size: 18px;
	font-weight: 400;
	color: #222;
}



.banner-section .hero-content-version1 .common-btn.first-box
{
	font-size: 24px;
	font-weight: 500;
	border-radius: 8px;
}

.pricing-sections
{
	margin-top: 50px;
}
.pricing-sections .section-title h2
{
	font-size: 48px;
	font-weight: 600;
}

/*
	============================================
*/
/* Chrome, Safari, Edge, Opera */
.form-header .form-wrapper form .input_coloms input[type="number"]::-webkit-outer-spin-button,
.form-header .form-wrapper form .input_coloms input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form-header .form-wrapper form .input_coloms input[type="number"]{
  -moz-appearance: textfield;
}

/*
	===================================================
*/

.banner-section .container
{	
	max-width: 90%;
}
.banner-section .form-header
{
	background-color: var(--white);
	border-radius: 8px 8px 0 0;
}

.banner-section .form-header .form-wrapper .header_form
{
    background-color: #16a34a;
	text-align: center;
	border-radius: 8px 8px 0 0;
	padding:10px 13px;
	margin-bottom: 5px;
}
.banner-section .form-header .form-wrapper .header_form h6
{
	font-size: 22px;
	color: #fff;
	font-weight: 700;
}
.banner-section .form-header .form-wrapper .header_form p
{
	font-size: 14px;
	color: #fff;
    font-weight: 500;
}
.banner-section .form-header .form-wrapper form
{
	padding:10px 25px 15px;
}

/*
	======================================
*/
.banner-section .form-header .form-wrapper form .input_coloms
{
	margin-bottom: 15px;
}
.banner-section .form-header .form-wrapper form .input_coloms label
{
	font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
}
.banner-section .form-header .form-wrapper form .input_coloms .form-control-custom
{
	padding: 6px 10px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    border:1px solid #d1cbcb;
}
.banner-section .form-header .form-wrapper form .input_coloms .form-control-custom:focus
{
	box-shadow: none;
}
.banner-section .form-header .form-wrapper form .submitbutton input
{
	font-size: 17px;
	width: 100%;
	border:0px;
	padding: 7px 15px;
	background-color: #16a34a;
	text-transform: uppercase;
	font-weight: 600;
}
.banner-section
{
	padding: 70px 0;
}

/*
	===========================================]
*/

.pricing-items .pricing-head h4
{
	font-size: 36px;
	font-weight: 600;
}
.pricing-items .pricing-head p
{
	font-size: 16px;
	font-weight: 400;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.pricing-items .pricing-list li
{
	font-weight: 600;
	font-size: 16px;
}

/*
	========================================
*/

.clients-section
{
	background-color: #f3f4f6;
	margin-top: 40px;
	padding-top: 60px;
	padding-bottom: 40px;
}
.clients-section .heading01
{ 
	text-align: center;
	margin-bottom: 30px;
}
.clients-section .heading01 h5
{ 
	font-size: 28px;
	font-weight: 500;
	color: #000000;
	text-align: center;
}
.clients-section .clients-marquee.marquee1
{
	margin-bottom: 0px;
}
.clients-section .clients-marquee .logo-clients
{
	/*display: flex;
	align-items: center;
	grid-column-gap: 17px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;*/
}
.clients-section .clients-marquee .logo-clients .image-logo
{
/*	max-width: 250px;
    width: 160px;
    flex: 0 0 auto;
    box-shadow: 0 0 20px 12px rgba(0 0 0 / 7%);*/

    max-width: 250px;
    width: 160px;
    flex: 0 0 auto;
    box-shadow: none;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 0;

}
.clients-section .clients-marquee .logo-clients .image-logo img
{
	width: 100%;
	height: 140px;
	background-color: var(--white);
	object-position: center;
	object-fit: contain;
	padding: 15px;
}

.about_type_text1 .about-content .common-btn{
    font-size: 24px;
    font-weight: 500;
    border-radius: 8px;
}
.about_type_text1 .container
{
	max-width: 90%;
}
.about_type_text1 .about-content  p
{
	font-size: 16px;
	text-align: justify;
	font-weight: 400;
	color: #444;
	margin-bottom: 10px;
	line-height: 24px;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.about_type_text1 .about-content .section-title h2
{
	font-size: 30px;
	font-weight: 700;
	color: #000;
	line-height: 40px;
}
.about_type_text1 .about-content .section-title h2 span
{
	font-size: 30px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #8df3b3;
    line-height: 37px;
    display: inline-block;
}
span.highlight
{
    background-color: #8df3b3;
    display: inline-block;
    font-weight: 600;
    color: #111;
    padding:0 5px;
}
/*
	================================
*/
.about_type_text1
{
	padding: 50px 0;
	padding-top: 50px;
} 
.about_type_text2
{
	background-color: #ebf3f6;
} 

.about_type_text2.about_type_text1 .about-content .section-title h2
{
	font-size: 36px;
}
.about_type_text2.about_type_text1 span.highlight
{
	display: inline;
}

/*
	===============================================
*/

.service-section1
{
	margin-top: 40px;
}
.service-section1 .section-title h2
{
	font-size: 48px;
	margin-bottom: 7px;
	font-weight: 600;
}
.service-section1 .section-title p
{
	font-size: 18px;
	font-weight: 400;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

.service-section1 .service-items .content h3
{
	font-size: 24px;
	font-weight: 700;
	color: #111827;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.service-section1 .service-items .content p
{
	font-size: 15px;
	font-weight: 400;
	color: #6B7280;
	line-height: 24px;
	margin-bottom: 25px;
	text-align: justify;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.service-section1 .service-items .content .common-btn
{
	background-color: var(--p3-clr);
	border-color: var(--p3-clr);
	padding: 10px 16px;
}
.service-section1 .service-items .content:hover .common-btn
{
	background-color: var(--p1-clr);
	border-color: var(--p1-clr);
	padding: 10px 16px;
}


/*
  ********************************
*/

section.service-section.service-section1 .container
{
	max-width: 90%;
}

section.ourPortfolioSection
{
  margin-top: 50px;
}

section.ourPortfolioSection .container
{
	max-width: 90%;
}
section.ourPortfolioSection .portfolioWrapper .portButtons
{
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 20px;
}

section.ourPortfolioSection .portfolioWrapper .portButtons a
{
  flex: 0 0 auto;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0 5px 15px;
  padding: 5px 18px;
  color: var(--white);
  font-weight: 600;
  text-decoration: none;
  background-color: var(--color2);
  border-radius: 20px;
}



section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms
{
    flex: 0 0 auto;
    width: calc(33.333% - 30px);
    margin: 0 15px 20px;
    background-image: url(../img/browser-frame21.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    border:0px solid #e9e5e5;
    border-radius: 15px;
    transition: .3s;
    background-color: var(--white);
    box-shadow: 0 0 5px 5px rgba(0 0 0 / 5%);
    transform: scale(1);

}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image
{
  margin-top: 42px;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image img
{
  transition: 2s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms:hover .image img
{
  object-position: bottom;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .nameProject h4
{
    text-align: center;
    padding:14px 10px 10px;
    font-size: 22px;
    color: black;
    font-weight: 800;
    /*font-family: 'Nunito Sans', sans-serif;*/
    margin-bottom: 0;
}

section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image .overlay
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: #05b079e6;*/
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image:hover .overlay
{
  opacity: 1;
  visibility: visible;
}
section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image .overlay i
{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color:
   var(--white);
   font-size: 40px;
}

.ourPortfolioSection .iconBox-heading
{
	margin-bottom: 35px;
}
.ourPortfolioSection .iconBox-heading p
{
	font-size: 16px;
	max-width: 65%;
	margin: auto;
}

@media screen and (min-width: 768px)  and (max-width: 992px)
{
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper
	{
		flex-direction: row;
	}
	section.ourPortfolioSection .container
	{
		max-width: 95%;
	}
	.ourPortfolioSection .iconBox-heading p
	{
		text-align: justify;
		font-size: 16px;
		max-width: 100%;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms
	{
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image
	{
		height: 240px;
	}
}

@media screen and (min-width: 577px)  and (max-width: 767px)
{
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper
	{
		flex-direction: row;
	}
	section.ourPortfolioSection .container
	{
		max-width: 95%;
	}
	.ourPortfolioSection .iconBox-heading p
	{
		text-align: justify;
		font-size: 16px;
		max-width: 100%;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms
	{
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image
	{
		height: 200px;
	}
}

@media screen and (min-width: 481px)  and (max-width: 576px)
{
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper
	{
		flex-direction: column;
	}
	section.ourPortfolioSection .container
	{
		max-width: 95%;
	}
	.ourPortfolioSection .iconBox-heading p
	{
		text-align: justify;
		font-size: 16px;
		max-width: 100%;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms
	{
		width: calc(100% - 10px);
		margin: 0 5px 20px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image
	{
		height: 280px;
	}
}

@media screen and (max-width: 480px)
{
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper
	{
		flex-direction: column;
	}
	section.ourPortfolioSection .container
	{
		max-width: 95%;
	}
	.ourPortfolioSection .iconBox-heading p
	{
		text-align: justify;
		font-size: 14px;
		max-width: 100%;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms
	{
		width: calc(100% - 10px);
		margin: 0 5px 20px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .image
	{
		height: 250px;
	}
}

/*
	=======================================
*/

section.call_to_actions
{
	background-color:#f3f4f6;
	padding: 50px 0;
	margin-top: 25px;
}
section.call_to_actions .buttons1
{
	background-color: #8df3b3;
	display: inline-block;
	padding: 5px 5px;
	border-radius: 25px;
	padding-right: 15px;
	margin-bottom: 15px;
}
section.call_to_actions .buttons1 .span01
{
	display: inline-block;
	background-color: #ffb525;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	border-radius: 15px;
	padding: 2px 10px;
	margin-right: 5px;
}
section.call_to_actions .buttons1 .span02
{
    font-size: 14px;
    font-weight: 500;
    color: #252b34;
}
section.call_to_actions .content-call-to-action
{
	text-align: center;
}
section.call_to_actions .content-call-to-action h3
{
	font-size: 55px;
	color: #111827;
	font-weight: 800;
}
section.call_to_actions .content-call-to-action h3 span
{
	font-size: 55px;
	color: #111827;
	font-weight: 800;
	border-bottom: 2px solid #ec191e;
	display: inline-block;
	line-height: 60px;
}
section.call_to_actions .content-call-to-action p
{
	font-size: 21px;
	font-weight: 400;
	color: #6B7280;
	word-spacing: 3px;
	line-height: 28px;
	margin-bottom: 15px;
}
section.call_to_actions .content-call-to-action .callbtn a
{
	font-size: 24px;
    font-weight: 500;
    border-radius: 8px;
}

/*
	===================================
*/
.trusted-sektion
{
	padding-top: 50px;
	padding-bottom: 50px;
}
.trusted-sektion .container
{
	max-width: 90%;
}


.trusted-sektion .container .padding-right-section
{
	padding-right: 50px;
}
.trusted-sektion .cmn-tag{
	    font-size: 16px;
    	font-weight: 500;
}
.trusted-sektion .section-title h2
{
	font-size: 36px;
	font-weight: 800;
	color: #111827;
	margin-top: 15px;
}
.trusted-sektion .descs
{

}
.trusted-sektion .descs p
{
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #334155;
	margin-bottom: 14px;
	text-align: justify;
}
.trusted-sektion .counter-wrap .counter-items
{
    padding: 22px 20px;
    box-shadow: 0 0 10px 5px rgba(0 0 0 / 5%);
    border: 1px solid #e5dfdf;
}
.trusted-sektion .counter-wrap .counter-items .icon
{
	margin-bottom: 10px;
}
.trusted-sektion .counter-wrap .counter-items .icon img
{
	width: 50px;	
}
.trusted-sektion .counter-wrap .counter-items h2
{
	line-height: 24px;
}
.trusted-sektion .counter-wrap .counter-items h2 span
{
	font-size: 20px;
	line-height: 28px;
	display: inline-block;
	font-weight: 700;
	color: #000000;
}
.trusted-sektion .counter-wrap .counter-items p
{
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	font-weight: #6B7280;
	text-align: justify;
}

/*
	================================
*/

.ktestimonials
{
	padding: 70px 0 50px;
}
.ktestimonials .container
{
	max-width: 90%;
}
.ktestimonials .swiper-wrapper .swiper-slide
{

}
.ktestimonials .swiper-wrapper .swiper-slide .testimonial-items
{
	padding: 30px 35px;
}
.ktestimonials .swiper-wrapper .swiper-slide .testimonial-items .icon-with-stars
{
	
}
.ktestimonials .swiper-wrapper .swiper-slide .testimonial-items .icon-with-stars .icon
{
	width: 50px;
}
.ktestimonials .swiper-wrapper .swiper-slide .testimonial-items .icon-with-stars .cont h4
{
	font-size: 20px;
	font-weight: 600;
	color: #111827;
}
.ktestimonials .swiper-wrapper .swiper-slide .testimonial-items  > p
{
	font-size: 15px;
	font-weight: 400;
	color: #374151;
	text-align: justify;
	line-height: 26px;
	height: 234px;
	overflow: hidden;
}

/*
	=====================================]
*/
.faq-sections01
{
	padding-top: 40px;
	padding-bottom: 40px;
}
.faq-sections01 .section-title h2
{
	text-align: center;
	font-size:36px;
	margin-bottom: 5px;
	font-weight: 700;
}
.faq-sections01 .section-title p
{
	text-align: center;
	font-size:18px;
	font-weight: 500;
	color: #6d727a;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.faq-sections01 .accordion .accordion-item
{
	padding: 18px;
}
.faq-sections01 .accordion .accordion-item .accordion-header .accordion-button{
	color:#1E293B;
	font-weight: 700;
	font-size: 17px;
}
.faq-sections01 .accordion .accordion-item .accordion-header .accordion-collapse .accordion-body p{
	max-width: 100%;
	color:#1E293B;
	font-weight: 400;
	font-size: 16px;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}

/*
	=============================================
*/

.footer-section{

}
.footer-section .container{
	max-width: 95%;
}
.footer-widgets-wrapper .footer-widgets-pragraph
{
	max-width: 30%;
}
.footer-widgets-wrapper .footer-widgets-pragraph .widget-head
{
	margin-bottom: 15px;
}
.footer-widgets-wrapper .footer-widgets-pragraph .widget-head a img
{
	width: 250px;
}
.footer-widgets-wrapper .single-footer-widget .footer-content p
{
    text-align: justify;
    line-height: 25px;
    font-size: 15px !important;
    margin-bottom: 20px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head
{
	margin-bottom: 15px;
}
.footer-widgets-wrapper .single-footer-widget .widget-head h3
{
	font-size: 21px;
	font-weight: 600;
}
.footer-widgets-wrapper .single-footer-widget .list-area li
{
	margin-bottom: 10px !important;
}
.footer-widgets-wrapper .single-footer-widget .list-area li a
{
	font-size: 16px;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .footer-info li a,
.footer-widgets-wrapper .single-footer-widget .footer-info li
{
	font-size: 18px;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-weight: 600;
}
.footer-widgets-wrapper .single-footer-widget .footer-info li
{
	margin-bottom: 10px !important;
}
.footer-widgets-wrapper
{
	padding: 50px 0 30px;
}
.footer-bottom .footer-wrapper
{
	padding: 13px 0;
}
.footer-bottom .footer-wrapper p
{
	font-size: 16px;
	font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-weight: 500;
}
.footer-widgets-wrapper .single-footer-widget .social-wrapper
{
	grid-column-gap: 8px;
}
.footer-widgets-wrapper .single-footer-widget .social-wrapper a
{
	background: var(--text);
}
.footer-widgets-wrapper .single-footer-widget .social-wrapper a i
{
	color: var(--white);
}

.slick-slider .slick-track, .slick-slider .slick-list {
direction: ltr;
}

/*
	===============================================
*/

.service-items
{
	height: 100%;
}
.font-modify
{
	font-weight: 700 !important;
}
.pricing-section .section-title p
{
    font-size: 18px;
    margin-top:20px;
    font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
@media screen and (min-width: 1367px)
{
	.banner-section .hero-content-version1 h1
	{
		font-size: 50px;
	}
	.banner-section .form-header .form-wrapper .header_form h6
	{
		font-weight: 900;
		font-size: 28px;
	}
	.banner-section .form-header .form-wrapper .header_form p
	{
		font-size: 17px;
	}
	.banner-section .form-header .form-wrapper .header_form
	{
		padding: 8px 13px;
	}
	.pricing-section .section-title p
	{
		font-size: 20px;
	}
}



/*

==============================================================
*/

@media screen and (max-width: 480px)
{
	.banner-section .hero-content-version1 h1 {
	    font-size: 39px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 25px;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2:before
	{
		transform: skewY(0deg);
		height: 100%;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2
	{
	    font-size: 39px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 5px;
	    display: block;
	}
	.banner-section
	{
		padding: 30px 0;
	}
	.banner-section .form-header .form-wrapper form
	{
		padding: 15px 15px 15px;
	}
	.banner-section .hero-content-version1 p
	{
		font-size: 15px;
		font-weight: 600;
		line-height: 23px;
	}
	.banner-section .hero-content-version1 .common-btn.first-box
	{
		font-size: 20px;
		font-weight: 700 !important;
	}
	.banner-section .form-header .form-wrapper .header_form p
	{
		font-size: 14px;
	}
	.order_____row .order00001
	{
		order: 1;
	}
	.order_____row .order00002
	{
		order: 2;
	}

	.pricing-sections
	{
		margin-top: 30px;
	}
	.pricing-sections .section-title h2
	{
		font-size: 30px;
	}
	.pricing-section .section-title p
	{
		margin-top: 10px;
		font-size: 15px;
	}

	.pricing-items
	{
		padding: 30px 20px;
	}
	.pricing-items .pricing-head
	{
		margin-bottom: 25px;
	}
	.pricing-items.pricing-items__1
	{
		background-color: #eaeaea;
	}
	.pricing-items.pricing-items__3
	{
		background-color: #eaeaea;
	}
	.pricing-items .pricing-head
	{
		padding: 15px 10px 25px;
		text-align: center;
	}
	.pricing-items .pricing-list li
	{
		font-size: 14px;
	}
	.pricing-items .pricing-list
	{
		gap:10px;
	}
	.clients-section .clients-marquee .logo-clients .image-logo
	{
		width: auto;
		max-width: 100%;
	}
	.logo-clients
	{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	.clients-section .clients-marquee .logo-clients#slide001 .image-logo:last-child
	{
		display: none;
	}
	.clients-section .clients-marquee .logo-clients .image-logo img
	{
		height: 100px;
	}
	.about_type_text1
	{
		padding-top: 25px;
	}
	.about_type_text1 .container
	{
		max-width: 95%;
	}
	.about_type_text1 .about-content .section-title h2
	{
		font-size: 18px;
	    font-weight: 700;
	    color: #000;
	    line-height: 28px;
	    text-align: center;
	}
	.about_type_text1 .about-content .section-title h2 span
	{
		display: inline;
		font-size: 100%;
	}
	.about_type_text1 .about-content p
	{
		font-size: 14px;
		line-height: 22px;
	}
	.about_type_text2.about_type_text1 .about-content .section-title h2
	{
	    font-size: 25px;
		line-height: 33px;
	}
	.service-section1
	{
		margin-top: 20px;
	}
	.service-section1 .container
	{
		max-width: 95%;
	}
	.service-section1 .section-title h2
	{
	    font-size: 30px;
		line-height: 37px;
	}
	.service-section1 .section-title p
	{
		font-size: 14px;
		line-height: 22px;
		text-align: justify;
	}
	.service-items .icon
	{
		width: 60px;
		margin-bottom: 20px;
	}
	.service-section1 .service-items .content p
	{
		font-size: 13px;
		color: #222;
	}
	section.ourPortfolioSection
	{
		margin-top: 30px;
	}
	section.ourPortfolioSection.service-section1 .section-title h2
	{
	    font-size: 25px;
		line-height: 37px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .nameProject h4
	{
		font-size: 16px;
		font-weight: 700;
	}
	section.call_to_actions .buttons1
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	section.call_to_actions .buttons1 .span01
	{
		width: 100%;
		margin-bottom: 5px;
	}
	section.call_to_actions .content-call-to-action h3
	{
		font-size: 30px;
		margin-bottom: 10px;
	}
	section.call_to_actions .content-call-to-action h3 span
	{
		font-size:45px;
		line-height: 45px;
	}
	section.call_to_actions .content-call-to-action p
	{
		font-size: 15px;
		color: #222;
		line-height: 25px;
	}
	.trusted-sektion .cmn-tag
	{
		background-color: var(--p3-clr) !important;
		width: 100%;
	}
	.trusted-sektion .container .padding-right-section
	{
		padding-right: 0;
	}
	.trusted-sektion .section-title h2
	{
		font-size: 21px;
		text-align: center;
		line-height: 29px;
	}
	.trusted-sektion .descs p
	{
		font-size: 13px;
		line-height: 23px;
	}
	span.highlight
	{
		display: inline;
	}
	.counter-wrap
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.trusted-sektion .counter-wrap .counter-items p
	{
		font-size: 13px;
		line-height: 23px;
	}
	.faq-sections01 .section-title h2
	{
		font-size: 27px;
		text-align: center;
		line-height: 34px;
	}
	.faq-sections01 .section-title p
	{
		font-size: 15px;
	}
	.faq-sections01 .accordion .accordion-item .accordion-header .accordion-button
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper
	{
		flex-direction: column;
		grid-row-gap: 10px;
	}
	.footer-widgets-wrapper .footer-widgets-pragraph
	{
		max-width: 100%;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content p
	{
		line-height: 21px;
   		font-size: 13px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child)
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li a
	{
   		font-size: 14px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li a
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .social-wrapper
	{
		margin-top: 10px;
	}
	.footer-bottom .footer-wrapper p
	{
		font-size: 14px;
	}
	.header-1 .mega-menu-wrapper
	{
		padding:  0 15px 0 10px;
	}
	.header-1 .header-main .header-left
	{
		width: 75%;
	}
	.header-left .logo,
	.header-left .logo a
	{
		width: 100%;
	}
	.header-left .logo a
	{
		max-width: 100%;
	}
	.header-left .logo .header-logo img
	{
		width: 100%;
	}
	.offcanvas__logo_widths
	{
		width: 80%;
	}
}

@media screen and (min-width: 481px) and (max-width: 576px)
{
	.banner-section .hero-content-version1 h1 {
	    font-size: 30px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 25px;
	}
	.banner-section .hero-content-version1 h1 br
	{
		display: none;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2:before
	{
		transform: skewY(0deg);
		height: 100%;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2
	{
	    font-size: 39px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 5px;
	    display: inline-block;
	}
	.banner-section
	{
		padding: 30px 0;
	}
	.banner-section .form-header .form-wrapper form
	{
		padding: 15px 15px 15px;
	}
	.banner-section .hero-content-version1 p
	{
		font-size: 15px;
		font-weight: 600;
		line-height: 23px;
	}
	.banner-section .hero-content-version1 .common-btn.first-box
	{
		font-size: 20px;
		font-weight: 700 !important;
	}
	.banner-section .form-header .form-wrapper .header_form p
	{
		font-size: 14px;
	}
	.order_____row .order00001
	{
		order: 1;
	}
	.order_____row .order00002
	{
		order: 2;
	}

	.pricing-sections
	{
		margin-top: 30px;
	}
	.pricing-sections .section-title h2
	{
		font-size: 30px;
	}
	.pricing-section .section-title p
	{
		margin-top: 10px;
		font-size: 15px;
	}

	.pricing-items
	{
		padding: 30px 20px;
	}
	.pricing-items .pricing-head
	{
		margin-bottom: 25px;
	}
	.pricing-items.pricing-items__1
	{
		background-color: #eaeaea;
	}
	.pricing-items.pricing-items__3
	{
		background-color: #eaeaea;
	}
	.pricing-items .pricing-head
	{
		padding: 15px 10px 25px;
		text-align: center;
	}
	.pricing-items .pricing-list li
	{
		font-size: 14px;
	}
	.pricing-items .pricing-list
	{
		gap:10px;
	}
	.clients-section .clients-marquee .logo-clients .image-logo
	{
		width: auto;
		max-width: 100%;
	}
	.logo-clients
	{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	.clients-section .clients-marquee .logo-clients#slide001 .image-logo:last-child
	{
		display: none;
	}
	.clients-section .clients-marquee .logo-clients .image-logo img
	{
		height: 140px;
	}
	.about_type_text1
	{
		padding-top: 25px;
	}
	.about_type_text1 .container
	{
		max-width: 95%;
	}
	.about_type_text1 .about-content .section-title h2
	{
		font-size: 18px;
	    font-weight: 700;
	    color: #000;
	    line-height: 28px;
	    text-align: center;
	}
	.about_type_text1 .about-content .section-title h2 span
	{
		display: inline;
		font-size: 100%;
	}
	.about_type_text1 .about-content p
	{
		font-size: 14px;
		line-height: 22px;
	}
	.about_type_text2.about_type_text1 .about-content .section-title h2
	{
	    font-size: 25px;
		line-height: 33px;
	}
	.service-section1
	{
		margin-top: 20px;
	}
	.service-section1 .container
	{
		max-width: 95%;
	}
	.service-section1 .section-title h2
	{
	    font-size: 30px;
		line-height: 37px;
	}
	.service-section1 .section-title p
	{
		font-size: 14px;
		line-height: 22px;
		text-align: justify;
	}
	.service-items .icon
	{
		width: 60px;
		margin-bottom: 20px;
	}
	.service-section1 .service-items .content p
	{
		font-size: 13px;
		color: #222;
	}
	section.ourPortfolioSection
	{
		margin-top: 30px;
	}
	section.ourPortfolioSection.service-section1 .section-title h2
	{
	    font-size: 25px;
		line-height: 37px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .nameProject h4
	{
		font-size: 16px;
		font-weight: 700;
	}
	section.call_to_actions .buttons1
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	section.call_to_actions .buttons1 .span01
	{
		width: 100%;
		margin-bottom: 5px;
	}
	section.call_to_actions .content-call-to-action h3
	{
		font-size: 30px;
		margin-bottom: 10px;
	}
	section.call_to_actions .content-call-to-action h3 span
	{
		font-size:35px;
		line-height: 45px;
	}
	section.call_to_actions .content-call-to-action p
	{
		font-size: 15px;
		color: #222;
		line-height: 25px;
	}
	.trusted-sektion .cmn-tag
	{
		background-color: var(--p3-clr) !important;
		width: 100%;
	}
	.trusted-sektion .container .padding-right-section
	{
		padding-right: 0;
	}
	.trusted-sektion .section-title h2
	{
		font-size: 28px;
		text-align: center;
		line-height: 35px;
	}
	.trusted-sektion .descs p
	{
		font-size: 15px;
		line-height: 25px;
	}
	span.highlight
	{
		display: inline;
	}
	.counter-wrap
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.trusted-sektion .counter-wrap .counter-items p
	{
		font-size: 15px;
		line-height: 26px;
	}
	.faq-sections01 .section-title h2
	{
		font-size: 27px;
		text-align: center;
		line-height: 34px;
	}
	.faq-sections01 .section-title p
	{
		font-size: 15px;
	}
	.faq-sections01 .accordion .accordion-item .accordion-header .accordion-button
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper
	{
		flex-direction: column;
		grid-row-gap: 10px;
	}
	.footer-widgets-wrapper .footer-widgets-pragraph
	{
		max-width: 100%;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content p
	{
		line-height: 21px;
   		font-size: 13px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child)
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li a
	{
   		font-size: 14px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li a
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .social-wrapper
	{
		margin-top: 10px;
	}
	.footer-bottom .footer-wrapper p
	{
		font-size: 14px;
	}
	.header-1 .mega-menu-wrapper
	{
		padding:  0 15px 0 10px;
	}
	.header-1 .header-main .header-left
	{
		width: 55%;
	}
	.header-left .logo,
	.header-left .logo a
	{
		width: 100%;
	}
	.header-left .logo a
	{
		max-width: 100%;
	}
	.header-left .logo .header-logo img
	{
		width: 100%;
	}
	.offcanvas__logo_widths
	{
		width: 80%;
	}
}


@media screen and (min-width: 577px) and (max-width: 767px)
{
	.banner-section .hero-content-version1 h1 {
	    font-size: 30px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 25px;
	}
	.banner-section .hero-content-version1 h1 br
	{
		display: none;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2:before
	{
		transform: skewY(0deg);
		height: 100%;
	}
	.banner-section .hero-content-version1 h1 span.buttonText2
	{
	    font-size: 39px;
	    font-weight: 900;
	    line-height: 46px;
	    margin-bottom: 5px;
	    display: inline-block;
	}
	.banner-section
	{
		padding: 30px 0;
	}
	.banner-section .form-header .form-wrapper form
	{
		padding: 15px 15px 15px;
	}
	.banner-section .hero-content-version1 p
	{
		font-size: 15px;
		font-weight: 600;
		line-height: 23px;
	}
	.banner-section .hero-content-version1 .common-btn.first-box
	{
		font-size: 20px;
		font-weight: 700 !important;
	}
	.banner-section .form-header .form-wrapper .header_form p
	{
		font-size: 14px;
	}
	.order_____row .order00001
	{
		order: 1;
	}
	.order_____row .order00002
	{
		order: 2;
	}

	.pricing-sections
	{
		margin-top: 30px;
	}
	.pricing-sections .section-title h2
	{
		font-size: 30px;
	}
	.pricing-section .section-title p
	{
		margin-top: 10px;
		font-size: 15px;
	}

	.pricing-items
	{
		padding: 30px 20px;
	}
	.pricing-items .pricing-head
	{
		margin-bottom: 25px;
	}
	.pricing-items.pricing-items__1
	{
		background-color: #eaeaea;
	}
	.pricing-items.pricing-items__3
	{
		background-color: #eaeaea;
	}
	.pricing-items .pricing-head
	{
		padding: 15px 10px 25px;
		text-align: center;
	}
	.pricing-items .pricing-list li
	{
		font-size: 14px;
	}
	.pricing-items .pricing-list
	{
		gap:10px;
	}
	.clients-section .clients-marquee .logo-clients .image-logo
	{
		width: auto;
		max-width: 100%;
	}
	.logo-clients
	{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	.clients-section .clients-marquee .logo-clients#slide002 .image-logo:last-child
	{
		display: none;
	}
	.clients-section .clients-marquee .logo-clients .image-logo img
	{
		height: 140px;
	}
	.about_type_text1
	{
		padding-top: 25px;
	}
	.about_type_text1 .container
	{
		max-width: 95%;
	}
	.about_type_text1 .about-content .section-title h2
	{
		font-size: 23px;
	    font-weight: 700;
	    color: #000;
	    line-height: 30px;
	    text-align: center;
	}
	.about_type_text1 .about-content .section-title h2 span
	{
		display: inline;
		font-size: 100%;
	}
	.about_type_text1 .about-content p
	{
		font-size: 14px;
		line-height: 22px;
	}
	.about_type_text2.about_type_text1 .about-content .section-title h2
	{
	    font-size: 25px;
		line-height: 33px;
	}
	.service-section1
	{
		margin-top: 20px;
	}
	.service-section1 .container
	{
		max-width: 95%;
	}
	.service-section1 .section-title h2
	{
	    font-size: 30px;
		line-height: 37px;
	}
	.service-section1 .section-title p
	{
		font-size: 16px;
		line-height: 25px;
		text-align: justify;
	}
	.service-items .icon
	{
		width: 60px;
		margin-bottom: 20px;
	}
	.service-section1 .service-items .content p
	{
		font-size: 15px;
		color: #222;
	}
	section.ourPortfolioSection
	{
		margin-top: 30px;
	}
	section.ourPortfolioSection.service-section1 .section-title h2
	{
	    font-size: 25px;
		line-height: 37px;
	}
	section.ourPortfolioSection .portfolioWrapper .myPortfolio_wrapper .portfolio_coloms .nameProject h4
	{
		font-size: 16px;
		font-weight: 700;
	}
	section.call_to_actions .buttons1
	{
		display: flex;
		/*flex-direction: column;*/
		justify-content: center;
		align-items: center;
	}
	section.call_to_actions .buttons1 .span01
	{
		margin-bottom: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	section.call_to_actions .content-call-to-action h3
	{
		font-size: 30px;
		margin-bottom: 10px;
	}
	section.call_to_actions .buttons1 .span02
	{
		font-size: 17px;
	}
	section.call_to_actions .content-call-to-action h3 span
	{
		font-size:35px;
		line-height: 45px;
	}
	section.call_to_actions .content-call-to-action p
	{
		font-size: 15px;
		color: #222;
		line-height: 25px;
	}
	.trusted-sektion .cmn-tag
	{
		background-color: var(--p3-clr) !important;
		width: 100%;
	}
	.trusted-sektion .container .padding-right-section
	{
		padding-right: 0;
	}
	.trusted-sektion .section-title h2
	{
		font-size: 28px;
		text-align: center;
		line-height: 35px;
	}
	.trusted-sektion .descs p
	{
		font-size: 15px;
		line-height: 25px;
	}
	span.highlight
	{
		display: inline;
	}
	.counter-wrap
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.trusted-sektion .counter-wrap .counter-items p
	{
		font-size: 15px;
		line-height: 26px;
	}
	.faq-sections01 .section-title h2
	{
		font-size: 27px;
		text-align: center;
		line-height: 34px;
	}
	.faq-sections01 .section-title p
	{
		font-size: 15px;
	}
	.faq-sections01 .accordion .accordion-item .accordion-header .accordion-button
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper
	{
		/*flex-direction: column;*/
		grid-row-gap: 10px;
	}
	.footer-widgets-wrapper .footer-widgets-pragraph
	{
		max-width: 100%;
		width: 100% !important;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-content p
	{
		line-height: 21px;
   		font-size: 13px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li:not(:last-child)
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .list-area li a
	{
   		font-size: 14px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li a
	{
		font-size: 15px;
	}
	.footer-widgets-wrapper .single-footer-widget .footer-info li
	{
		margin-bottom: 5px !important;
	}
	.footer-widgets-wrapper .single-footer-widget .social-wrapper
	{
		margin-top: 10px;
	}
	.footer-bottom .footer-wrapper p
	{
		font-size: 14px;
	}
	.header-1 .mega-menu-wrapper
	{
		padding:  0 15px 0 10px;
	}
	.header-1 .header-main .header-left
	{
		width: 55%;
	}
	.header-left .logo,
	.header-left .logo a
	{
		width: 100%;
	}
	.header-left .logo a
	{
		max-width: 100%;
	}
	.header-left .logo .header-logo img
	{
		width: 100%;
	}
	.offcanvas__logo_widths
	{
		width: 80%;
	}
}