/*!
Theme Name: gemsdigitalmedia
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: gemsdigitalmedia
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
  font-family: 'Gilroy-Bold';
  src: url("./fonts/Gilroy-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url("./fonts/Gilroy-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-Heavy';
  src: url("./fonts/Gilroy-Heavy.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-Light';
  src: url("./fonts/Gilroy-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-Medium';
  src: url("./fonts/Gilroy-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-Regular';
  src: url("./fonts/Gilroy-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url("./fonts/Gilroy-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Gilroy-Black';
  src: url("./fonts/Gilroy-Black.ttf") format("truetype");
}

body{
	margin:0px;
	padding:0px;
	font-family: 'Gilroy-Medium';
}

img{
	max-width:100%;
}

h1,h2,h3{
	font-family: 'Gilroy-Bold';
}

p,a,li{
	font-size:17px;
	line-height:30px;
	font-family: 'Gilroy-Medium';
}

/* header css */

header.site_header {
    /* position: fixed; */
    left: 0px;
    top: 0px;
    z-index: 999;
    background: #131526;
    padding: 15px 0px;
    padding-top: 20px;
}

header.site_header:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 4px;
    width: 100%;
    background: linear-gradient(to right, #E7584B 33%, #65BF75 33% 72%, #0067FF 33%);
}

.header_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header-logo a {
    display: block;
}

.header-logo a img {
    height: 43px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    background: transparent !IMPORTANT;
    font-family: 'Gilroy-Semibold';
    height: auto !IMPORTANT;
    padding: 4px 20px;
    font-size: 16px;
}

div#mega-menu-wrap-menu-1 {
    background: transparent !IMPORTANT;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff !IMPORTANT;
    font-family: 'Gilroy-Semibold';
    color: #000;
    font-size: 16px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #0067ff !IMPORTANT;
    color: #fff !IMPORTANT;
}

.button_group {
    gap: 10px;
}

.button_group a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: 45px;
    padding: 5px 27px;
    font-size: 16px;
    font-family: 'Gilroy-Semibold';
    border-radius: 30px;
    min-width: 175px;
}

a.blue_button {
    background: linear-gradient(180deg, #0067ff, #00C2FF);
    color: #fff;
    box-shadow: 0px 0px 10px #0067FF8F;
}

a.blue_button:hover {
    background: #0067ff;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current_page_item a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item a.mega-menu-link:hover {
    color:#0067ff !important;
}

/* header css */






/* footer css */

footer.footer_section {
    background: #fff;
    padding: 50px 0px;
}

.copyright_section {
    border-top: 1px solid #00000033;
    padding: 10px 0px;
}

.row.footer_row {
    background-size: 60% !IMPORTANT;
    background-position: top center !IMPORTANT;
    justify-content: space-between;
    padding: 12px 0px;
}

.footer_widget.widget1 h2 {
    font-size: 36px;
}

.footer_widget.widget1 h2 span {
    color: #0067FF;
}

.footer-logo {
    margin-top: 40px;
}

.footer_menu_row {
    display: flex;
    flex-wrap: wrap;
}

.footer_menu_row ul {
    list-style: none;
    padding: 0px 12px;
    margin: 0px;
}

.footer_menu_row ul li a {
    text-decoration: none;
    color: #000000;
    font-family: 'Gilroy-Semibold';
    font-size: 16px;
    display: inline-block;
    line-height: 39px;
    position:relative;
    transition:0.5s;
}

.footer_menu_row ul li a:before{
    content:'';
    position:absolute;
    left:0px;
    top:18px;
    height:2px;
    width:10px;
    background:#000;
    display:none;
    left:-10px;
    transition:0.5s;
}

.footer_menu_row ul li a:hover:before{
    display:block;
    left:0px;
}

.footer_menu_row ul li a:hover {
    color:#0067ff;
    padding-left:15px;
}

.footer-logo img {
    height: 56px;
}

.footer_info_row {
    display: flex;
    /* flex-wrap: wrap; */
    margin-bottom: 9px;
}

.footer_info_row p {
    margin: 0px;
}

.footer_info_row p, .footer_info_row a {
    text-decoration: none;
    color: #000000;
    font-family: 'Gilroy-Semibold';
    font-size: 16px;
    display: inline-block;
    line-height: 39px;
    position: relative;
    transition: 0.5s;
    line-height: normal;
}

.widget1 {
    width: 340px;
}

.widget2 {
    width: 445px;
}

.widget3 {
    width: 305px;
}

.widget4 {
    width: 165px;
}

.footer_info_row a {
    padding-left: 5px;
}

.footer_info_row a:hover {
    color: #0067ff;
}

.copyright_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.copyright_row p {
    margin: 0px;
}

.copyright_menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}

.copyright_menu ul li a {
    text-decoration: none;
    color: #000000;
    font-family: 'Gilroy-Semibold';
    display:block;
    padding: 0px 10px;
}

.copyright_menu ul li a, .copyright_row p {
    font-size:16px;
    font-family: 'Gilroy-Semibold';
}

.copyright_menu ul li:last-child a {
    padding-right: 0px;
    border: none !IMPORTANT;
}

.copyright_menu ul li a {
    border-right: 2px solid #000;
}

.copyright_menu ul li a:hover {
    color:#0067ff;
}


/* footer css */