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

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

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

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

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


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




/*..............embedded fonts..............*/

/*..............custom fonts..............*/



/*..............common styles..............*/

:root {
  --blue: #0078C2;
  --body-font: 'EuclidCircularA-Regular';
  --bold-font: 'EuclidCircularA-Bold';
  --light-font: 'EuclidCircularA-Light';
  --semibold-font: 'EuclidCircularA-SemiBold';
  --medium-font: 'EuclidCircularA-Medium';
  --body-color: #555555;
  --grey: #494949;
  --red: #C02A27;
  --dark-grey: #222222;
  --common-transition: all 0.5s; 
}


html {scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; padding: 0; line-height: 1.5; font-family: var(--body-font); font-size: 1.25rem; font-weight: 500; color: var(--bs-black); overflow: hidden; }
h1, h2, h3, h4, h5, h6 {margin:0 0 1.563rem; padding:0; font-family: var(--body-font); font-weight: normal; line-height: 1.2; }
h1 { font-size: 9.375rem; }
h2 { font-size: 5rem; }
h3 { font-size: 2.5rem; }
h4 { font-size: 1.5rem;}
h5 { font-size:20px;}
h6 { font-size: 1.25rem; }
p { font-family: var(--light-font); color: var(--body-color); margin:0 0 25px; }
p:last-child { margin-bottom: 0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: var(--grey); outline: none; text-decoration: none; transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--body-font); font-weight: normal; outline: none; border-radius: 5px !important; }
input[type="submit"]{ font-family: var(--body-font); font-weight: normal; transition:all 0.3s ease 0s; outline: none;}
select { appearance: none; -webkit-appearance: none; height: 38px !important; padding-left: 40px !important; background-image: url(../images/select-arw.svg); background-repeat: no-repeat; background-position: 4%;  }

/* --- for placeholder color --- */

.form-control::-moz-placeholder{ color:var(--body-color); opacity:1; }
.form-control:-ms-input-placeholder{ color:var(--body-color); }
.form-control::-webkit-input-placeholder{ color:var(--body-color); }

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{ float:left; margin:0 15px 10px 0; }
.alignright { float:right; margin:0 0 10px 15px; }
.aligncenter { margin:10px auto; display:block; }
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
a.btn, .btn { display: inline-block; vertical-align: middle; background-color: transparent ; color: var(--bs-black) !important; font-family: var(--bold-font); padding: 20px 40px; font-size: 16px; line-height: 1; border: 1px solid var(--bs-black); border-radius: 0; letter-spacing: 5px; text-transform: uppercase; transition: var(--common-transition); position: relative; z-index: 0; overflow: hidden;}
a.btn:hover, .btn:hover { color: var(--bs-white) !important; }
a.btn:after, .btn:after { content: ""; position: absolute; left: -100%; top: 0; bottom: 0; width: 0; height: 100%; background-color: var(--bs-black); transition: var(--common-transition); z-index: -10; }
a.btn:hover:after, .btn:hover:after { left: 0; width: 100%; }

a.btn.white , .btn.white { color: var(--bs-white) !important; border-color: var(--bs-white); }
a.btn.white:hover , .btn.white:hover { color: var(--bs-black) !important; }
a.btn.white:hover:after , .btn.white:hover:after { background-color: var(--bs-white); }

/* --- Button Styles --- */

/*row with equal height column*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*row with equal height column*/

/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.overlay-content { position: relative; z-index: 2;}
.common-padding { padding-top: 8%; padding-bottom: 8%; }
.common-padd-small { padding-top: 50px; padding-bottom: 50px; }
.common-padd-lt-rt { padding-left: 85px; padding-right: 85px; } 
.common-padd-big{padding-top: 120px; padding-bottom: 120px;}
.text-red { color: var(--red);}
a.text-btn { color: var(--body-color); text-transform: uppercase; letter-spacing: 5px; font-family: var(--medium-font); font-weight: 500; position: relative; transition: var(--common-transition); padding-bottom: 5px; font-size: 16px; display: inline-block;}
a.text-btn:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 97%; height: 2px; background-color: var(--body-color);transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);}
a.text-btn:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 5px; background-color: var(--bs-black); transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
a.text-btn:hover:before { width: 97%; right: inherit; }
a.text-btn:hover:after { width: 0; left: inherit; }
a.text-btn.text-white-btn { color: var(--bs-white);}

.bg-dark { background-color: var(--dark-grey);}
.font-medium { font-family: var(--medium-font); }
.font-semibold { font-family: var(--semibold-font);  }

/*..............common styles..............*/


/*for header css*/

.logo { width: 320px; }
.logo img { width: 100%;}
html.is-menu-open { height: 100dvh; overflow: hidden; }
body.is-menu-open { height: auto !important; }
.main-header {  padding: 10px 0px; position: fixed; top: 0; left: 0; right: 0; width:100%; z-index: 9999; }
/* .main-header .logo {  transition: var(--common-transition); } */
/*Toogle Button*/
.rt-toogle-button button.toogle-btn { width: 100px; height: 100px; border: 0; background-color: transparent; padding: 10px; }
.rt-toogle-button button.toogle-btn span { display: block; height: 5px; background: var(--bs-white); margin: 10px 0; transition-duration: .6s !important; transition-property: all !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; }
.is-menu-open button.toogle-btn.active, .is-menu-open .logo { position: relative; z-index: 9; }
.is-menu-open button.toogle-btn.active span:nth-child(1) { transform: rotate(45deg) translate(13px, 4px); }
.is-menu-open button.toogle-btn.active span:nth-child(2) { transform: rotate(-45deg) translate(5px, 0px); }

.fixed-header .main-header { background: var(--dark-grey); padding: 10px 0px; left: 0; position: fixed; top: 0; width:100%; box-shadow:0 0 12px rgba(0, 0, 0, 0.4); transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;}
/* body.fixed-header .logo { width: 200px; } */
@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

.mobile-menu { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100dvh; background: var(--bs-black); transform: translateX(-100%); transition-duration: .6s !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; overflow: auto; }
.is-menu-open .mobile-menu.active { transform: translateX(0); }
.menu-wrapper { height: calc(100dvh - 12rem); margin-top: 12rem !important; }
.menu-wrapper ul { margin: 0; padding: 0; }
.menu-wrapper ul li a { font-size: 6rem !important; color: #bdbdbd; }
.menu-wrapper ul li a:hover { color: var(--bs-white);}



/*for header css*/



.home-slider-wrapper { position: relative; width: 100%; height: 100dvh; display: flex; overflow: hidden; }
.home-slider-wrapper:before, .home-slider-wrapper:after { content: ""; position: absolute; left: 0; right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); width: 100%; height: 45%; z-index: 2; }
.home-slider-wrapper:before {background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); top: 0;}
.home-slider-wrapper:after { bottom: 0;}
.home-slider-wrapper .swiper-slide { width: 100%; height: 100%; }
.home-slider-wrapper .swiper-slide .slider-img { width: 100%; height: 100%;}
.home-slider-wrapper .swiper-slide .slider-img img { width: 100%; height: 100%; object-fit: cover;}
.home-slider-wrapper .gallery-thumbs { width: 50%; transform: rotate(180deg); }
.home-slider-wrapper .gallery-thumbs .swiper-slide { transform: rotate(180deg); }
.home-slider-wrapper [class^=swiper-button-] { background: #3037ff; width: 50px; height: 50px; border-radius: 50%; bottom: -80px; top: auto; }
.home-slider-wrapper [class^=swiper-button-]:after { font-size: 14px; }
.home-slider-wrapper .swiper-button-next { right: 42%; transform: rotate(90deg); }
.home-slider-wrapper .swiper-button-prev { left: 42%; transform: rotate(90deg); }
.home-slider-wrapper .gallery-top { position: static; width: 50%; }
.slider__controls { position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); width: 25px; z-index: 99; }
.slider__controls .slider__pagination {  transform: translate3d(0px,0%,0) !important; }
.swiper-pagination-bullet { width: 25px; height: 25px; margin: 15px auto !important; background-color: transparent; background-image: url(/wp-content/uploads/2024/04/evolve-o-icon.svg); background-repeat: no-repeat; background-size: 100%; opacity: 1; position: relative; transition: var(--common-transition); }
.swiper-pagination-bullet:after { content: ""; position: absolute; right: -3.2px; top: -3px; width: 32px; height:32px; border: 1px solid var(--bs-white); border-radius: 50%; opacity: 0; background-color: rgb(33 37 41 / 79%); z-index: -1;  transition: var(--common-transition);  }
/* .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px;  background-color: var(--bs-white); } */
.swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; }

.slider-content { position: absolute; left: 0; right: 0; margin: 0 auto; bottom:6%; z-index: 9; }
/* .home-slider-wrapper .slider-content { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 5rem; } */
.home-slider-wrapper .slider-content h1 { margin-bottom: 0; font-size: 6rem; line-height: 1; font-family: 'Ripple-Regular'; font-weight: normal; } 
.home-slider-wrapper .slider-content h1 span { display: block; }





.home-abt-content { padding-top: clamp(2.5rem, -3.5286rem + 12.5759vw, 11.5625rem); padding-bottom: clamp(2.5rem, -3.5286rem + 12.5759vw, 11.5625rem); padding-right: 5rem; }
.right-abt-img { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; height: 100%; }
.left-abt-img { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; height: 100%;  }
.home-abt-sec .right-abt-img img { width: 100%; height: 100%; object-fit: cover; }
.right-abt-content{ padding-right: 0; padding-left: 5rem; }
.right-abt-content p{ color: var(--bs-white); }



.portfolio-swiper-container { margin-top: 5%; position: relative;}
.portfolio-swiper-container .swiper-wrapper { align-items: center;}
.portfolio-swiper-container .swiper-slide { overflow: hidden; transition-duration: .15s !important;  transition-timing-function: cubic-bezier(.4,0,.2,1) !important; }
.portfolio-swiper-container .featured-slider-desc { background: #EEEEEE; padding: 35px 40px; opacity: 0;  transition-duration: .6s !important; transition-duration: .15s !important; transition-property: all !important; transition-timing-function: cubic-bezier(.4,0,.2,1) !important; transform: translateY(100%);}
.portfolio-swiper-container .swiper-slide-active .featured-slider-desc { opacity: 1; transform: translateY(0);}
.portfolio-swiper-container .swiper-slider-img { padding-bottom: 40%; position: relative; overflow: hidden; transition: all 0.8; }
.swiper-slider-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} 
.portfolio-swiper-container .swiper-slide-active .swiper-slider-img { padding-bottom: 63%; }
.swiper-button-next, .swiper-button-prev { width: 49px; height: 49px; top: 60%;
  transform: translateY(-40%); }
.swiper-button-prev { left: 50px; }
.swiper-button-next { right: 50px; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }


.team-bg-img { height: 100dvh; overflow: hidden; position: relative;}
.team-bg-img img { width: 100%; height: 100%; object-fit: cover; }
.team-bg-img:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(260deg, rgba(51, 51, 51, 0) 0%, #333333 100%); }
.team-content-block { position: absolute; bottom: 7rem; left: 0; right: 0; z-index: 2; }
.custom-title strong { font-family: var(--bold-font);}
.team-content-block a.text-btn:after { background-color: var(--bs-white);}


.news-sec .news-row { margin-left: -30px; margin-right: -30px; }
.news-sec .news-row>* { padding-left: 30px; padding-right: 30px; }
.news-box { border-top: 1px solid var(--bs-black); margin-top: 3.125rem; height: 100%;}
.news-box a { padding: 1.875rem; display: block; transition: var(--common-transition); height: 100%;}
.news-box a:hover { color: var(--bs-white) !important; background-color: var(--dark-grey);}
.news-box h6 { letter-spacing: 4px; } 
.news-box p.news-date { color: #777777; }
.news-box h3 { margin: 1.875rem 0 0; font-size: 1.5625rem; }


.contact-bg { height: 60dvh; overflow: hidden; position: relative;}
.contact-bg img {  width: 100%; height: 100%; object-fit: cover;  }
.contact-bg:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
.contact-content-block { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}







/*footer*/
footer.footer-wrapper { background-color: var(--dark-grey); } 
.footer_top {  padding: 5% 0;}
.footer_logo { margin-bottom: 2.5rem; }
footer .social li a { color: var(--bs-white); margin: 0 1.875rem 0 0; transition: var(--common-transition); }
footer .social li a svg{ font-size: 25px; transition: var(--common-transition); }
footer .social li a:hover svg { color: #7d7d7d; }
.footer_top .footer-menu ul { justify-content: space-between; margin-bottom: 3.125rem; }
.footer_top .footer-menu ul li a { color: var(--bs-white); transition: var(--common-transition); }
.footer_top .footer-menu ul li a:hover{ color: #7d7d7d; }
.footer_top .ftr-contact-col:last-child .ftr-contact-info{ max-width: 270px; }
.footer_top .ftr-contact-info h6 { font-family: var(--bold-font); color: var(--bs-white); margin-bottom: 0.813rem; }
.footer_top .ftr-contact-info p , .footer_top .ftr-contact-info p a { color: var(--bs-white); transition: var(--common-transition); }
.footer_top .ftr-contact-info p a:hover{ color: #7d7d7d; }
.footer_top .ftr-contact-info p a{ white-space: normal; word-break: break-all; }

.footer_bottom { padding: 0 0 1.875rem; color: var(--bs-white); }
.footer_bottom .border-top { border-top: 1px solid #696969 !important; padding-top: 1.875rem; }
.footer_bottom p { font-size: 16px; margin-bottom: 0; }
.footer_bottom .privacy-policy a {color: var(--bs-white);font-size: 16px;  }
.footer_bottom p, .footer_bottom p a { color: var(--bs-white); font-weight: normal; }
.footer_bottom .privacy-policy span { line-height: 1; margin: 0 8px; }
.footer_bottom p img { width: 25px; margin-left: 10px; }


/* ========= About-Page ========== */

.inner-banner{ position: relative; height: 50rem; }
.inner-banner:before, .inner-banner:after { content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 60%; }
.inner-banner:before {background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%); top: 0;}
.inner-banner:after { bottom: 0;}
.inner-banner h1 { margin-bottom: 0;}
.inner-banner .banner-image{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }
.inner-banner-content{ position: absolute; z-index: 2; left: 0; right: 0; bottom: 5rem;  width: 100%; }

.our-story-section h2 { line-height: 1.3; }
.our-story-section h2 span { display: block; }
.our-story-section .nav-tabs{ border: none; }
.our-story-section .nav-tabs .nav-item{ margin-bottom: 20px; }
.our-story-section .nav-tabs .nav-item:last-child{ margin-bottom: 0; }
.our-story-section .nav-tabs .nav-item .nav-link{ font-size: 80px; line-height: 1.2; color: #AAAAAA; text-transform: capitalize; border: none; padding: 0; margin: 0; }
.our-story-section .nav-tabs .nav-item .nav-link.active, .our-story-section .nav-tabs .nav-item .nav-link:hover{ color: var(--black); border: none; } 
.our-story-section .tab-content .tab-pane{ border: 0; }
.our-story-section .tab-content .accordion-body{ padding: 0 0 0 25px; }
.our-story-section .tab-content .accordion-body p{ color: #555555; }
.our-story-section .nav-tabs .nav-item button:focus { outline: none; }
/* @media (max-width: 991px) {
  .tab-content>.tab-pane {
    display: block;
    opacity: 1;
  }
} */

.team-section{ background: #222; }
.team-section .team{ overflow: visible; }
.team-slider .swiper-slide{ height: auto; }
.team-slider .team-info{ height: 100%; background: var(--bs-white);transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);  }
.team-slider .team-image{ position: relative; padding-bottom: 110.4%; }
.team-slider .team-image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.team-slider .image-desc{ background: var(--bs-white); padding: 35px; overflow: hidden; position: relative;}
.team-slider .image-desc h3{  font-size: 2rem; font-weight: 600; margin-bottom: 0; transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
/* .team-slider .team-info:hover .image-desc h3 { transform: translateY(-10px); font-size: 2rem; } */
.team-slider .image-desc p {font-size: 1.1rem; margin-top: 0; display: inline-block; /*position: absolute; transform: translateY(10vw); transition: var(--common-transition);*/ }
/* .team-slider .team-info:hover .image-desc p {transform: translateY(-2vw); font-size: 1.1rem;} */
.team-slider .swiper-button-next, .team-slider .swiper-button-prev{ top: 50%; }


.milestone-section{ background-size: cover !important; background-repeat: no-repeat !important; }
.milestone-section:after{ content: ''; position: absolute; left: 0; right:0; top: 0; bottom: 0; width: 100%; height: 100%; background: #333333; opacity: 70%; }
.milestone-counter .counter-text{ background: rgba(0,0,0,0.4); backdrop-filter: blur(50px); border: 1px solid var(--bs-white); height: 265px; }
.milestone-counter .counter-text h3{ font-size: 60px; }
.milestone-counter .counter-text p{ color: var(--bs-white); }
.milestone-counter .employees-div h3:after{ content: "+"; }
.milestone-counter .customers-div h3:after{ content: "M"; }
.milestone-counter .year-div h3:after{ content: " years"; }


/* ========= About-Page ========== */




/* ========= Portfolio Page ========== */

.portfolio-box { overflow: hidden; transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); }
.portfolio-img { padding-bottom: 89.334%; position: relative; overflow: hidden;  }
.portfolio-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);}
.portfolio-img::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); width: 100%; height: 30%; z-index: 2;}
.portfolio-content { position: absolute; left: 0; bottom: 0; padding: 70px; z-index: 2; width: 100%; }
.portfolio-box:hover .portfolio-img img { -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); }
.portfolio-content a.text-btn { color: var(--bs-white); margin-top: 30px; display: inline-block; position: absolute; transform: translateY(10vw); }
.portfolio-box:hover .portfolio-content a.text-btn { transform: translateY(-3vw); }
.portfolio-box .portfolio-content-top { transition-duration: .6s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);}
.portfolio-box:hover .portfolio-content-top { transform: translateY(-30px); }
.portfolio-box.portfolio-full-box .portfolio-img { padding-bottom: 44.7%;}
/* ========= Portfolio Page ========== */



/* ========= Portfolio Details Page ========== */

.portfolio-site-info:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.site-icon { flex: 0 0 auto; width: 60.48px; height: 60.48px; border-radius: 50%; background-color: var(--bs-black); display: flex; align-items: center; justify-content: center; margin-right: 1.2rem; }
@media (min-width: 992px){
  .portfolio-details-wrapper .offset-2 {
      margin-left: 10%;
  }
  .portfolio-details-wrapper .col-md-4 {
      width: 27.333333%;
  }
}
.portfolio-slider{ position: relative; }
.portfolio-slider .portfolio-details-slider-img{ position: relative; padding-bottom: 89.4%;  }
.portfolio-slider .portfolio-details-slider-img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.portfolio-slider .portfolio-details-slider-img:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 30%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transition: var(--common-transition); opacity: 0; }
.portfolio-slider .portfolio-details-slider-img:hover:after{ opacity: 1; }



/* ========= Contact Page Start ========== */
.contact-wrap .contact-info{ padding-right: 12rem; }
.bottom-social .nav li{ margin-right: 30px; }
.bottom-social .nav li:last-child{ margin-right: 0; }
.bottom-social .nav li a svg{ font-size: 23px; color: var(--bs-black ); }
.get-in-touch{ background-size: cover !important; background-repeat: no-repeat !important; padding: 60px; margin-left: 5rem; }
.form-group{ margin-bottom: 20px; }
.form-group .form-control { font-size: 14px; line-height: 1.2; color: var(--bs-white); border: none; border-bottom: 1px solid #777777; border-radius: 0 !important; background: none; box-shadow: none; outline: none; padding: 20px 10px; }
.submit-btn .submit { border-color: var(--bs-white); color: var(--bs-white) !important; }

/* ========= Contact Page End ========== */


/* ========= News Page Start ========== */
.inner-news .news-box{ margin-top: 0; }
.inner-news .news-row>*{ margin-bottom: 60px; }


.presentation .presentation-inr{ position: relative; display: inline-block; padding: 0 22px; }
.presentation .presentation-inr a.extrme-left { position: absolute; left: 0; top: 0; line-height: 1; }
.presentation .presentation-inr a.extrme-right{ position: absolute; right: 0; top: 0; line-height: 1; }


.presentation ul li{ line-height: 1; padding: 0 10px; }
.presentation ul li a{ font-family: var(--medium-font); color: #AAAAAA; }
.presentation ul li.active a{ font-family: var(--bold-font); color: var(--bs-black); }

/* ========= News Page End ========== */

/* ========= News-details Page Start ========== */
.is-menu-open .main-header{ background-color: var(--bs-black); }
.transparent-header .main-header{ position: relative; background: var(--bs-white) !important; }
.transparent-header .main-header .logo img{ filter: brightness(0); }
.transparent-header .rt-toogle-button button.toogle-btn span{ background: var(--bs-black); }
.fixed-header.transparent-header .main-header{ position: fixed; }
.fixed-header.transparent-header main{ padding-top: 139px; }
.is-menu-open .logo img{ filter: brightness(1) !important; }
.is-menu-open.transparent-header button.toogle-btn.active span{ background: var(--bs-white) !important; }



/*  */

.news-details-bnr-info{ padding-top: 140px; }
.details-bnr-desc h5{ font-size: 14px; line-height: 1.2; margin-bottom: 50px; }
.details-bnr-desc h2{ margin-bottom: 60px; }
.details-bnr-desc .details-bnr-img{ position: relative; padding-bottom: 33.2%; margin-bottom: 60px; }
.details-bnr-desc .details-bnr-img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.profile .profile-img-dec .image { width: 75px; height: 75px; border-radius: 50%; overflow: hidden; border: 4px solid #ebebeb; }
.profile .profile-img-dec .image img{ width: 100%; height: 100%; object-fit: cover; }
.profile .profile-img-dec .text{ width: calc(100% - 75px); padding-left: 20px; }
.profile .profile-img-dec .text h4{ font-family: var(--semibold-font); text-transform: capitalize; margin: 0; }
.profile .profile-socal h5{ font-size: 14px; color: var(--bs-black); margin: 0; padding-right: 20px; }
.profile .profile-socal li{ padding-right: 10px; }
.profile .profile-socal li a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--bs-black); }
.profile .profile-socal li a svg{ font-size: 23px; color: var(--bs-black); }

.news-details-right-info h4{ font-size: 2rem; border-bottom: 1px solid #CCCCCC; padding-bottom: 80px; margin-bottom: 50px; }
.news-details-right-info p{ font-size: 16px; }
.news-details-right-img{ position: relative; padding-bottom: 50.2%; margin-bottom: 50px; }
.news-details-right-img img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }




/* =========== */
.wpcf7 form .wpcf7-response-output{ text-align: center; color: var(--bs-white); }
.wpcf7-not-valid-tip{ display: none; }
.wpcf7-not-valid{ border-color: var(--red) !important; }






/*Media Query css*/
@media only screen and ( min-width: 1700px ) {
	.container { max-width: 1600px;}    
}


@media only screen and ( max-width: 1701px ) {
	h1 { font-size: 6.375rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 2rem; }
  .logo a { width: 240px; display: block; }
  .menu-wrapper ul li a { font-size: 4rem !important; }
  .swiper-button-next, .swiper-button-prev { top: 64%; }
  .footer_top .ftr-contact-col{ width: 50%; margin-bottom: 25px; }
  .footer_logo a { width: 240px; display: block; }

/* ========= Inner-Page Start ========= */
.inner-banner { height: 38rem; }
.our-story-section .nav-tabs .nav-item .nav-link { font-size: 65px; }
.milestone-counter .counter-text h3 { font-size: 45px; }

.get-in-touch { margin-left: 0; }
.contact-wrap .contact-info { padding-right: 7rem; }

.portfolio-details-wrapper .col-md-4 { width: 35.333333%; }
.portfolio-details-wrapper .offset-2 { margin-left: 5%; }


}

@media only screen and ( max-width: 1441px ) {
body{ font-size: 18px; }
h1 { font-size: 4.5rem; }
h2 { font-size: 3rem; }
.logo a { width: 180px; }
.rt-toogle-button button.toogle-btn { width: 80px; height: 80px; }
.menu-wrapper ul li a{ font-size: 3rem !important; }
.footer_logo a { width: 180px;  }
.our-story-section .nav-tabs .nav-item .nav-link { font-size: 50px; }
.portfolio-swiper-container .featured-slider-desc{ padding: 15px 20px; }
.home-slider-wrapper .slider-content h1 { font-size: 4.5rem;}

}




@media only screen and ( max-width: 1199px ) {
  h1 { font-size: 4rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 1.7rem; }
  /* h6 { font-size: 0.95rem; } */
  a.btn, .btn{ padding: 18px 30px; }
  .home-abt-content { padding-right: 2rem; }

  /* .portfolio-swiper-container .featured-slider-desc{ padding: 20px 30px; } */
  .news-box a { padding: 1rem; }

  .news-box p.news-date { font-size: 0.95rem; }
  .news-sec .news-row>* { padding-left: 15px; padding-right: 15px; }
  .news-box h3 { font-size: 1.2625rem; }
/* ========= Inner-Page Start ========= */
.our-story-section .nav-tabs .nav-item .nav-link { font-size: 45px; }
.team-slider .image-desc { padding: 20px; }
.right-abt-content { padding-left: 2rem; }  

.get-in-touch{ padding: 40px; }
.contact-wrap .contact-info { padding-right: 3rem; }
.home-slider-wrapper .slider-content h1 { font-size: 4rem;}
}

@media only screen and ( max-width: 991px ) {
  h4 { font-size: 1.3rem; }

  .logo a { width: 170px; display: block; }

  a.text-btn { letter-spacing: 3px; font-size: 14px; }
  .right-abt-img { position: relative; width: 100%; height: auto; padding-bottom: 66%; }   
  .home-abt-sec .right-abt-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
  .home-abt-content { padding-right: 0; }
  /* .portfolio-swiper-container .featured-slider-desc { padding: 15px 20px; } */
  .portfolio-swiper-container .featured-slider-desc h3 { font-size: 1.4rem; }
  .footer_logo a { width: 190px; }
  footer .social{ padding-bottom: 35px; }
  .footer_top .ftr-contact-col { width: 33.3%; margin-bottom: 0px; }
  .footer_bottom .border-top{ text-align: left; }
  .footer_bottom .privacy-policy { justify-content: start !important; padding-top: 10px; }

/* ========= Inner-Page Start ========= */
.our-story-section .tab-content .tab-pane .accordion-button { border: 2px solid #AAAAAA; margin-bottom: 15px; border-radius: 8px; font-size: 20px; font-family: var(--semibold-font); color: #AAAAAA; box-shadow: none; background: none; }
.our-story-section .tab-content .tab-pane .accordion-button:not(.collapsed){ border-color: var(--bs-black); color: var(--bs-black); }
.our-story-section .tab-content .tab-pane .accordion-button::after{ filter: brightness(4.5); }
.our-story-section .tab-content .tab-pane .accordion-button:not(.collapsed)::after{ filter: brightness(0); }
.our-story-section .tab-content .accordion-body { padding: 0 0 25px 25px; }
.our-story-section .tab-content .tab-pane:last-child .accordion-button { margin: 0; }
.milestone-counter .counter-text{ margin-bottom: 25px; }
.right-abt-content { padding-left: 0; }
.inner-banner { height: 32rem; }
.inner-banner-content { bottom: 2rem; }

.portfolio-content { padding: 40px; }
.portfolio-box:hover .portfolio-content a.text-btn { transform: translateY(-6vw); }

.concact-section .bottom-social{ padding-bottom: 35px; }
.contact-wrap .contact-info { padding-right: 1rem; }

.fixed-header.transparent-header main { padding-top: 100px; }
.portfolio-details-wrapper .offset-2 { margin-left: 0; }
.portfolio-details-wrapper .col-md-4 { width: 41.333333%; }
.news-details-bnr-info { padding-top: 90px; }
.news-details-btm-info .profile{ padding-bottom: 35px; }
.news-box h6 { letter-spacing: 0px; font-size: 0.9rem; }
.news-box p.news-date { font-size: 0.75rem; }
.our-story-section .nav-tabs { display: flex;margin-bottom: 30px; }
.our-story-section .nav-tabs .nav-item { margin-bottom: 0; flex: 0 0 auto; width: 33.33%; }
.our-story-section .nav-tabs .nav-item .nav-link { font-size: 35px; width: 100%; text-align: center; }
.our-story-section h2 span { display: inline-block; }


}
@media only screen and ( max-width: 767px ) {
  h2 { font-size: 2.3rem; }
  a.btn, .btn{ letter-spacing: 3px; }
  .common-padding { padding-top: 60px; padding-bottom: 60px; }
	.logo a { width: 130px; }
  .rt-toogle-button button.toogle-btn { width: 60px; height: 60px; }
  .is-menu-open button.toogle-btn.active span:nth-child(1) { transform: rotate(45deg) translate(10px, 4px); }
  .rt-toogle-button button.toogle-btn span { height: 3px; }
  .menu-wrapper ul li a { font-size: 2.3rem !important; }
  .slider__controls { right: 1rem; }
  .swiper-button-next { right: 30px; }
  .swiper-button-prev { left: 30px; }
  .news-sec .news-row>* { padding-left: 0; padding-right: 0; }
  .news-sec .news-row { margin-left: 0; margin-right: 0; }
  .contact-bg { height: 43dvh; }
  .contact-content-block .custom-title { padding-bottom: 25px; }
  .footer_logo a { width: 160px; }
  .footer_top .ftr-contact-col{ width: 100%; margin-bottom: 25px; }
 .footer_top .ftr-contact-col:last-child{ margin-bottom: 0; }
 .footer_top .footer-menu ul{ display: block; }
 .footer_top .footer-menu ul li { margin-bottom: 15px; }
 .footer_top .ftr-contact-col:last-child .ftr-contact-info{ max-width: 100%; }
/* ========= Inner-Page Start ========= */
.swiper-button-prev{ left: 15px; }
.swiper-button-next{ right: 15px; }
.team-slider .swiper-button-prev{ left: 5px; }
.team-slider .swiper-button-next{ right: 5px; }
.swiper-button-next, .swiper-button-prev { top: 58%; }
.team-slider .image-desc h3 { font-size: 22px; }
.milestone-counter .counter-text h3 { font-size: 35px; }
.milestone-counter .counter-text{ height: 165px;}
.portfolio-box:hover .portfolio-content a.text-btn { transform: translateY(-10vw); }
.inner-news .news-row>* { margin-bottom: 30px; }
.portfolio-details-wrapper .col-md-4 { width: 100%; margin-top: 40px; }

.news-details-right-info h4 { font-size: 1.5rem; padding-bottom: 50px; margin-bottom: 30px; }
.portfolio-box.portfolio-full-box .portfolio-img{ padding-bottom: 89.334%; }

.home-slider-wrapper { height: 70dvh;}
.home-slider-wrapper:before, .home-slider-wrapper:after { height: 50%;}

 
}
@media only screen and ( max-width: 479px ) {
  body{ font-size: 16px; }
  h1 { font-size: 3rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.2rem; }
  a.btn, .btn { font-size: 14px; padding: 14px 28px; }
  .logo a { width: 130px; }
  .rt-toogle-button button.toogle-btn { width: 50px; height: 50px; }
  .is-menu-open button.toogle-btn.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 2px); }
  .rt-toogle-button button.toogle-btn span{ margin: 8px 0; }
  .menu-wrapper ul li a { font-size: 2rem !important; }


  .portfolio-sec .text-white{ margin-bottom: 0; }
  .swiper-button-next, .swiper-button-prev { width: 39px; height: 39px; }
  .team-bg-img:before { background: linear-gradient(260deg, rgba(51, 51, 51, 0.5) 0%, #333333 100%); }
  .footer_logo a { width: 140px; }
  footer .social li a svg { font-size: 22px; }

/* ========= Inner-Page Start ========= */
.portfolio-box:hover .portfolio-content a.text-btn { transform: translateY(-15vw); }
.site-icon{ width: 50px; height: 50px; }
.site-icon img { width: 19px; }

.details-bnr-desc .details-bnr-img { padding-bottom: 50.2%; }
.details-bnr-desc h2 { margin-bottom: 40px; }

.our-story-section .nav-tabs .nav-item .nav-link { font-size: 25px;}


}

/*Media Query css*/