/*
Theme Name: trendsparkconsulting
Author: Nasit Khan
Description: Your description goes here
Version: 4.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 css
    --------------------------------------------------------------*/
    :root {
        --black: #17181e;
        --allblack: #000;
        --skyblue: #5cc3ff;
        --violet: #718bff;
        --white: #ffffff;
        --button: transparent linear-gradient(270deg, #5ce1e6 0%, #718bff 100%) 0% 0%
          no-repeat padding-box;
      }

/*--------------------------------------------------------------
          # Header Start css
          --------------------------------------------------------------*/
body{
	background-color:#020202 !important;
}
	   .sticky .company_logo .hfe-site-logo a img {
		width: 100%;
		transition: 0.2s ease-in;
	}
      .company_logo .hfe-site-logo a img {
        display: block;
        object-fit: contain;
        width: 100%;
        transition: 0.2s ease-in;
      }
      header#masthead .header_top {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s;
        height: 100%;
      }
      header#masthead.sticky .header_top {
        opacity: 0;
        height: 0px;
        visibility: hidden;
      }
      header#masthead.sticky * {
        transition: all 0.4s;
      }
      
      .header_menu_links ul {
        align-content: center;
      }
      
      .header_menu_links ul.hfe-nav-menu ul.sub-menu {
        border-radius: 8px !important;
        box-shadow: 0 20px 50px #00000033 !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu * {
        background-color: transparent !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a {
        padding: 12px 12px !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a:hover,
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li.current-menu-item a {
        color: var(--skyblue) !important;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li a::before {
        display: none !important;
      }
      
      .header_menu_links ul li.current-menu-item a::before {
        content: "";
        width: 70% !important;
        transition: 0.3s ease-in;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--skyblue);
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      .header_menu_links ul li a::before {
        content: "";
        width: 0;
        display: block;
        height: 1px;
        background-color: var(--skyblue);
        transition: 0.3s ease-in;
        position: absolute;
        left: 0;
        bottom: 0;
      }
      
      .header_menu_links ul li:hover a::before {
        content: "";
        width: 70% !important;
        transition: 0.3s ease-in;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--skyblue);
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      
      .header_menu_links ul li.hfe-has-submenu a.hfe-menu-item .hfe-menu-toggle {
        font-size: 0px;
      }
      .header_menu_links
        ul
        li.hfe-has-submenu
        a.hfe-menu-item
        .hfe-menu-toggle::after {
        content: "";
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwODAiIGhlaWdodD0iMTA4MCIgdmlld0JveD0iMCAwIDEwODAgMTA4MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZXNjPkNyZWF0ZWQgd2l0aCBGYWJyaWMuanMgNS4yLjQ8L2Rlc2M+CjxkZWZzPgo8L2RlZnM+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTQwIDU0MCkiIGlkPSJiNTJhOGU1Zi01ZTM5LTQyZTMtYjY5Ny0xNDVmN2Q1ZGRmOGQiICA+CjxyZWN0IHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1kYXNob2Zmc2V0OiAwOyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogNDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyB2aXNpYmlsaXR5OiBoaWRkZW47IiB2ZWN0b3ItZWZmZWN0PSJub24tc2NhbGluZy1zdHJva2UiICB4PSItNTQwIiB5PSItNTQwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjEwODAiIC8+CjwvZz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSA1NDAgNTQwKSIgaWQ9ImFhZTM0MjQyLTk1YTctNGZjMS1hNjExLTRmYTQxOTE5OGNmYiIgID4KPC9nPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCg4LjQ0IDAgMCA4LjQ0IDU0MCA1NDApIiAgPgo8cGF0aCBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtZGFzaG9mZnNldDogMDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDQ7IGZpbGw6IHJnYigwLDAsMCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiICB0cmFuc2Zvcm09IiB0cmFuc2xhdGUoLTY0LCAtNjQpIiBkPSJNIDY0IDg4IEMgNjIuOTM4OTU3ODE0ODYzODUgODguMDAxMDk2MDgxMDM0OTQgNjEuOTIxMjIxMTk2MDQ1NDYgODcuNTc5MzE4Mzg3NTIxODEgNjEuMTcyIDg2LjgyOCBMIDIxLjE3MTk5OTk5OTk5OTk5NyA0Ni44MjggQyAxOS42MDg5OTk5OTk5OTk5OTggNDUuMjY1IDE5LjYwODk5OTk5OTk5OTk5OCA0Mi43MzQgMjEuMTcxOTk5OTk5OTk5OTk3IDQxLjE3MjAwMDAwMDAwMDAwNCBDIDIyLjczNDk5OTk5OTk5OTk5NiAzOS42MTAwMDAwMDAwMDAwMSAyNS4yNjYgMzkuNjA5IDI2LjgyNzk5OTk5OTk5OTk5NiA0MS4xNzIwMDAwMDAwMDAwMDQgTCA2NCA3OC4zNDQgTCAxMDEuMTcyIDQxLjE3MiBDIDEwMi43MzUgMzkuNjA4OTk5OTk5OTk5OTk1IDEwNS4yNjU5OTk5OTk5OTk5OSAzOS42MDg5OTk5OTk5OTk5OTUgMTA2LjgyOCA0MS4xNzIgQyAxMDguMzkwMDAwMDAwMDAwMDEgNDIuNzM1IDEwOC4zOTEgNDUuMjY2IDEwNi44MjggNDYuODI3OTk5OTk5OTk5OTk2IEwgNjYuODI4IDg2LjgyOCBDIDY2LjA3ODc3ODgwMzk1NDU1IDg3LjU3OTMxODM4NzUyMTgxIDY1LjA2MTA0MjE4NTEzNjE2IDg4LjAwMTA5NjA4MTAzNDk0IDY0IDg4IHoiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KPC9nPgo8L3N2Zz4=);
        width: 18px;
        height: 18px;
        display: block;
        background-position: center;
        background-size: cover;
        margin-top: 5px;
      }
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li {
        position: relative;
        border-bottom: none !important;
      }
      
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li::after {
        content: "";
        width: 0;
        display: block;
        height: 1px;
        background-color: var(--skyblue);
        transition: 0.3s ease-in;
        position: absolute;
        left: 0;
        bottom: 0;
      }
		.header_menu_links ul.hfe-nav-menu ul.sub-menu li.current-menu-item::after{
			width:70%;
		}
      .header_menu_links ul.hfe-nav-menu ul.sub-menu li:hover::after {
        content: "";
        display: block;
        width: 70% !important;
        transition: ease-in 0.3s;
        opacity: 1 !important;
        height: 2px;
        background-color: var(--skyblue);
        position: absolute;
        bottom: 0px;
        left: 0px;
      }
      
      .header_menu_links ul li a:hover::before,
      .header_menu_links ul li.current-menu-item a::before {
        width: 100%;
      }
      .header_menu_links ul li a {
        transition: all 0.3s;
        cursor: pointer;
      }
      .header_menu_links ul {
        grid-gap: 24px;
      }
      header#masthead {
        position: sticky !important;
        top: 0px !important;
      }
      div#wpadminbar ~ div#page header#masthead {
        top: 32px !important;
      }
      header#masthead .e-con-inner,
      header#masthead {
        transition: all 0.4s;
      }
      header#masthead.sticky {
        box-shadow: 1.563px 0.863px 6px 0 rgb(0 0 0 / 13%);
      }
      
      /*--------------------------------------------------------------
          # Toggle Btn css
          --------------------------------------------------------------*/
      .toggle_btn {
        display: none;
        z-index: 9;
        position: absolute;
        top: 54%;
        transform: translateY(-50%);
        right: 20px;
        width: 100%;
      }
      .toggle_btn svg:nth-child(2),
      header#masthead.show .toggle_btn svg:nth-child(1) {
        display: none !important;
      }
      header#masthead.show .toggle_btn svg:nth-child(2) {
        display: block !important;
      }
.toggle_btn svg line{
	stroke: #ffffff;
}
.color-heading{
		background: linear-gradient(119deg, #ffb433 0%, #ffd999 29.55%, #ffb433 64.50%, #ffd999 100%);
	}
.color-button {
    background: linear-gradient(
        119deg,
        #ffb433 0%,
        #ffd999 29.55%,
        #ffb433 64.50%,
        #ffd999 100%
    );
	 border-radius: 5px;
    opacity: 1;
}
.color-grade {
    background: linear-gradient(
        119deg,
        #ffb433 0%,
        #ffd999 29.55%,
        #ffb433 64.50%,
        #ffd999 100%
    );
}

.gradient-text {
    background: linear-gradient(119deg, #ffb433 0%, #ffd999 29.55%, #ffb433 64.50%, #ffd999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


 /*--------------------------------------------------------------
          # Responsive css
          --------------------------------------------------------------*/
          @media (max-width: 1140px) {
            #masthead .header_menu_links ul li {
                width: 100%;
            
              }
           #masthead .header_menu_links nav {
				position: fixed;
				top: 0px;
				width: 100% !important;
				left: 0px !important;
				background: #000000 !important;
				min-height: 103vh;
				transform: translateX(-100%);
				padding: 16px 15px 40px;
				transition: all 0.4s;
				display: block !important;
			}
              #masthead .header_menu_links ul li {
                width: 100%;
              }
              #masthead .header_menu_links ul.hfe-nav-menu > li > a,
              #masthead .header_menu_links ul.hfe-nav-menu > li > div > a {
                padding: 12px 0px;
                 font-family: 'Inter';
                margin: 0px;
                width: 100%;
                color: var(--white);
                font-size: 18px !important;
              }
              #masthead .header_menu_links ul.hfe-nav-menu > li:nth-child(1) > a {
                padding-top: 0px !important;
              }
              #masthead .header_menu_links ul {
                display: block !important;
                border-radius: 8px;
                padding: 24px 16px;
              }
            
              #masthead.show .header_menu_links nav {
                transform: translateX(0%);
              }
          
              #masthead .header_menu_links ul li a:hover,
              #masthead .header_menu_links ul li.current-menu-item a {
                color: #36b0ff;
              }
              #masthead .header_menu_links ul li a::before {
                display: none !important;
              }
              #masthead .header_menu_links nav::before {
                font: normal normal bold 22px / 50px "DM Sans", sans-serif;
                letter-spacing: 0px;
                color: var(--white);
                content: "Menu";
                display: block !important;
                width: 100%;
                text-align: center;
                margin-bottom: 18px;
              }
            
              #masthead .header_menu_links ul ul.sub-menu.sub-menu-open {
                display: block !important;
                background-color: transparent !important;
              }
            
              #masthead .header_menu_links ul ul.sub-menu {
                position: unset !important;
                width: 100%;
                box-shadow: unset !important;
                padding: 0px;
                margin: 0px !important;
                border: unset;
                display: none !important;
                background-color: transparent !important;
              }
            
          .toggle_btn {
            max-width: fit-content !important;
            margin-left: auto;
            display: block;
            right: 0px;
          }
        }

@media (max-width: 991px) {
        
        .header_menu_links ul.hfe-nav-menu ul.sub-menu li a {
          color: var(--white) !important;
        }
        .header_menu_links ul.hfe-nav-menu ul.sub-menu li{
          border-bottom: 1px solid #c4c4c4 !important;
        }

      }

@media (max-width: 440px) {
	br{
		display:none;
	}
  }