/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 1.1.1727852863
Updated: 2024-10-02 07:07:43

*/
*{	margin: 0;	padding: 0;}
body{
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-style: normal;
	background-color: #fff;
}

a,a:hover,a:focus,
button:focus,button:hover{
	text-decoration: none;
}
button:focus{
	border: 0;
	outline: none;
}
p,h1,h2,h3,h4,h5,h6{
	margin: 0;
}
ul,li{
	padding: 0;
	margin: 0;
}
figure.wp-block-image{
	margin: 0;
}

.common_head2{
	color: #0066FF;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 0;
	line-height: 16px;
}
.common_head1{
    font-size: 32px;
    font-weight: 700;
    margin: 15px 0 45px;
    line-height: 44px;
    letter-spacing: 0.2px;
	text-transform: capitalize;
}
.common_head1 span{
	display: block;
}

/*Banner section*/
.header_outer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_outer {
	width: 100%;
	z-index: 3;
	margin: 15px 0 20px;
	display: flex;
    justify-content: space-between;
}
  
.header_outer .header_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
  
.header_outer .header_nav ul li a {
	display: block;
	font-size: 14px;
    color: #000;
    margin:15px;
    line-height: 17px;
	font-weight: 400;
	text-transform: capitalize;
}

.header_outer .header_nav ul li.menu-button{
	font-size: 14px;
    color: #fff;
    margin:0 0 0 30px;
    line-height: 17px;
	font-weight: 400;
	text-transform: capitalize;
	background-color: #FB772F;
	border-radius: 6px;
	border: 1px solid #FB772F;
	padding: 0 15px;
}

.header_outer .header_nav ul li.menu-button:hover {
	font-weight: 400;
	background-color: #0066FF;
	border-radius: 6px;
	border: 1px solid #0066FF;
	color: #fff;
	transition: linear all 0.3s;
}
.header_outer .header_nav ul li.menu-button:last-child a {
	color: #fff;
	margin: 0;
	padding: 15px;
}
.header_outer .header_nav ul li.menu-button:last-child:hover a {
	transition: linear all 0.3s;
	font-weight: 400;
}
.header_outer .header_nav li a:hover{
    color: #0066FF;
}

.button_hire_m{
	display: none;
}
.header_outer .button_hire {
	font-size: 14px;
	color: #fff;
	margin: -35px 45px 0 auto;
	line-height: 17px;
	font-weight: 400;
	text-transform: capitalize;
	background-color: #FB772F;
	border-radius: 6px;
	border: 1px solid #FB772F;
	padding: 8px 15px;
	width: max-content;
}
/* menu icon */
.header_outer .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 28px 20px;
	position: relative;
	user-select: none;
}
  
.header_outer .menu-icon .navicon {
	background: #333;
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
}
  
.header_outer .menu-icon .navicon:before,
.header_outer .menu-icon .navicon:after {
	background: #333;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}
  
.header_outer .menu-icon .navicon:before {
	top: 5px;
}
  
.header_outer .menu-icon .navicon:after {
	top: -5px;
}
/* menu btn */
#site-header {
    background: transparent
}

.navbar  button{
    border: 0;
}
.navbar  button span i{
    font-size: 25px;
	margin: 10px 0 0;
	color: #0066FF;
} 
.header_outer .menu-btn {
	display: none;
}
  
.header_outer .menu-btn:checked ~ .menu {
	max-height: 250px;
}
  
.header_outer .menu-btn:checked ~ .menu-icon .navicon {
	background: transparent;
}

/* Menu Close */
/* banner start */
.eezy_banner{
	padding: 60px 0;
}
.eezy_banner .banner_content{
	display: flex;
	column-gap: 15px;
	align-items: center;
}
.eezy_banner .banner_content .content{
	/* position: absolute; */
	width: 50%;
}
.eezy_banner .banner_content .content h3{
	font-size: 44px;
	color: #000;
	margin: 0px 0px 45px 0;
	line-height: 62px;
	font-weight: 700;
}
.eezy_banner .banner_content .content a {
    background: #0066FF;
    padding: 15px 30px;
    border-radius: 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
	transition: linear all 0.3s;
}
.eezy_banner .banner_content .content a:hover {
    background: #FB772F;
}
.eezy_banner .banner_content .banner_image{
	margin: 0 0 0 auto;
}

.eezy_banner .banner_content .banner_image img{
	height: 500px;
    object-fit: cover;
}

/* categories */
/* common Heading & buttons */

.section_category .head_button a,
.section_category a.view_all,
.section_category a.view_all_m{
    background-color: #fff;
    border: 1px solid #FB772F;
	color: #FB772F;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 5px;
	display: inline-block;
}
.section_category .head_button a:hover,
.section_category  a:hover,
.logo_category a.view_all:hover,
.section_category a.view_all_m:hover{
    background-color: #FB772F;
    color: #fff;
}

.section_category a.view_all_m{
    margin: 30px 0 0;
	display: none;
	
}
/* common Heading & buttons close */
/* ============================= */
/* =====All Cateories start==== */
.all_categories .categories ul {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
}
.all_categories .categories ul li {
    margin: 0 0 60px;
}
.all_categories .categories ul li a {
    color: #000;
}
.all_categories .categories ul li a:hover {
    color: #0066FF;
}
.all_categories .categories ul li .cat {
    background: #F3F3F3;
    padding: 50px;
    border-radius: 50%;
    margin: 0 0 20px;
}
.all_categories .categories ul li .cat img {
    width: 50px;
	height: 50px;
}
.all_categories .categories ul li h4{
	font-size: 19px;
    font-weight: 700;
}
/* All Cateories close */
/* ============================= */
/* ======landing Page start==== */
.landing_page_section{
	background-color: #F3F3F3;
    padding: 90px 0 60px !important;
    margin: 0px 0 60px;
}

.section_category .head_button,
.logo_category .head_button{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 45px;
}
.section_category .head_button h3 {
    margin: 15px 0 0px;
}

.section_category{
	padding: 30px 0;
}

.landing_page_section .category_content {
    background-color: #fff !important;
    /* min-height: 300px !important; */
}
.landing_page_section {
    position: relative;
}
.section_category .category_content{
	background-color: #F3F3F3;
	padding: 0 0 15px;
	min-height: 225px;
	margin: 0 0 30px;
	border-radius: 20px;
	overflow: hidden;
	transition: linear all 0.3s;
}
.section_category .category_content h4{
	padding:15px 15px 0;
	font-size: 16px;
    font-weight: 700;
	line-height: 20px;
	min-height: 60px;
}

.section_category .category_content .prod_thumb{
	/*max-height: 160px;
	width: 100%;*/
	overflow: hidden;
	
	position: relative;
	width: 100%;   
	padding-bottom: 75%; 
}
.section_category .category_content .prod_thumb img{
	/*height: 100%;*/
	/*width: 100%;
	object-fit: cover;*/
	
	position: absolute;
	width: 100%;
	/*height: 100%;*/
	object-fit: contain;
}

.section_category .category_content a{
	color: #000 !important;
}
.section_category .category_content img{
	transition: linear all 0.3s;
}
/* .section_category .category_content:hover img{
	transform: scale(1.05);
	transition: linear all 0.3s;
} */

.section_category .category_content:hover{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transition: linear all 0.3s;
}

/* lading page category close */
/* logo category start */
.logo_section {
    padding: 30px 0 30px;
}

.logo_section .category_content {
    background-color: #fff;
	border-radius: 20px;
	/* min-height: 300px; */
	overflow: hidden;
}

/* website category start */
.website_section  {
	margin: 0px;
	background-color: #F3F3F3;
}
.website_section.section_category {
	padding: 90px 0 30px;
}
.website_section .category_content {
    /* min-height: 300px; */
}

.clickfunnel_section.section_category {
	padding: 90px 0 30px;
	background-color: #F3F3F3;
}

/* admin Uis category start */
.clickfunnel_section .category_content {
    /* min-height: 300px !important; */
}
.admin_dash_section {
    padding: 90px 0 30px;
}
.admin_dash_section .category_content {
    background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
}

/* call to action  */
.call_to_action{
	padding: 90px 0;
}

.call_to_action .content_outer{
	padding: 90px 60px 60px;
	border-radius: 20px;
	background-color: #0066FF;
}

.call_to_action .content_outer .content_inner{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	color: #fff;
}
.call_to_action .content_outer .content_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.call_to_action .content_outer img{
	margin: 0 0 30px;
}
.call_to_action .content_outer .content_inner h3{
	font-size: 44px;
    font-weight: 800;
	line-height: 62px;
}
.call_to_action .content_outer .content_inner h3 span{
	display: block;
}
.call_to_action .content_outer .content_inner a{
	font-size: 20px;
    color: #fff;
    margin: 0 0 0 0px;
    line-height: 20px;
    font-weight: 800;
    text-transform: capitalize;
    background-color: #FB772F;
    border-radius: 6px;
    border: 2px solid #FB772F;
    padding: 16px 24px;
}
.call_to_action .content_outer .content_inner a:hover{
    background-color: #F3F3F3;
	border: 2px solid #F3F3F3;
	color: #000;

}
/* ===================homepage close =======================*/
/* ======================================================= */
/* =================Hire Designer start================== */
.eezy_Hire_designer_banner {
    background: url('http://127.0.0.1/eezyclick/wp-content/uploads/2024/12/Line.png') #F6F9FF;
    margin: 0 0 0px;
    padding: 90px 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.eezy_Hire_designer_banner .content h5{
	text-transform: capitalize;
}
.eezy_Hire_designer_banner .content h3{
	margin: 15px 0 30px;
	text-transform: capitalize;
}

.eezy_Hire_designer_banner .content p{
	font-size: 16px;
    color: #263238;
    line-height: 26px;
    font-weight: 400;
}

.eezy_Hire_designer_banner .content ul{
	list-style-type: none;
	margin: 30px 0 30px;
}
.eezy_Hire_designer_banner .content ul li{
	margin: 20px 0;
	font-size: 16px;
    line-height: 16px;
    font-weight: 400;
	text-transform: capitalize;
}
.eezy_Hire_designer_banner .content ul li i{
	margin: 0 10px 0 0;
	color: #FB772F;
}


.eezy_Hire_designer_banner .content_form {
    min-height: 600px;
    background-color: #fff;
    margin: 0 0 -150px auto;
    width: 80%;
    box-shadow: 2px 4px 4px #D1D9EF3B;
    border-radius: 20px;
	padding: 45px 45px 15px;
}

.eezy_Hire_designer_banner .content_form h3{
	margin: 0 0 18px;
    font-weight: 800;
    font-size: 36px;
}
.eezy_Hire_designer_banner .content_form h5{
    font-size: 20px;
	margin: 0 0 45px;
}

.eezy_Hire_designer_banner .content_form .form_outer input,
.eezy_Hire_designer_banner .content_form .form_outer select,
.eezy_Hire_designer_banner .content_form .form_outer textarea {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 8px 15px;
    border-radius: 6px;
    color: #7C7C7C;
    font-size: 14px;
    font-weight: 400;
	margin: 0 0 10px;
	width: 100%;
}
.eezy_Hire_designer_banner .content_form .form_outer textarea {
	resize: none;
	height: 200px;
}
.eezy_Hire_designer_banner .content_form .form_outer input:focus,
.eezy_Hire_designer_banner .content_form .form_outer select:focus,
.eezy_Hire_designer_banner .content_form .form_outer textarea:focus {
    outline: none;
}
.eezy_Hire_designer_banner .content_form .form_outer input[type="submit"] {
    background-color: #FB772F;
    border: 1px solid #FB772F;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 12px 15px;
	text-decoration: none;
}
.eezy_Hire_designer_banner .content_form .form_outer input[type="submit"]:hover {
	background-color: #0066FF;
	border: 1px solid #0066FF;
}

.eezy_Hire_designer_banner .content_form .form_outer .wpcf7-not-valid-tip{
	color: #FB772F;
	font-size: 14px;
	font-weight: 400;
	margin: -8px 0 10px;
}

.eezy_Hire_designer_banner .content_form .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #FB772F !important;
    padding: 10px 15px 8px !important;
    border-radius: 6px !important;
    margin: -20px 0 0;
}

.eezy_Hire_designer_banner .content_form .form_outer br {
    display: none;
}
/* form */

/* blobal Brans */
.blobal_brands{
	padding: 150px 0;
}
.blobal_brands .brands ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    column-gap: 25px;
    margin: 90px 0 0;
}
.blobal_brands .brands ul li{
	margin: 10px 0;
	background-color: #ccc;
	border-radius: 20px;
}

/* brands close */
/* teams start */
.teams {
    background-color: #0066FF;
    color: #fff;
    padding: 130px 0 127px;
    position: relative;
    margin: 0 0 45px;
}
.teams .team_image {
    position: absolute;
    right: 75px;
    bottom: 0;
}
.teams:after{
	/* content:url('http://127.0.0.1/eezyclick/wp-content/uploads/2024/12/teams.png'); 
	position:relative; 
	z-index:100000; 
	left:0px;
	top:5px; */
}
.teams .content h5{
	color: #fff;
}
.teams .brands ul{
	list-style-type: none;
	
}
.teams .brands ul li{
	/*width: 50%;
	 float: left; */
	font-size: 16px;
    line-height: 16px;
    font-weight: 400;
	margin: 20px 0;
}
.teams .brands ul li i{
	margin: 0 20px 0 0;
}

/* Product detailpage start */
.template_outer{
	margin: 60px 0 30px;
}


/* image tabs start */
.template_outer .product_gallery {
    margin: 0 0 0;
}

.template_outer .product_gallery .product_main_img .current {
    max-width: 100%;
    cursor: pointer;
	margin: 0px auto;
    display: block;
}
.template_outer .product_gallery .thumbnail{
	display: flex;
	justify-content: space-between;
	margin: 10px 0 30px;
}

.template_outer .product_gallery .thumbnail .tab_img_outer{
	height: 130px;
}

.template_outer .product_gallery .thumbnail .tab_img_outer {
    width: 150px;
	height: 100px;
    margin: 5px;
    cursor: pointer;
    overflow: hidden;
}
.template_outer .product_gallery .thumbnail .tab_img_outer img {
    height: 100%;
    width: 100%;
	object-fit: cover;
	border-radius: 10px;
	border: 2px solid #fff;
	object-position:top
}




.template_outer .content h3{
	font-size: 30px;
    line-height: 40px;
    font-weight: 700;
	margin: 0px 0 30px;
}
.template_outer .content p{
	font-size: 15px;
    line-height: 28px;
    font-weight: 400;
	margin: 0px 0 30px;
}
.template_outer .content .download a {
    background-color: #FB772F;
    color: #fff;
    border: 1px solid #FB772F;
    border-radius: 8px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    width: 100%;
    display: block;
    text-align: center;
    padding: 12px 10px 14px;
    margin: 0 0 30px;
	transition: lineaar all 0.3s;
}

.template_outer .content .download a:hover {
    background-color: #0066FF;
    border: 1px solid #0066FF;
}

.template_outer .content .tags::first-line {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    color: #263238;
	display: none;
}

.template_outer .content .tags{
	margin: 50px 0 0;
}
.template_outer .content .tags h4{
	font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    color: #0C1F3A;
	margin: 0 0 20px;
}
.template_outer .content .tags .post_tags a {
    font-size: 16px;
    font-weight: 400;
    color: #263238;
    background-color: #F6F7FC;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    padding: 5px 10px;
    margin: 4px;
	line-height: 25px;
	text-transform: capitalize;
	display: inline-block;
}


/* 404 page */
.notfound h1{
	font-size: 40px;
    line-height: 36px;
    font-weight: 600;
}










/* footer */
.footer_section .footer_content .widgets{
	margin: 0 0 30px 0;
	font-family: "Plus Jakarta Sans", sans-serif !important;
}

.footer_section .footer_content .widgets .widgets_inner figure.wp-block-image{
	margin: 0 0 0px 0 !important;
}

.footer_section .footer_content .widgets img{
	margin: 0px 0 -15px 0;
}

.footer_section .footer_content .widgets h2{
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	margin: 0 0 15px;
}

.footer_section .footer_content .widgets .widget-content p{
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	margin: 0 0 30px;
	padding: 0 80px 0 0;
	font-family: "Plus Jakarta Sans", sans-serif !important;
}

.footer_section .footer_content .widgets .widget-content li{
	margin: 0 0 10px;
}

.footer_section .footer_content .widgets .widget-content li a{
	font-size: 14px;
	font-weight: 400;
	color: rgba(0,0,0,0.6);
	transition: linear all 0.6;
}

.footer_section .footer_content .widgets .widget-content li a:hover{
	color: #0066FF;
	text-decoration: none;
	font-weight: 600;
	transition: linear all 0.6;
}
/* scroll t top */
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #0066FF;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 12px;
	height: 50px;
	width: 50px;
}
#myBtn:hover {
	background-color: #FB772F;
}  




/** **/
.header_outer .header_nav ul li {
	position: relative;
}
.sub-menu {
	padding: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	background-color: #ffffff;
	list-style: none;
	min-width: 150px;
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0;
	border-radius: 5px;
	display: none;
}

.sub-menu > li {
	margin-bottom: 0;
	float: none;
}
.sub-menu > li > a {
	display: inline-block;
	padding: 2.5px 5px;
	position: relative;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position:relative;
}
.sub-menu > li.menu-item-has-children > a:after {
	content: '';
    border-style: solid;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 2px;
    top: -2px;
    position: relative;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 10px;
}

li:hover > .sub-menu {
	display: block;
}


#logo_design.section_category .category_content .prod_thumb img {
	height: 100%;
	object-fit: contain;
	object-position: center;
}

/*
#landing_page.section_category .category_content .prod_thumb {
	height: 350px;
	max-height: 100%;
}
#logo_design.section_category .category_content .prod_thumb {
	height: 195px;
	max-height: 100%;
}
#logo_design.section_category .category_content .prod_thumb img {
	height: 100%;
	object-fit: contain;
	object-position: center;
}
#websites.section_category .category_content .prod_thumb {
	height: 350px;
	max-height: 100%;
}
#admin_ui.section_category .category_content .prod_thumb {
	height: 412px;
	max-height: 100%;
}*/