@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root															{ --container-width: 1200px; }
.container                                  					{ max-width: 1200px; }
section > .elementor-container									{ max-width: 1200px; padding: 0; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root															{ --container-width: 1200px; }
.container                                  					{ max-width: 1200px; }
section > .elementor-container									{ max-width: 1200px; padding: 0; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root															{ --container-width: 1200px; }
.container                                  					{ max-width: 1200px; }
section > .elementor-container									{ max-width: 1200px; padding: 0; }



}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root															{ --container-width: 1200px; }
.container                                 						{ max-width: 1200px; }
section > .elementor-container									{ max-width: 1200px; padding: 0; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root															{ --container-width: 1200px; }
.container                                  					{ max-width: 1200px; padding: 0; }
section > .elementor-container									{ max-width: 1200px; padding: 0; }

.solutionSec													{ padding: 120px 0px 120px 0px !important; }
.globalMarketsSec												{ padding: 120px 0px 120px 0px !important; }
.partnerSec														{ padding: 120px 0px 120px 0px !important; }

.brandIntegritySec 												{ padding: 120px 0px 120px 0px !important; }

.contactSec														{ padding: 120px 0px 120px 0px !important; }

}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root															{ --container-width: 960px; }
.container														{ max-width: 960px; }
section > .elementor-container									{ max-width: 960px!important; }

.headerSec > .elementor-container 								{ flex-wrap: nowrap; gap: 20px; }
.headerSec > .elementor-container > .elementor-column 			{ width: auto; }
.headerSec > .elementor-container > .logoBox 					{ width: 230px; }
.headerSec > .elementor-container > .menuBox 					{ width: 57%; }
header.sticky .headerSec .mainMenu nav.hfe-dropdown.menu-is-active { margin-top: 14px; }
.headerSec .mainMenu nav ul.hfe-nav-menu 						{ gap: 0px; }
.headerSec .mainMenu nav ul.hfe-nav-menu li 					{ padding: 14px 20px; }

.globalMarketsSec .elementor-element.mapBox .mapImage .mapPoints .dot { width: 7px; height: 7px; }

.footerSec .ftrMenu ul.hfe-nav-menu 							{ row-gap: 30px; column-gap: 20px; }

/* ---------- Inner Banner Section ---------- */
	
.brandIntegritySec .brandBox .itemBox							{ width: 22.65%; }	


}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 100%; padding: 0 15px; }
section > .elementor-container									{ max-width: 100%; padding: 0 15px; }

.headerSec > .elementor-container 								{ flex-wrap: nowrap; gap: 20px; }
.headerSec > .elementor-container > .elementor-column 			{ width: auto; }
.headerSec > .elementor-container > .logoBox 					{ width: 230px; }
.headerSec > .elementor-container > .menuBox 					{ width: 57%; }
header.sticky .headerSec .mainMenu nav.hfe-dropdown.menu-is-active { margin-top: 14px; }
.headerSec .mainMenu nav ul.hfe-nav-menu 						{ gap: 0px; }
.headerSec .mainMenu nav ul.hfe-nav-menu li 					{ padding: 14px 20px; }

.hdrTitle h1													{ font-size:40px; line-height:50px; }

.solutionSec .solutionBox .elementor-widget-image-box			{ padding: 20px 20px 16px 20px; }
.solutionSec .solutionBox .elementor-image-box-wrapper 			{ flex-direction: column !important; }
.solutionSec .solutionBox .elementor-widget-image-box .elementor-image-box-img { margin-right: 0 !important; margin-bottom: 30px !important; }
.solutionSec .solutionBox .elementor-widget-image-box .elementor-image-box-content:before { border-left: 0; border-top: 1px solid rgb(25 25 25 / 20%); top: -13px; left: 0; height: auto; width: 100%; }

.globalMarketsSec .elementor-element.mapBox .mapImage .mapPoints .dot { width: 5px; height: 5px; }
.globalMarketsSec .elementor-element.gradeBox .elementor-widget-wrap 	{ flex-wrap: wrap; gap: 20px; justify-content: space-between; }
.globalMarketsSec .elementor-element.gradeBox .gradeItem 				{ background-color: #F7F7F7; width: 48%; }
.globalMarketsSec .elementor-element.gradeBox .gradeItem:nth-child(2) 	{ width: 48%; }

.globalMarketsSec .elementor-element.gradeBox .gradeItem .elementor-widget-container,
.globalMarketsSec .elementor-element.gradeBox .gradeItem				{ height: auto; }
/*.globalMarketsSec .elementor-element.gradeBox .gradeItem .elementor-image-box-wrapper { height: auto; }	*/
	

.footerSec .ftrInfo .elementor-container 						{ padding: 0; }
.footerSec .ftrMenu ul.hfe-nav-menu 							{ row-gap: 30px; column-gap: 14px; }
.footerSec .ftrMenu ul.hfe-nav-menu li.menu-item 				{ width: calc(50% - 7px); }
.footerSec .otherLinks ul.elementor-icon-list-items 			{ row-gap: 14px; column-gap: 20px; }
	
.brandIntegritySec .brandBox .itemBox							{ width: 47.88%; }

.clientImg > .elementor-widget-wrap > .elementor-widget-image	{ margin-bottom: 20px; }
	
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 740px; padding: 0 15px;}
section > .elementor-container									{ width: 100%!important; padding: 0 15px!important; }
section .elementor-container section .elementor-container		{ padding: 0 0px!important; }

.headerSec 														{ padding: 25px 15px !important; }
.headerSec > .elementor-container 								{ flex-wrap: nowrap; justify-content: space-between; gap: 0px; padding: 0 !important; }
.headerSec > .elementor-container > .elementor-column 			{ width: auto; }
.headerSec > .elementor-container > .logoBox 					{ width: 170px; }
header.sticky .headerSec > .elementor-container > .logoBox 					{ width: 152px; }
.headerSec > .elementor-container > .menuBox 					{ width: 50%; }
.headerSec .mainMenu nav.hfe-dropdown.menu-is-active 			{ margin-top: 26px !important; }
header.sticky .headerSec .mainMenu nav.hfe-dropdown.menu-is-active { margin-top: 14px !important; }
.headerSec .mainMenu nav ul.hfe-nav-menu 						{ gap: 0px; }
.headerSec .mainMenu nav ul.hfe-nav-menu li 					{ padding: 14px 20px; }

.hdrTitle h1													{ font-size:25px; line-height:35px; }
.bannerText p br 												{ display:none; }

.globalMarketsSec .elementor-element.mapBox .mapImage .mapPoints .dot { width: 3px; height: 3px; }
.globalMarketsSec .elementor-element.gradeBox .elementor-widget-wrap 	{ flex-wrap: wrap; }
.globalMarketsSec .elementor-element.gradeBox .gradeItem .elementor-widget-container, 
.globalMarketsSec .elementor-element.gradeBox .gradeItem .elementor-image-box-wrapper { height: auto; }
.globalMarketsSec .elementor-element.gradeBox .gradeItem 				{ width: 100%; height: auto; }
.globalMarketsSec .elementor-element.gradeBox .gradeItem:nth-child(2) 	{ width: 100%; }

.brDel h2 br													{ display:none; }

.solutionSec .solutionBox .elementor-widget-image-box .elementor-image-box-img { margin-bottom: 30px !important; }
.solutionSec .solutionBox .elementor-widget-image-box .elementor-image-box-content:before { border-left: 0; border-top: 1px solid rgb(25 25 25 / 20%); top: -14px; left: 0; height: auto; width: 100%; }

.footerSec .ftrMenu ul.hfe-nav-menu 							{ row-gap: 15px; column-gap: 14px; }
.footerSec .ftrMenu ul.hfe-nav-menu li.menu-item 				{ width: calc(100% - 0px); }
.footerSec .otherLinks ul.elementor-icon-list-items 			{ justify-content: flex-start; row-gap: 14px; column-gap: 20px; margin-bottom: 20px; }

.contactSec .contactForm .form-group.half 						{ width: 100%; }
	
.page-id-20 .elementor-element-55de773 .elementor-container		{ flex-wrap: nowrap; }
.clientImg > .elementor-widget-wrap > .elementor-widget-image 	{ margin-left: -10px; }
.clientImg > .elementor-widget-wrap > .elementor-widget-image .elementor-widget-container:after { outline: 3px solid rgba(255,255,255,0.2); }	
.page-id-20 .elementor-element-55de773 .elementor-element-e4048cf	{ width: 35%; }

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 100%; padding: 0 15px; }
section > .elementor-container									{ max-width: 100%!important; padding: 0 15px!important; }

}