/**
* Theme Name: Diteck Child
* Description: This is a child theme of Diteck, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: diteck
* Version: 1.2.2
*/
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');
/* VStacks Footer Phone Number - Safari/iPhone Fix */
selector a[href^="tel:"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}

selector a[href^="tel:"]:visited,
selector a[href^="tel:"]:active,
selector a[href^="tel:"]:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

selector a[href^="tel:"] span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.mona-sans-<uniquifier> {
  font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
body, p, span, a, li, input, textarea {
   font-family: "Mona Sans", sans-serif; !important;
}

/* 3. Sabhi headings ke default font ko badlein */
h1, h2, h3, h4, h5, h6 {
  font-family: "Mona Sans", sans-serif; !important;
}
.e-con {
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --margin-inline-start: var(--margin-left);
    --margin-inline-end: var(--margin-right);
    --padding-inline-start: var(--padding-left);
    --padding-inline-end: var(--padding-right);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --border-inline-start-width: var(--border-left-width);
    --border-inline-end-width: var(--border-right-width);
}

/*-------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/
:root {
  --primary: #636edf;
  --secondary:#e0712a;
  --primary_hover: #5963C8;
  --text: #484848;
  --text_light: #888888;
  --accent: #000000;
  --border: #DFDEE5;
  --background: #FFFFFF;
  --background_light: #F2F1F6;
  --white: #ffffff;
  --e-global-typography-text-font-family: "Mona Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  --e-global-typography-accent-font-family: "Mona Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  --container: 1320px;
  --gutter-width: 30px;
}

body.elementor-page-4529:not(.elementor-motion-effects-element-type-background){background-image:none;}
.diteck-full-width-content .single-content > * {
    max-width: inherit;
}
.page h1.entry-title {
    display: none !important;
}
.main-navigation .sub-menu .menu-item a {
    padding: 7px 20px;
}

.sidebar_sticky {
  height:150vh; // experiment with this value, try changing to 110vh
  position: -webkit-sticky;
  position: sticky;
  top: 5%;
  bottom: 5%;
}



.service-item.service-style-3 .service-inner{column-gap: 15px;}
.service-item.service-style-3 .service-inner > div{flex: 70%;}
.service-content .service-title{    font-size: 26px;    font-weight: 600;}
.page-id-3655 .sidebar_sticky{ top:12%;}
.recent-posts-info > .post-date{display:none;}
.main-navigation ul.menu li.menu-item .sub-menu .menu-item a {    font-size: 15px;}
.diteck-full-width-content .single-content .entry-header{display:block;}
.diteck-full-width-content .single-content .entry-content{max-width: inherit;}
.single-post .single-content .entry-header .entry-title{display: block;
    text-align: left;
    font-size: 30px;
    font-weight: 600;
	letter-spacing: 0px;
    margin-bottom: 0px;}
.diteck-full-width-content .single-content .entry-content > p{
	font-size: 18px;
    color: #000;
    font-weight: 400;}

.post-navigation .nav-links .nav-content span.title{display:none;}
nav.post-navigation .nav-previous, nav.post-navigation .nav-next{padding-top: 25px;
    padding-bottom: 25px;}
nav.post-navigation .nav-previous .reader-text, nav.post-navigation .nav-next .reader-text{    margin-bottom: 0;}

.hfe-post-image > a > img{height: 200px;
    max-width: 100%;
    object-fit: cover;}
.hfe-post-image img {
    width: 100%;
   height: 200px;
    display: block;
}
.widget_search form input[type=search]{border:1px solid #535456 !important;}
.post-thumbnail::before {
    background-color: transparent;
    background-image: linear-gradient(180deg, #080808 0%, #52081A 100%);
	transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s);
	filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
    content: "";
    display: block;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
	height:100%;
	width:100%;
	z-index:1;

}

.description-none .service-content .description{display:none;}
.service-item.service-style-3 .service-post-thumbnail{ padding-top: inherit;}
.elementor-service-style-4 .service-style_list .service-title a{padding: 18px 18px;}
.vs-field {
    position: relative;
	padding-bottom:15px;
}

.vs-field input,
.vs-field textarea {
    width: 100%;
    padding: 14px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    font-size: 15px;
    background:#ffffff;
    transition: 0.3s;
	    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

.vs-field textarea {
    height: 120px;
    resize: none;
}

.vs-field label {
    color: #999;
    font-size: 14px;
    pointer-events: none;
    transition: 0.3s;
}

.vs-field.textarea label {
    top: 20px;
    transform: none;
}

.vs-field input:focus,
.vs-field textarea:focus {
    border-color: #6c63ff;
}
.service-title > a > span > br{display:none;}

.single-content .entry-content > h2,  .single-content .entry-content > h3{
	font-size: clamp(28px, 5.5vmax, 26px) !important;
	letter-spacing: 0px;
}
.single-content .entry-content > h4 {
	font-size: clamp(25px, 5.5vmax, 20px) !important;
	letter-spacing: 0px;
}

{}

.main-navigation ul.menu > li.menu-item > a:before{     background-color: var(--secondary);}
.header-button.elementor-widget-diteck-button .elementor-button-content-wrapper:before{border-radius: 10px;background-color:#349b45 !important;}

.blog-list {
    margin-bottom: 40px;
    border-bottom: 1px solid var(--accent);
    padding-bottom: 40px !important;
    gap: clamp(30px, 3vmax, 50px);
}
.entry-header{margin:0px;}
.header-absolute {
    position: inherit !important;
    width: 100%;
    z-index: 99;
}
.elementor-service-style-4 .service-style_list.current_post, .elementor-widget-banner .elementor-cta__button .elementor-button-content-wrapper:before, .elementor-button .elementor-button-icon {
    background-color: var(--secondary);
}


.service-item.service-style-2 .service-content{padding: 30px 20px;min-height: auto; }
.service-item.service-style-2 .description{display:none;}
.service-item.service-style-2 .service-content-top .service-more-link{display:none;}
.service-item.service-style-2 .service-content-top .service-title{    width: calc(100% - 0px);}
.uael-equal__height-yes .uael-post__bg-wrap{    border-radius: 20px;
    overflow: hidden;
}

.blog_section .elementor-button .elementor-button-icon {
   background-color: #459fdd;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 8px;
    z-index: 1;
}
.uael-post__bg-wrap.uael-bg-wrap-enabled, .uael-post__content-wrap.uael-content-wrap-enabled, .uael-post__inner-wrap.uael-inner-wrap-enabled{margin-bottom:10px;}
@media (max-width: 1366px) and (min-width: 768px) {
    .elementor-72 .elementor-element.elementor-element-949189d {
        --width: 75%;
        width: 75%;
    }
   }
@media (max-width: 568px) {

    .service-item.service-style-3 > .service-inner.service-style-inner {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .service-item.service-style-3 > .service-inner.service-style-inner > .service-post-thumbnail {
        padding-top: 220px !important;
    }

    .service-item.service-style-3 .service-inner.service-style-inner .icon-wrap {
        display: none !important;
    }
		.service-content .service-title{font-size: 22px;}

}

@media (max-width: 480px) {

    .service-item.service-style-3 > .service-inner.service-style-inner {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .service-item.service-style-3 > .service-inner.service-style-inner > .service-post-thumbnail {
        padding-top: 220px !important;
    }

    .service-item.service-style-3 .service-inner.service-style-inner .icon-wrap {
        display: none !important;
    }
	.service-content .service-title{font-size: 22px;}

}