@charset "UTF-8";

/*
Theme Name: Fetuz Child
Theme URI: https://wordpress.org/themes/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.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
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
Template: twentytwentyone

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
html{ overflow-x: hidden;}
.our-partner, .testimonials{ display: none;}
@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-ExtraBold.eot');
    src: url('fonts/MADETOMMY-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-ExtraBold.woff2') format('woff2'),
        url('fonts/MADETOMMY-ExtraBold.woff') format('woff'),
        url('fonts/MADETOMMY-ExtraBold.ttf') format('truetype'),
        url('fonts/MADETOMMY-ExtraBold.svg#MADETOMMY-ExtraBold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Bold.eot');
    src: url('fonts/MADETOMMY-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Bold.woff2') format('woff2'),
        url('fonts/MADETOMMY-Bold.woff') format('woff'),
        url('fonts/MADETOMMY-Bold.ttf') format('truetype'),
        url('fonts/MADETOMMY-Bold.svg#MADETOMMY-Bold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Medium.eot');
    src: url('fonts/MADETOMMY-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Medium.woff2') format('woff2'),
        url('fonts/MADETOMMY-Medium.woff') format('woff'),
        url('fonts/MADETOMMY-Medium.ttf') format('truetype'),
        url('fonts/MADETOMMY-Medium.svg#MADETOMMY-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Black.eot');
    src: url('fonts/MADETOMMY-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Black.woff2') format('woff2'),
        url('fonts/MADETOMMY-Black.woff') format('woff'),
        url('fonts/MADETOMMY-Black.ttf') format('truetype'),
        url('fonts/MADETOMMY-Black.svg#MADETOMMY-Black') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Light.eot');
    src: url('fonts/MADETOMMY-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Light.woff2') format('woff2'),
        url('fonts/MADETOMMY-Light.woff') format('woff'),
        url('fonts/MADETOMMY-Light.ttf') format('truetype'),
        url('fonts/MADETOMMY-Light.svg#MADETOMMY-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY-Thin.eot');
    src: url('fonts/MADETOMMY-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY-Thin.woff2') format('woff2'),
        url('fonts/MADETOMMY-Thin.woff') format('woff'),
        url('fonts/MADETOMMY-Thin.ttf') format('truetype'),
        url('fonts/MADETOMMY-Thin.svg#MADETOMMY-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('fonts/MADETOMMY.eot');
    src: url('fonts/MADETOMMY.eot?#iefix') format('embedded-opentype'),
        url('fonts/MADETOMMY.woff2') format('woff2'),
        url('fonts/MADETOMMY.woff') format('woff'),
        url('fonts/MADETOMMY.ttf') format('truetype'),
        url('fonts/MADETOMMY.svg#MADETOMMY') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body { font-family: 'Made TOMMY'; background-color: transparent; font-style: normal; overflow-x: hidden}

.animated { opacity: 0;}
@import url('../twentytwentyone/style.css');
* {margin: 0; padding: 0; box-sizing: border-box;}

/* ...........COLOR CODES................ */
:root{
	--light-black-color: #212121;
	--dark-black-color: #0A0A0A;
	--gray-color: #757575;
	--light-gray-color: #D6D6D6;
	--low-light-gray: #FAFAFA;
	--orange-color: #FEA000;
	--white-color: #fff;
	--green-color:  #20BB9C;
    --red-color: #C82715;
    --medium-gray-color: #A6A8AF;
    --card-color1: #E9F8F5;
    --card-color2: #F5EBF7;
    --card-color3: #FAE9E8;
	--responsive--alignwide-width: 1320px;
}
h1, h2, h3, h4, h5, h6, p, a{font-family: 'Made TOMMY';}
/* .................Typography...................... */
body h1  { font-size: 56px; line-height: 70px; font-weight: 700;  }
body h2  { font-size: 56px; line-height: 70px; font-weight: 700;}
body h3  { font-size: 48px; line-height: 64px; font-weight: 700;}
body h4  { font-size: 32px; line-height: 44px; }
body ul li {     color: var(--gray-color);}
body h5  { font-size: 24px; line-height: 36px; color: var(--green-color); }
body .large-p {font-size: 20px; line-height: 30px; font-weight: 500; ; color: var(--dark-black-color);}
body p   { font-size: 18px; line-height: 30px; color: var(--gray-color); margin-bottom: 16px;}
body .medium-p{ height: 26px; line-height: 26px; margin-bottom: 0px;}
body .small-p { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--gray-color);  margin-bottom: 0px;}
body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 18px; line-height: 30px;}
body .entry-content ul, ol{ margin-top: 0px !important;}
/* .............RESET WP CSS..................... */
.site-main > * 										{ margin: 0px;}
 
/* .............Common Style..................... */
select {background: url('./images/down-drop-arrow.svg'); background-repeat: no-repeat; background-size: 12px; background-position: right var(--form--spacing-unit) top 60%; width: 100%; padding: 18px 0px; border: none; border-bottom: 1px solid var(--medium-gray-color); font-size: 18px; line-height: 28px; color: var(--medium-gray-color);} 
select:focus{outline: none;}
.new-dorpdown-color{ color: var(--form--color-text);}
 .wpcf7-form::-webkit-input-placeholder { /* WebKit browsers */
    color: red !important;
    opacity: 1;
}
.submit-button input[type=submit]{ margin-top: 0px;}
.submit-button { display: inline-flex; align-items: center; margin: 18px 0px; position: relative;}
.text-link a { color: var(--gray-color); transition: all 0.3s ease;}
.text-link a:hover{ color: var(--orange-color); text-decoration: none;}
.site-content                { padding-top: 97px;}
.portfolio-slider-item:focus { outline: none !important;}
.partner-item:focus          { outline: none;}
.testimonials-item:focus     { outline: none;}
.common-btn:active           { background-color: var(--dark-black-color); color: var(--white-color);}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: none;}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){ background-color: unset; outline: none;}
.common-section 	                                { padding: 100px 0px;}
.botton-page-space                                  { padding-bottom: 200px;}
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background){background-color: var(--dark-black-color);}
.hero-title span 	                                { color: var(--orange-color);}
.form-check-input:checked                           { border-color: var(--green-color);}
button.common-btn:not(:hover):not(:active):not(.has-background){padding: 14px 24px; transition: all .3s ease; color: var(--white-color) ; border: none ; border-radius: 16px; background-color: var(--dark-black-color) ;}
button.common-btn:hover:not(:active):not(.has-background){padding: 14px 24px; transition: all .3s ease; background-color: var(--green-color) ; border: none ; border-radius: 16px; color: var(--white-color);}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea{width: 100%;  padding: 18px 0px; border: none; font-size: 18px; line-height: 28px;  font-weight: 400; border-bottom: 1px solid var(--medium-gray-color);}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{ outline: none; box-shadow: none;}
.form-check-input:checked[type=checkbox]            { background-image: none; background-color: transparent;}
input[type=checkbox]:after                          {border-radius: 2px; border: none; top: 50%; left: 50%; width: 12px; height: 12px; background-color: var(--dark-black-color); transform: translate(-50%, -50%); }
input[type=checkbox]:focus                          { box-shadow: none; outline: none; outline-style: none; outline-offset: 0;}
input[type=checkbox], input[type=radio]             {position: relative; border: 1px solid var(--light-gray-color); border-radius: 4px; width: 24px ; height: 24px;}
.primary-navigation a, .widget a                    {  transition: all .3s ease; overflow: hidden; display: inline-block; position: relative;}
.primary-menu-container li:not(:last-child) a::after, .widget a::after      {transition: all .3s ease; opacity: 0; transform: translateX(-100%); position: absolute; content: ''; width: 100%; height: 1px; background-color: var(--orange-color); bottom: 0 ; left: 0;}
.widget a::after                                    {transition: all .3s ease; background-color: var(--low-light-gray);}
.primary-navigation li:not(:last-child) a:hover::after,  .widget a:hover::after{ transform: translateX(0); opacity: 1;}
.current-menu-item:not(.header-btn) a::before                        {position: absolute; content: ''; width: 100%; height: 1px; background-color: var(--orange-color); bottom: 0 ; right: 0; opacity: 1;}
.primary-navigation a:hover                         {color: var(--orange-color);}
.primary-menu-container .menu-item:not(.header-btn) a:focus          {background: transparent !important; }
.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus{outline: none;}
.form-control                                      { position: relative ; font-size: 18px; line-height: 28px;  border-bottom: 1px solid var(--medium-gray-color) !important; }
.form-control ~ .focus-border                      {position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--green-color); transition: 0.4s;}
.form-control:focus ~ .focus-border                {width: 100%; transition: 0.4s;}
.input-group>.form-control:focus, .input-group>.form-select:focus{z-index: 0;}
::-webkit-input-placeholder                        { /* Edge */color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
:-ms-input-placeholder                             { /* Internet Explorer */ color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
::placeholder                                      { color: var(--medium-gray-color)  !important; line-height: 28px; font-size: 18px; }
input[type=checkbox] + label, input[type=radio] + label{ font-size: 18px;  font-family: 'MADE TOMMY'; }
button:active                                       {padding: 14px 24px; border: none !important; border-radius: 16px;}  
textarea                                            { resize: none; }
.common-btn-anchor                                  {position: relative; padding: 14px 24px; display: inline-block; transition: all .3s ease; letter-spacing: 0.05em; background-color: var(--dark-black-color); text-decoration: none; color: var(--white-color) ; border-radius: 16px;   font-weight: 500 !important; font-size: 16px; line-height: 24px; letter-spacing: 0.05em;}
 .common-btn-anchor:hover                           { background-color: var(--orange-color); transition: all .3s ease; color:  var(--white-color);}
 body a:focus                                       { outline: none !important; text-decoration: none !important;}
 .common-btn-anchor:focus                           { background-color: var(--orange-color) !important;}
/* Header style start  */ 
.site-header .primary-navigation                    { flex: 1;} 
.site-header.has-logo.has-title-and-tagline.has-menu{ padding: 0px;}
.primary-navigation > div > .menu-wrapper .header-btn a:hover{color: unset; 
}
.main-header                                          {padding: 20px 0px; width: 100%; border-bottom: 2px solid rgba(0, 0, 0, 0);  position: fixed; z-index: 99;  transition: all .3s ease; z-index: 99;}
.new-header .site-logo img                            { max-width: 120px !important; transition: all .3s ease;}
.new-header                                           {padding: 12px 0px; position: fixed; box-shadow: none; background-color: var(--white-color); transition: all .3s ease; z-index: 99; 
	border-bottom-color:  rgba(0, 0, 0, 0.07);
}
.primary-navigation > div > .menu-wrapper .header-btn{ margin-left: auto; padding: 0px;}
.main-header.new-header .site-logo img {min-width: 140px; transition: all .3s ease;}
.main-header .site-logo img { transition: all 0.3s ease;}
.header-btn a { padding: 10px 20px !important; display: none;}
.primary-navigation > div > .menu-wrapper .header-btn a{ padding: 14px 24px !important; text-transform: uppercase; transition: none; background: transparent;  position: relative; display: flex !important; align-items: center; border-radius: 16px;}
.primary-navigation > div > .menu-wrapper .header-btn a::after{width: 100%; height: 100%; top: 0; left: 0; content: ""; position: absolute; inset: 0; border-radius: 16px;  padding: 2px;  background: linear-gradient(90deg, #FED000 -3.99%, #15CEAB 33.59%, #A15EB5 67.36%, #FC4F38 104.94%);  -webkit-mask:  linear-gradient(#fff 0 0) content-box,  linear-gradient(#fff 0 0);  -webkit-mask-composite: xor;  mask-composite: exclude; }
.primary-navigation > div > .menu-wrapper .header-btn a:hover {border-radius: 16px ; color: var(--white-color);  background: linear-gradient(90deg, #FED000 -3.99%, #15CEAB 33.59%, #A15EB5 67.36%, #FC4F38 104.94%);
}
.main-header.new-header .primary-navigation > div > .menu-wrapper .header-btn a{padding: 10px 20px !important; }
 
.primary-navigation > div > .menu-wrapper .header-btn a::before{padding-right: 10px; background: transparent; transition: all 0.3s ease; height: 27px; content: url('./images/submit-btn-Icon.svg'); position: relative; right: 0;}
 
.primary-navigation > div > .menu-wrapper li:first-child{ margin-left: auto ;}
.primary-navigation > div > .menu-wrapper .header-btn a:hover:before{filter: brightness(0) invert(1);}
.primary-navigation > div > .menu-wrapper 			{ display: flex; align-items: center;}
.wp-custom-logo .site-header						{ padding: 0px; display: flex; justify-content: center; flex-wrap: nowrap;}
.site-header > .site-logo							{ width: auto; border: none;}
.site-header 										{ padding: 0px; margin: 0px auto;}
.site-header > .site-logo 							{ padding: 0px;}http://webprojects.cloud/wordpress/fetuz/wp-admin/theme-editor.php?file=functions.php&theme=twentytwentyone-child
.site-logo 											{ margin: 0px;}
.site-logo      img                                    { min-width: 180px;}
.primary-navigation .primary-menu-container > ul > .menu-item > a{  padding: 0px; font-family: 'Made TOMMY';  font-size: 16px; text-transform: uppercase; line-height: 25px; font-weight: 500; display: inline-block;  transition: all 0.3s ease;}
.primary-navigation .primary-menu-container > ul > .menu-item:not(.header-btn)	 { padding: 0px 16px; }
.primary-navigation .primary-menu-container > ul > .menu-item > a:focus{outline: none; text-decoration: none;}
.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover{text-decoration: none !important; outline: none;}
.admin-bar .primary-navigation 						{ flex: 1;}
.primary-navigation .primary-menu-container         { margin: 0px;}
.primary-navigation a:hover 					    { text-decoration-style: unset; text-decoration: none; }
.primary-navigation a:focus 						{background-color: transparent; background: transparent; text-decoration: none; text-decoration-style: unset;}
.form-check-input:focus                             { border-color: var(--green-color);}
.primary-navigation .current-menu-item:not(.header-btn) > a:first-child{color: var(--orange-color); text-decoration: none;}
 
.primary-navigation .current-menu-item > a:first-child{ text-decoration: none;}

 
 
/* ...........FOOTER STYLE START HERE...................... */
.entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > *{ margin-top: 0px;}
.main-footer 										{padding: 48px 48px 54px; margin-top: -100px; margin-bottom: 40px;  z-index: 1; flex-wrap: wrap;  position: relative; border-radius: 16px; display: none; display: flex; max-width: var(--responsive--alignwide-width); justify-content: space-between; background-color: var(--orange-color);}
.bottom-footer 										{ padding: 1px 0px 120px; background-color: var(--dark-black-color); position: relative;}
.bottom-footer::after                               {position: absolute; width: 64px; height: 64px; background-image: url('./images/footer-bg-vector2.svg'); bottom: 0px; right: 0; content: ''; background-repeat: no-repeat;}
.bottom-footer::before                               {position: absolute; width: 56px; height: 56px; background-image: url('./images/footer-bg-vector1.svg'); bottom: 0px; left: 0; content: ''; background-repeat: no-repeat;}
.site-logo { margin: 0px;}
.main-footer .widget-area 						 	{ display: flex; flex-direction: column; width: 25%; margin: 0px; padding: 0px;}				
.main-footer .widget 								{ margin: 0px;}
.main-footer address                                {padding-right: 20px; max-width: 267px; color: var(--white-color); font-size: 16px; line-height: 26px;}
.footer-logo.wp-block-image							{ max-width: 151px; margin-bottom: 26px;}
.footer-desc 										{ font-size: 16px; line-height: 26px;  color: var(--white-color);}
.main-footer .widget-title 							{margin-bottom: 24px; position: relative; display: inline-block; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--white-color);}
.main-footer .widget-title::after                   { position: absolute; content: ''; width: 64px; height: 2px; left: 0; bottom: 0; background-color: var(--white-color);}
.main-footer .menu .menu-item a 					{ text-decoration: none; font-size: 16px; font-weight: 400;  line-height: 26px; color: var(--white-color); }
.footer-address 									{ font-size: 16px; line-height: 26px; font-weight: 400; color: var(--white-color);}
.main-footer .size-full 							{ display: inline-block;}
.main-footer .widget ul li 							{ width: 50%;}
.main-footer .widget ul 							{ display: flex; flex-wrap: wrap;}
.site-footer > .site-info 							{ display: flex; justify-content: space-between;}
.site-footer										{ padding: 0PX;}
.site-footer .site-info 							{ padding:  0px ; margin: 0px; border: none; }
.social-dedia 										{ display: flex;}
.site-info #block-14 								{ display: flex; align-items: center;}
 .site-info #block-14 p 						    { margin: 0px 8px 0px 0px; position: relative; font-size: 12px; line-height: 12px; color: var(--gray-color);}
.site-info #block-14 a  						    { margin: 0px; position: relative; text-decoration: none; color: var(--gray-color);}
.site-info #block-14 li  						    { padding-left: 8px; display: flex; align-items: center;  margin: 0px; list-style: none; font-size: 12px; line-height: 18px; }
.social-item .social-link 							{transition: all .3s ease; border-radius: 50%; display: flex; flex-grow: 32px; justify-content: center; align-items: center; width: 32px; height: 32px; border: 1px solid var(--gray-color);}
.social-item:not(:first-child) 						{ margin-left: 24px;}
.content-area .site-main 							{ padding: 0px !important;}
.social-item a::after                               { content: none ;}
.site-info #block-14 p::after                       { position: absolute; content: ''; height: 100%; width: 1px; background-color: var(--gray-color); top: 0; right: -8px;}
 
 
/* ................HOME PAGE......................... */

/* ......Banner........ */
.home-banner 										{ height: calc(100vh ); min-height: 750px; position: relative;}
.home-banner .row 									{ padding-top: 109px;}
.banner-content 									{ max-width: 518px;}
.banner-content h1 									{ margin-bottom: 24px;}
.bg-vectors                                         { position: absolute; z-index: -1; height: 100%; top: 0; left: 0; width: 100%;}
.banner-img 										{ width: 100%; transform: scale(1.1); transform-origin: top left;}
.banner-content p 									{ margin-bottom: 24px;}
.banner-model 										{width: 52.5%; display: flex; justify-content: flex-end; position: absolute; top: 0; right: 0%;}
.wave-line 											{ position: absolute; left: 0; bottom: 30%;}
.orange-circle 										{ position: absolute; top: 0%; left: 45%;} 
.purple-circle 										{ position: absolute; bottom: 35%; left: 25%;}

/* .................WHO WE ARE ......................... */
.who-we-are 										{ display: flex; align-items: center; margin-top: -100px; overflow: hidden;}
.who-we-images 										{ display: flex; justify-content: space-between; }
.who-we-img 										{border-radius: 24px; width: 100%; height: 100%; object-fit: cover; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));}
.left-who-we-img, .right-who-we-img 				{ width: calc(50% - 12px); text-align: center; justify-items: center;}
.who-we-vector-top 									{ margin-bottom: 37px;}
.who-we-vector-bottom 								{ margin-top: 37px;}
.who-we-are-content h2   							{ margin-bottom: 24px;}
 
.who-we-img-section                                 { aspect-ratio: 1/1.4;}

							 


/* .............PORTFOLIO.......................... */
.portfolio .slick-list 						{ display: flex;}
.slick-slider .slick-track, .slick-slider .slick-list{ display: flex;}
.slick-initialized .slick-slide 					{ height: 100%;}
.portfolio 											{padding-bottom: 220px; background-color: var(--low-light-gray); overflow: hidden;}
.portfolio-heading 									{padding-bottom: 80px; display: flex; align-items: center; justify-content: space-between;}
.slider-arrow ul 							{ padding: 0px;  list-style: none; display: flex;}
.slider-arrow ul li 						{cursor: pointer; transition: all .3s ease;  display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--light-gray-color);}
.slider-arrow ul li:hover                    {transition: all .3s ease; background-color: var(--orange-color);}
.slider-arrow ul li:hover img               { filter: invert(1); transition: all .3s ease;}
.slider-arrow ul li:not(:first-child) 	{ margin-left: 24px;}
.slider-content 									{margin: 0px 10px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.slider-content h4 									{ margin-bottom: 24px; text-transform: capitalize;}
.slider-content p 									{ margin-bottom: 32px;}
.slider-content img 								{ border-radius: 24px; width: 100%; height: 100%; object-fit: cover;}
.portfolio-slider-item 								{ display: flex;}
.portfolio .slick-list 								{ overflow: visible;}
.portfolio-image                                    { aspect-ratio: 1 / 0.66;}

/* ................GET IN TOUCH..................... */
.get-in-touch-container {background-color: #FAFAFA}
.get-arrow                                          { position: absolute; top: 20%; left: -110%; transform: translateY(-50%);}
.get-in-touch-button                                { position: relative;}
.get-in-touch-container .get-bg                     {z-index: 1;}
.get-in-touch-sec .row                              { position: relative ; z-index: 2;}
.get-in-touch-sec 									{margin-top: -120px; padding: 56px; background-color: var(--dark-black-color); border-radius: 40px;}
.get-in-touch 										{ max-width: 463px;}
.get-in-touch-sec h3 								{ color: var(--white-color); }
.white-bg						   				    { background-color: var(--white-color) !important; color: var(--dark-black-color) !important; }
.white-bg:hover 									{ background-color: var(--green-color) !important; color: var(--white-color) !important;}
.get-in-touch-sec .common-btn-anchor                { background-color: var(--white-color); color: var(--dark-black-color) !important;}
.get-in-touch-sec .common-btn-anchor:hover          { background-color: var(--orange-color); color: var(--white-color) !important;}
.get-bg-vector1                                     { position: absolute; top: 10%; left: 50%;}
.get-bg-vector2                                     { position: absolute; bottom: 10%; left: 5%;}
.get-in-touch-btn::before                           {content: ''; opacity: 0; position: absolute ;  width: 139px; height: 66px; background-image: url('./images/get-in-touch-arrow.svg'); left: -120%; top: 50%; transform: translateY(-50%); background-position: center; background-size: 150px; background-repeat: no-repeat;}
 
/* ...............OUR PARTNER........................... */
.our-partner 										{padding-top: 0px; overflow: hidden; position: relative;}
.partner-heading 									{ padding: 100px 0px 50px;}
.partner-item                                       { height: 100%;}
.our-partner .slick-track                            { display: flex;}
.our-partner .slick-list                            { display: flex;}
.partner-img 										{padding: 24px; margin: 0px 12px; height: 100%; max-height: 120px;   display: flex; align-items: center; justify-content: center;  border-radius: 16px; }
.partner-img:hover .black-img 						{display: none !important;  transition: all .3s ease;} 
.color-img 											{ display: none; transition: all .3s ease;}
.partner-img:hover .color-img 						{ display: block; transition: all .3s ease;}
.partner-img .black-img 							{ display: block !important;}
.partner-slider .slick-slide img 					{ display: none;}
.partner-slider .slick-list 						{ overflow: visible;}
.p-bg-vector1                                       { position: absolute; top: 15%; left: 10%;}
.p-bg-vector2                                       { position: absolute; top: 30%; right: 10%;}
.partner-img img                                    { width: 100%; height: 100%; object-fit: contain;}


/* ....................Testimonials....................... */
.testimonials                                      { padding-bottom: 100px; position: relative;} 
.testimonials-slider                               { margin-top: 80px;}
.testimonials-dp                                   { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease;}
.testimonials-item                                 { cursor: pointer;}
.testimonials-image                                { display: flex; justify-content: center; aspect-ratio: 1/1; max-width: 120px;}
.testimonials-view-content                         { max-width: 557px; margin: 0 auto; margin-top: 40px;}
.testimonials-view-content h5                      { margin-bottom: 16px; color: var(--orange-color);}
.testimonials .slick-slide:not(.slick-current)     {transform: scale(0.7); filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray;  -webkit-filter: grayscale(1);}
.testimonials  .slider-arrow                       { display: flex; justify-content: center;}
.t-bg-vector1                                      { position: absolute; top: 5%; left: 5%;}
.t-bg-vector2                                      { position: absolute; top: 5%; right: 5%;}
.t-bg-vector3                                      { position: absolute; top: 50%; left: 15%;}
.t-bg-vector4                                      { position: absolute; top: 50%; right: 15%;}
.t-bg-vector5                                      { position: absolute; bottom: 10%; left: 5%;}
.t-bg-vector6                                      { position: absolute; bottom: 10%; right: 5%;}







/* ....................FAQ........................... */
.faq-sec											{ background-color: var(--low-light-gray);}
 
.faq-heading										{ margin-bottom: 80px;}
.faq-sec .accordion-body 							{ padding: 0px 24px 21px;}
.faq-sec .accordion-button::after 					{ background-image: url('./images/faq-plus-ic.svg'); background-size: 32px; background-position: center; width: 32px; height: 32px;}
.accordion-button:not(.collapsed)::after 			{ background-image: url('./images/faq-minus-ic.svg');}
.faq-sec .accordion-button  						{padding: 21px 24px 16px; font-family: 'MADE TOMMY'; color: var(--orange-color) !important; background-color: var(--white-color) !important; border-radius: 12px !important; font-size: 20px; line-height: 30px; font-weight: 500;}
.faq-sec .collapsed 								{padding: 21px 24px ; color: #212121 !important;}
.faq-sec 		.accordion-item                   	{ margin-bottom: 16px; border: none; border-radius: 12px !important; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);}
.faq .accordion-button:not(.collapsed) 				{ box-shadow: none;}
.faq .accordion-button:focus 						{ box-shadow: none;}
.faq .accordion-body p                              { margin-bottom: 0px;}
 

/* .............CONTACT US ................. */
.submit-idea .wpcf7-spinner							{ position: absolute; left: 100%; top: 50%; transform: translatey(-50%);}
.contact-us-content 								{ max-width: 518px ;}
.contact-us-content h2 								{ margin-bottom: 16px}
.input-group                                        { width: calc(50% - 12px); display: inline-flex; position: relative;}
.contact-input                                      { width: 100%;}
.name-input                                         { display: flex; justify-content: space-between;}
.company-input                                      { display: flex; justify-content: space-between;}
.agree-checkbox                                     {margin: 0px 0px 32px; display: flex; align-items: center;}
.agree-checkbox label                               { margin-bottom: 0px; font-size: 18px; line-height: 30px; color: var(--gray-color);}
.agree-checkbox input                               { margin: 0px; padding: 0px;}
.contact-model                                      { aspect-ratio: 1/1.44;}
.contact-model .contact-model-img                   { border-radius: 24px;  width: 100%; height: 100%; object-fit: cover; position: relative ; z-index: 1;}
.bottom-space                                       { margin-bottom: 32px;}
.c-bg-vector1                                       { position: absolute; top: 30%; right: -14px;}
.c-bg-vector2                                       { position: absolute; top: 50%; right: -14px;}
.c-bg-vector3                                       { position: absolute; top: 80%; right: -40px;}
.agree-checkbox a                                   {  color: var(--gray-color);}
.agree-checkbox a:hover                             {text-decoration: none;}
input[type=submit]                                  {padding: 14px 24px; border-radius: 16px; margin-top: 30px; font-size: 16px; line-height: 24px;}
.wpcf7 form .wpcf7-response-output                  {border-radius: 8px; text-align: center; margin: 0px; padding: 6px; border: none; font-size: 16px; line-height: 26px; background-color: var(--orange-color); color: var(--white-color);}
.wpcf7-not-valid-tip                                { padding-left: 2px; text-align: left; border-radius: 4px; color: #C82715;  font-size: 12px ; line-height: 22px;}
input[type=submit]:hover                            { background: var(--orange-color);}
.wpcf7 form.sent .wpcf7-response-output             { background-color: var(--green-color);}
.contact-us .common-btn-anchor                      { color: var(--white-color) !important;  font-family: 'MADE TOMMY'; border: none;}
.contact-us .common-btn-anchor:hover                { box-shadow: none !important; outline: none !important;}

/* ................SERVICE.................... */
.service                                            { position: relative;}
.service .container .row:nth-child(even)                            { flex-direction: row-reverse;}
.service-content                                    { max-width: 554px;}
.service-content .common-btn-anchor                 { margin-top: 8px;}
.service-content h1                                 { margin-bottom: 8px; line-height: 58px; background: linear-gradient(162.46deg, #FED000 -3.89%, #15CEAB 24.72%, #A15EB5 69.24%, #FC4F38 107.01%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text; text-fill-color: transparent; opacity: 0.4;}
.service-content h2                                 { margin-bottom: 24px}
 .serv-img                                           { width: 100%; height: 100%; object-fit: cover; border-radius: 24px;}
.service-bg-vector1                                 { top: 1%; left: 50%;}
.service-img                                        { aspect-ratio: 1/1.145;}
.service-bg-vector2                                 { top: 10%; right: 5%;}
.service-bg-vector3                                 { top: 30%; right: 50%;}
.service-bg-vector4                                 { top: 50%; left: 5%;}
.service-bg-vector5                                 { top: 60%; right: 20%;}
.service-bg-vector6                                 { bottom: 10%; left: 5%;}
.service-bg-vector7                                 { bottom: 7%; right: 50%;}
.s-d-bg-vector1                                     { top: 2%; left: 50%;}
.s-d-bg-vector2                                     { bottom: 5%; left: 5%;}
.s-d-bg-vector3                                     { bottom: 5%; right: 5%;}
.service .row:nth-child(2)                          { margin-top: 160px; margin-bottom: 160px;}





 
/* 404  */
.error-section .bg-vectors .idea-bg-vector1        { top: 35%; left: 20%;}
.error-section .bg-vectors .idea-bg-vector2        { top: 35%; right: 20%;}

.error-section h1 i                             { margin: 0px 6px;}
.error-section                                  {width: 100%; height: 100vh; display: flex;  align-items: center; justify-content: center;}
.error-section h1                               {font-size: 120px; line-height: 150px;}
.error-section h5                               {font-size: 40px; line-height: 50px; color: var(--orange-color);}

/* ............SEVICE DETAILS.................. */
 
/* ................ABOUT US.................... */
.about                                              { overflow: hidden;}
.about-us-images                                    {display: flex;   position: relative; justify-content: space-between;}
.about-right-img, .about-left-img                   {width: calc(50% - 10px);}
.about-us-images .a-img                             {width: 100%; height: 100%; object-fit: cover; border-radius: 24px;}
.about-bg-vector                                    {margin-top: 20px;}
.about-bg-wave                                      {max-width: 50%; margin-bottom: 20px; position: absolute; top: 0; right: 0;}
.about-right-img .a-img                             { margin-top: 68px;}
.about-us-img-box                                   { aspect-ratio: 1/1.44;}
.about-content h1                                   { margin-bottom: 24px;}
.read-more                                          {transition: all .3s ease; font-size: 18px; line-height: 30px; color: var(--green-color); text-decoration: none;}
.read-more:hover                                    { color: var(--orange-color);}
/* mission and vission  */
.mission-vission h2                               { margin-bottom: 24px;}
.mission-content                                  {height: 100%; padding: 40px; border: 1px solid #FFF6E6; border-radius: 24px; background: linear-gradient(180deg, #FFF6E6 0%, rgba(255, 246, 230, 0) 100%);}
.vission-content                                  {height: 100%; padding: 40px; border: 1px solid #E9F8F5; border-radius: 24px; background: linear-gradient(180deg, #E9F8F5 0%, rgba(233, 248, 245, 0) 100%);}
/* ..................OUR TEAM..................... */
.our-team .container .row .col-md-6:nth-child(1n + 0) .team-card .team-profile{ background: var(--card-color1); }
.our-team .container .row .col-md-6:nth-child(2n) .team-card .team-profile{ background: var(--card-color2); }
.our-team .container .row .col-md-6:nth-child(3n + 1) .team-card .team-profile{ background: var(--card-color3);}
.our-team                                         {padding-bottom: 80px;}
.team-profile                                     { aspect-ratio: 1/1; overflow: hidden; border-radius: 16px; display: flex; justify-content: center;}
.team-profile img                                 {transition: all .3s ease; width: 100%; height: 100%; object-fit: cover;}
.card-bg-one                                      { background-color: var(--card-color1);}
.card-bg-two                                      { background-color: var(--card-color2);}
.card-bg-three                                    { background-color: var(--card-color3);}
.card-bg-four                                     { background-color: var(--card-color3);}
.team-card .large-p                               { margin-top: 16px; margin-bottom: 4px;}
.team-card:hover img                              {transition: all .3s ease; transform: scale(1.1);}

/* ............GALLERY .................... */
.gallery                                           { background-color: #FAFAFA;}
.gallery-image img                                 { width: 100%; height: 100%; border-radius: 16px; object-fit: cover;}
.gallery-image                                     {aspect-ratio: 1/0.6; margin: 0px 12px;}

/* ............SUBMIT IDEIA.................. */
.submit-idea                                       { position: relative;}
.submit-idea .common-btn-anchor                    { color: var(--white-color ) !important; border: none; font-family: 'Made TOMMY';}
.submit-idea .contact-us-content                   { max-width: 100%;}
.file-uploader                                     {padding: 24px; margin-top: 40px; cursor: pointer; background-color: var(--card-color1); position: relative; display: flex; align-items: center; justify-content: center;}
.file-upload-icon                                  { display: inline-flex; align-items: center; gap: 20px;}
.drop-file                                         {cursor: pointer; position: absolute; opacity: 0; width: 100%; height: 100%;}
.idea-bg-vector1                                   { top: 20%; left: 10%;}
.idea-bg-vector2                                   { top: 20%; right: 20%;}
.idea-bg-vector3                                   { top: 50%; left: 5%;}
.idea-bg-vector4                                   { top: 40%; right: 10%;}
.idea-bg-vector5                                   { top: 70%; right: 15%;}
.file-uploader p                                  { margin-bottom: 0px;}
 .file-upload                                     { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
 .file-upload span                                { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
 .file-upload input          { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0
    ;}



/* ..........initiative............... */
.common-section .container                          { position: relative ; z-index: 1;}
.research-initiatives                               { background-color: var(--low-light-gray);}
.initiative-content h3                              { margin-bottom: 32px; font-size: 40px; line-height: 48px;}
.initiative-bg-vector1                              { top: 10%; right: 30%;}
.initiative-bg-vector2                              { top: 90%; right: 3%;}
.initiative-bg-vector3                              { top: 10%; left: 3%;}


/* Footer  social media icon  */
.menu-social-link-container li a                    {color: red; text-indent: -9999px ; position: absolute ;  top: 0; left: 0; width: 100%; height: 100%;}
.menu-social-link-container li                      { position: relative; transition: all .3s ease; border-radius: 50%; display: flex; flex-grow: 32px; justify-content: center; align-items: center; width: 32px; height: 32px; border: 1px solid var(--gray-color);}
.menu-social-link-container li a::after             { content: none;}
.menu-social-link-container li:hover                { background-color: var(--white-color);}
.menu-social-link-container ul                      { display: flex;}
.menu-social-link-container li:not(:first-child)    { margin-left: 24px;}
.menu-social-link-container .fa                     { color: var(--gray-color);}
.site-footer > .site-info a:focus                   {background: transparent !important;}
.bottom-footer .footer-container                                   { padding: 0px;}
.no-widgets .site-footer                            { margin-top: 0px;}
.footer-paragraph                                   { font-size: 16px;  line-height: 26px; font-weight: 400; color: var(--white-color);}
.footer-logo                                        { margin-bottom: 26px;}
.copy-r                                             { display: flex; align-items: center; gap: 8px; }
.copy-r a::after                                    { content: none;}
.copy-r a:hover                                     { text-decoration: none;}
.copy-r a                                           { margin-bottom: 0px ; font-size: 12px; line-height: 18px; font-weight: 400; color: var(--gray-color) !important;}
.copy-r p                                           { position: relative; margin-bottom: 0px ; font-size: 12px; line-height: 12px; font-weight: 400;}
.copy-right                                         {padding-right: 8px; line-height: 12px; border-right: 1px solid var(--gray-color);}
.copy-r a:not(:first-child) { margin-left: 4px;}
.copy-r a:not(:last-child){margin-right:  10px;}
/* PAGES STYLE  */
.entry-content                  h1              { color: var(--dark-black-color);}
.entry-header                                   { display: none;}
.entry-content                                  { margin-top: 0px !important; margin-bottom: 0px !important;}
.entry-content h4                               { margin: 16px 0px !important; color: var(--dark-black-color);}
.entry-content p                               { margin: 0px 0px 16px !important;}
.entry-footer                                   { display: none;}
.content-page                                   { margin: 0px !important;}
.page-ul li {     font-size: 18px;     line-height: 30px; color: var(--gray-color);}
.entry-header {display: none;}
@media screen  and (max-width: 781px){
    .hide-page                                    { display: none !important;}

}
/* ...............RESPONSIVE START HERE..................... */
@media screen and (min-width: 1200px) and (max-width: 1399px){
    :root{
        --responsive--alignwide-width: 1140px;
    }

    /* COMMON STYLE  */
    .common-section 	                            { padding: 80px 0px;}
    .botton-page-space                              { padding-bottom: 160px;}
    .error-section h1                               {font-size: 100px; line-height: 120px;}
    .error-section h5                               {font-size: 38px; line-height: 45px; color: var(--orange-color);}
    .common-btn-anchor                              { padding: 12px 20px;}
    button.common-btn:hover:not(:active):not(.has-background){padding: 12px 20px;}
    .common-btn:active                              { padding: 12px 20px ;}
    .common-btn                                     { padding: 12px 20px !important;}
    /* .................Typography...................... */
body h1  { font-size: 50px; line-height: 65px; font-weight: 700;}
body h2  { font-size: 40px; line-height: 50px; font-weight: 700;}
body h3  { font-size: 46px; line-height: 60px; font-weight: 700;}
body h4  { font-size: 30px; line-height: 40px; }
body h5  { font-size: 24px; line-height: 36px; color: var(--green-color); }
body p   { font-size: 18px; line-height: 30px; color: var(--gray-color);}
body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 18px; line-height: 30px;}
/* GET IN TOUCH  */
.get-arrow                                  { left: -110%; top: 20%;}

    /* HEADER  */
    .wp-custom-logo .site-header {padding: 12px 0px;}
    .primary-navigation > div > .menu-wrapper .header-btn a{ padding: 12px 20px !important;}
 
    .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 12px;}

    /* HOME BANNER  */
    button.common-btn:not(:hover):not(:active):not(.has-background){padding: 12px 14px;}
    .home-banner                                         { min-height: 680px;}
    .wave-line                                           { bottom: 20%;}
    .purple-circle                                       { bottom: 30%;}
    .home-banner .row                                    { padding-top: 70px;}
    .banner-content h1                                   { margin-bottom: 20px;}

    /* WHO WE ARE  */
 


    /* PORTFOLIO  */
    .portfolio-heading                                   { padding-bottom: 60px;}
    .portfolio-slider                                    { margin-bottom: 100px;}
    .partner-heading                                     { padding: 60px 0px 40px;}
    .testimonials                                        { padding-bottom: 70px;}

    /* FAQ  */
    .faq-sec .collapsed                                  { padding: 18px 20px;}

/* OUR PARTNER  */
    /* ABOUT US  */
    .about-content h1                                   { margin-bottom: 20px;}
.mission-vission h2                               { margin-bottom: 20px;}

    /* TESTIMONIAL  */
    .testimonials-slider                                 { margin-top: 60px;}

    /* CONTACT US  */
    .bottom-space                                       { margin-bottom: 18px;}
    .contact-us button:active                                { padding: 12px 20px;}

    /* PARTNER  */
    .partner-img                                        { padding: 20px;}
 
    /* SERVICE  */
    .service .row:nth-child(2)                          { margin-top: 100px; margin-bottom: 100px;}
    .service-content .common-btn-anchor                 { margin-top: 4px;}

     .service-content h2                                 { margin-bottom: 20px;}

 /* initiative  */
.initiative-content h3                              { margin-bottom: 20px; font-size: 34px; line-height: 40px;}

/* Idea  */

/* FOOTER  */
.main-footer                                        { margin-top: -80px;}
.botton-page-space                                  { padding-bottom: 140px;}
.common-section                                           { padding-top: 70px;}

}
@media screen and (min-width: 992px) and (max-width: 1199px){
    :root{
        --responsive--alignwide-width: 960px;
    }
       /* COMMON STYLE  */
       .common-section 	                                { padding: 70px 0px;}
       .botton-page-space                                  { padding-bottom: 100px;}
       .site-content                { padding-top: 87px;}
       .error-section h1                               {font-size: 80px; line-height: 100px;}
       .error-section h5                               {font-size: 34px; line-height: 40px; color: var(--orange-color);}
    button.common-btn:not(:hover):not(:active):not(.has-background){ font-size: 16px; border-radius: 10px;}
    .common-btn-anchor                                  {padding: 10px 18px;}
    ::-webkit-input-placeholder                        { font-size: 17px; line-height: 26px; }
:-ms-input-placeholder                             { /* Internet Explorer */ color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
::placeholder                                      {  line-height: 26px; font-size: 17px; }
input[type=checkbox] + label, input[type=radio] + label{ font-size: 17px;}
.common-btn:active                              { padding: 10px 20px !important; font-size: 16px !important; border-radius: 10px !important;}
.common-btn:hover                              { padding: 10px 20px !important; font-size: 16px !important; border-radius: 10px !important;}
.common-btn                              { padding: 10px 20px !important;}

    /* .................Typography...................... */
body h1  { font-size: 48px; line-height: 60px; font-weight: 700;}
body h2  { font-size: 42px; line-height: 56px; font-weight: 700;}
body h3  { font-size: 40px; line-height: 50px; font-weight: 700;}
body h4  { font-size: 28px; line-height: 36px; }
body h5  { font-size: 24px; line-height: 36px; color: var(--green-color); }
body p   { font-size: 16px; line-height: 26px; color: var(--gray-color);}
body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 16px; line-height: 26px;}
    /* HEADER  */
    .wp-custom-logo .site-header {padding: 12px 0px;}
    .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 10px;}
    .primary-navigation > div > .menu-wrapper .header-btn a{font-size: 16px; padding: 10px 18px !important;}
    .site-logo .custom-logo-link img                                  { min-width: 120px;}

   
    .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 12px;}

    /* HOME BANNER  */
    button.common-btn:not(:hover):not(:active):not(.has-background){padding: 10PX 12PX;}
    .home-banner                                         { min-height: 600px; height: auto;}
    .home-banner .row                                    { padding-top: 60px;}
    .purple-circle                                       { bottom: 30%;}
    .wave-line                                           { bottom: 20%;}
    .who-we-are-content     p                            { margin-bottom: 20px;}
    .who-we-are-content h2                               { margin-bottom: 20px;}
    .banner-content p                                    { margin-bottom: 24px;}
    .wave-line                                           { max-width: 230px;}
    .banner-content h1                                   { margin-bottom: 20px;}

/* WHO WE ARE  */
 


    /* PORTFOLIO  */
    .portfolio-heading                                   { padding-bottom: 40px;}
    .portfolio-slider                                    { margin-bottom: 100px;}
    .partner-heading                                     { padding: 50px 0px 40px;}
    .testimonials                                        { padding-bottom: 60px;}
    .slider-arrow ul li                                  { width: 36px ; height: 36px;}
    .slider-content p                                    { margin-bottom: 16px;}
    .slider-content h4                                   { margin-bottom: 16px;}

    /* GET IN TOUCH  */
    .get-in-touch-sec                                    { padding: 40px; margin-top: -90px;}
    .get-in-touch-btn::before                            { background-size: 120px;}
    .get-arrow                                              { left: -90%; top: 20%; max-width: 90%;}
    /* OUR PARTNER  */
    
      .partner-img                                        { padding: 18px;}

    /* ABOUT US  */
.about-content h1                                   { margin-bottom: 20px;}
.mission-vission h2                               { margin-bottom: 20px;}


    /* TESTIMONIAL  */
    .testimonials-slider                                 { margin-top: 40px;}

    /* FAQ  */
    .faq-heading                                        { margin-bottom: 50px;}
    .faq-sec .collapsed                                 { padding: 16px 24px;}
    .faq-sec .accordion-button                          { padding: 16px 24px; font-size: 18px;}
    .faq-sec .accordion-button::after                   { background-size: 26px;}
    /* SERVICE  */
 /* SERVICE  */
  .service-content h2                                 { margin-bottom: 20px;}
  .service .row:nth-child(2)                          { margin-top: 80px; margin-bottom: 80px;}
  .service-content .common-btn-anchor                 { margin-top: 4px;}

  /* initiative  */
.initiative-content h3                              { margin-bottom: 20px; font-size: 32px; line-height: 38px;}

    /* CONTACT  */  
    .c-bg-vector3                                       { display: none;}
    .bottom-space                                       { margin-bottom: 12px;}
    .input__label-content                               { font-size: 16px; line-height: 20px;}
    .contact-us button:active                                { padding: 10px 18px ;}
    
    /* FOOTER  */
    .main-footer .widget-area                           {width: 30%;}
    .main-footer                                        { margin-top: -50px; margin-bottom: 30px;}
    .botton-page-space                                  { padding-bottom: 120px;}
    .common-section                                           { padding-top: 70px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    :root{
        --responsive--alignwide-width: 720px;
    }

        /* COMMON STYLE  */
        .common-section 	                                { padding: 60px 0px;}
        .botton-page-space                                  { padding-bottom: 90px;}
        .site-content                { padding-top: 75px;}
        .main-header                 { padding: 16px 0px;}
        .error-section h1                               {font-size: 60px; line-height: 70px;}
        .error-section h5                               {font-size: 30px; line-height: 35px; color: var(--orange-color);}
        button.common-btn:not(:hover):not(:active):not(.has-background){ font-size: 16px; border-radius: 10px;}
    .common-btn-anchor                                  {padding: 10px 18px; font-size: 16px; border-radius: 12px;}
    .common-btn:active                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
    .common-btn:hover                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
    .common-btn                              { padding: 8px 18px !important;}
        ::-webkit-input-placeholder                        { font-size: 16px; line-height: 24px; }
        :-ms-input-placeholder                             { /* Internet Explorer */ color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
        ::placeholder                                      {  line-height: 24px; font-size: 16px; }
        input[type=checkbox] + label, input[type=radio] + label{ font-size: 16px;}
    
        /* .................Typography...................... */
    body h1  { font-size: 46px; line-height: 55px; font-weight: 700;}
    body h2  { font-size: 40px; line-height: 50px; font-weight: 700;}
    body h3  { font-size: 38px; line-height: 48px; font-weight: 700;}
    body h4  { font-size: 26px; line-height: 32px; }
    body h5  { font-size: 22px; line-height: 32px; color: var(--green-color); }
    body p   { font-size: 16px; line-height: 26px; color: var(--gray-color);}
    body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 16px; line-height: 26px;}
        /* HEADER  */
        .wp-custom-logo .site-header {padding: 12px 0px;}
        .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 5px !important;}
        .primary-navigation .primary-menu-container > ul > .menu-item > a {
            font-size: 16px ; }
   
    .site-logo .custom-logo-link img                                  { min-width: 100px;}
        
        .primary-navigation > div > .menu-wrapper           { flex-wrap: nowrap;}
        .primary-navigation > div > .menu-wrapper .header-btn a{font-size: 14px; padding: 8px 12px !important;}
    
      
        /* HOME BANNER  */
        button.common-btn:not(:hover):not(:active):not(.has-background){padding: 10PX 12PX;}
        .home-banner                                         { min-height: 550px; height: auto;}
        .home-banner .row                                    { padding-top: 50px;}
        .purple-circle                                       { bottom: 30%;}
        .wave-line                                           { bottom: 20%;}
        .who-we-are-content     p                            { margin-bottom: 20px;}
        .who-we-are-content h2                               { margin-bottom: 20px;}
        .banner-content p                                    { margin-bottom: 20px;}
        .wave-line                                           { max-width: 190px;}
        .banner-content h1                                   { margin-bottom: 18px;}
    
    /* WHO WE ARE  */
 
    
    
        /* PORTFOLIO  */
        .portfolio-heading                                   { padding-bottom: 30px;}
        .portfolio-slider                                    { margin-bottom: 80px;}
        .partner-heading                                     { padding: 30px 0px 20px;}
        .testimonials                                        { padding-bottom: 50px;}
        .slider-arrow ul li                                  { width: 36px ; height: 36px;}
        .slider-content p                                    { margin-bottom: 16px;}
        .slider-content h4                                   { margin-bottom: 16px;}
    
        /* GET IN TOUCH  */
        .get-in-touch-sec                                    { padding: 30px; margin-top: -78px;}
        .get-in-touch-btn::before                            { background-size: 80px; left: -100%; top: 70%; }
        .get-arrow {
            position: absolute;
            top: 80%;
            left: -60%;
            max-width: 90%;
            /* transform: translateY(-50%); */
        }
        /* OUR PARTNER  */
        
      .partner-img                                        { padding: 18px;}
    
        /* TESTIMONIAL  */
        .testimonials-slider                                 { margin-top: 30px;}
    
        /* FAQ  */
        .faq-heading                                        { margin-bottom: 30px;}
        .faq-sec .collapsed                                 { padding: 16px 24px;}
        .faq-sec .accordion-button                          { padding: 12px 20px; font-size: 17px; line-height: 24px;}
        .faq-sec .accordion-body                            { padding: 0px 20px 22px;}
        .faq-sec .accordion-button::after                   { background-size: 24px;}
    
        /* CONTACT  */  
    .contact-us button:active                                { padding: 10px 18px ; border-radius: 12px;}

        .c-bg-vector3                                       { display: none;}
.initiative-content h3                              { margin-bottom: 18px; font-size: 28px; line-height: 36px;}
.bottom-space                                       { margin-bottom: 10px;}
.input__label-content                               { font-size: 16px; line-height: 20px;}

         /* SERVICE  */
  .service-content h2                                 { margin-bottom: 20px;}
  .service .row:nth-child(2)                          { margin-top: 60px; margin-bottom: 60px;}
  .service-content .common-btn-anchor                 { margin-top: 0px;}

 /* ABOUT US  */
 .mission-content                                      { padding: 28px;}
.mission-vission h2                               { margin-bottom: 18px;}
    
    .about-content h1                                   { margin-bottom: 18px;}
        /* FOOTER  */
        .main-footer                                    {padding: 26px;}
    .main-footer .widget-area                           {width: 30%; }
    .bottom-footer                              { padding-bottom: 60px;}

    .main-footer                                { margin-top: -50px; margin-bottom: 20px;}
    .botton-page-space                                  { padding-bottom: 80px;}
    .common-section                                           { padding-top: 60px;}
 

}
@media screen and (min-width: 576px) and (max-width: 767px){
        /* COMMON STYLE  */
        .error-section h1                               {font-size: 60px; line-height: 70px;}
        .error-section h5                               {font-size: 30px; line-height: 35px; color: var(--orange-color);}
        button.common-btn:not(:hover):not(:active):not(.has-background){ font-size: 16px; border-radius: 10px;}
        .common-btn-anchor                                  {padding: 10px 18px; font-size: 16px; border-radius: 12px;}
        .botton-page-space                                  { padding-bottom: 80px;}
  .common-section                                           { padding-top: 60px;}
        ::-webkit-input-placeholder                        { font-size: 16px; line-height: 24px; }
        :-ms-input-placeholder                             { /* Internet Explorer */ color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
        ::placeholder                                      {  line-height: 24px; font-size: 16px; }
        input[type=checkbox] + label, input[type=radio] + label{ font-size: 16px;}
        .common-btn:active                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
        .common-btn:hover                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
        .common-btn                              { padding: 8px 18px !important;}
        /* .................Typography...................... */
    body h1  { font-size: 38px; line-height: 44px; font-weight: 700;}
    body h2  { font-size: 34px; line-height: 36px; font-weight: 700;}
    body h3  { font-size: 30px; line-height: 34px; font-weight: 700;}
    body h4  { font-size: 22px; line-height: 28px; }
    body h5  { font-size: 20px; line-height: 28px; color: var(--green-color); }
    body p   { font-size: 16px; line-height: 24px; color: var(--gray-color);}
    body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 16px; line-height: 24px;}
        /* HEADER  */
        .wp-custom-logo .site-header {padding: 12px 0px;}
        .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 10px;}
        .site-logo .custom-logo-link img                                  { min-width: 120px;}
    
       
        .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 12px;}
    
        /* HOME BANNER  */
        button.common-btn:not(:hover):not(:active):not(.has-background){padding: 10PX 12PX;}
        .home-banner                                         { min-height: auto; height: auto;}
        .banner-model                                           { position: relative; width: 100%; margin-top: 40px;}
	.banner-img                                          { width: 90% ; transform-origin: bottom left;}
        .home-banner .row                                    { padding-top: 50px;}
        .purple-circle                                       { bottom: 30%; left: 0;}
        .wave-line                                           {max-width: 140px; top: 30%; left: unset; right: 0;}
        .who-we-are-content     p                            { margin-bottom: 20px;}
        .who-we-are-content h2                               { margin-bottom: 18px;}
        .banner-content p                                    { margin-bottom: 20px;}
        .orange-circle, .purple-circle                       { max-width: 26px;}
        .banner-content h1                                   { margin-bottom: 16px;}

        /* WHO WE ARE  */  
        .who-we-are                                         { margin-top: 0px;}
        .who-we-images                                      { margin-bottom: 40px;}
 
    
        .initiative-content h3                              { margin-bottom: 18px; font-size: 26px; line-height: 34px;}
    
    
        /* PORTFOLIO  */
        .portfolio-heading                                   { padding-bottom: 30px;}
        .portfolio-slider                                    { margin-bottom: 80px;}
        .partner-heading                                     { padding: 30px 0px 20px;}
        .testimonials                                        { padding-bottom: 50px;}
        .slider-arrow ul li                                  { width: 36px ; height: 36px;}
        .slider-content p                                    { margin-bottom: 16px;}
        .slider-content h4                                   { margin-bottom: 16px;}
        .portfolio                                           { padding-bottom: 60px;}
        /* GET IN TOUCH  */
        .get-in-touch-sec                                    { padding: 18px; margin-top: -90px; border-radius: 18px;}
        .get-in-touch-button                                  { margin-top: 20px;}
    
        /* OUR PARTNER  */
    
        /* TESTIMONIAL  */
        .testimonials-slider                                 { margin-top: 30px;}

              /* OUR PARTNER  */
        
      .partner-img                                        { padding: 16px;}
    
        /* FAQ  */
        .faq-heading                                        { margin-bottom: 30px;}
        .faq-sec .collapsed                                 { padding: 16px 24px;}
        .faq-sec .accordion-button                          { padding: 12px 20px; font-size: 17px; line-height: 22px;}
        .faq-sec .accordion-button::after                   { background-size: 22px;}
    
        /* CONTACT  */  
        .c-bg-vector3                                       { display: block;}
        .contact-model                                      { justify-content: center;}
        .c-bg-vector3, .c-bg-vector2, .c-bg-vector1         { right: 2%;}
        .contact-model                                      { margin-top: 40px;}
        .contact-us button:active                                { padding: 10px 18px ; border-radius: 12px;}

                /* SERVICE  */
  .service-content h2                                 { margin-bottom: 16px;}
  .service .row:nth-child(2)                          { margin-top: 50px; margin-bottom: 50px;}
  .service-content .common-btn-anchor                 { margin-top: 0px;}

  /* ABOUT US  */
  .mission-content                                      { padding: 24px;}
  .about-content h1                                   { margin-bottom: 16px;}
  .mission-vission h2                               { margin-bottom: 16px;}

        /* FOOTER  */
        .bottom-footer                                      { padding-bottom: 40px;}
        .main-footer                                { margin-top: -50px; margin-bottom: 20px;}
        
         /* footer  */
    .main-footer .widget-area:first-child        { width: 100%; margin-bottom: 20px;}
    .main-footer .widget-area:not(:first-child)  { width: 50%;}
    .main-footer                                 { padding: 30px;}
    .footer-container                            { padding: 0px 30px;}
    .menu-social-link-container li              { width: 26px; height: 26px;}
    .menu-social-link-container li:not(:first-child){margin-left: 14px;}
    .menu-social-link-container .fa                                         { font-size: 12px;}
}

@media screen and (max-width: 575px){
    :root{
        --responsive--alignwide-width: 100%;
    }
    .error-section h1                               {font-size: 60px; line-height: 70px;}
    .error-section h5                               {font-size: 30px; line-height: 35px; color: var(--orange-color);}
        /* COMMON STYLE  */
        .common-section 	                                { padding: 40px 0px;}
        .botton-page-space                                  { padding-bottom: 90px;}

    .common-btn-anchor                                  {padding: 10px 18px; font-size: 16px; border-radius: 12px;}
    .common-btn:active                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
    .common-btn:hover                              { padding: 8px 18px !important; font-size: 16px !important; border-radius: 10px !important;}
    .common-btn                              { padding: 8px 18px !important;}
        button.common-btn:not(:hover):not(:active):not(.has-background){ font-size: 16px; border-radius: 10px;}
        .primary-navigation > div > .menu-wrapper .header-btn a{ padding: 10px 12px ; font-size: 16px;}
        ::-webkit-input-placeholder                        { font-size: 16px; line-height: 24px; }
        :-ms-input-placeholder                             { /* Internet Explorer */ color: var(--medium-gray-color)  !important; font-size: 18px; line-height: 28px; }
        ::placeholder                                      {  line-height: 24px; font-size: 16px; }
        input[type=checkbox] + label, input[type=radio] + label{ font-size: 16px;}
    
        /* .................Typography...................... */
    body h1  { font-size: 36px; line-height: 45px; font-weight: 700;}
    body h2  { font-size: 30px; line-height: 40px; font-weight: 700;}
    body h3  { font-size: 28px; line-height: 38px; font-weight: 700;}
    body h4  { font-size: 24px; line-height: 30px; }
    body h5  { font-size: 20px; line-height: 28px; color: var(--green-color); }
    body p   { font-size: 16px; line-height: 26px; color: var(--gray-color);}
    body .entry-content ul li, ol li{ color: var(--gray-color); font-size: 16px; line-height: 26px;}
    
        /* HEADER  */
        .wp-custom-logo .site-header {padding: 12px 0px;}
        .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 10px;}
    
       
        .primary-navigation .primary-menu-container > ul > .menu-item {padding: 0px 12px;}
    
        /* HOME BANNER  */
        button.common-btn:not(:hover):not(:active):not(.has-background){padding: 10PX 12PX;}
        .home-banner                                         { min-height: auto; height: auto;}
        .banner-model                                           { position: relative; width: 100%;}
        .banner-img                                          { width: 90%; transform-origin: bottom left;}
	.banner-model{ margin-top: 40px;}
        .home-banner .row                                    { padding-top: 50px;}
        .purple-circle                                       { bottom: 30%; left: 0;}
        .wave-line                                           {max-width: 140px; top: 36%; left: unset; right: 0;}
        .who-we-are-content     p                            { margin-bottom: 20px;}
        .who-we-are-content h2                               { margin-bottom: 16px;}
        .banner-content p                                    { margin-bottom: 20px;}
        .orange-circle, .purple-circle                       { max-width: 26px;}
        .banner-content h1                                   { margin-bottom: 16px;}

        /* WHO WE ARE  */  
        .who-we-are                                         { margin-top: 0px;}
        .initiative-content h3                              { margin-bottom: 18px; font-size: 26px; line-height: 34px;}
        .who-we-images                                      { margin-bottom: 30px;}
 
    
                /* OUR PARTNER  */
        
                .partner-img                                        { padding: 14px;}
    
        /* PORTFOLIO  */
        .portfolio-heading                                   { padding-bottom: 30px;}
        .portfolio-slider                                    { margin-bottom: 80px;}
        .partner-heading                                     { padding: 30px 0px 20px;}
        .testimonials                                        { padding-bottom: 50px;}
        .slider-arrow ul li                                  { width: 32px ; height: 32px;}
        .slider-content p                                    { margin-bottom: 16px;}
        .slider-content h4                                   { margin-bottom: 16px;}
    
         /* GET IN TOUCH  */
         .get-in-touch-sec                                    { padding: 18px; margin-top: -90px; border-radius: 18px;}
         .get-in-touch-button                                  { margin-top: 20px;}
         .get-arrow { left: 110% ;  -webkit-transform: scaleX(-1);
            transform: scaleX(-1); width: 90% !important; top: -30% !important;}
        /* OUR PARTNER  */
                              
    
        /* TESTIMONIAL  */
        .testimonials-slider                                 { margin-top: 30px;}
    
        /* FAQ  */
        .faq-heading                                        { margin-bottom: 30px;}
        .faq-sec .collapsed                                 { padding: 16px 24px;}
        .faq-sec .accordion-button                          { padding: 8px 14px; font-size: 16px; line-height: 22px;}
        .faq-sec .accordion-body                            { padding: 0px 14px 14px;}
        .faq-sec .accordion-button::after                   { background-size: 22px;}
    
        /* CONTACT  */  
        .c-bg-vector3                                       { display: none;}
        .contact-model                                      { justify-content: center; margin-top: 30px;}
        .contact-us button:active                                { padding: 10px 18px ; border-radius: 12px;}
        
                /* SERVICE  */
  .service-content h2                                 { margin-bottom: 16px;}
  .service .row:nth-child(2)                          { margin-top: 40px; margin-bottom: 40px;}
  .service-content .common-btn-anchor                 { margin-top: 0px;}

   /* ABOUT US  */
   .mission-content, .vission-content                                      { padding: 20px;}
  .about-content h1                                   { margin-bottom: 16px;}
  .mission-vission h2                               { margin-bottom: 16px;}

        /* FOOTER  */
        .main-footer                                { margin-top: -50px; margin-bottom: 20px;}
      .main-footer .widget{ text-align: center;}
	.main-footer .widget-title::after { left: 50%; transform: translateX(-50%);
}
	


         /* footer  */
    .main-footer .widget-area      { width: 100%; margin-bottom: 20px;}
    .main-footer address            { max-width: 90%;}
    .main-footer                                 { padding: 26px;}
    .footer-container                            { padding: 0px 26px;}
    .menu-social-link-container li:not(:first-child){margin-left: 14px;}
    .menu-social-link-container .fa                                         { font-size: 12px;}
    .site-footer > .site-info                   { flex-direction: column-reverse;}
    .bottom-footer                              { padding-bottom: 60px;}
    .menu-social-link-container                 { margin-bottom: 20px !important;}
	.main-footer .widget ul li{width: auto;}
	main-footer .widget ul li{ margin: 0px 6px !important;}
	.main-footer .menu .menu-item a{ display: block;}
	.main-footer .widget ul{ justify-content: center;}
	.main-footer .widget ul li{ margin: 0px 8px}
	.main-footer .widget-title{ margin-bottom: 14px;}
    .copy-r a{margin: 0px 6px;}
}
@media screen and (max-width: 375px){
     .faq-sec .accordion-button      { line-height: 22px;}

}

@media screen and (max-width: 767px){
	body ul li{ font-size: 16px; line-height: 26px;} 
    .site-content                { padding-top: 64px;}
    .current-menu-item:not(.header-btn) a::before{ content: none !important;}
    .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover{ content: none;}
/* HEADER  */
.site-logo .custom-logo-link img                                  { min-width: 140px;}
.main-header                                                        { padding: 10px 0px;}
.primary-menu-container li:not(:last-child) a::after{ content: none;}
.new-header  { border: none; box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.17);
    -webkit-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.17);
    -moz-box-shadow: -1px 2px 5px 1px rgba(0,0,0,0.17);}
/* WHO WE ARE  */
.who-we-are                                         {padding: 40px 0px; height: auto;}
/* GET IN TOUCH  */
.get-arrow { left: 110% ;  -webkit-transform: scaleX(-1);
    transform: scaleX(-1); width: 80%; top: -50%;}
/* SUBMIT FORM  */

	

	

/* GALLERY SLIDER  */
.gallery-image                                      { margin: 0PX 4PX;}
.slider-arrow ul li:not(:first-child){margin-left: 8px;}
	
 

/* CONTACT US  */
.contact-model                                      { display: none;}
.contact-us .bg-vectors                             { display: none;}
.agree-checkbox                                     { margin: 16px 0px;}
.name-input, .company-input                                         { flex-wrap: wrap;}
.input-group                                        { width: 100%;}
.bottom-space                                       { margin-bottom: 0px;}
.input__label-content                               { font-size: 16px; line-height: 20px;}

    .primary-navigation > div > .menu-wrapper .header-btn a{font-size: 14px; padding: 8px 18px !important;}
    .primary-navigation .primary-menu-container > ul > .menu-item:not(.header-btn)	 { padding: 6px 0px;  display: block;}
    .primary-navigation > div > .menu-wrapper{ margin-top: -100px;}
    .portfolio .slick-list                      { overflow: hidden;}
    .menu-button-container                      {display: block; position: relative;}
    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
        transform: translateX(0) translateY(0); align-items: flex-start; align-items: center;
    }
    .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
        position: fixed;
        transform: translateY(0) translateX(100%);
        background-color: var(--white-color);
    }
    .primary-navigation .primary-menu-container > ul > .menu-item{ padding: 10px 0px;}
    .primary-navigation > .primary-menu-container {
        height: 100vh;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: none;
    }
    .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon{ top: 0;}
    .primary-navigation .primary-menu-container > ul > .menu-item > a{font-size: 30px; display: block; line-height: 50px;}
    .primary-navigation > div > .menu-wrapper .header-btn a{ font-size: 22px !important; line-height: 40px;}
    .primary-navigation > div > .menu-wrapper .header-btn a::before{height: 34px;}
    .primary-navigation > div > .menu-wrapper .header-btn{ margin-top: 8px;}
    .primary-navigation > .primary-menu-container {
        height: 100vh;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .dropdown-icon { text-indent: -9000em ;}
    .primary-navigation > div > .menu-wrapper li {
        display: block;
        position: relative;
        width: 100%;
    }
    .primary-navigation > div > .menu-wrapper .header-btn{display: block;}
    .primary-navigation > div > .menu-wrapper{ padding-bottom: 0px;}
    .primary-menu-container {padding: 71px 20px 25px !important; display: flex; align-items: center; background-color: white;}
    .primary-navigation > div > .menu-wrapper .header-btn a{margin-left: unset;  display: inline-flex !important;}
    .primary-navigation > div > .menu-wrapper{ width: 100%; text-align: center !important;}
 /* GET IN TOUCH  */
 .get-in-touch-btn::before {display: none;}
 .site-header .button { padding: 0px !important; margin-right: 0px !important;}
 .site-header { align-items: center !important; justify-content: flex-start !important;}
 .primary-navigation                                { position: relative !important;}

 body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container{ margin-top: 0px;}


 /* BOTTOM FOOTER  */
 .menu-social-link-container { display: inline-block;}
 .site-info { text-align: center;}
 .copy-r { display: inline-flex; flex-direction: column-reverse;}
 .copy-right { padding: 0px;}
 .copy-right {border: none;}


}
.primary-navigation-open .menu-button-container {
   
    width: 100%;
    z-index: 500;
    background-color: transparent !important;
}
.menu-button-container{ padding: 0px;}
 
body .site-content .bottom-m-zero{ margin-bottom: 0px !important;}