/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.4.1736566269
Updated: 2025-01-11 03:31:09

*/

/*scroll to top */
/* Style the Scroll to Top button */

 @import url('https://fonts.cdnfonts.com/css/tex-gyre-termes');


.scroll-to-top { display: none; position: fixed; bottom: 10px; right: 20px; background-color: #2e547d; color: white; border-radius: 50%; padding: 13px 15px; font-size: 20px; text-align: center; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; width: 60px; height: 60px; transition: all 0.2s ease-in;}
.scroll-to-top:hover { background-color: #2b77ca; }

#zak-content>.zak-container {padding-left: 0;padding-right: 0;max-width:100%;}
body { overflow-x: hidden;}
:root :where(a:where(:not(.wp-element-button))) {text-decoration: none;}
.text-center{text-align:center;}
::-webkit-scrollbar{width:8px;height: 6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:#333;border-radius: 10px;}

/*Start default spacing*/
.mt-0{margin-top: 0px !important;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}
/*End default spacing*/

h1.wp-block-post-title{display: none;}

@import url('https://fonts.cdnfonts.com/css/tex-gyre-termes');

@font-face {
    font-family: "MessinaSansWeb Black";
    src: url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.eot");
    src: url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0f9edc48b0786b8cc3f793fbd6ed4e62.svg#MessinaSansWeb Black")format("svg");
}

body h1, body h2, body h3, body h4, body h5, body h6{font-family: 'TeXGyreTermes', sans-serif !important; font-weight: 100 !important;}
body, a, span, p, li, div{font-family: 'TeXGyreTermes', sans-serif !important; font-weight: 100 !important;}


a.elementor-button.elementor-button-link { background: transparent !important; padding: 14px 38px; border-radius: 30px; font-size: 18px; color: #fff !important; border: 1px solid #fff;line-height: 1.4; }
a.elementor-button.elementor-button-link:hover{background:#2e547d !important; border-color:#2e547d !important;}


/* header */
body.home header#masthead .header-main { background: linear-gradient(180deg, rgb(23 41 59) 0%, rgb(23 41 59) 40%, rgb(19 37 55 / 14%) 100%); position: absolute; top: 0; }
header#masthead .site-branding { margin: 0; }
header#masthead .site-branding a.custom-logo-link { display: flex ; }
header#masthead {width: 100%; top: 0; z-index: 99; max-width: 100%; padding: 0px !important; padding-block: 25px; flex-wrap: nowrap; background-color: #2e547d;    max-width: 100%;}
body.home header#masthead{ background-color: transparent;}
header#masthead .site-logo { width: 30%; padding: 0; margin: 0; border: 0;text-align:left;}
main#main { padding: 0; }
header#masthead .site-logo img.custom-logo {height: 30px; width: auto;    filter: invert(1) brightness(8.5);}
header#masthead ul li a { color: #fff !important; font-size: 16px; text-transform: uppercase; font-weight: 500;background: transparent !important;text-decoration: unset !important;padding-block: 0;}
header#masthead ul li a:hover {opacity: 0.8;}
header#masthead .header_main { padding-block: 10px !important; }
/* header#masthead ul li:last-child a { background: #ff9634; padding: 12px 25px; border-radius: 30px;position: relative;    margin-left: 15px;}
header#masthead ul li:last-child a:after { content: ""; position: absolute; width: calc(100% + 5px); height: calc(100% + 5px); animation: pulseInOut 2s linear infinite; z-index: -1; background-color: #ff9634; border-radius: 30px; left: 0; top: 0; } */
#main .banner-first { min-height: 65vh !important; }
.subtitle p { font-size: 12px; margin-bottom: 1px; background:#ffe1e2; width: fit-content; display: block; padding: 4px 18px; border-radius: 30px; color: #ba0a15; font-weight: 700; text-transform: uppercase; position: relative; left: -4px; }
.header-main .logo .hfe-site-logo-container img {height: 58px; width: auto;    filter: invert(1) brightness(8.5);}

/* footer */
footer#colophon{ background: #111; max-width: 100%;padding-bottom: 0;}
footer#colophon .logo img { height: 30px; width: auto; filter: invert(1) brightness(8.5); }
footer#colophon .logo figure { text-align: left; }
footer#colophon aside.widget-area { display: block; margin: 0 40px; max-width: 100%;}
footer#colophon aside.widget-area .wp-block-columns>.wp-block-column { width: 30%; }
footer#colophon aside.widget-area .wp-block-columns { align-items: flex-start; }
footer#colophon aside.widget-area .wp-block-columns p.heading {color: #fff; font-size: 22px;font-weight: 500; margin-bottom: -12px;}
footer#colophon ul li a, footer#colophon p { color: #fff !important; text-decoration: unset; font-size: 14px; }
footer#colophon .site-info .powered-by { color: #fff; font-size: 16px; text-wrap-mode: nowrap; }
footer#colophon .site-info .site-name { display: none; }
footer#colophon .site-info { margin: 0; padding: 8px 40px; border-top: 1px solid #6666663b; text-align: center; justify-content: center; align-items: center; flex-direction: row-reverse; background-color: #181818; display: flex; }
footer#colophon .site-info > div{flex: 1;}
footer#colophon .site-info a { color: #fff; }
footer#colophon .contact li { color: #fff; font-size: 16px; display: flex; align-items: flex-start; margin-bottom: 5px; position: relative; padding-left: 25px; padding-top: 5px;}
footer#colophon .contact li.emaiil { text-wrap-mode: nowrap; }
footer#colophon .contact li:before { content: ''; width: 20px; height: 20px; background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/Email.svg); display: inline-block; margin-right: 10px; position: absolute; left: 0; top: 13px; filter: invert(1) brightness(8.5); background-size: 16px; background-repeat: no-repeat !important; }
footer#colophon .contact li.phone:before {  background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/phone.svg);}
footer#colophon .contact li.address:before { background: url(https://sistagging.com/xq-studio/wp-content/uploads/2024/11/location.svg);    top: 10px;}
footer#colophon .site-info .privacy-policy { margin: 0 !important; display: flex ; margin-right: 12px !important; position: relative; justify-content: end; }
footer#colophon .site-info .privacy-policy-link, footer#colophon .site-info .powered-by, footer#colophon .site-info .powered-by a { font-size: 14px !important; margin: 0px; text-align: start; }
footer#colophon a:hover {opacity: 0.8;}
footer#colophon a {transition: all 0.2s ease-in;}
footer#colophon aside.widget-area .wp-block-columns>.wp-block-column.logo > p { margin-top: -12px; }

/* Meet our team */
.ourteam_page .profile-card { padding: 0 !important; background: transparent !important; box-shadow: unset !important; }
.ourteam_page .profile-card::before{display: none !important;}
.ourteam_page .profile-card a.ekit-team-popup .profile-header { margin-bottom:0px;}
.ourteam_page .profile-card a.ekit-team-popup { display: flex ; justify-content: start; background: transparent !important;font-size: 20px;color: #fff !important;}
.ourteam_page .profile-card h2.profile-title { margin-bottom: 5px !important; }
div .ourteam_page .profile-card .profile-designation { font-size: 18px; color: #fff !important;text-align:left;}
.ourteam_page .profile-card .profile-body {margin-bottom: 10px; border-bottom: 0; padding-block: 30px; background: #2e547d;padding-inline:20px;}
.ourteam_page .profile-card ul.ekit-team-social-list a { background: transparent !important; border: 1px solid #1B1F47; border-radius: 0px !important; color: #1B1F47 !important; width: 25px !important; height: 25px !important; line-height: 27px !important; }
.ourteam_page .profile-card:hover a.ekit-team-popup, .ourteam_page .profile-card:active a.ekit-team-popup{ color: #fff !important; opacity:0.8; }
.ourteam_page .profile-card a.ekit-team-popup .profile-header img { height: 380px !important; object-fit: cover; object-position: top;    width: 100% !important;    max-width: 100% !important;}
.mfp-bg.ekit-promo-popup { background: transparent !important;}
.mfp-auto-cursor .mfp-content .modal-content { background: #E3EDF6; box-shadow: #30303080 2px 2px 8px; border-radius: 0px; overflow: hidden; }
.mfp-auto-cursor .mfp-content .modal-content button { border-radius: 0%; width: 35px; height: 35px; background: #1B1F47;    right: 30px;
    top: 30px;}
.mfp-auto-cursor .mfp-content .modal-content button:hover{background: #101231;}
.mfp-auto-cursor .mfp-content .modal-content button svg { position: relative; top: 1px; }
.mfp-auto-cursor .mfp-content .modal-content button svg path { fill: #fff; }
.mfp-auto-cursor .mfp-content .ekit-team-modal-img { flex: 0 0 40%; max-width: 40%; }
.mfp-auto-cursor .mfp-content .ekit-team-modal-info { flex: 0 0 60%; max-width: 60%;padding-left: 30px;position: relative;}
.mfp-auto-cursor .mfp-content h2.ekit-team-modal-title { color: #1B1F47; font-size: 26px; margin-bottom: 15px;}
.mfp-auto-cursor .mfp-content .ekit-team-modal-position { color: #1B1F47; font-size: 14px; }
.mfp-auto-cursor .mfp-content .ekit-team-modal-img img { max-width: 100% !important; object-fit: cover; }
.mfp-auto-cursor .mfp-content .ekit-team-modal-content { color: #1B1F47; font-size: 15px; line-height: 1.5; }
.mfp-auto-cursor .mfp-content ul.ekit-team-modal-list { display: none; }
.mfp-auto-cursor .mfp-content .ekit-team-modal-info ul.ekit-team-social-list { padding: 0; position: absolute; bottom: 0;border-top: 1px solid #1B1F47; padding-top: 15px; width: 100%;}
.mfp-auto-cursor .mfp-content .ekit-team-modal-info ul.ekit-team-social-list a { border-radius: 0px; background: transparent; box-shadow: unset; border: 1px solid #1B1F47; color: #1B1F47; }
.ekit-wid-con .profile-body .profile-designation, body .profile-body .profile-designation{color: rgb(27 31 64) !important;}

.sub_titile{letter-spacing: .35rem;
    text-transform: uppercase;
    font-size: .875rem;}




@media only screen and (max-width: 1024px) {
    .header-main .hfe-nav-menu__toggle { margin: 0px !important; margin-left: auto !important; }
    .header-main nav.hfe-nav-menu__layout-horizontal { position: fixed !important; height: 100vh !important; width: 60% !important; left: 0 !important; top: 0 !important; background-color: #091a2c !important; transition: all 0.3s linear;}
    .header-main nav.hfe-nav-menu__layout-horizontal ul { display: flex !important ; position: static !important; flex-direction: column; align-items: start !important; justify-content: start !important; padding-block: 60px; }
    .header-main nav.hfe-nav-menu__layout-horizontal ul li { padding: 15px 10px; border-bottom: 1px solid #454545 !important; }
    .hfe-active-menu+nav{animation: slide-in-left 0.3s linear forwards;}
}


@media only screen and (max-width: 550px) {
    .site-footer section > .wp-block-columns { display: grid ; grid-template-columns: 1fr; }
    footer#colophon aside.widget-area .wp-block-columns>.wp-block-column .widget_nav_menu { margin-top: 15px; }
}


@media only screen and (max-width: 1024px){
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display:none}
	
	
}

@media only screen and (max-width: 768px){
	header#masthead .primary-menu-container { transform: translate(-120%, 0) !important; }
	header#masthead { padding-inline: 10px; padding-block: 15px; }
	header#masthead .menu-button-container { padding: 0; background: transparent; }
	header#masthead .menu-button-container button { font-size: 0; padding: 10px; }
	header#masthead .menu-button-container button svg path { color: #fff; }
	
	
	footer#colophon aside.widget-area .wp-block-columns p.heading{font-size: 18px;}
	.header-main .logo .hfe-site-logo-container img{height: 55px;}
    .logo_grid .e-grid > .elementor-widget-image:not(.logo_grid .e-grid > .elementor-widget-image:last-child)::before{display: none;}
    .logo_grid > .elementor-element { display: grid !important ; grid-template-columns: 1fr 1fr 1fr; }
    .site-footer section > .wp-block-columns { display: grid ; grid-template-columns: 1fr;}
    .site-footer section > .wp-block-columns .wp-block-column { width: 100% !important; }
    .custom_btn a{height: 48px;}
    footer#colophon .site-info .privacy-policy-link, footer#colophon .site-info .powered-by, footer#colophon .site-info .powered-by a{font-size: 11px;}
    footer#colophon aside.widget-area .wp-block-columns>.wp-block-column { margin-bottom: 0px; }
	
	a.elementor-button.elementor-button-link{    padding: 14px 24px;}
	.mfp-auto-cursor .mfp-content .ekit-team-modal-img, .mfp-auto-cursor .mfp-content .ekit-team-modal-info { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.ekit-wid-con .elementskit-team-popup .modal-body, body .elementskit-team-popup .modal-body { padding: 60px 20px 30px !important;}
	.mfp-auto-cursor .mfp-content .modal-content button { right: 10px; top: 10px; }
	footer#colophon aside.widget-area { margin: 0 20px; }
	
	
    
}