/*!
Theme Name: Techshiv
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>Techshiv</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Techshiv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Techshiv is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
 
 /*start font family */
  
@font-face {
    font-family: 'poppinsbold';
    src: url('../font/poppins-bold.ttf') format('truetype'),
         url('../font/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'poppinslight';
    src: url('../font/poppins-light.ttf') format('truetype'),
         url('../font/poppins-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap;

}

@font-face {
    font-family: 'roboto';
    src: url('../font/Roboto.ttf') format('truetype'),
         url('../font/Roboto.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Roboto-Condensed';
    src: url('../font/Roboto_Condensed-Regular.ttf') format('truetype'),
         url('../font/Roboto_Condensed-Regular.woff') format('woff');
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'RobotoCondensed-Medium';
    src: url('../font/RobotoCondensed-Medium.ttf') format('truetype'),
         url('../font/RobotoCondensed-Medium.woff') format('woff');
    font-style: normal;
    font-display:swap;
}
    /*end font family */


/*Defiend CSS*/

.pink-background{
	background:#F6E3F6;
	
}
.margin-zero{
	margin:0px;
}
.text-color-red{
	color: #ED1B24;
}

.text-color-purple{
	color:#3E023E;
}
.text-color-red span{
	color:#3E023E;
}

.text-align{
	text-align:center;
}

.padding-top-bottom{
	padding-top:50px;
	padding-bottom:50px;
}


.margin-minus{
	margin-top:-10px;
}
.margin-left{
	margin-left:255px;
}

.red-background{
	background:#ED1B24;
}

.white-text{
	color:#ffffff;
}
.purple-background{
	background:#3E023E;
}

.white-btn  a.elementor-button.elementor-button-link.elementor-size-sm {
	background: transparent;
    border: 1px solid;
    border-color: #ffffff;
    color: #ffffff;
    font-size: 18px;
    font-family: 'poppinsregular';
    padding: 16px 25px;
    border-radius: 10px;
}
.white-btn  a.elementor-button.elementor-button-link.elementor-size-sm:hover{
    background:#ffffff;
	border:1px solid #ffffff;
    color: #000000;
}

/*define css end*/


   /*Html body style start*/ 
body{
	margin:0px;
	padding:0px;
    font-family: "Roboto-Condensed";
    font-display: swap;
    letter-spacing: 0.5px;
    font-stretch:100%;
    -webkit-font-smoothing: antialiased;
}
/*.e-con-full{
	padding:0px;
}*/

html, body{
	overflow-x:hidden;
	max-width:100%;
}

/* 1ST POINT NOTED */
/*Html body style end*/

.mobile-header
{
    display: none;
}

   .innermenu
    {
        display: flex;
        align-items: center;
        justify-content: center;
            height: 100%;
            width: 100%;
    }

    .website_logo
    {
    align-items: center;
    display: flex;
    }

    .custom-logo {
        max-width: 100%;
        height: auto;
    }

    .website_logo img {
        height: 49px;
        width: auto;
    }

    #mainNavbar,
    .menu-topmenu-container,
    nav.navbar {
        width: 100%;
        height: 100%;
        padding: 0px 0px;
    }

    
    .topmenu ul {
        gap: 10px;
        width: 100%;
        height: 100%;
        justify-content: space-around;
        align-items: center;
    }

.topmenu ul li a{
    color: #3f4245;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 27px 10px;
    
}

.menu-item-has-children > a:after {
    content: '\f078';
    font-family: FontAwesome;
    font-size: 9px;
    position: relative;
    left: 5px;
    top: -1px;
}

.topmenu ul li .sub-menu li:hover a,
.topmenu ul li:hover a
{
    color: #af8244;
}

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

.topmenu ul li .sub-menu li a{
    padding: 8px 16px;
    color: #fff;
    white-space: nowrap;
}


.menu-second-menu-container {
    width: 100%;
    height: auto;
}

.bottom_menu
{
    background: #333;
}


.bottom_menu ul {
    gap: 10px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.bottom_menu ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Medium';
    display: block;
    padding: 13px 0px;
}

.bottom_menu ul li:hover a
{
    color: #af8244;
}

.bottom_menu ul li .sub-menu li a:hover
{
    color: #af8244;
    background:#333333;
}


.bottom_menu ul li .sub-menu {
    background: #333333CC;
    position: absolute;
    z-index: 1;
    width: fit-content;
    height: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px;
}

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

.bottom_menu ul li .sub-menu li a{
    padding: 8px 16px;
    color: #fff;
    white-space: nowrap;
}

button.navbar-toggler {
    font-size: 22px;
}

button.navbar-toggler:focus
{
    outline: 0;
    box-shadow: none;
}
.bottom_menu button.navbar-toggler {
    background: #fff;
}

.mainbanner {
    width: 100%;
    height: 450px;
    position: relative;
}

.mainbanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-primary-custom {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #AF8244;
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.7);
    border-style: none;
    padding: 10px 15px 10px 15px;
}

.banner_btn {
    position: absolute;
    z-index: 1;
    font-family: 'RobotoCondensed-Medium';
    margin: 0px auto;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: 40px;
}

.boxed_hoverdesign ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
        height: 220px;
    overflow: hidden;
}

.boxed_hoverdesign ul li
{
    flex: 25%;
    transition: flex-basis 0.9s ease;
    position: relative;
}

.boxed_hoverdesign ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boxed_hoverdesign ul li span.frame_block {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000091;
    color: #fff;
    text-align: center;
    padding: 21% 20px;
}

.boxed_hoverdesign ul li:hover
{
    transition: flex-basis 0.9s ease;
    flex: 40%;
}
.boxed_hoverdesign ul li:hover span.frame_block 
{
    visibility:visible;
}

.topmenu ul li:hover ul.sub-menu, .bottom_menu .topmenu ul li:hover ul.sub-menu {
    display: block;
    position: absolute;
    z-index: 1;
    background: #000;
    width: fit-content;
    height: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.topmenu ul li ul.sub-menu,
.bottom_menu ul li ul.sub-menu {
    display: none;
}


.header_cta_container
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 15px;
}

.callbackcta a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #111518;
    text-decoration: none;
}

.callbackcta a svg {
    background: #111518;
    fill: #fff;
    width: 30px;
    padding: 8px;
    height: 30px;
    border-radius: 25px;
}

.cta_btn_primary {
    background-color: #D2B48C;
    font-family: 'RobotoCondensed-Medium';
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 0.5px;
    fill: #000000;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    border-radius: 5px 5px 5px 5px;
    padding: 14px 25px 14px 25px;
}
.cta_btn_primary:hover{
background-color: #AF8844;
color: #FFFFFF;
}

.topmenu ul li .sub-menu li.menu-item-58,
.topmenu ul li .sub-menu li.menu-item-46,
.topmenu ul li .sub-menu li.menu-item-42,
.topmenu ul li .sub-menu li.menu-item-37
{
    padding: 8px 16px;
}

.topmenu ul li .sub-menu li.menu-item-58 a,
.topmenu ul li .sub-menu li.menu-item-46 a,
.topmenu ul li .sub-menu li.menu-item-42 a,
.topmenu ul li .sub-menu li.menu-item-37 a
{
    border-bottom: 3px solid #af8244;
    color: #fff;
    font-size: 15px;
    padding: 10px 0;
}


/* Start Content Area */
.details_descrp h1.heading
{
font-size: 30px;
font-weight: 500;
line-height: 38px;
text-transform: uppercase;
letter-spacing: normal;
color: #3F3F3F;
font-family: 'RobotoCondensed-Medium';
}

.details_descrp p{
    font-family: "Roboto-Condensed";
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 400;
    color: #3f4245;
}
/* End Content Area */


/* start Services Section*/
.services_area
{
    margin: 20px 0px;
}

.section_space
{
    padding: 20px 0px;
}

h2.heading
{
font-size: 26px;
font-weight: 500;
line-height: 38px;
text-transform: uppercase;
letter-spacing: normal;
color: #3F3F3F;
font-family: 'RobotoCondensed-Medium';
}

.services_area ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.services_area ul li
{
    width: 23.5%;
}

.service_boxed {
    width: 100%;
    max-height: 275px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.service_boxed img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service_boxed::after
{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
opacity: 0;
border-radius: 10px;
transition: opacity 0.5s ease-in-out;
}

h2.service_box_heading {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.service_boxed:hover h2.service_box_heading
{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.service_boxed:hover::after
{
    opacity: 0.3;
    transition: opacity 0.5s ease-in-out;
}



.service_boxed h2.service_box_heading a{
    font-family: "Roboto-Condensed";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    color: #FFFFFF;
}

h2.outer_heading_services
{
text-align: center;
line-height: 18px;
}

h2.outer_heading_services a
{
    font-family: 'RobotoCondensed-Medium';
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    color: #111518;
}
/* End Services Section */


/* Google Review Section */
.google_review
{
    padding: 30px;
    background-color: #F5F5F5;
}

.reviewmainbox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.review_boxes
{
    display: flex;
    gap: 0px 0px;
    flex-direction: column;
    width: 49%;
    row-gap: 0px;
    column-gap: 0px;
    border: 1px solid #F5F5F5;
    border-radius: 8px;
    box-shadow: 0px 0px 12px -3px rgba(205, 205, 205, 0.5);
    padding: 20px;
    background: #ffffff;
}

.review_boxes h3 {
    font-family: "Inter", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

.review_boxes span.rating {
    display: flex;
    gap: 3px;
    font-size: 20px;
    color: #f7931d;
}


.review_boxes p
{
    padding: 13px 0px 0px 0px;
    font-family: "Inter", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    line-height: 21px;
    color: #000000;
}

.review_boxes a{
    font-family: 'Roboto-Condensed';
    font-size: 11px;
    font-weight: 500;
    color: #0D6EFD;
    text-align: right;
}

.bottom_link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px 0px 0px;
}

.black_btn
{
    background-color: #333333;
    font-family: 'Roboto-Condensed';
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: normal;
    letter-spacing: 1px;
    fill: #FFFFFF;
    color: #FFFFFF;
    border:1px solid #333333;
    border-radius: 0px;
    padding: 10px 15px 10px 15px;
}
/* End Google Review*/

/* Start CSS of Video Block */
.video_testimonial {
    display: flex;
    gap: 20px;
}

.testi_boxed
{
    width: 24%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #ECECEC;
    box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
}


.testi_boxed img{
    width: 100%;
    object-fit: cover;
}
.testi_boxed h3 {
    font-family: 'Roboto-Condensed';
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3em;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 0px;
    margin: 0;
}

.video_section hr {
    background: #000;
}
/* End CSS Video block*/


/** Why Choose Us **/

.section_gray{
padding: 30px;
background-color: #F5F5F5;
}

.why_poitns {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.why_poitns .whyimage
{
    width: 40%;
}

.why_poitns .whypointsdetails
{
    width: 60%;
}

.why_poitns .whyimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why_poitns ul li
{
    font-size: 14px;
}

.why_poitns ul li strong
{
    font-size: 14px;
}

.whyimage {
    border-radius: 10px;
    overflow: hidden;
}

/** End Why Choose US **/

/* Footer CSS Start */
footer {
    background: #333333;
}

.footer_main_boxes {
    display: flex;
    padding: 20px;
    gap:12px;
    justify-content: space-between;
}

.footer-widget-1 h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: underline;
    line-height: 2.3em;
    letter-spacing: 0.5px;
    color: #fff;
}

.footer-widget.footer-widget-1 {
    max-width: 208px;
}

.footer-widget-2 h2,
.footer-widget-3 h2,
.footer-widget-4 h2,
.footer-widget-5 h2,
.footer-widget-6 h2 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.3em;
    letter-spacing: 0.5px;
    color: #D2B48C;
}
.footer-widget-6 p{
font-size: 14px;
font-weight: 400;
text-transform: none;
font-style: normal;
text-decoration: none;
line-height: 1.6em;
letter-spacing: -0.45px;
color: #FFFFFF;
}

.footer-widget-1 .callbackfooter
{
font-size: 22px;
font-weight: 700;
color: #D2B48C;
display: flex;
gap: 10px;
align-items: center;
    text-decoration: none;
}

.footer-widget-1 .callbackfooter svg
{
    width: 20px;
    height: 20px;
fill:#D2B48C;
}

.footer-widget-2 ul
{
    display: flex;
    flex-wrap: wrap;
    max-width: 310px;
}

.footer-widget-2 ul li{
    width: 50%;
}

.footer-widget ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.footer-widget ul li a
{
font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6em;
    letter-spacing: -0.5px;
    text-decoration: none;
}
.footer-widget ul li a:hover{
    color: #D2B48C;
}

footer .site-info {
    color: #fff;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid #fff;
    padding: 15px 0px;
    letter-spacing: -0.45px;
}



/* End Footer CSS */

/* Start responsive css  */

@media screen and (max-width:1480px){
    
}

@media screen and (max-width:1366px){
    
}

@media screen and (max-width:1024px){
    
}

@media screen and (max-width:980px){

.website_logo
    {
    margin-left: 16px;
    }

    .desktop-header
    {
        display: none;
    }

.mobile-header
{
    display: block;
}

#mainNavbar
{
    background: #333333;
    padding: 25px;
}

.topmenu ul {
    gap: 0px;
}

.topmenu ul li
{
    display: block;
    width: 100%;
}
.topmenu ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    display: flex;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.menu-item-has-children > a:after {
    font-size: 11px;
    font-weight: 100;
}

    .footer_main_boxes
    {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-widget {
        width: 48%;
    }
    
}

@media screen and (max-width:768px){

    .footer-widget {
        width: 100%;
    }
    
}

@media screen and (max-width:640px){
    
    .boxed_hoverdesign ul {
        flex-direction: column;
        flex-wrap: wrap;
        overflow: visible;
        height: auto;
        gap: 10px;
    }
    
.boxed_hoverdesign ul li
{
    flex: 100%;
}
    
    .mainbanner {
    width: 100%;
    height: auto;
}

.footer_main_boxes
{
    padding: 10px 8px;
}
    
}

@media screen and (max-width:480px){
    
}

@media screen and (max-width:360px){
    
}

/* end responsive css  */