/*
Theme Name: Blog Zone
Theme URI: https://www.techgropse.co.uk/blog
Author: TechGropse
Author URI: https://www.techgropse.co.uk
Description: Custom Blog Zone WordPress Theme
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blog-zone
Tags: blog, custom-theme, responsive
*/

/* ==========================================================================
   Base Styles
   ========================================================================== */

 
 
 html {
     font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
 }

 body {
     margin: 0;
     overflow-x: hidden;
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
     display: block;
 }

 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline;
 }

 audio:not([controls]) {
     display: none;
     height: 0;
 }

 [hidden],
 template {
     display: none;
 }

 a {
     background-color: transparent;
 }

 a:active,
 a:hover {
     outline: 0;
 }

 abbr[title] {
     border-bottom: 1px dotted;
 }

 b,
 strong {
     font-weight: bold;
 }

 dfn {
     font-style: italic;
 }

 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }

 mark {
     background: #ff0;
     color: #000;
 }

 small {
     font-size: 80%;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
     top: -0.5em;
 }

 sub {
     bottom: -0.25em;
 }

 img {
     border: 0;
 }

 svg:not(:root) {
     overflow: hidden;
 }

 figure {
     margin: 1em 40px;
 }

 hr {
     box-sizing: content-box;
     height: 0;
 }

 pre {
     overflow: auto;
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     color: inherit;
     font: inherit;
     margin: 0;
 }

 button {
     overflow: visible;
 }

 button,
 select {
     text-transform: none;
 }

 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
 }

 button[disabled],
 html input[disabled] {
     cursor: default;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
     outline: none;
 }

 input {
     line-height: normal;
 }

 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto;
 }

 input[type="search"] {
     -webkit-appearance: textfield;
     box-sizing: content-box;
 }

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }

 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }

 legend {
     border: 0;
     padding: 0;
 }

 textarea {
     overflow: auto;
 }

 optgroup {
     font-weight: bold;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 td,
 th {
     padding: 0;
 }

 button,
 input,
 select,
 textarea {
     color: #404040;
     font-size: 14px;
     line-height: 1.5;
 }

 body {
     color: #999;
     font-size: 15px;
     line-height: 1.4;
     margin: 0;
     font-family: 'Merriweather', serif;
     font-weight: 400;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     margin: 0 0 15px 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     color: #2d4351;
     font-weight: 600;
 }

 h1 {
     font-size: 28px;
 }

 h2 {
     font-size: 24px;
 }

 h3 {
     font-size: 20px;
 }

 h4 {
     font-size: 18px;
 }

 h5 {
     font-size: 16px;
 }

 h6 {
     font-size: 14px;
 }

 dfn,
 cite,
 em,
 i {
     font-style: italic;
 }

 blockquote {
     margin: 0 1.5em;
 }

 address {
     margin: 0 0 1.5em;
 }

 pre {
     background: #eee;
     font-family: "Courier 10 Pitch", Courier, monospace;
     font-size: 15px;
     font-size: 0.9375rem;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
 }

 code,
 kbd,
 tt,
 var {
     font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
     font-size: 15px;
     font-size: 0.9375rem;
 }

 abbr,
 acronym {
     border-bottom: 1px dotted #666;
     cursor: help;
 }

 mark,
 ins {
     background: #fff9c0;
     text-decoration: none;
 }

 big {
     font-size: 125%;
 }

 html {
     box-sizing: border-box;
 }

 *,
 *::before,
 *::after {
     box-sizing: inherit;
 }

 body {
     background-color: #f6f6f6;
 }

 blockquote::before,
 blockquote::after {
     content: "";
 }

 blockquote {
     border-left: 3px solid #2780da;
     display: inline-block;
     margin: 0;
     padding: 15px 20px;
     margin-top: 0px;
 }

 blockquote p {
     color: #999;
     margin-bottom: 0px;
 }

 blockquote,
 q {}

 hr {
     background-color: #ccc;
     border: 0;
     height: 1px;
     margin-bottom: 1.5em;
 }

 ul,
 ol {
     margin: 0 0 1.5em 3em;
 }

 ul {
     list-style: disc;
 }

 ol {
     list-style: decimal;
 }

 li>ul,
 li>ol {
     margin-bottom: 0;
     margin-left: 1.5em;
 }

 ul,
 ol {
     margin: 0 0 0.5em 1em;
     padding: 0;
 }

 dt {
     font-weight: bold;
 }

 dd {
     margin: 0 1.5em 1.5em;
 }

 img {
     height: auto;
     max-width: 100%;
 }

 table {
     margin: 0 0 1.5em;
     width: 100%;
 }

 td,
 th {
     border: 1px solid #ddd;
     padding: 5px;
 }




 button:hover,
 .comment-reply-link,
 a.button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
     background-color: transparent;
     border-color: #2780da;
     color: #2780da;
 }

 button:focus,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 button:active,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active {
     border-color: #aaa #bbb #bbb;
     box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
     outline: none;
 }

 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 textarea,
 select {
     color: #666;
     border: 1px solid #ccc;
 }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
 textarea:focus {
     color: #111;
     outline: none;
 }

 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"] {
     padding: 11px 0 11px 9px;
 }

 select {
     width: 100%;
     padding: 5px;
 }

 textarea {
     padding: 10px 20px;
     width: 100%;
     resize: none;
 }

 ::-webkit-input-placeholder {
     color: #999;
 }

 :-moz-placeholder {
     color: #999;
 }

 ::-moz-placeholder {
     color: #999;
 }

 :-ms-input-placeholder {
     color: #999;
 }

 form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
     color: #ff0000;
 }



 form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
     color: #ff0000;
 }

 form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
     color: #ff0000;
 }

 form.wpcf7-form.invalid input.wpcf7-validates-as-required :-ms-input-placeholder {
     color: #ff0000;
 }

 a {
     color: #2780da;
     text-decoration: inherit;
 }

 a:visited {
     color: #2780da;
 }

 a:hover,
 a:focus,
 a:active {
     color: #2780da;
 }

 a:focus {
     outline: inherit;
 }

 a:hover,
 a:active {
     outline: 0;
 }

 #main-nav {
     display: block;
     float: left;
     transition: all 0.5s ease-in-out 0s;
     width: auto;
 }

 .enabled-sticky-primary-menu #main-nav.fixed {
     box-shadow: 0 0 3px #aaaaaa;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
 }

 .main-navigation ul {
     display: block;
     margin: 0;
     padding: 0;
 }

 .main-navigation ul ul {
     background-color: #313131;
     left: -9999px;
     margin: 0;
     min-width: 220px;
     opacity: 0;
     position: absolute;
     top: 48px;
     transition: opacity 0.4s ease-in-out 0s;
     z-index: -9999;
     border-top: 4px solid #2780da;
 }

 .main-navigation ul ul ul {
     border-top: 0px;
 }

 .main-navigation ul ul ul {
     left: 100%;
     top: 0;
 }

 .main-navigation li {
     position: relative;
     display: inline-block;
     margin-bottom: 0;
     float: left;
 }

 .main-navigation ul>li:hover>ul {
     opacity: 1;
     left: 0;
     z-index: 9999;
 }

 .main-navigation ul ul ul ul {
     display: none;
 }

 .main-navigation ul ul ul li:hover>ul {
     display: block;
 }

 .main-navigation ul ul li:hover>ul {
     opacity: 1;
     left: 100%;
 }

 .main-navigation li li {
     float: none;
     display: block;
 }

 .main-navigation ul li li:first-child>a {
     border-left: none;
 }

 .main-navigation ul li a {
     color: #fff;
     display: block;
     font-size: 14px;
     font-weight: normal;
     padding: 17px 15px;
     position: relative;
     z-index: 99;
     line-height: 1;
 }



 #infinite-handle span {
     font-size: 1.5;
     font-size: 15px;
     color: #fff;
 }

 #infinite-handle {
     margin-bottom: 20px;
     height: auto;
     overflow: hidden;
 }

 .comment-navigation .nav-previous:hover,
 .posts-navigation .nav-previous:hover,
 .post-navigation .nav-previous:hover,
 .comment-navigation .nav-next:hover,
 .posts-navigation .nav-next:hover,
 .post-navigation .nav-next:hover,
 #infinite-handle span:hover {
     background: #ec3e3d;
 }

 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
     float: left;
 }

 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
     float: right;
 }

 .comment-navigation .nav-previous::before,
 .posts-navigation .nav-previous::before,
 .post-navigation .nav-previous::before {
     content: "\f100";
     display: inline-block;
     font-family: FontAwesome;
     margin-right: 5px;
     color: #fff;
 }

 .comment-navigation .nav-next::after,
 .posts-navigation .nav-next::after,
 .post-navigation .nav-next::after {
     content: "\f101";
     display: inline-block;
     font-family: FontAwesome;
     margin-left: 5px;
     color: #fff;
 }

 .page-links {
     clear: both;
     margin: 0 0 1.5em;
 }

 .nav-links .nav-previous a,
 .nav-links .nav-next a {
     color: #fff;
 }

 .nav-links {
     border-top: medium none;
     margin-bottom: 20px;
     padding: 20px 0;
     overflow: hidden;
 }

 .nav-links .page-numbers {
     border: 1px solid;
     padding: 5px 10px;
 }

 .nav-links .page-numbers.current,
 .nav-links a.page-numbers:hover {
     background: #2780da none repeat scroll 0 0;
     border-color: #2780da;
     color: #ffffff;
 }

 .nav-links .page-numbers.dots {
     border: none;
 }

 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
 }

 .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000;
 }

 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
 }

 .wp-block-image.is-resized.alignleft {
     margin-right: 1.5em;
 }

 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
 }

 .wp-block-image.is-resized.alignright {
     margin-left: 1.5em;
 }

 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.5em;
 }

 .alignnone {
     clear: both;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.5em;
     margin-top: 1.5em;
 }

 .clear-fix::before,
 .clear-fix::after,
 .entry-content::before,
 .entry-content::after,
 .comment-content::before,
 .comment-content::after,
 .site-header::before,
 .site-header::after,
 .site-content::before,
 .site-content::after,
 .site-footer::before,
 .site-footer::after,
 #home-page-widget-area::after,
 #home-page-widget-area::before,
 #featured-slider::after,
 #featured-slider::before {
     content: "";
     display: table;
 }

 .clear-fix::after,
 .entry-content::after,
 .comment-content::after,
 .site-header::after,
 .site-content::after,
 .site-footer::after {
     clear: both;
 }

 .widget {
     margin: 30px 0 0;
 }

 .widget:first-child {
     margin: 0;
 }

 .widget select {
     max-width: 100%;
 }

 #home-page-widget-area .widget-title {
     color: #2d4351;
     display: block;
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 35px;
     overflow: hidden;
     padding-left: 0px;
     text-align: center;
     letter-spacing: 1px;
 }

 #home-page-widget-area .widget-title span {
     position: relative;
 }

 #home-page-widget-area .widget-title span::before {
     background-color: #2780da;
     content: "";
     height: 1px;
     position: absolute;
     top: 0;
     width: 100px;
     right: 100%;
     margin-right: 30px;
     top: 46%;
 }

 #home-page-widget-area .widget-title span::after {
     background-color: #2780da;
     content: "";
     height: 1px;
     position: absolute;
     top: 0;
     width: 100px;
     left: 100%;
     margin-left: 30px;
     top: 46%;
 }

 .sticky {
     display: block;
 }

 .hentry {
     margin: 0 0 1.5em;
 }

 .byline,
 .updated:not(.published) {
     display: none;
 }

 .single .byline,
 .group-blog .byline {
     display: inline;
 }

 .page-content,
 .entry-content,
 .entry-summary {
     margin: 1.5em 0 0;
 }

 .entry-meta>span,
 .entry-footer>span,
 .single-post-meta>span {
     margin: 0 10px 0 0;
 }

 .entry-meta>span a,
 .single-post-meta>span a,
 .entry-footer>span a {
     color: #686868;
     font-style: italic;
 }

 .page-content,
 .entry-content,
 .entry-summary {
     margin: 15px 0 0;
 }

 .entry-meta>span::before,
 .entry-footer>span::before,
 .single-post-meta>span::before {
     display: inline-block;
     font-family: FontAwesome;
     height: 15px;
     margin-right: 8px;
     content: "";
     color: #2780da;
 }

 .entry-meta .byline .author.vcard {
     margin-left: -4px;
 }

 .entry-footer span {
     margin-right: 15px;
 }

 span.comments-link::before {
     content: "\f086";
 }

 .entry-meta .posted-on::before,
 .single-post-meta .posted-on::before {
     content: "\f073 ";
 }

 .entry-footer>.cat-links::before {
     content: "\f07c";
 }

 .entry-meta .byline::before,
 .single-post-meta .byline::before {
     content: "\f007";
 }

 .entry-footer .edit-link::before {
     content: "\f044";
 }

 .entry-footer .tags-links::before {
     content: "\f02c";
 }

 .blog .format-aside .entry-title,
 .archive .format-aside .entry-title {
     display: none;
 }

 .authorbox .author-avatar {
     float: left;
     margin: 5px 15px 10px 0;
 }

 .authorbox {
     background: #e6ffff;
     border: 1px solid #dddddd;
     margin-top: 20px;
     overflow: hidden;
     padding: 15px;
 }

 .authorbox.no-author-avatar .author-info {
     margin-left: 0;
 }

 .authorbox .author-bio-posts-content {
     margin-top: 10px;
 }

 .authorbox .author-bio-posts-content p {
     margin: 0;
 }

 .authorbox .author-bio-posts-content ul {
     list-style-position: inside;
     margin: 0;
 }

 #respond {
     clear: both;
     display: block;
     float: left;
     width: 97%;
 }

 #commentform label {
     display: inline-block;
 }

 .comments-area form#commentform p {
     float: left;
     width: 33.33%;
 }

 .comments-area form#commentform p.comment-form-cookies-consent,
 .comments-area #commentform p.comment-notes,
 .comments-area #commentform p.comment-form-comment {
     width: 100%;
 }

 .comments-area form#commentform p.comment-form-cookies-consent input[type="checkbox"] {
     margin-right: 10px;
     margin-top: 8px;
     float: left;
 }

 .comment-content a {
     word-wrap: break-word;
 }

 .bypostauthor {
     display: block;
 }

 .comment-form {
     margin: 0 -15px;
 }

 .comments-area form#commentform p.logged-in-as,
 .comments-area form#commentform p {
     padding: 0 15px;
 }

 .comment-form-author input,
 .comment-form-email input,
 .comment-form-url input {
     width: 100%;
 }

 #tab-reviews .comment-form-author,
 #tab-reviews .comment-form-email,
 #tab-reviews .comment-form-url {
     width: 50%;
 }

 .comments-area form#commentform p.logged-in-as {
     padding: 0 15px;
     width: 100%;
 }

 .comment-form-author,
 .comment-form-email,
 .comment-form-url {
     width: 33.33%;
     float: left;
 }

 .comment-list li.comment::after {
     content: inherit;
     display: none;
 }

 .comment-list li {
     padding-left: 0;
 }

 .comment {
     background-position: 0 -74px;
     display: block;
     float: left;
     width: 100%;
 }

 ol.comment-list .comment {
     margin-bottom: 15px;
 }

 ol.comment-list .comment:first-child {
     margin-bottom: 0px;
 }

 ol.comment-list {
     border-radius: 5px;
     float: left;
     margin-bottom: 15px;
     margin-left: 0;
     margin-right: 0;
     overflow: inherit;
     padding: 0;
     width: 100%;
 }

 ol.comment-list .children {
     border: medium none;
     float: left;
     margin: 15px 0 5px 15px;
     width: 98%;
 }

 ol.comment-list li {
     list-style: outside none none;
     margin-bottom: 0px;
 }

 .comment-list .comment-content ul,
 .comment-list .comment-content ul li {
     list-style: disc;
 }

 .comment-list .comment-content ol,
 .comment-list .comment-content ol li {
     list-style: decimal;
 }

 .comment .comment-body {
     background-color: #ffffff;
     border: 1px solid #dddddd;
     border-radius: 0;
     clear: both;
     display: block;
     float: left;
     margin-top: 5px;
     padding: 10px 30px 10px 30px;
     position: relative;
     text-align: left;
     width: 100%;
 }

 .comment-author.vcard {
     font-size: 16px;
     margin-bottom: 5px;
 }

 .comment-list .children {
     background-position: left 20px;
     background-repeat: no-repeat;
     border-left: 1px solid rgb(238, 238, 238);
     margin-left: 0;
     padding-left: 40px;
 }

 .comment-list li.comment>div img.avatar {
     left: 29px;
     position: absolute;
     top: 29px;
 }

 #comment-form-title {
     font-size: 24px;
     padding-bottom: 10px;
 }

 .vcard .avatar {
     float: left;
     margin: 7px 15px 15px 0;
 }

 .comment-metadata {
     font-size: 13px;
     font-style: italic;
     line-height: 16px;
     margin-bottom: 10px;
 }

 .comment-reply-link {
     background: #2780da;
     color: #fff;
     display: inline-block;
     float: none;
     font-size: 15px;
     margin-bottom: 10px;
     line-height: 1;
     padding: 15px 35px 15px 35px;
     border-radius: 0px;
 }

 a.comment-reply-link:hover {
     color: #2780da;
     background: transparent;
 }

 .form-allowed-tags code {
     white-space: inherit;
     word-wrap: break-word;
 }

 .comment-respond label {
     display: block;
     font-weight: normal;
 }

 .comments-title {
     font-weight: normal;
     margin: 25px 0 0;
 }

 .comment-content a {
     word-wrap: break-word;
 }

 .bypostauthor {
     display: block;
 }

 #commentform label {
     display: inline-block;
 }

 .infinite-scroll .posts-navigation,
 .infinite-scroll.neverending .site-footer {
     display: none;
 }

 .infinity-end.neverending .site-footer {
     display: block;
 }

 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
 }

 embed,
 iframe,
 object {
     max-width: 100%;
 }

 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
 }

 .wp-caption img[class*="wp-image-"] {
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
 }

 .wp-caption .wp-caption-text {
     margin: 0.8075em 0;
 }

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

 .gallery {
     margin-bottom: 1.5em;
 }

 .gallery-item {
     display: inline-block;
     text-align: center;
     vertical-align: top;
     width: 100%;
     margin: 10px 0;
 }

 .gallery-columns-2 .gallery-item {
     max-width: 50%;
 }

 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
 }

 .gallery-columns-4 .gallery-item {
     max-width: 25%;
 }

 .gallery-columns-5 .gallery-item {
     max-width: 20%;
 }

 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
 }

 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
 }

 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
 }

 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
 }

 .gallery-caption {
     display: block;
 }

 #home-page-widget-section {
     padding: 0px;
     clear: both;
 }

 section {
     margin: 0px;
 }

 #page {
     position: relative;
     margin: 0 auto;
 }

 .site-layout-boxed #page {
     box-shadow: 0 0 1px #999999;
     width: 1255px;
     margin-top: 35px;
     margin-bottom: 35px;
 }

 .container {
     max-width: 1170px;
     margin: 0 auto;
     padding-left: 15px;
     padding-right: 15px;
 }

 .inner-wrapper {
     margin-left: -15px;
     margin-right: -15px;
 }

 .half-width {
     float: left;
     width: 50%;
     padding-left: 15px;
     padding-right: 15px;
 }

 .v-center {
     transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     position: absolute;
     top: 50%;
     left: 50%;
 }

 .left {
     float: left;
 }

 .right {
     float: right;
 }

 p,
 li {
     font-family: 'Merriweather', serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 26px;
     color: #000;
 }

 #content {
     padding: 130px 0 40px 0px;
     clear: both;
 }

 .gradient-overlay {
     position: relative;
 }

 .gradient-overlay:before {
     content: "";
     position: absolute;
     ;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 9%, rgba(142, 142, 142, 0) 33%, rgba(0, 0, 0, 0.29) 63%, rgba(0, 0, 0, 0.65) 100%);
     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 9%, rgba(142, 142, 142, 0) 33%, rgba(0, 0, 0, 0.29) 63%, rgba(0, 0, 0, 0.65) 100%);
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 9%, rgba(142, 142, 142, 0) 33%, rgba(0, 0, 0, 0.29) 63%, rgba(0, 0, 0, 0.65) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a6000000', GradientType=0);
 }

 #primary {
     float: left;
     padding-left: 15px;
     padding-right: 15px;
     width: 70%;
 }

 #sidebar-primary {
     float: left;
     padding-left: 15px;
     padding-right: 15px;
     width: 30%;
 }

 .global-layout-no-sidebar #primary {
     width: 100%;
 }

 .global-layout-no-sidebar #sidebar-primary {
     display: none;
 }

 .site-main {
     float: left;
     width: 100%;
 }

 .social-widgets {
     display: inline-block;
 }

 .social-widgets ul {
     list-style: none;
     margin: 0;
 }

 .social-widgets>ul li {
     width: auto;
     padding-left: 0;
 }

 .social-widgets ul li,
 .social-widgets ul li a {
     display: inline-block;
 }

 .social-widgets ul li {
     margin-right: 10px;
     line-height: 1;
 }

 .social-widgets ul li a {
     font-size: 0;
     line-height: 1;
     height: 38px;
     width: 38px;
     background: #333;
     text-align: center;
     border-radius: 50%;
 }

 .social-widgets ul li a::before {
     content: "\f0c1";
     display: block;
     font-family: FontAwesome;
     font-weight: normal;
     line-height: 1;
     font-size: 14px;
     line-height: 38px;
     color: #fff;
 }

 .social-widgets ul li a[href*="facebook.com"]::before {
     content: "\f09a";
 }

 .social-widgets ul li a[href*="twitter.com"]::before {
     content: "\f099";
 }

 .social-widgets ul li a[href*="linkedin.com"]::before {
     content: "\f0e1";
 }

 .social-widgets ul li a[href*="plus.google.com"]::before {
     content: "\f0d5";
 }

 .social-widgets ul li a[href*="youtube.com"]::before {
     content: "\f167";
 }

 .social-widgets ul li a[href*="dribbble.com"]::before {
     content: "\f17d";
 }

 .social-widgets ul li a[href*="pinterest.com"]::before {
     content: "\f0d2";
 }

 .social-widgets ul li a[href*="bitbucket.org"]::before {
     content: "\f171";
 }

 .social-widgets ul li a[href*="github.com"]::before {
     content: "\f113";
 }

 .social-widgets ul li a[href*="codepen.io"]::before {
     content: "\f1cb";
 }

 .social-widgets ul li a[href*="flickr.com"]::before {
     content: "\f16e";
 }

 .social-widgets ul li a[href$="/feed/"]::before {
     content: "\f09e";
 }

 .social-widgets ul li a[href*="foursquare.com"]::before {
     content: "\f180";
 }

 .social-widgets ul li a[href*="instagram.com"]::before {
     content: "\f16d";
 }

 .social-widgets ul li a[href*="tumblr.com"]::before {
     content: "\f173";
 }

 .social-widgets ul li a[href*="reddit.com"]::before {
     content: "\f1a1";
 }

 .social-widgets ul li a[href*="vimeo.com"]::before {
     content: "\f194";
 }

 .social-widgets ul li a[href*="digg.com"]::before {
     content: "\f1a6";
 }

 .social-widgets ul li a[href*="twitch.tv"]::before {
     content: "\f1e8";
 }

 .social-widgets ul li a[href*="stumbleupon.com"]::before {
     content: "\f1a4";
 }

 .social-widgets ul li a[href*="delicious.com"]::before {
     content: "\f1a5";
 }

 .social-widgets ul li a[href*="mailto:"]::before {
     content: "\f0e0";
 }

 .social-widgets ul li a[href*="soundcloud.com"]::before {
     content: "\f1be";
 }

 .social-widgets ul li a[href*="wordpress.org"]::before {
     content: "\f19a";
 }

 .social-widgets ul li a[href*="wordpress.com"]::before {
     content: "\f19a";
 }

 .social-widgets ul li a[href*="jsfiddle.net"]::before {
     content: "\f1cc";
 }

 .social-widgets ul li a[href*="tripadvisor.com"]::before {
     content: "\f262";
 }

 .social-widgets ul li a[href*="foursquare.com"]::before {
     content: "\f180";
 }

 .social-widgets ul li a[href*="angel.co"]::before {
     content: "\f209";
 }

 .social-widgets ul li a[href*="slack.com"]::before {
     content: "\f198";
 }

 .social-widgets ul li a::before {
     color: #797979;
 }

 .social-widgets ul li a:hover:before {
     color: #fff;
 }

 .social-widgets ul li a[href*="facebook.com"] {
     background-color: #3b5998;
 }

 .social-widgets ul li a[href*="twitter.com"] {
     background-color: #00aced;
 }

 .social-widgets ul li a[href*="plus.google.com"] {
     background-color: #dd4b39;
 }

 .social-widgets ul li a[href*="/feed/"] {
     background-color: #dc622c;
 }

 .social-widgets ul li a[href*="wordpress.org"],
 .social-widgets ul li a[href*="wordpress.com"] {
     background-color: #45bbe6;
 }

 .social-widgets ul li a[href*="github.com"] {
     background-color: #4183c4;
 }

 .social-widgets ul li a[href*="linkedin.com"] {
     background-color: #007bb6;
 }

 .social-widgets ul li a[href*="pinterest.com"] {
     background-color: #cb2027;
 }

 .social-widgets ul li a[href*="flickr.com"] {
     background-color: #ff0084;
 }

 .social-widgets ul li a[href*="vimeo.com"] {
     background-color: #aad450;
 }

 .social-widgets ul li a[href*="youtube.com"] {
     background-color: #bb0000;
 }

 .social-widgets ul li a[href*="instagram.com"] {
     background-color: #517fa4;
 }

 .social-widgets ul li a[href*="dribbble.com"] {
     background-color: #ea4c89;
 }

 .social-widgets ul li a[href*="skype.com"] {
     background-color: #12a5f4;
 }

 .social-widgets ul li a[href*="digg.com"] {
     background-color: #333;
 }

 .social-widgets ul li a[href*="codepen.io"] {
     background-color: #000;
 }

 .social-widgets ul li a[href*="reddit.com"] {
     background-color: #ff4500;
 }

 .social-widgets ul li a[href*="mailto:"] {
     background-color: #1d62f0;
 }

 .social-widgets ul li a[href*="foursquare.com"] {
     background-color: #f94877;
 }

 .social-widgets ul li a[href*="stumbleupon.com"] {
     background-color: #eb4924;
 }

 .social-widgets ul li a[href*="twitch.tv"] {
     background-color: #6441a5;
 }

 .social-widgets ul li a[href*="tumblr.com"] {
     background-color: #32506d;
 }

 .social-widgets ul li a[href*="foursquare.com"] {
     background-color: #f94877;
 }

 .social-widgets ul li a[href*="stumbleupon.com"] {
     background-color: #eb4924;
 }

 .social-widgets ul li a[href*="twitch.tv"] {
     background-color: #6441a5;
 }

 .social-widgets ul li a[href*="tumblr.com"] {
     background-color: #32506d;
 }

 .social-widgets ul li a[href*="soundcloud.com"] {
     background-color: #ff5500;
 }

 .social-widgets ul li a[href*="wordpress.org"] {
     background-color: #45bbe6;
 }

 .social-widgets ul li a[href*="jsfiddle.net"] {
     background-color: #4679bd;
 }

 .social-widgets ul li a[href*="tripadvisor.com"] {
     background-color: #86c171;
 }

 .social-widgets ul li a[href*="foursquare.com"] {
     background-color: #2d5be3;
 }

 .social-widgets ul li a[href*="angel.co"] {
     background-color: #000;
 }

 .social-widgets ul li a[href*="slack.com"] {
     background-color: #56b68b;
 }

 .social-widgets ul li a:hover {
     background-color: #1f1f1f;
 }

 .site-header {
     float: left;
     width: 100%;
 }

 .site-header {
     padding-top: 30px;
     background: #fff;
 }

 .site-title,
 .site-description {
     margin-bottom: 0px;
 }

 .search-holder {
     float: right;
     padding-left: 20px;
 }

 .search-holder a {
     color: #444;
     line-height: 1;
     float: left;
 }

 .search-holder a i {
     line-height: 1;
     font-family: "FontAwesome";
     font-size: 14px;
     color: #fff;
 }

 .site-branding {
     float: left;
     margin-bottom: 30px;
 }

 .advertisement-active .site-branding {
     margin-top: 30px;
 }

 .advertisement-active .site-title {
     margin-top: -15px;
 }


 .home-icon,
 .home-icon a,
 #primary-menu,
 #main-nav .wrap-menu-content {
     float: left;
 }

 .home-icon a {
     padding: 13px 15px 13px 15px;
 }

 .home-icon.home-active a {
     background: #2780da;
 }

 .home-icon a i {
     font-size: 20px;
     color: #fff;
     font-family: "FontAwesome"
 }

 .main-navigation-holder {
     float: left;
     width: 100%;
 }

 .main-navigation-holder {
     background: #313131;
     border-bottom: 4px solid #2780da;
 }

 .main-navigation li a i {
     font-family: "FontAwesome";
     font-size: 16px;
     color: #fff;
 }

 .main-navigation li.current-menu-item {
     background: #2780da;
 }

 .main-navigation li.home-icon a,
 .main-navigation li.home-icon a i {
     font-size: 20px;
 }

 .main-navigation li.home-icon a {
     padding: 13px 15px 14px 15px;
 }

 @-moz-document url-prefix() {
     .main-navigation ul li a {
         padding: 18px 15px;
     }

     .main-navigation ul ul {
         top: 50px;
     }

     .home-active a {
         padding-bottom: 15px;
     }
 }

 .top-widgets-wrap {
     float: right;
     padding: 13px 0px;
 }

 .site-header .social-widgets {
     float: left;
 }

 .site-header .social-widgets ul {
     float: left;
 }

 .site-header .social-widgets ul li a {
     height: auto;
     width: auto;
     background: transparent;
 }

 .site-header .social-widgets ul li a::before {
     line-height: 1;
     color: #fff;
     font-size: 14px;
 }

 .site-header .social-widgets ul li a:hover {
     background: transparent;
 }

 .site-header .social-widgets ul li a[href*="facebook.com"]:hover:before {
     color: #3b5998;
 }

 .site-header .social-widgets ul li a[href*="twitter.com"]:hover:before {
     color: #00aced;
 }

 .site-header .social-widgets ul li a[href*="plus.google.com"]:hover:before {
     color: #dd4b39;
 }

 .site-header .social-widgets ul li a[href*="/feed/"]:hover:before {
     color: #dc622c;
 }

 .site-header .social-widgets ul li a[href*="wordpress.org"]:hover:before,
 .site-header .social-widgets ul li a[href*="wordpress.com"]:hover:before {
     color: #45bbe6;
 }

 .site-header .social-widgets ul li a[href*="github.com"]:hover:before {
     color: #4183c4;
 }

 .site-header .social-widgets ul li a[href*="linkedin.com"]:hover:before {
     color: #007bb6;
 }

 .site-header .social-widgets ul li a[href*="pinterest.com"]:hover:before {
     color: #cb2027;
 }

 .site-header .social-widgets ul li a[href*="flickr.com"]:hover:before {
     color: #ff0084;
 }

 .site-header .social-widgets ul li a[href*="vimeo.com"]:hover:before {
     color: #aad450;
 }

 .site-header .social-widgets ul li a[href*="youtube.com"]:hover:before {
     color: #bb0000;
 }

 .site-header .social-widgets ul li a[href*="instagram.com"]:hover:before {
     color: #517fa4;
 }

 .site-header .social-widgets ul li a[href*="dribbble.com"]:hover:before {
     color: #ea4c89;
 }

 .site-header .social-widgets ul li a[href*="skype.com"]:hover:before {
     color: #12a5f4;
 }

 .site-header .social-widgets ul li a[href*="digg.com"]:hover:before {
     color: #333;
 }

 .site-header .social-widgets ul li a[href*="codepen.io"]:hover:before {
     color: #000;
 }

 .site-header .social-widgets ul li a[href*="reddit.com"]:hover:before {
     color: #ff4500;
 }

 .site-header .social-widgets ul li a[href*="mailto:"]:hover:before {
     color: #1d62f0;
 }

 .site-header .social-widgets ul li a[href*="foursquare.com"]:hover:before {
     color: #f94877;
 }

 .site-header .social-widgets ul li a[href*="stumbleupon.com"]:hover:before {
     color: #eb4924;
 }

 .site-header .social-widgets ul li a[href*="twitch.tv"]:hover:before {
     color: #6441a5;
 }

 .site-header .social-widgets ul li a[href*="tumblr.com"]:hover:before {
     color: #32506d;
 }

 .site-header .social-widgets ul li a[href*="foursquare.com"]:hover:before {
     color: #f94877;
 }

 .site-header .social-widgets ul li a[href*="stumbleupon.com"]:hover:before {
     color: #eb4924;
 }

 .site-header .social-widgets ul li a[href*="twitch.tv"]:hover:before {
     color: #6441a5;
 }

 .site-header .social-widgets ul li a[href*="tumblr.com"]:hover:before {
     color: #32506d;
 }

 .site-header .social-widgets ul li a[href*="soundcloud.com"]:hover:before {
     color: #ff5500;
 }

 .site-header .social-widgets ul li a[href*="wordpress.org"]:hover:before {
     color: #45bbe6;
 }

 .site-header .social-widgets ul li a[href*="jsfiddle.net"]:hover:before {
     color: #4679bd;
 }

 .site-header .social-widgets ul li a[href*="tripadvisor.com"]:hover:before {
     color: #86c171;
 }

 .site-header .social-widgets ul li a[href*="foursquare.com"]:hover:before {
     color: #2d5be3;
 }

 .site-header .social-widgets ul li a[href*="angel.co"]:hover:before {
     color: #000;
 }

 .site-header .social-widgets ul li a[href*="slack.com"]:hover:before {
     color: #56b68b;
 }

 .search-holder {
     position: relative;
 }

 .search-box {
     float: left;
     width: 300px;
     position: absolute;
     right: 0;
     top: 38px;
     z-index: 999;
 }

 .search-box form {
     float: left;
     width: 100%;
     position: relative;
 }

 .search-box form input[type="search"] {
     width: 100%;
     float: left;
     margin-bottom: 0px;
     border: 0;
     line-height: 1;
     box-sizing: border-box;
     background: #fff;
 }

 .search-box form button[type="submit"] {
     float: left;
     width: 20%;
     font-size: 16px;
     height: 40px;
     width: 40px;
     color: #fff;
     font-family: "FontAwesome";
     position: absolute;
     top: 0;
     right: 0;
     background-color: rgba(39, 128, 218, 1);
     padding: 0;
     border: 0;
 }

 .search-box form button[type="submit"]:hover {
     border: 0;
 }

 .main-blog-section,
 .main-blog-left,
 .main-blog-right,
 .main-blog-section article,
 .main-blog-section article .post-image,
 .main-blog-section article .post-image img,
 .main-blog-section article .post-content,
 .main-blog-section article .post-content h2,
 .main-blog-slider,
 .main-blog-slider .item {
     float: left;
     width: 100%;
 }

 .main-blog-section {
     padding-bottom: 10px;
 }

 .main-blog-left {
     padding-right: 15px;
     width: 65%;
 }

 .main-blog-right {
     padding-left: 15px;
     width: 35%;
 }

 .main-blog-section article .post-image {
     margin: 0;
 }

 .main-blog-section article {
     position: relative;
 }

 .main-blog-section article .post-content {
     padding: 20px;
     position: absolute;
     bottom: 0;
 }

 .main-blog-section article.smaller-post {
     margin-bottom: 30px;
 }

 .main-blog-section article.bigger-post .post-content h2,
 .main-blog-section article.smaller-post .post-content h2,
 .main-blog-section article.bigger-post .post-content h2 a,
 .main-blog-section article.smaller-post .post-content h2 a,
 .main-blog-section article.bigger-post .post-content h1,
 .main-blog-section article.smaller-post .post-content h1,
 .main-blog-section article.bigger-post .post-content h1 a,
 .main-blog-section article.smaller-post .post-content h1 a {
     font-size: 18px;
     font-weight: 400;
     line-height: 1.2;
     color: #fff;
     margin-bottom: 0px;
     margin-top: 20px;
 }

 .main-blog-section article.smaller-post .post-content h2,
 .main-blog-section article.smaller-post .post-content h2 a,
 .main-blog-section article.smaller-post .post-content h1,
 .main-blog-section article.smaller-post .post-content h1 a {
     font-size: 18px;
     color: #fff;
 }

 .main-blog-section article .post-content .cat-links {
     float: left;
     color: #fff;
     font-size: 14px;
 }

 .main-blog-section article .post-content .posted-date {
     color: #fff;
     float: left;
     font-size: 14px;
 }

 .main-blog-section article .post-content .cat-links a {
     color: #fff;
 }

 .slick-prev,
 .slick-next {
     font-size: 0;
     height: 34px;
     width: 34px;
     text-align: center;
     background: #2780da;
     position: absolute;
     bottom: 8%;
     z-index: 999;
     padding: 0 !important;
     border: 0;
 }

 .slick-prev:focus,
 .slick-next:focus,
 .slick-prev:active,
 .slick-next:active {
     outline: none;
     box-shadow: none;
 }

 .slick-prev {
     right: 64px;
 }

 .slick-next {
     right: 20px;
 }

 .slick-prev:hover,
 .slick-next:hover {
     opacity: 1;
     background: #2780da;
 }

 .slick-prev:before,
 .slick-next:before {
     display: inline-block;
     line-height: 34px;
     font-size: 25px;
     color: #fff;
     font-family: "FontAwesome";
 }

 .slick-prev:before {
     content: "\f104";
 }

 .slick-next:before {
     content: "\f105";
 }

 .advertisement-full-section,
 .advertisement-content,
 .advertisement-content img {
     float: left;
     width: 100%;
 }

 .advertisement-full-section {
     padding-bottom: 40px;
 }

 #main .post,
 .post .entry-img,
 .post .content-wrap {
     float: left;
     width: 100%;
 }

 .post {
     margin-bottom: 50px;
     border: 1px solid #ddd;
     background-color: #fff;
     padding: 20px;
 }

 .single .post {
     margin-bottom: 0px;
 }

 .post:last-child {
     margin-bottom: 0px;
 }

 .post .entry-img img {
     float: left;
 }

 .post .content-wrap {
     padding-top: 35px;
 }

 .posted-date,
 .cat-links {
     display: inline-block;
     font-size: 14px;
 }

 .post .content-wrap .entry-header h2.entry-title a,
 .search-results #primary article h2.entry-title a {
     font-size: 20px;
     font-weight: 400;
     color: #2780da;
 }

 .post .content-wrap .entry-title,
 .search-results #primary article h2.entry-title {
     margin-top: 18px;
 }

 .post .content-wrap p {
     margin-bottom: 17px;
 }

 .post .content-wrap a,
 .search-results #primary article .content-wrap a {
     font-size: 14px;
     font-weight: 400;
 }

 .read-more {
     color: #999;
 }

 .read-more:after {
     content: "\f178";
     font-size: 14px;
     display: inline-block;
     margin-left: 5px;
     font-family: "FontAwesome";
 }

 .post .content-wrap .posted-date a,
 .posted-date a {
     color: #999;
     display: inline-block;
     font-size: 14px;
 }

 .post .content-wrap .cat-links a {
     color: #999;
 }

 .post .content-wrap a:hover,
 .search-results #primary article .content-wrap a:hover,
 .post .content-wrap .posted-date a:hover,
 .posted-date a:hover,
 .post .content-wrap .cat-links a:hover {
     color: #2780da;
 }

 .pagination {
     float: left;
     width: 100%;
     padding: 40px 0px 0px 0px;
 }

 .pagination .nav-links {
     padding: 0px;
     margin-bottom: 0px;
 }

 .pagination .nav-links .page-numbers {
     display: inline-block;
     background: #2780da;
     color: #fff;
     padding: 15px;
     line-height: 1;
     border: 1px solid #2780da;
 }

 .pagination .nav-links .page-numbers.next,
 .pagination .nav-links .page-numbers.prev {
     padding: 15px 30px;
 }

 .pagination .nav-links .page-numbers.current,
 .pagination .nav-links .page-numbers:hover {
     background: transparent;
     color: #2780da;
 }

 form.wpcf7-form,
 form.wpcf7-form label,
 form.wpcf7-form textarea {
     float: left;
     width: 100%;
 }

 form.wpcf7-form input {
     float: left;
 }

 form.wpcf7-form label,
 form.wpcf7-form input[type="submit"] {
     margin-bottom: 15px;
 }

 .sidebar .widget {
     margin-top: 0px;
     margin-bottom: 30px;
     background: #fff;
     padding: 20px;
     border: 1px solid #ddd;
 }

 .sidebar .widget.widget_advertisement {
     padding: 0px;
 }

 .sidebar .widget-title {
     font-size: 20px;
     color: #2d4351;
     font-weight: 400;
     line-height: 1;
     margin-bottom: 26px;
 }

 .widget_search form {
     position: relative;
     width: 100%;
 }

 .widget_search button {
     padding: 0;
 }

 .widget_search form input[type="search"],
 .widget_search form input[type="text"] {
     width: 100%;
     box-sizing: border-box;
     background: #fff;
 }

 .widget_search input[type="submit"] {
     position: absolute;
     top: 0px;
     right: 0px;
     border: 0;
 }

 .widget_search input[type="submit"]:hover,
 .widget_search button[type="submit"]:hover {
     background: #0c5eb2;
     color: #fff;
 }

 .widget_search button[type="submit"] {
     background: #2780da;
     position: absolute;
     top: 0px;
     right: 0px;
     border: 0;
     padding: 16px 16px 15px 16px;
 }

 .widget_search button[type="submit"]:hover i {
     color: #fff;
 }

 .sidebar ul {
     margin: 0;
     list-style: none;
 }

 .sidebar ul li {
     width: 100%;
     margin-bottom: 0px;
     padding: 8px 0px;
     position: relative;
     padding-left: 15px;
     border-bottom: 1px solid #ddd;
     color: #323232;
 }

 .sidebar .widget_categories ul li:last-child {
     margin-bottom: 0px;
 }

 .sidebar ul li a {
     font-size: 14px;
     color: #323232;
     width: 100%;
 }

 .sidebar .widget_recent_comments li {
     padding: 8px 0px;
     padding-left: 15px;
 }

 .sidebar ul li:before {
     content: "-";
     font-family: 'Merriweather', serif;
     font-size: 14px;
     position: absolute;
     left: 0;
 }

 .sidebar ul li:last-child {
     border-bottom: 0px;
 }

 .sidebar ul li:last-child a {
     padding-bottom: 0px;
 }

 .widget_author .profile-image,
 .widget_author .author-profile {
     text-align: center;
 }

 .widget_author .profile-image {
     margin-bottom: 20px;
 }

 .widget_author .profile-image img {
     display: inline-block;
     border-radius: 50%;
 }

 .widget_author .profile-info h2 {
     font-size: 20px;
     color: #2d4351;
     font-weight: 400;
 }

 #footer-widgets .widget_author .profile-info h2 {
     color: #fff;
 }

 #sidebar-primary .social-widgets {
     width: 100%;
 }

 #sidebar-primary .social-widgets ul li a {
     font-size: 0;
     font-size: 0;
     padding: 0;
     width: 38px;
 }

 #sidebar-primary .social-widgets ul li {
     width: auto;
     display: inline-block;
     border-bottom: 0px;
     margin-right: 10px;
     padding-left: 0px;
 }

 #sidebar-primary .social-widgets ul li:before {
     display: none;
 }

 #sidebar-primary .social-widgets ul li a:before {
     color: #fff;
     position: static;
 }

 .breadcrumb {
     float: left;
     width: 100%;
 }

 .breadcrumb {
     background: #f8f8f8;
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .breadcrumbs {
     float: right;
 }

 .page-title {
     float: left;
     width: 100%;
     color: #2d4351;
     font-size: 24px;
     font-weight: 400;
     margin-bottom: 20px;
 }

 .page-header .archive-description,
 .page-header .archive-description p {
     float: left;
     width: 100%;
 }

 .page-title h2 {
     color: #2d4351;
     margin-bottom: 0px;
 }

 .page-title h2 span {
     color: #2780da;
 }

 .breadcrumbs ul {
     list-style: none;
     margin: 0;
 }

 .breadcrumbs ul li {
     display: inline-block;
 }

 .breadcrumbs ul li a {
     color: #777;
 }

 .breadcrumbs ul li.active a {
     color: #2780da;
 }

 .breadcrumbs ul li a:after {
     content: "/";
     font-size: 14px;
     color: #777;
     margin-left: 15px;
     margin-right: 15px;
 }

 .breadcrumbs ul li:last-child a:after {
     display: none;
 }

 .post-navigation,
 .post-navigation .nav-links,
 .post-navigation .nav-previous,
 .post-navigation .nav-next {
     float: left;
     width: 100%;
 }

 .post-navigation .nav-previous,
 .post-navigation .nav-next,
 .post-navigation .nav-previous:hover,
 .post-navigation .nav-next:hover {
     background: transparent;
     width: 50%;
 }

 .post-navigation .nav-previous {
     padding-left: 0px;
     text-align: left;
 }

 .post-navigation .nav-next {
     padding-right: 0px;
     text-align: right;
     float: right;
 }

 .post-navigation .nav-previous a,
 .post-navigation .nav-next a {
     color: #2d4351;
 }

 .post-navigation .nav-previous:hover a,
 .post-navigation .nav-next:hover a,
 .post-navigation .nav-previous:hover:before,
 .post-navigation .nav-next:hover:after {
     color: #2780da;
 }

 .post-navigation .nav-previous:before,
 .post-navigation .nav-next:after {
     color: #2d4351;
 }

 #footer-widgets,
 .site-footer {
     float: left;
     width: 100%;
 }

 #footer-widgets {
     background: #2f2f2f;
     padding-top: 60px;
     padding-bottom: 60px;
 }

 #footer-widgets .widget-column {
     float: left;
     padding-left: 15px;
     padding-right: 15px;
 }

 #footer-widgets .footer-active-1 {
     width: 100%;
 }

 #footer-widgets .footer-active-2 {
     width: 50%;
 }

 #footer-widgets .footer-active-3 {
     width: 33.33%;
 }

 #footer-widgets .footer-active-4 {
     width: 25%;
 }

 #footer-widgets .widget-title {
     color: #fff;
     line-height: 1;
     font-size: 16px;
     font-weight: 400;
     margin-bottom: 26px;
 }

 #footer-widgets .widget-column ul {
     list-style: none;
     margin: 0;
 }

 #footer-widgets .widget-column ul li a,
 #footer-widgets .widget-column ul li {
     font-size: 14px;
     font-weight: 400;
     color: #999;
     line-height: 1.2;
 }

 #footer-widgets .widget-column ul li {
     margin-bottom: 20px;
 }

 #footer-widgets .widget-column ul li:last-child {
     margin-bottom: 0px;
 }

 #footer-widgets .widget-column .social-widgets ul li a {
     font-size: 0;
 }

 #footer-widgets .widget-column .social-widgets ul li a:before {
     color: #fff;
 }

 #footer-widgets .widget-column .social-widgets ul li {
     margin-bottom: 0px;
 }

 #footer-widgets .widget-column .tagcloud a {
     font-size: 14px;
     color: #fff;
     border-radius: 5px;
     padding: 2px 19px;
     border: 1px solid #ddd;
     margin: 0px 5px 10px 0px;
     display: inline-block;
 }

 .site-footer {
     padding-top: 26px;
     padding-bottom: 25px;
     background: #1f1f1f;
 }

 .copyright {
     font-size: 14px;
 }

 .copyright span {
     float: left;
 }

 .copyright span:last-child {
     float: right;
 }

 .copyright span a {
     color: #999;
 }

 #footer-widgets .social-widgets {
     margin-top: 0px;
 }

 .search-no-results section {
     padding: 0px;
 }

 .search-no-results .no-results.not-found p {
     float: left;
     color: #999;
 }

 .search-no-results .no-results.not-found form,
 .search-no-results .no-results.not-found form.search-form input[type="search"],
 .search-no-results .no-results.not-found form.search-form input[type="text"] {
     float: left;
     width: 100%;
 }

 .search-no-results .no-results.not-found form {
     position: relative;
 }

 .search-no-results .no-results.not-found form.search-form input[type="search"],
 .search-no-results .no-results.not-found form.search-form input[type="text"] {
     padding: 10px;
     box-sizing: border-box;
 }

 .search-no-results .no-results.not-found form.search-form input[type="submit"],
 .search-no-results .no-results.not-found form.search-form button[type="submit"] {
     position: absolute;
     right: 0;
     background-color: #2780da;
     color: #fff;
     border: 0;
     padding: 15px 35px 14px 35px;
     line-height: 1;
 }

 .search-no-results .no-results.not-found form.search-form input[type="submit"]:hover,
 .search-no-results .no-results.not-found form.search-form button[type="submit"]:hover {
     background-color: #2780da;
     color: #fff;
     border: 0;
 }

 .error-404.not-found,
 .error-404.not-found form.search-form input[type="search"],
 .error-404.not-found form.search-form input[type="text"],
 .error-404.not-found .page-header {
     float: left;
     width: 100%;
 }

 .error-404.not-found {
     padding: 0px;
 }

 .error-404.not-found form.search-form {
     position: relative;
     display: inline-block;
     width: 60%;
 }

 .error-404.not-found form.search-form input[type="search"],
 .error-404.not-found form.search-form input[type="text"] {
     padding: 10px;
     box-sizing: border-box;
 }

 .error-404.not-found form.search-form input[type="submit"],
 .error-404.not-found form.search-form button[type="submit"] {
     position: absolute;
     right: 0;
     background-color: #2780da;
     color: #fff;
     border: 0;
     padding: 14px 35px 15px 35px;
     line-height: 1;
     height: auto;
 }

 .error-404.not-found form.search-form input[type="submit"]:hover,
 .error-404.not-found form.search-form button[type="submit"]:hover {
     background-color: #2780da;
     color: #fff;
     border: 0;
 }

 .error404 #primary,
 .error-404.not-found .page-header {
     width: 100%;
     text-align: center;
 }

 .error-404.not-found .page-header .page-title {
     float: none !important;
     display: inline-block !important;
     width: 60% !important;
 }

 dd,
 td {
     font-family: 'Merriweather', serif;
     font-weight: 400;
     font-size: 14px;
     line-height: 26px;
     color: #999;
 }

 .mean-container .mean-bar {
     background: transparent;
     box-shadow: none;
     z-index: 999;
 }

 .mean-container a.meanmenu-reveal span {
     background: #fff;
 }

 .mean-container .mean-nav ul li a {
     background: #2780da;
 }

 .mean-container a.meanmenu-reveal {
     color: #fff;
     top: -3px;
     left: 50px !important;
 }

 .mean-container .mean-nav {
     margin-top: 0px;
 }

 .mean-container .mean-nav ul li a {
     text-shadow: none;
 }

 .mean-container .mean-nav ul li a.mean-expand {
     z-index: 999;
 }

 .gotop {
     background-color: rgba(39, 128, 218, 1);
     border-radius: 50%;
     height: 50px;
     width: 50px;
     bottom: 50px;
     color: #fff;
     display: none;
     float: right;
     position: fixed;
     right: 10px;
     text-align: center;
     z-index: 99999;
     transition: all 0.5s ease-in-out 0s;
 }

 .gotop i {
     font-size: 30px;
     color: #fff;
     line-height: 49px;
 }

 .content-wrap .entry-content a.read-more {
     float: right;
 }

 .content-wrap .entry-content a.read-more:after {
     content: '\f101';
 }

 .content-wrap .entry-content p {
     margin-bottom: 10px;
 }

 .search-box form input[type="search"],
 .widget_search form input[type="search"] {
     padding-right: 55px;
 }

 .global-layout-left-sidebar #sidebar-primary {
     float: left;
 }

 .global-layout-right-sidebar #sidebar-primary {
     float: right;
 }

 .global-layout-left-sidebar #primary {
     float: right;
 }

 .footernew {
     z-index: 2;
     position: relative;
 }

 .footernew_award {
     background-color: #ffff;
     display: block;
     border-radius: 14px;
     padding: 10px 0px;
 }

 .footernew_award img {
     max-height: 135px;
 }


 .footernew_mid {
     padding: 50px 0;
     margin: 40px 0 0;
     border-top: 1px solid #f2f2f269;
     border-bottom: 1px solid #f2f2f269;
 }

 .fnadd_right {
     width: 100%;
 }

 .fnadd_right span {
     color: #fff;
     font-weight: 800;
     font-size: 16px;
     display: block;
     margin-bottom: 3px;
     font-family: Montserrat;
 }

 .fnadd_left {
     width: 100%;
     text-align: center;
     margin-bottom: 10px;
 }

 .fnadd_right strong {
     color: #fff;
     font-weight: 500;
     font-size: 14px;
     display: block;
     margin-bottom: 0px;
     font-family: Montserrat;
 }

 .fnadd_left img {
     max-width: 50px;
 }

 .fnadd_right p {
     color: #fff;
     font-weight: 500;
     margin-bottom: 4px;
     font-size: 13px;
     font-family: Montserrat;
 }

 .fnadd_right a {
     color: #ffff;
     font-weight: 700;
     font-size: 14px;
     display: block;
     font-family: Montserrat;
 }

 .footernew_address {
     text-align: center;
     padding: 20px 10px;
     background: rgba(5, 8, 26, 1);
     border-radius: 14px;
     min-height: 218px;
 }

 .menus_head {
     color: #fff;
     font-weight: 800;
     font-size: 18px;
     text-transform: uppercase;
     margin-bottom: 13px;
     font-family: Montserrat;
 }


 .footernew_menuss li a {
     color: #fff;
     font-weight: 500;
     font-size: 14px;
     display: block;
     font-family: Montserrat;
 }

 .footernew_menuss ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 .footernew_top .row .col-auto {
     width: 13%;
     text-align: center;
 }

 .footernew_top .icons_adver {
     display: flex;
     justify-content: space-between;
 }

 .services_megadropdown .tab-content .tab-pane {
     background-color: transparent !important;
 }

 @media screen and (max-width:1150px) {
     .container {
         max-width: 100%;
     }
 }

 @media screen and (max-width:1050px) {
     .sidebar .widget_search input[type="submit"] {
         padding: 15px 10px 16px 10px;
     }

     .comments-area form#commentform p.comment-form-cookies-consent input[type="checkbox"] {
         width: auto;
     }

     .comments-area form#commentform p.comment-form-cookies-consent label {
         display: block;
     }
 }

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

     .footernew_award {
         border-radius: 14px;
         padding: 15px 10px;
     }

     .footernew_award img {
         max-height: 54px;
     }

     .social_icons a img {
         max-width: 22px;
     }

     .social_icons a {
         margin: 0 2px;
         border-radius: 14px;
         height: 40px;
         width: 40px;
     }

     .footernew_mid {
         padding: 40px 0 10px;
         margin: 40px 0 0;
     }

     .footernew_mid .row {
         display: flex;
         flex-wrap: wrap;
     }

     .footernew_mid .row .col-md-3 {
         width: 50%;
         margin-bottom: 30px;
     }

     .footernew {
         padding: 40px 0 0;
     }

     .footernew_bottom .row {
         display: flex;
         flex-wrap: wrap;
     }

     .footernew_bottom .row .col-md-3 {
         width: 50%;
         margin-bottom: 30px;
     }
 }

 @media screen and (max-width: 991px) {
     .main-navigation ul li a {
         padding-left: 12px;
         padding-right: 12px;
     }
 }

 @media screen and (max-width:767px) {
     #main-nav {
         display: none;
     }

     .footernew_award img {
         max-height: 104px;
     }

     .top-widgets-wrap {
         position: relative;
         z-index: 999;
     }

     .main-blog-left,
     .main-blog-right,
     #primary,
     #sidebar-primary,
     #footer-widgets .footer-active-2,
     #footer-widgets .footer-active-3,
     #footer-widgets .footer-active-4,
     form.wpcf7-form input {
         width: 100%;
     }

     #sidebar-primary {
         margin-top: 30px;
     }

     form.wpcf7-form input[type="submit"] {
         width: auto;
     }

     .main-blog-left {
         padding-right: 0px;
         margin-bottom: 30px;
     }

     .main-blog-right {
         padding-left: 0px;
     }

     .sidebar .widget_search input[type="submit"] {
         padding: 15px 35px 16px 35px;
     }

     #footer-widgets .widget-column {
         margin-bottom: 30px;
     }

     #footer-widgets .widget-column:last-child {
         margin-bottom: 0px;
     }

     #main-nav {
         display: none;
     }

     .mean-container .main-navigation ul li.menu-item-has-children>a::after,
     .mean-container .main-navigation ul li.page_item_has_children>a::after {
         display: none;
     }

     .mean-container .mean-nav {
         overflow: hidden;
     }

     .main-navigation ul li ul {
         position: relative;
         top: 0;
         left: 0 !important;
         opacity: 1;
     }

     .mean-container .mean-nav ul li a.mean-expand {
         z-index: 99999999;
         height: 42px;
         width: 42px;
         line-height: 42px;
         color: #fff !important;
         background: transparent;
         box-shadow: none;
         padding: 0 !important;
         border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
     }

     .mean-container .mean-nav ul li a.mean-expand.mean-clicked,
     .mean-container .mean-nav ul li a.mean-expand.mean-clicked:hover,
     .mean-container .mean-nav ul li a.mean-expand:hover {
         background: transparent;
     }

     .mean-container .main-navigation ul li.menu-item-has-children>a,
     .mean-container .main-navigation ul li.page_item_has_children>a {
         padding-right: 40px;
     }

     .mean-container .mean-nav ul li li a {
         width: 100%;
         opacity: 1;
     }

     .mean-container .mean-nav ul li li li a {
         width: 100%;
     }

     .mean-container .main-navigation ul li.menu-item-has-children ul.sub-menu li a {
         color: #fff;
     }

     .mean-container .mean-nav ul li a:hover {
         background: #252525;
     }

     .mean-container .main-navigation ul ul {
         border-top: 0px;
     }

     .site-header .social-widgets {
         z-index: 9999;
         position: relative;
     }

     .slick-prev,
     .slick-next {
         z-index: 99;
     }

     .post-navigation .nav-previous,
     .post-navigation .nav-next {
         width: 100%;
     }

     .post-navigation .nav-next {
         text-align: left;
         padding-left: 0px;
     }

     .footernew_menuss li a {
         font-size: 13px;
         display: block;
     }

     .footernew_top .icons_adver {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
     }

     .footernew_top .row .col-auto {
         width: 30%;
         text-align: center;
         margin: 0 4px 14px;
     }

     .social_icons {
         margin-top: 20px;
     }

     .footernew_mid {
         padding: 30px 0 10px;
         margin: 30px 0 0;
     }

     .footernew_mid .row .col-md-3 {
         margin-bottom: 20px;
     }

     .fnadd_left img {
         max-width: 40px;
     }

     .fnadd_right span {
         color: #fff;
         font-weight: 800;
         font-size: 13px;
         display: block;
         margin-bottom: 4px;
     }

     .fnadd_right strong {
         font-size: 12px;
     }

     .fnadd_right p {
         color: #fff;
         font-weight: 500;
         margin-bottom: 6px;
         font-size: 12px;
         line-height: 20px;
     }

     .fnadd_right a {
         color: #ffff;
         font-weight: 700;
         font-size: 12px;
         display: block;
     }

     .footernew_mid .row .col-md-3:nth-child(2),
     .footernew_mid .row .col-md-3:nth-child(4) {
         padding-left: 8px;
     }

     .footernew_mid .row .col-md-3:nth-child(1),
     .footernew_mid .row .col-md-3:nth-child(3) {
         padding-right: 8px;
     }

     .footernew_bottom .row .col-md-3 {
         width: 100%;
         margin-bottom: 20px;
         text-align: center;
     }

     .footernew_menuss li::after {
         display: none;
     }

     .footernew_menuss li {
         padding-left: 0;
     }

     .footernew_bottom {
         padding: 30px 0 0;
     }
 }

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

     .slick-prev,
     .slick-next {
         bottom: 25%;
     }
 }

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

     .slick-prev,
     .slick-next {
         bottom: 35%;
     }

     .slick-next {
         right: 10px;
     }

     .slick-prev {
         right: 54px;
     }
 }

 figure {
     margin: 0;
 }

 .entry-content .wp-block-gallery {
     padding-left: 0;
     margin-left: 0;
     list-style-type: none;
 }

 .wp-block-pullquote {
     padding-left: 1em;
     padding-right: 1em;
     margin-bottom: 1em;
     margin-top: 1em;
 }

 .wp-block-image,
 .wp-block-embed {
     margin-bottom: 1.5em;
 }

 .entry-content .wp-block-archives,
 .entry-content .wp-block-categories,
 .entry-content .wp-block-latest-posts {
     list-style: none;
     margin-left: 0;
 }

 .wp-block-separator:not(.is-style-dots),
 hr:not(.is-style-dots) {
     background-color: #cccccc;
     border: 0;
     height: 1px;
 }

 .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
 hr:not(.is-style-wide):not(.is-style-dots) {
     width: 100%;
     height: 4px;
     background: transparent;
     margin-top: 20px;
 }

 .wp-block-separator:not(.is-style-wide):not(.is-style-dots)::before,
 hr:not(.is-style-wide):not(.is-style-dots)::before {
     content: '';
     display: block;
     height: 4px;
     width: 40px;
     background: #cccccc;
 }

 .wp-block-separator.is-style-dots:before,
 hr.is-style-dots:before {
     color: #191e23;
     font-size: 22px;
     padding-left: 12px;
 }

 #primary ul li ul {
     list-style: circle;
     margin-left: 0px;
     padding-left: 30px;
 }

 .global-layout-no-sidebar .site-main,
 .global-layout-no-sidebar #main .post,
 .global-layout-no-sidebar #main .page,
 .global-layout-no-sidebar #main article.product {
     border: none;
     padding: 0;
     background: transparent;
 }

 .site-content {
     overflow: hidden;
 }

 .global-layout-no-sidebar .entry-content>*.alignwide,
 .global-layout-no-sidebar .entry-summary>*.alignwide {
     margin-left: auto;
     margin-right: auto;
     clear: both;
 }

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

     .global-layout-no-sidebar .entry-content>*.alignwide,
     .global-layout-no-sidebar .entry-summary>*.alignwide {
         width: 100%;
         max-width: 100%;
     }
 }

 @media (min-width: 768px) {

     .global-layout-no-sidebar .entry-content>*.alignfull,
     .global-layout-no-sidebar #primary ul.wp-block-gallery.alignful {
         margin-top: calc(2 * 20px);
         margin-bottom: calc(2 * 20px);
         max-width: 1000%
     }

     .global-layout-no-sidebar .entry-content>*.alignwide img,
     .global-layout-no-sidebar .entry-content>*.alignfull img {
         display: block;
         margin: 0 auto
     }

     .global-layout-no-sidebar .entry-content>*.alignfull,
     .global-layout-no-sidebar #primary ul.wp-block-gallery.alignful {
         margin-left: calc(50% - 50vw);
         margin-right: calc(50% - 50vw);
         width: auto
     }
 }

 h3.site-description {
     font-weight: 400;
     font-size: 14px;
     line-height: 26px;
     color: #999;
 }

 .site-title {
     font-size: 28px;
 }


 .nav .dropdown.desktopdropdown {
     position: initial !important;
 }

 .nav .dropdown.desktopdropdown:hover .deskgropmenu {
     display: block;
 }

 .dropdown.mobiledropdown {
     display: none;
 }

 .icon-parent a {
     position: relative
 }

 .icon-parent a:after {
     position: absolute;
     content: "";
     width: 18px;
     height: 18px;
     top: -2px;
     left: -5%;
     background-image: url(https://techgropse.com/common/images/home_page/black.png);
     background-size: 400px auto
 }

 .icon-parent a:before {
     position: absolute;
     content: "";
     width: 18px;
     height: 18px;
     top: -2px;
     left: -4%;
     background-image: url(https://techgropse.com/common/images/home_page/white.png);
     background-size: 400px auto
 }

 .icon-parent .icon-multi1:after {
     background-position: -2px -7px
 }

 .icon-parent .icon-multi2:after {
     background-position: -31px -7px
 }

 .icon-parent .icon-multi3:after {
     background-position: -63px -7px
 }

 .icon-parent .icon-multi4:after {
     background-position: -95px -7px
 }

 .icon-parent .icon-multi5:after {
     background-position: -127px -7px
 }

 .icon-parent .icon-multi6:after {
     background-position: -162px -7px
 }

 .icon-parent .icon-multi7:after {
     background-position: -195px -7px
 }

 .icon-parent .icon-multi8:after {
     background-position: -224px -7px
 }

 .icon-parent .icon-multi9:after {
     background-position: -259px -7px
 }

 .icon-parent .icon-multi10:after {
     background-position: -292px -7px
 }

 .icon-parent .icon-multi11:after {
     background-position: -324px -7px
 }

 .icon-parent .icon-multi12:after {
     background-position: -4px -37px
 }

 .icon-parent .icon-multi13:after {
     background-position: -37px -37px
 }

 .icon-parent .icon-multi14:after {
     background-position: -71px -37px
 }

 .icon-parent .icon-multi15:after {
     background-position: -103px -37px
 }

 .icon-parent .icon-multi16:after {
     background-position: -133px -37px
 }

 .icon-parent .icon-multi17:after {
     background-position: -164px -37px
 }

 .icon-parent .icon-multi18:after {
     background-position: -200px -37px
 }

 .icon-parent .icon-multi19:after {
     background-position: 167px -37px
 }

 .icon-parent .icon-multi20:after {
     background-position: 136px -37px
 }

 .icon-parent .icon-multi21:after {
     background-position: 107px -37px
 }

 .icon-parent .icon-multi22:after {
     background-position: 76px -36px
 }

 .icon-parent .icon-multi23:after {
     background-position: -4px -66px
 }

 .icon-parent .icon-multi24:after {
     background-position: -38px -66px
 }

 .icon-parent .icon-multi25:after {
     background-position: -72px -66px
 }

 .icon-parent .icon-multi26:after {
     background-position: -105px -66px
 }

 .icon-parent .icon-multi27:after {
     background-position: -137px -66px
 }

 .icon-parent .icon-multi28:after {
     background-position: -167px -66px
 }

 .icon-parent .icon-multi29:after {
     background-position: -5px -98px
 }

 .icon-parent .icon-multi30:after {
     background-position: -35px -98px
 }

 .icon-parent .icon-multi31:after {
     background-position: -68px -98px
 }

 .icon-parent .icon-multi32:after {
     background-position: -101px -98px
 }

 .icon-parent .icon-multi33:after {
     background-position: -133px -98px
 }

 .icon-parent .icon-multi34:after {
     background-position: -168px -98px
 }

 .icon-parent .icon-multi35:after {
     background-position: -198px -98px;
 }

 .icon-parent .icon-multi36:after {
     background-position: -228px -98px;
 }

 .icon-parent .icon-multi37:after {
     background-position: -260px -98px;
 }

 .icon-parent .icon-multi38:after {
     background-position: -289px -98px;
 }

 .icon-parent .icon-multi39:after {
     background-position: -322px -98px;
 }

 .icon-parent .icon-multi40:after {
     background-position: -355px -98px;
 }

 .icon-parent .icon-multi41:after {
     background-position: -5px -130px;
 }

 .icon-parent .icon-multi42:after {
     background-position: -35px -127px;
 }

 .icon-parent .icon-multi43:after {
     background-position: -67px -130px;
 }

 .icon-parent .icon-multi1:before {
     background-position: -2px -7px
 }

 .icon-parent .icon-multi2:before {
     background-position: -31px -7px
 }

 .icon-parent .icon-multi3:before {
     background-position: -63px -7px
 }

 .icon-parent .icon-multi4:before {
     background-position: -95px -7px
 }

 .icon-parent .icon-multi5:before {
     background-position: -127px -7px
 }

 .icon-parent .icon-multi6:before {
     background-position: -162px -7px
 }

 .icon-parent .icon-multi7:before {
     background-position: -195px -7px
 }

 .icon-parent .icon-multi8:before {
     background-position: -224px -7px
 }

 .icon-parent .icon-multi9:before {
     background-position: -259px -7px
 }

 .icon-parent .icon-multi10:before {
     background-position: -292px -7px
 }

 .icon-parent .icon-multi11:before {
     background-position: -324px -7px
 }

 .icon-parent .icon-multi12:before {
     background-position: -4px -37px
 }

 .icon-parent .icon-multi13:before {
     background-position: -37px -37px
 }

 .icon-parent .icon-multi14:before {
     background-position: -71px -37px
 }

 .icon-parent .icon-multi15:before {
     background-position: -103px -37px
 }

 .icon-parent .icon-multi16:before {
     background-position: -133px -37px
 }

 .icon-parent .icon-multi17:before {
     background-position: -164px -37px
 }

 .icon-parent .icon-multi18:before {
     background-position: -198px -37px
 }

 .icon-parent .icon-multi19:before {
     background-position: 167px -37px
 }

 .icon-parent .icon-multi20:before {
     background-position: 136px -37px
 }

 .icon-parent .icon-multi21:before {
     background-position: 107px -37px
 }

 .icon-parent .icon-multi22:before {
     background-position: 73px -37px
 }

 .icon-parent .icon-multi23:before {
     background-position: -4px -66px
 }

 .icon-parent .icon-multi24:before {
     background-position: -38px -66px
 }

 .icon-parent .icon-multi25:before {
     background-position: -72px -66px
 }

 .icon-parent .icon-multi26:before {
     background-position: -105px -66px
 }

 .icon-parent .icon-multi27:before {
     background-position: -137px -66px
 }

 .icon-parent .icon-multi28:before {
     background-position: -167px -66px
 }

 .icon-parent .icon-multi29:before {
     background-position: -5px -98px
 }

 .icon-parent .icon-multi30:before {
     background-position: -35px -98px
 }

 .icon-parent .icon-multi31:before {
     background-position: -68px -98px
 }

 .icon-parent .icon-multi32:before {
     background-position: -101px -98px
 }

 .icon-parent .icon-multi33:before {
     background-position: -133px -98px
 }

 .icon-parent .icon-multi34:before {
     background-position: -168px -98px
 }

 .icon-parent .icon-multi35:before {
     background-position: -198px -98px;
 }

 .icon-parent .icon-multi36:before {
     background-position: -232px -98px;
 }

 .icon-parent .icon-multi37:before {
     background-position: -260px -98px;
 }

 .icon-parent .icon-multi38:before {
     background-position: -286px -98px;
 }

 .icon-parent .icon-multi39:before {
     background-position: -317px -98px;
 }

 .icon-parent .icon-multi40:before {
     background-position: -347px -98px;
 }

 .icon-parent .icon-multi41:before {
     background-position: -5px -132px;
 }

 .icon-parent .icon-multi42:before {
     background-position: -36px -132px;
 }

 .icon-parent .icon-multi43:before {
     background-position: -67px -132px;
 }

 .nav>li>a:focus,
 .nav>li>a:hover {
     background: transparent;
 }

 #firstChildLi:hover .deskgropmenu {
     display: block;
 }

 #solution:hover .solutionmenu {
     display: block;
 }

 footer {
     background: white;
     padding-top: 0;
 }

 .footersocialmedia {
     margin-top: 30px
 }

 .footertopcontent .footer-content .footer-heading h3 {
     font-size: 35px;
     font-weight: 700;
     text-transform: capitalize;
     color: #08223a;
     text-align: center;
     position: relative
 }

 .footertopcontent .footer-content .footer-heading h3:after {
     border-bottom: 0;
     position: absolute;
     content: "";
     width: 80px;
     height: 3px;
     background: #175eff;
     margin-left: -40px;
     left: 50%;
     top: 50px
 }

 .firstfooterfluid {
     padding-top: 50px;
     padding-bottom: 50px;
     background: #f9f9f9
 }

 .firstfooterfluid .maindiv .india {
     background-image: url(https://techgropse.com/common/images/banner/india.png);
     background-size: cover;
     width: 100%;
     overflow: hidden
 }

 .firstfooterfluid .maindiv .egypt {
     background-image: url(https://techgropse.com/common/images/banner/egypt.png);
     background-size: cover;
     width: 100%;
     overflow: hidden
 }

 .firstfooterfluid .maindiv .usa {
     background-image: url(https://techgropse.com/common/images/banner/usa.png);
     background-size: cover;
     width: 100%;
     overflow: hidden
 }

 .firstfooterfluid .maindiv .homeaddress {
     padding: 28px;
     height: 200px
 }

 .firstfooterfluid .maindiv .homeaddress h2 {
     font-size: 32px;
     font-weight: 700;
     color: #000
 }

 .firstfooterfluid .maindiv .homeaddress h2>span {
     font-size: 16px;
     color: #9a9a9a;
     font-family: Montserrat
 }

 .firstfooterfluid .maindiv .homeaddress .address ul>li {
     color: #7d7d7d;
     font-size: 14px;
     line-height: 30px
 }

 .firstfooterfluid .maindiv .homeaddress .address img {
     margin-right: 5px;
     width: 15px;
     height: auto
 }

 .secondfooterfluid {
     padding-top: 70px;
     padding-bottom: 50px;
     background: #060b29
 }

 .secondfooterfluid .footeraboutus .footerabout .footerlogo img {
     height: auto;
     width: 200px
 }

 .secondfooterfluid .footeraboutus .footerabout h3 {
     font-size: 14px;
     line-height: 22px;
     color: #fff;
     font-family: Montserrat
 }

 .secondfooterfluid .footeraboutus .footerabout h3 a {
     font-size: 14px;
     line-height: 30px;
     color: #fff;
     font-family: Montserrat
 }

 .secondfooterfluid .footeraboutus .footersocialmedia ul>li {
     float: left;
     padding: 0 20px 0 0
 }

 .secondfooterfluid .footeraboutus .footersocialmedia ul>li>a .fa {
     color: #e6e6e6;
     font-weight: initial;
     font-size: 16px
 }

 .secondfooterfluid .footeraboutus .dmcsprotect {
     width: 100%;
     display: inline-block
 }

 .secondfooterfluid .footeraboutus .dmcsprotect img {
     margin-top: 24px;
     width: 100px;
     height: auto
 }

 .secondfooterfluid .footerpagelink .footerheading h4 {
     margin-top: 12px;
     font-weight: 700;
     font-size: 14px;
     text-transform: uppercase;
     font-family: inherit;
     margin-bottom: 24px;
     color: #fff
 }

 .secondfooterfluid .footerpagelink .pagelink ul {
     list-style: none;
     margin-left: 0;
 }

 .secondfooterfluid .footerpagelink .pagelink ul>li>a {
     font-size: 14px;
     color: #efefef;
     font-family: inherit;
     font-weight: 400;
     line-height: 30px
 }

 .secondfooterfluid .footerpagelink .pagelink ul>li>a:hover,
 active {
     text-decoration: none;
     font-weight: 700
 }

 .secondfooterfluid .footerpagelink .twittermessege {
     max-height: 200px !important;
     overflow: hidden !important
 }

 .thirdfooterfluid {
     background: #060b29;
     width: 100%;
     overflow: hidden
 }

 .thirdfooterfluid .container {
     padding-top: 20px;
     padding-bottom: 10px;
     border-top: 1px solid #d0d0d0
 }

 .thirdfooterfluid .lastgooterdetail h4 {
     font-size: 14px;
     color: #fff;
     font-family: Montserrat;
     text-align: left
 }

 .thirdfooterfluid .lastgooterdetail a {
     font-size: 14px;
     color: #aba9a9;
     font-family: Montserrat
 }

 .thirdfooterfluid .copyscape img {
     float: right;
     width: 130px;
     height: auto
 }

 #contactModal {
     background: rgba(20, 20, 20, .52);
     z-index: 2147483647
 }

 #contactModal .modal-content {
     background-size: cover;
     width: 100%
 }

 #contactModal .modal-header {
     padding: 0;
     border-bottom: none
 }

 #contactModal .modal-dialog {
     width: 760px
 }

 #contactModal .modal-body {
     position: relative;
     padding: 0
 }

 #contactModal .rightpart .topheading {
     padding: 2px 20px;
     background: #fff;
     margin-top: 20px;
     margin-right: 20px;
     border-radius: 10px;
     box-shadow: 1px 24px 30px -1px #3746700d
 }

 #contactModal .rightpart .topheading h4 {
     font-size: 34px;
     text-transform: uppercase;
     font-family: oswaldbold;
     letter-spacing: 2px;
     color: #2c2951
 }

 #contactModal .rightpart .topheading h3 {
     text-transform: uppercase;
     font-size: 24px;
     font-family: oswaldlight;
     font-weight: 400;
     color: #a3a2ad;
     letter-spacing: 2px
 }

 #contactModal .rightpart .contactdetails {
     margin-top: 30px
 }

 #contactModal .rightpart .contactdetails h3 {
     font-size: 26px;
     color: #949db4;
     font-family: oswaldlight;
     padding-top: 22px
 }

 #contactModal .rightpart .contactnumber ul {
     padding: 0;
     margin-left: 0;
 }

 #contactModal .leftpart .footersocialmedia ul {
     list-style: none;
 }

 #contactModal .rightpart .contactnumber {
     display: inline-block
 }

 #contactModal .rightpart .contactnumber ul li {
     width: 50%;
     float: left;
     margin-top: 15px;
     list-style: none;
 }

 #contactModal .rightpart .contactnumber ul li a {
     font-size: 20px;
     color: #1b1732;
     font-family: oswaldregular;
     letter-spacing: 1px;
     font-weight: 550;
 }

 #contactModal .rightpart .contactnumber ul li span {
     font-size: 16px;
     color: #949db4;
     font-family: oswaldlight
 }

 #contactModal .rightpart .contactnumber ul li:nth-last-child(1) a {
     color: #fd7d8c
 }

 #contactModal .rightpart .lookinginvestor {
     margin-right: 30px;
     background: #03a9f4;
     margin-top: 30px;
     margin-bottom: 30px;
     border-radius: 10px
 }

 #contactModal .rightpart .lookinginvestor .heading {
     padding: 10px 20px
 }

 #contactModal .rightpart .lookinginvestor .heading h3 {
     color: #fff;
     font-family: oswaldbold;
     font-size: 24px;
     letter-spacing: .5px
 }

 #contactModal .rightpart .lookinginvestor .heading h4 {
     color: #fff;
     font-family: oswaldlight;
     font-size: 18px
 }

 #contactModal .leftpart {
     background-image: url(https://techgropse.com/common/images/popup/leftback.png);
     background-size: cover;
     height: 500px;
     width: 100%
 }

 #contactModal .leftpart .footersocialmedia {
     padding-top: 470px;
     padding-left: 35px
 }

 #contactModal .leftpart .footersocialmedia ul li {
     float: left;
     padding: 0 20px 0 0
 }

 #contactModal .leftpart .footersocialmedia ul li a {
     color: #fff
 }

 #contactModal .leftpart .footersocialmedia ul li a:hover {
     color: #195fff
 }

 #contactModal .rightpart .lookinginvestor .moveicon {
     margin-top: 35px;
     margin-left: 20px
 }

 #contactModal .close {
     color: #000;
     background: #fff;
     opacity: 1;
     padding: 10px;
     border-radius: 20px;
     position: absolute;
     top: 10px;
     right: 10px;
     line-height: 15px
 }

 .firstfooterfluid .maindiv .homeaddress .address ul>li>a {
     color: #7d7d7d
 }

 .firtfooterfluid {
     margin-top: 40px;
     margin-bottom: 50px
 }

 .firtfooterfluid .address-box {
     position: relative;
     border: 1px solid #f3f3f3;
     padding: 10px 20px;
     height: 300px;
     border-radius: 10px
 }

 .firtfooterfluid .address-box:hover {
     box-shadow: 10px 10px 14px -10px #d1d1d1
 }

 .firtfooterfluid .address-box .addresspart {
     transition: .8s ease-in-out
 }

 .firtfooterfluid .address-box:hover .addresspart {
     transform: rotateY(360deg)
 }

 .firtfooterfluid .addresspart {
     background-image: url(https://techgropse.com/common/images/homeimages/icons.png);
     width: 100px;
     height: 100px;
     background-size: 1000px 600px
 }

 .firtfooterfluid .address1 {
     background-position: -65px -340px
 }

 .firtfooterfluid .address2 {
     background-position: -195px -340px
 }

 .firtfooterfluid .address3 {
     background-position: -310px -340px
 }

 .firtfooterfluid .address-box .contentpart {
     padding-left: 15px
 }

 .firtfooterfluid .address-box .contentpart h6 span {
     margin-bottom: 5px;
     display: block
 }

 .firtfooterfluid .address-box .contentpart h6 a {
     color: #1b1b1b
 }

 .secondfooterfluid .awards {
     padding: 5px;
     margin: 5px
 }

 .secondfooterfluid img {
     width: 80%;
     transition: .8s ease-in-out
 }

 .secondfooterfluid img:hover {
     transform: scale(1.07)
 }

 .thirdfooterfluid .sitemaplink {
     text-align: left
 }

 .thirdfooterfluid .sitemaplink ul {
     display: inline-block;
     list-style: none;
 }

 .thirdfooterfluid .sitemaplink ul li {
     float: left;
     padding: 0 10px 0 10px
 }

 .thirdfooterfluid .sitemaplink ul li a {
     color: #e6e6e6;
     font-size: 14px;
     font-family: Montserrat
 }

 .footersocialmedia {
     margin-top: 30px
 }

 .footertopcontent .footer-content .footer-heading h3 {
     font-size: 35px;
     font-weight: 700;
     text-transform: capitalize;
     color: #08223a;
     text-align: center;
     position: relative
 }

 .footertopcontent .footer-content .footer-heading h3:after {
     border-bottom: 0;
     position: absolute;
     content: "";
     width: 80px;
     height: 3px;
     background: #175eff;
     margin-left: -40px;
     left: 50%;
     top: 50px
 }

 .margin-y-50 {
     margin: 50px 0;
 }

 .secondfooterfluid a {
     font-size: 18px;
     color: #fff;
 }

 .pb-5 {
     padding-bottom: 5px;
 }

 .mb-15 {
     margin-bottom: 15px;
 }


 .icon-parent .react_icon a:before {
     position: absolute;
     content: "";
     width: 20px;
     height: 20px;
     top: -4px;
     left: -3%;
     background-image: url(https://www.techgropse.com/blog/wp-content/uploads/2022/07/react.png);
     background-size: 19px auto;
     background-repeat: no-repeat;
 }

 .icon-parent .react_icon a:after {
     display: none !important;
 }

 .icon-parent .react_icon:hover a:before {
     filter: brightness(10.5);
 }


 .updated-footer-fluid {
     background: #f4f9ff;
     padding: 50px 15px 20px;
 }

 .padding-l-0 {
     padding-left: 0;
 }

 .updated-footer-fluid .footer-link-fluid h4 {
     color: #0a55bc;
     font-weight: 700;
     font-size: 20px;
     font-family: Montserrat;
 }

 .updated-footer-fluid .footer-link-fluid ul {
     margin: 0;
 }

 .updated-footer-fluid .footer-link-fluid ul li {
     margin-bottom: 15px;
     color: #777;
     list-style: none;
     font-family: Montserrat;
     font-weight: 500;
     line-height: 21px;
 }

 .updated-footer-fluid .footer-logo-fluid {
     padding-top: 40px;
     padding-bottom: 20px;
     position: relative;
 }

 .updated-footer-fluid .footer-link-fluid ul a {
     text-decoration: none !important;
 }

 .updated-footer-fluid .footer-link-fluid img {
     margin-top: 0;
     margin-bottom: 20px;
 }

 .updated-footer-fluid .footer-link-fluid p {
     font-size: 14px;
     font-family: Montserrat;
     color: #202020;
 }

 .updated-footer-fluid .footer-logo-fluid h4 {
     color: black;
     font-weight: 700;
     font-size: 20px;
     position: relative;
     font-family: Montserrat;
     margin-bottom: 40px;
 }

 .updated-footer-fluid .footer-logo-fluid h4::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     background: #e5e5e5;
     left: 0;
     top: -30px;
 }

 .updated-footer-fluid .footer-logo-fluid .logo-bg {
     background: white;
     text-align: center;
     padding: 10px 0;
     box-shadow: 0px 0px 4px 1px #00000057;
 }

 .updated-footer-fluid .footer-logo-fluid .logo-bg img {
     width: 75px;
 }

 .updated-footer-fluid .footer-logo-fluid h4::after {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     background: #e5e5e5;
     left: 0;
     bottom: -170px;
 }

 .address-img img {
     max-width: 103px;
 }

 .address-img {
     margin-right: 20px;
 }

 .updated-footer-fluid .footer-address-fluid .address-fluid {
     display: flex;
     padding: 70px 10px 40px 0px;
 }

 .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h3 {
     margin-top: 5px;
     margin-bottom: 5px;
     color: black;
     font-weight: 700;
     font-size: 14px;
     font-family: Montserrat;
     text-transform: uppercase;
 }

 .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h4 {
     margin-top: 0;
     margin-bottom: 10px;
     color: #206cd5;
     font-weight: 700;
     font-family: Montserrat;
     font-size: 18px;
 }

 .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h5 {
     margin-top: 0;
     margin-bottom: 5px;
     font-weight: 700;
     font-size: 16px;
     letter-spacing: 1px;
     color: #777;
     font-family: Montserrat;
     line-height: 20px;
 }

 .footer-social-fluid .social-link {
     display: flex;
     justify-content: space-evenly;
 }

 .footer-social-fluid h4 {
     margin: 5px 0;
     font-weight: 700;
     font-size: 14px;
     color: #484848;
     font-family: Montserrat;
     text-align: center;
 }

 .footer-social-fluid .social-link a {
     font-weight: 600;
     font-size: 15px;
     color: #484848;
     font-family: Montserrat;
 }

 .footer-social-fluid .footer-icon a {
     color: black;
     margin: 0 10px 0 30px;
     font-family: Montserrat;
 }

 .footer-social-fluid .footer-icon {
     text-align: end;
     margin-right: 40px;
 }

 .footer-social-fluid {
     padding: 25px 0px 80px;
     background: #f1f6fc;
 }

 .footer-social-fluid .footer-icon a i {
     font-size: 24px;
 }


 @media all and (min-width:992px) and (max-width:1200px) {

     .icon-parent a:before,
     .icon-parent a:after {
         top: 8px;
     }
 }

 @media all and (min-width:768px) and (max-width:1024px) {

     .icon-parent a:before,
     .icon-parent a:after {
         top: 8px;
     }

     #primary {
         width: 55%;
     }

     .global-layout-right-sidebar #sidebar-primary {
         width: 45%;
     }
 }



 @media(max-width:1023px) {

     .updated-footer-fluid .footer-logo-fluid .logo-bg {
         margin-bottom: 20px;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid {
         display: flex;
         padding: 20px 10px 30px 0px;
     }

     .footer-social-fluid h4 {
         margin: 18px 0;
     }

     .footer-social-fluid .footer-icon {
         text-align: center;
         margin-right: 0;
     }

     .footer-social-fluid {
         padding: 15px 0px 30px;
     }

     .icon-parent .react_icon a:before {
         top: 6px;
         left: -3%;
     }
 }

 @media all and (max-width: 767px) {

     .footer-social-fluid .footer-icon a i {
         font-size: 19px;
     }

     .footer-social-fluid .social-link {
         flex-wrap: wrap;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid {
         flex-wrap: wrap;
     }

     .footer-social-fluid .footer-icon a {
         margin: 0 10px 0 12px;
     }

     .social-link>div {
         width: 100%;
         text-align: center;
         padding: 4px 0;
     }

     .address-img {
         margin: 0 0 10px;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h4 {
         font-size: 16px;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h5 br {
         display: none;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid .address-text h5 {
         font-size: 14px;
     }

     .updated-footer-fluid .footer-link-fluid h4 {
         margin-top: 30px;
     }

     .navbar-toggle .icon-bar {
         background: black;
         height: 3px;
     }

     .desktopdropdown {
         display: none !important;
     }

     .dropdown.mobiledropdown {
         display: block;
     }


     .navbar-nav .open .dropdown-menu li a {
         font-weight: 500 !important;
         border: none !important;
     }

 }

 @media all and (min-width:768px) and (max-width:1024px) {
     .secondfooterfluid img {
         width: 100%;
     }
 }

 @media all and (max-width: 767px) {
     .secondfooterfluid img {
         width: 150px;
     }

     .pb-5 {
         padding-bottom: 0;
     }

     .mb-15 {
         margin-bottom: 0;
     }

     .secondfooterfluid .awards {
         height: 175px;
         padding: 0;
         margin: 0 0 10px 0;
     }

     .thirdfooterfluid .lastgooterdetail h4 {
         margin-top: 20px;
     }

     .thirdfooterfluid .sitemaplink ul {
         margin-left: 0;
     }

     .thirdfooterfluid .sitemaplink ul li {
         padding-left: 0;
     }

     .firtfooterfluid .address-box {
         height: 275px;
         margin-bottom: 10px;
     }
 }

 li {
     color: #0e0e0e;
 }

 .whats-app {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 13px;
     left: 14px;
     background-color: #25d366;
     color: #FFF !important;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     z-index: 100;
     animation-name: pulsewala;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 @keyframes pulsewala {
     0% {
         box-shadow: 0 0 0 0 #25d366;
     }

     80% {
         box-shadow: 0 0 0 14px #25d36678;
     }
 }

 .whats-app i {
     transition: 0.5s ease-in-out;
 }

 .skype-app {
     position: fixed;
     width: 60px;
     height: 60px;
     bottom: 5px;
     left: 12px;
     background-color: #4b81ff;
     color: #FFF !important;
     border-radius: 50px;
     text-align: center;
     font-size: 30px;
     z-index: 100;
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none !important;
 }

 .footer-logo-fluid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 @media(max-width:1199px) {
     .footer-social-fluid .footer-icon {
         text-align: start;
         margin-right: 0;
         margin-top: 30px;
     }

     .updated-footer-fluid .footer-link-fluid h4 {
         font-size: 17px;
         font-family: Montserrat;
     }
 }

 @media(max-width:1023px) {
     .footer-logo-fluid .col-md-12 {
         width: 100%;
     }

     .footer-social-fluid .footer-icon {
         text-align: center;
     }

     .updated-footer-fluid .footer-link-fluid .col-md-6 .row .col-sm-6 {
         width: 33.33%;
     }

     .updated-footer-fluid .footer-link-fluid .col-md-2 {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
     }
 }

 @media(max-width:767px) {
     .updated-footer-fluid .footer-link-fluid h4 {
         margin-top: 30px;
     }

     .updated-footer-fluid .footer-link-fluid ul {
         margin-top: 15px;
     }

     .updated-footer-fluid .footer-link-fluid .col-md-6 .row .col-sm-6 {
         width: 100%;
         text-align: center;
     }

     .footer-social-fluid .social-link {
         display: block;
     }

     .updated-footer-fluid .footer-link-fluid h4 {
         font-size: 18px;
         text-align: center;
     }

     .footer-link-fluid h4 {
         margin-top: 30px;
     }

     .updated-footer-fluid .container {
         max-width: 100%;
         padding: 0 4px;
     }

     .updated-footer-fluid .footer-address-fluid .address-fluid {
         padding: 15px 0;
         display: block;
     }

     .footer-social-fluid {
         padding: 10px 0 80px;
         text-align: center;
     }

     .footer-social-fluid .social-link div {
         margin-bottom: 0;
     }

     .updated-footer-fluid {
         padding: 20px 0px 0;
     }

     .updated-footer-fluid .footer-link-fluid ul li {
         margin-bottom: 12px;
         color: #777;
         font-size: 14px;
     }

     .updated-footer-fluid .footer-link-fluid .padding-l-0 {
         padding: 0 15px !important;
         text-align: center;
     }
 }

 .achieved-box {
     display: flex;
     align-items: center;
     width: 100%;
     margin-bottom: 36px;
 }

 .achievedcontent strong {
     display: block;
     color: #000;
     font-size: 15px;
     font-family: Montserrat;
     font-weight: 700;
 }

 .achievedcontent span {
     display: block;
     font-family: Montserrat;
     font-weight: 600;
     color: #6e6e6e;
     font-size: 13px;
 }

 .achievedcontent {
     margin-left: 20px;
 }

 .achievedimg img {
     max-width: 32px;
     object-fit: contain;
     max-height: 40px;
 }

 .achievedimg {
     width: 20%;
     text-align: center;
 }

 .dropdown_img img {
     max-width: 100%;
 }


 .colmanage3 li {
     width: 33.33%;
 }

 .services_megadropdown .nav-tabs {
     border: 0;
     height: 100%;
     background-image: linear-gradient(to right, #125aff, #5387ff);
     flex-wrap: wrap;
     width: 100%;
     max-width: 33%;
     padding: 50px 0 0 30px;
     margin: 0;
 }

 .services_megadropdown .nav-tabs li a {
     color: #fff;
     font-weight: 500;
     font-family: Montserrat;
     padding: 24px 20px !important;
     font-size: 17px !important;
     border: 0 !important;
     margin: 0 !important;
     border-radius: 0;
     transition: 0.5s all;
 }

 .services_megadropdown .nav-tabs li a:hover,
 .services_megadropdown .nav-tabs li.active a {
     background-color: #fff;
     color: #000;
 }

 .services_megadropdown .nav-tabs li {
     width: 100%;
 }

 .services_megadropdown .tab-content {
     width: 100%;
     max-width: 77%;
     padding: 0 30px;
 }

 .toggle_btn,
 .menumenus {
     display: none;
 }


 .open-menu {
     overflow: hidden !important;
 }

 a {
     text-decoration: none !important;
 }



/* Back To Top Button */

.gotop {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0066ff, #00b4ff);
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-size: 22px;
    box-shadow: 0 12px 30px rgba(0,102,255,.35);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .35s ease;
    z-index: 9999;
}

.gotop.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.gotop:hover {
    color: #fff;
    transform: translateY(-6px) scale(1.08);
    box-shadow: 0 18px 40px rgba(0,102,255,.45);
}

.gotop::before{
    content:'';
    position:absolute;
    inset:-4px;
    border-radius:50%;
    border:2px solid rgba(0,180,255,.35);
    animation:pulse 2s infinite;
}

@keyframes pulse{
    0%{
        transform:scale(1);
        opacity:.8;
    }
    100%{
        transform:scale(1.5);
        opacity:0;
    }
}

@media (max-width:768px){

    .gotop{
        width:46px;
        height:46px;
        right:18px;
        bottom:18px;
        font-size:18px;
    }

}

 @media(max-width:1279px) {
     .dropdown_right {
         padding: 30px 30px;
     }

     .services_megadropdown .nav-tabs li a {
         padding: 20px 20px !important;
         font-size: 15px !important;
     }

     .services_megadropdown .nav-tabs {
         max-width: 30%;
         padding: 70px 0 0 20px;
     }
 }

 @media(max-width:1199px) {

     .toggle_btn span {
         height: 3px;
         margin: 6px 0 0 auto;
         width: 30px;
         background-image: linear-gradient(to right, #125aff, #5387ff);
         display: block;
         transition: .7s;
         border-radius: 100px
     }

     span.middle {
         width: 19px
     }

     .toggle_btn {
         z-index: 9;
         transition: .7s;
         display: block;
         margin-left: 20px;
         margin-top: -4px;
     }

     .open-menu .toggle_btn a {
         height: 40px;
         width: 40px;
         background-color: #222f3f;
         border-radius: 50px;
         display: flex;
         align-items: center;
         justify-content: center
     }

     .comman_background .mainbackcontent {
         margin: 20px auto 0;
     }

     .menumenus {
         display: block;
     }

 }

 @media(max-width:1199px) {
     #content {
         padding: 40px 0 40px 0px;
     }
 }


 @media(max-width:767px) {
     #content {
         padding: 30px 0 40px 0px;
     }

     .toggle_btn {
         margin-left: 18px;
         margin-top: -4px;
     }

 }