/*
Theme Name: Wordpresswebsitebuilder Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*--======================|| Reset Start ||======================--*/
:root{
    --fs82: 82px;
    --fs62: 62px;
    --fs36: 36px;
    --fs42: 42px;
    --white: #fff;
    --red: #E40000;
    --black: #1D1D1D;
    --grey:#CBCBCB;
}
@font-face {
    font-family: "Degularblack";
  src: url(fonts/Degular-Black.otf);
}

@font-face {
    font-family: "DegularBold";
  src: url(fonts/Degular-Bold.otf);
}
@font-face {
    font-family: "Degularmedium";
  src: url(fonts/Degular-Medium.otf);
}
@font-face {
    font-family: "DegularRegular";
  src: url(fonts/Degular-Regular.otf);
}
@font-face {
    font-family: "DegularSemibold";
  src: url(fonts/Degular-Semibold.otf);
}
body {
    background-color: #f7f4f2 !important;
}
body::-webkit-scrollbar {
 width: 10px;
}
body::-webkit-scrollbar-track {
 background:var(--black);
 border-radius: 8px; 
}
body::-webkit-scrollbar-thumb {
 background: var(--red); 
 border-radius: 6px;
}
.featured_img img {
    max-height: 100% !important;
    object-fit: contain !important;
}
a{
    cursor:pointer;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free'!important;
}
* {
    font-family: "DegularRegular" !important;
}
/*--======================|| Header Start ||======================--*/
div[data-elementor-type="header"] {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 9;
}
div#wpadminbar ~ div[data-elementor-type="header"] {
    top: 32px !important;
}
div[data-elementor-type="header"] .shop_header_sec .e-con-inner {
    transition:all 0.4s;
}
div[data-elementor-type="header"] .shop_header_sec .e-con-inner > div {
    padding: 10px 15px 10px 20px !important;
}
div[data-elementor-type="header"].sticky .shop_header_sec .e-con-inner {
    /* max-width: 760px; */
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    /* border-radius: 20px;
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.75); */
    /* box-shadow: 0 0 1em .25em rgba(0, 0, 0, 0.5) inset, 0 .125em .125em -.125em #0003; */
    /* background-color: rgba(0, 0, 0, .25) !important;
    border-radius: 50px; */
}
.logo_head > div:nth-child(1)::after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background-color: rgba(255,255,255,0.1);
}
.logo_head > div {
    display: flex;
    align-items:center;
}
.get_right_form .form_group_btn::before {
    right: unset;
    left: calc(50% + 100px) !important;
    transform: translate(-50%,-50%) !important;
    top: 50% !important;
}
.get_right_form h2 {
    font-size: 36px;
    margin-bottom: 0px;
  font-size: 32px;
    line-height: 40px;
	font-weight: 700;
}
.get_right_form p {
    font-size: 18px;
}
.page-id-11307 header#masthead {
    display: none !important;
}
.marquee_grid .gallery {
    animation: marquee 50s linear infinite;
    animation-play-state: running;
}
.marquee_grid:nth-child(even) .gallery {
    animation: marquee1 50s linear infinite;
    animation-play-state: running;
}
.marquee_list ul {
    display: flex !important;
    white-space: nowrap;
    width: 100%;
    flex-flow: nowrap !important;
    margin: 0px !important;
    grid-gap: 24px;
    justify-content: center !important;
}
.marquee_list ul li {
    grid-gap: 24px;
}
.marquee_list ul li span.elementor-icon-list-text {
    padding: 0px !important;
    display: block;
}
.testimonial-slider .owl-dots button {
    width: 8px;
    height: 8px;
    background-color: #120F12 !important;
    opacity: 0.15;
    display: block;
    border-radius:50%;
    transition:all 0.3s;
}
.testimonial-slider .owl-dots {
    margin-top:40px !important;
    display: flex;
    grid-gap:8px;
    justify-content: center;
    margin-top: 20px;
}
.testimonial-slider .owl-dots button.owl-dot.active , .testimonial-slider .owl-dots button.owl-dot:hover{
    opacity: 1;
}
.testimonial-slider .item {
    min-height: 339.98px !important;
} 
.table_inner  .elementor-widget-container {
    max-width: 100%;
    overflow: auto;
}
.table_inner .elementor-widget-container table td{
    padding: 18px 24px;
    vertical-align: middle;
    border-radius: 6px;
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
.table_inner .elementor-widget-container table,.table_inner .elementor-widget-container table td{
    margin: 0px;
    border: unset !important;
}
.table_inner table td:nth-child(2),.table_inner .elementor-widget-container table td:nth-child(3) {
    width: 25%;
    text-align: center;
}
.table_inner table tr:nth-child(odd) td {
    background-color: var(--white) !important;
}
.table_inner table tr:nth-child(even) td {
    background-color: transparent !important;
}
.why-shopify .why-shopify-inner{
    position: sticky !important;
    top: 120px;
    max-height: fit-content;
}
.trusted_by_sonu {
    overflow: hidden !important;
}

@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes marquee1 {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
/* Hide popup initially */
.shopify-popup .shopify-content .main-heading h2,.get_right_form h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 0px;
    color: var(--black);
    z-index: 1;
}
.shopify-popup .shopify-content .short-content p,.get_right_form p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    margin-bottom: 16px;
}
.shopify-popup {
    display: none;
    position: fixed !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 32px;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 12px;
    width: calc(100% - 30px) !important;
    max-width: 520px !important;
    overflow: hidden;
}
.shopify-popup::before{
   content:"";
   display:block;
   background-image: url(images/form_overlay.png) !important;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
}
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.popup-overlay.active{
    display: block;
}
.shopify-popup .form_group label,.get_right_form label {
    display: block;
    margin-bottom: 12px;
    font-size: 15px !important;
    color: var(--black);
    line-height: 24px !important;
    font-weight: 600 !important;
}
.shopify-popup .form_group label span,.get_right_form label span{
    color: var(--red);
}
.shopify-popup .form_group input,.get_right_form input{
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 4px !important;
    height: 48px !important;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    line-height: 24px !important;
    color: var(--black) !important;
}
.shopify-popup .form_group input::placeholder, .shopify-popup .form_group textarea::placeholder,
.get_right_form input::placeholder,.get_right_form textarea::placeholder{
    color: #120F12;
    opacity: 0.6;
    font-size: 16px;
    line-height: 24px;
}
.shopify-popup [type=submit],.get_right_form [type=submit]{
    background-color: var(--red) !important;
    color: var(--white) !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    transition:all 0.3s;
    display: block;
    display: block;
    width: 100%;
    font-weight: 600;
}
.shopify-popup [type=submit]:hover,.get_right_form [type=submit]:hover{
    background-color: var(--black) !important;
}
.shopify-popup .form_group_btn,.get_right_form .form_group_btn{
    position: relative;
    display: block;
}
.shopify-popup .form_group_btn::before,.get_right_form .form_group_btn::before{
    content: "";
    position: absolute;
    display: block;
    left: calc(100% - 130px);
    top: 24px;
    z-index: 999;
    color: var(--white);
    background-image: url(images/Vector.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 17px;
    filter: brightness(0) invert(1);
}
.shopify-popup .form_group_btn,.get_right_form .form_group_btn {
  text-align: center;
}
.shopify-popup .form_group textarea,.get_right_form textarea{
    min-height: 120px !important;
    background-color: transparent !important;
    outline: unset !important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 16px !important;
    width: 100% !important;
    border: 1px solid #D1D1D1 !important;
    border-radius: 6px !important;
    margin-top: 8px;
    color: var(--black) !important;
    opacity: 1 !important;
    resize: none;
}
.shopify-popup .shopify-content,.get_right_form .shopify-content{
    position: relative;
}
body .shopify-popup .shopify-content .popup-close {
    position: absolute;
    color: var(--black);
    padding: 0;
    border: none;
    cursor: pointer;
    display: block;
    box-shadow: none !important;
    font-size: 0px !important;
    width: 16px;
    height: 16px;
    right: -10px;
    top: -10px;
    background-color: unset !important;
    outline: unset !important;
}
body .shopify-popup .shopify-content .popup-close::before{
     content:"";
   display:block;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41Ij4KPHBhdGggZD0iTTEgMC45NDQzMzZMMTYuOTk5OCAxNi45NDQzIiBzdHJva2U9IiMxMjBGMTIiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik0xNi45OTk1IDAuOTQ0MzM2TDAuOTk5NzEzIDE2Ljk0NDMiIHN0cm9rZT0iIzEyMEYxMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L3N2Zz4K) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.shopify-popup .popup-close:hover {
  background-color: transparent !important;
}
.google_bg  .owl-item.activ {
    position: relative;
}
.google_bg  .owl-item.active::after {
    content: "";
    display: block;
    width: 1px;
    height: 48px;
    position: absolute;
    right: -12px;
    background-color: rgb(18 15 18 / 15%);
    top: 50%;
    transform: translateY(-50%);
}
.google_bg  .owl-item.active:last-child::after{
    display:none;
}
.clean_box h3 span {
    transition: all 0.3s;
}
.clean_box:hover h3 span {
    color: var(--red);
}
.clean_box span.elementor-icon::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDIxIDI1IiBmaWxsPSJub25lIj48bWFzayBpZD0ibWFzazBfNDMzXzI1MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjI1Ij48cmVjdCB4PSIwLjIzMzA5MyIgeT0iMC43MTg3NSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0PjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2swXzQzM18yNTApIj48cGF0aCBkPSJNMy43MTAwMiAxOC45ODkzTDE2LjIzMzEgNi40NjU4MiIgc3Ryb2tlPSIjMTIwRjEyIiBzdHJva2Utd2lkdGg9IjEuOCI+PC9wYXRoPjxwYXRoIGQ9Ik0zLjY1OTYxIDYuNDE4OTVIMTYuMjMzMVYxOC45ODg5IiBzdHJva2U9IiMxMjBGMTIiIHN0cm9rZS13aWR0aD0iMS44Ij48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s;
    transform: translate(-20px, 20px);
}
.clean_box span.elementor-icon {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    overflow:hidden;
}
.clean_box span.elementor-icon svg {
     transform: translate(0px, 0px);
    transition:all 0.3s;
}
.clean_box:hover span.elementor-icon svg {
     transform: translate(20px, -20px);
}
.clean_box:hover span.elementor-icon::before {
     transform: translate(0px, 0px);
}
/* .red_up a:hover::after {
    background-image: url(images/Vector_red.svg);
}
.red_up a:hover{
    color:var(--red) !important;
    background-color:var(--white) !important;
} */
.experts_grid .img-box figure.elementor-image-box-img {
    position: relative;
}
.experts_grid .img-box figure.elementor-image-box-img {
    overflow: hidden;
    height: 306px !important;
    display: block !important;
}
.experts_grid .img-box figure.elementor-image-box-img img {
    transform: scale(1);
    height: 100%;
    display: block;
}
.experts_grid .img-box figure.elementor-image-box-img img {
    transition: all 0.3s;
}
.experts_grid .img-box:hover figure.elementor-image-box-img img {
    transform: scale(1.05);
}
.why-choose-landing .img-box  h3, 
.why-choose-landing .all-points  h3{
    margin: 0;
}
.why-shopify-inner {
    height: fit-content !important;
}
.why-shopify .all-boxes .icon-boxes{
    border: 1px solid var(--white);
    border-radius: 6px;
    transition: all 0.4s;
}
.all-boxes {
  counter-reset: box-counter;
}
.all-boxes > div {
  counter-increment: box-counter;
}
.all-boxes > div > div::before {
  content: counter(box-counter) ".";
  display: block;
  color: var(--red);
  font-size: 18px;
  margin-bottom: 22px;
}
.why-shopify .all-boxes .icon-boxes:hover,.approach_box:hover .elementor-widget-container{
    border: 1px solid #F00000;
    box-shadow: 0px 0px 16px #f0000045;
    border-radius: 6px;
}
.copy_grid > div ul li a {
   position: relative;
}
.copy_grid > div ul li a::after {
   content: "";
   display: block;
   opacity: 1 !important;
   margin: 0px 8px;
   position: unset !important;
   height: 2px !important;
   width: 2px !important;
   border-radius: 50% !important;
   background-color: #1111118C !important;
}
.copy_grid > div ul li:last-child a::after{
   display:none;
}
.shopify-popup button.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: transparent;
    border: unset !important;
    padding: 0px !important;
    z-index: 99;
}
.red_up a {padding-bottom: 10px !important;}
.red_btn a {
    padding-bottom: 13px !important;
}
.form_group_btn .wpcf7-spinner {
    position: absolute;
    top: 9px;
    right: 0px;
}
.form_group_btn {
    position: relative;
}
.form_group_btn p {
    margin: 0px !important;
    position: relative;
}
.form_group_btn::before {
    position: absolute;
    top: 12px !important;
}
.open-popup span.elementor-button-text {
    /* color: var(--white) !important; */
}
.open-popup span.elementor-button-text {
    /* color: var(--white) !important; */
}
ul.tab_list {
    padding: 0px;
    list-style: none;
    margin: 0px;
    grid-gap: 6px;
    display: grid;
}
ul.tab_list li a{
    cursor: pointer;
    color: var(--black);
    font-weight: 500;
}
.social_icon .elementor-grid-item > div i {
    font-family: 'FontAwesome' !important;
}
.social_icon span.elementor-share-btn__icon i.fa-facebook-f::before {
    content: "\f39e" !important;
}
.social_icon .elementor-grid-item > div {
    max-width: 36px !important;
    height: 36px !important;
}
.social_icon .elementor-grid {
    max-width: fit-content;
}
.social_icon .elementor-share-btn {
    background-color: transparent !important;
    border: 2px solid #DCDBDC;
    transition: all 0.4s;
    cursor: pointer;
}
.social_icon .elementor-share-btn * {
    color: var(--black) !important;
    transition: all 0.4s;
}
.social_icon .elementor-share-btn:hover {
    background-color:var(--red) !important;
    border: 2px solid var(--red);
}
.social_icon .elementor-share-btn:hover *{
    color:var(--white) !important;
}
.side_left {
    height: fit-content !important;
    position: sticky !important;
    top: 70px !important;
}
.pagination {
    max-width: fit-content;
    grid-gap: 12px;
    margin: 40px auto 0px auto !important;
}
.pagination span, .pagination a {
    background-color: var(--red) !important;
    border: 1px solid var(--red) !important;
    color: var(--white) !important;
    border-radius: 4px;
    padding: 4px 14px;
    font-weight: 500;
    margin: 0px !important;
    transition:all 0.4s;
    font-size: 17px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
.pagination span.page-numbers.current,.pagination a:hover,.pagination span:hover {
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}
.pagination span i, .pagination a i {
    font-family: 'FontAwesome' !important;
}
 a.blog_item, a.blog_item img {
    display: block;
    width: 100%;
}
.featured_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 26px;
    height: 280px;
}
 a.blog_item img {
    border-radius: 12px;
    height: 100%;
    object-fit: cover !important;
    transition: all 0.5s;
    transform: scale(1);
}
 a.blog_item:hover img {
    transform: scale(1.05);
}
 a.blog_item span {
    border: 1px solid #DBDADB;
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 18px;
    color: var(--black);
    min-width: 133px;
    display: flex;
    max-width: fit-content;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.blog_content h3 {
    margin: 16px 0px 0px;
    font-size: 24px;
    line-height: 32px;
    color: var(--black);
    font-weight: 600;
    transition: all 0.3s;
}
 a.blog_item:hover h3{
    color: var(--red);
}
.blog_sec {
    transform: translateX(16px) !important;
}
body{
	overflow-x: hidden !important;
}
.faq_inner .e-n-accordion details.unactive {
    opacity: 0.4;
}
.faq_inner .e-n-accordion details {
    opacity: 1;
    transition: all 0.4s;
}
.faq_inner details {
    border-top: 1px solid #DCDBDC;
}
.faq_inner p {
    margin-bottom: 0px;
}
.faq_inner span.e-n-accordion-item-title-icon {
    min-width: 36px !important;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #F5F5F5;
}
span.ab-icon {
    font-family: 'dashicons' !important;
}
.faq_right a {
    color: var(--red);
}
.icon_box p a {
    color: var(--black) !important;
}
.privcy_box ul {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    display: grid;
    grid-gap: 6px;
}
.privcy_box ul li::marker {
    font-size: 12px;
    border-radius: 0px;
}
.privcy_box a{
    text-decoration: underline !important;
    color: var(--black);
}
.privcy_box a:hover{
    color: var(--red);
}
.privcy_box .e-con-inner {
    border-bottom: 1px solid #DCDBDC;
}
.privcy_box:last-child  .e-con-inner{
    border: unset;
}
.blog_img img {
    border-radius: 15px !important;
}
.single .header_logo1 {
    display: none !important;
}
.home .single_post{
	 display: none !important;
}
@media(min-width: 1501px){
    .featured_img {
        height: 371px;
    }
}
@media(min-width: 1601px){
	 .blog_short .elementor-widget-container {
		max-width:calc(90% - 100px) !important;
		margin-left: auto !important;
	}
}
@media(max-width: 1600px){
	 .blog_short .elementor-widget-container {
        max-width: calc(92% - 10px) !important;
        margin-left: auto !important;
    }
}
@media(max-width: 1500px){
	  .blog_short .elementor-widget-container {
        max-width: calc(96% - 10px) !important;
        margin-left: auto !important;
    }
}
@media(max-width: 1366px){
	  .blog_short .elementor-widget-container {
        max-width: calc(99% - 10px) !important;
        margin-left: auto !important;
    }
}
@media(max-width: 1200px){
	 .blog_short .elementor-widget-container {
        max-width:100% !important;
    }
}
@media(max-width: 991px){
	.why-shopify .why-shopify-inner{
		position: unset !important;
	}
}
@media(min-width: 768px){
	.landing-banner::before{
		display:none !important;
	}
}
@media(max-width: 767px){
	.header_what_grid {
		width: 50% !important;
	}
}