/*============================
   ##  1  Service Common Page Css
=============================*/
.title-color {color: var(--bs-light-orange)}
.title-width {width: fit-content}
.title-boder::after {background: var(--bd-gray-border);width: 100%;height: 2px;position: absolute;content: "";display: block;bottom: 0;border-radius: 15px}
.tegline-text::after {background: var(--bd-gray-border);width: 100%;height: 2px;position: absolute;content: "";display: block;top: -20px;border-radius: 15px}
.common-aboutus-section{background: var(--bs-light-orange)}


 /*============================
       1.1    Header Background Fixed
=============================*/
 #header {background: var(--bs-black)}


 /*============================
   1.3 Service Awards Section
=============================*/
.awards-content {font-size: 30px;line-height: 33px;margin: 0 auto 70px}
.service-inner-awards {display: grid;grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%}
.single-service-awards {border: 1px solid var(--bs-service-gray);border-right: none;padding: 10px}
.single-service-awards:last-child {border-right: 1px solid var(--bs-service-gray)}
.single-service-awards img {transition: 0.5s all ease-in}
.single-service-awards:hover img {transform: scale(1.1)}



/* Press & Events Image Section */
.press-event-wrapper {margin-bottom: 100px}
.events-groups {display: grid;grid-template-columns: 50% 50%;gap: 20px 0;margin: 0 auto;width: 100%}
.press-event-blog:nth-child(1), .press-event-blog:nth-child(3) {margin-right: 10px}
.press-event-blog:nth-child(2), .press-event-blog:nth-child(4) {margin-left: 10px}
.press-image {border-radius: 15px;transition: 0.5s all ease-in-out;overflow: hidden}
.press-event-blog:nth-child(4) .press-image {display: flex}
.press-image img {border-radius: 15px;transition: 0.5s all ease-in-out}
.press-event-blog:hover img {transform: scale(1.1);border-radius: 15px}
/* Press & Events Content area */
.evente-contnet-area {width: 80%;margin: 30px auto 0}
.event-icon-type {display: flex;align-items: center;position: absolute;top: -24px;margin-bottom: -62px;margin-left: -51px}
.outer-event-circle {box-shadow:0px 2px 3px 2px var(--bs-service-gray);border-radius: 50%}
.circle-event-inner {width: 85px;height: 85px;box-sizing: content-box;border: 6px solid var(--bs-white);border-radius: 50%;padding: 10px;transition: 0.5s all ease-in-out;box-shadow:inset 0px 3px 4px 1px var(--bd-gray-border)}
.event-circle-icon {background: var(--bs-light-orange);box-sizing: border-box;border-radius: 50%;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: 0px 3px 3px 2px var(--bs-shadow);transition: 0.5s all ease-in-out}
.icon-shape {width: 4px;background: var(--bs-white);height: 60px;transition: 0.5s all ease-in-out;bottom: 115px;left: 0;right: 0;margin: 0 auto}
.icon-shape span {width: 15px;height: 15px;background: var(--bs-white);border-radius: 50%;display: block;position: absolute;right: -6px;margin-top: -3px}
.press-event-blog:last-child::after {background: var(--bs-black-gray);width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";border-radius: 18px;opacity: 0.7}
.ezulix-plus {position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;font-size: 71px;font-weight: 600;color: var(--bs-white);z-index: 1;border-radius: 50%;border: 9px solid var(--bs-white);width: 100px;height: 100px;display: grid;align-items: center;opacity: 0.4;transform: translateY(-50%);transition: 0.5s all ease-in-out;text-align: center;cursor: pointer}
.press-event-blog:hover .ezulix-plus {color: var(--bs-white);opacity: 1}
.orange-shape-inner {background: linear-gradient(-100deg, #E29C2F 0%, #DD7D22 50%, #DE7F23 98%);border-radius: 0 0 30px 0;box-shadow: 0px 9px 0px 0px var(--bs-white);padding: 0 0 60px;width: 100%}
.orange-shape-inner span {background:linear-gradient(-100deg, var(--bs-warning) 0%, var(--bs-warning) 30%, var(--bs-orange) 99%);width: 100%;padding: 7px 0;display: block}
.event-heading {position: absolute;top: 14px;left: 0;right: 0}
.event-heading .text-white {text-shadow:1px 5px 5px var(--bs-dark-orange)}
.event-text {background: var(--bs-orange-secondary);border-radius: 0 0 50px 50px;z-index: -1}
.events-content {width: 80%;margin: -25px auto 0;padding: 60px 25px 25px}
/* Press & Events Popup Modal */
.press-event-popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index: 999}
.press-event-popup::after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	background: var(--bs-black);
	z-index: -1;
	opacity: 0.95;
}
.modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;border-radius: 0.5rem; user-select: none;}
.close-button {cursor: pointer;border-radius: 0.25rem;background-color: var(--bs-light-orange);position: absolute;z-index: 999;font-size: 28px;padding: 13px;right: 12px;color: var(--bs-white)}
.close-button:hover {background-color: var(--bs-white);color: var(--bs-black)}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}
/*=========================================
   Event Slider 
==========================================*/
.event_slider_wrapper {position: relative;display: flex;overflow: hidden}
.slider-img-blog {border-radius: 20px;overflow: hidden}
.event-single-slider {flex: 0 0 100%;text-align: center;margin: 0px 16px; user-select: none; height: 400px;}
.event-single-slider .slider-img-blog img{
	width: auto;
	height: 100%;
}
.slider-arrow {position: absolute;top: 50%;z-index: 2;background: var(--bs-light-orange);box-shadow: -1px 13px 15px -6px var(--bs-black);border-radius: 5px;width: 40px;height: 40px;line-height: 46px;text-align: center;color: var(--bs-white);font-size: 27px;transition: 0.5s}
.slider-arrow:hover {border-radius: 50%;font-size: 30px;transform: translateY(-4px)}
.slider-right-arrow {right: 0}

@media (max-width:767px) {
.events-groups {grid-template-columns: 100%}
.icon-shape {bottom: 60px}  
.outer-event-circle {margin: 0 auto -52px;z-index: 2} 
.event-single-slider {flex: 0 0 100%;margin: 0px 0px}
.evente-contnet-area {width: 100%;margin: 10px auto 0}
.orange-shape-inner {border-radius: 0 0 30px 30px;position: relative;z-index: 1}  
.event-heading h4 {color: var(--bs-white);background: var(--bs-black-gray);margin-top: -29px;padding-top: 61px}   
.events-content {width: 100%;margin: -25px auto 0;padding: 40px 25px 25px}   
.event-icon-type {position: relative;top: 0;margin-bottom: 0;margin-left: 0}
.event-heading {position: relative;top: 0}     
}
 
 @media only screen and (min-width:1400px) {
/***-------- Service Awards Section -----***/
.awards-content {width: 45%}
 }

 @media (min-width:1200px) and (max-width:1399px) {
/***-------Service Awards Section------*/
.awards-content {width: 46%}
 }

 @media (min-width:992px) and (max-width:1199px) {
/***--------Service Awards Section -------*/
.awards-content {width: 53%}
 }

 @media only screen and (max-width:991px) {
/*** ----------------------------------------
    Service Common Css
--------------------------------------------***/
/***===== service-info-section ========*/
.service-info-section {padding-bottom: 0}
.service-info-background {width: 100%;position: relative;object-fit: contain} 
 }

 @media (min-width:768px) and (max-width:991px) {
.awards-content {width: 77%}
.single-service-awards {padding: 2px}
}  

 @media (min-width:376px) and (max-width:767px) {
.service-inner-awards {display: inline-block}
.single-service-awards {border-right: 1px solid var(--bs-service-gray);width: 50%;float: left;border-bottom: none}
.single-service-awards:nth-child(5), .single-service-awards:nth-child(6) {border-bottom:1px solid var(--bs-service-gray);}
.single-service-awards:nth-child(2), .single-service-awards:nth-child(4), .single-service-awards:nth-child(6) {border-left: none}}

 @media only screen and (max-width:375px) {
.service-inner-awards {display: block}
.single-service-awards {border-right: 1px solid var(--bs-service-gray);width: 100%;border-bottom: none}
.single-service-awards:last-child {border-bottom: 1px solid var(--bs-service-gray)}
 }