@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------- */
@font-face { font-family: 'Plus Jakarta ExtraLight'; src: url('../fonts/PlusJakartaSans-ExtraLight.eot'); src: url('../fonts/PlusJakartaSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-ExtraLight.woff2') format('woff2'), url('../fonts/PlusJakartaSans-ExtraLight.woff') format('woff'), url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype'), url('../fonts/PlusJakartaSans-ExtraLight.svg#PlusJakartaSans-ExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Light'; src: url('../fonts/PlusJakartaSans-Light.eot'); src: url('../fonts/PlusJakartaSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Light.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Light.woff') format('woff'), url('../fonts/PlusJakartaSans-Light.ttf') format('truetype'), url('../fonts/PlusJakartaSans-Light.svg#PlusJakartaSans-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Italic'; src: url('../fonts/PlusJakartaSans-Italic.eot'); src: url('../fonts/PlusJakartaSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Italic.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Italic.woff') format('woff'), url('../fonts/PlusJakartaSans-Italic.ttf') format('truetype'), url('../fonts/PlusJakartaSans-Italic.svg#PlusJakartaSans-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Medium'; src: url('../fonts/PlusJakartaSans-Medium.eot'); src: url('../fonts/PlusJakartaSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Medium.woff') format('woff'), url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype'), url('../fonts/PlusJakartaSans-Medium.svg#PlusJakartaSans-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Bold'; src: url('../fonts/PlusJakartaSans-Bold.eot'); src: url('../fonts/PlusJakartaSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Bold.woff') format('woff'), url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype'), url('../fonts/PlusJakartaSans-Bold.svg#PlusJakartaSans-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta Regular'; src: url('../fonts/PlusJakartaSans-Regular.eot'); src: url('../fonts/PlusJakartaSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Regular.woff') format('woff'), url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype'), url('../fonts/PlusJakartaSans-Regular.svg#PlusJakartaSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta SemiBold'; src: url('../fonts/PlusJakartaSans-SemiBold.eot'); src: url('../fonts/PlusJakartaSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'), url('../fonts/PlusJakartaSans-SemiBold.woff') format('woff'), url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype'), url('../fonts/PlusJakartaSans-SemiBold.svg#PlusJakartaSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Plus Jakarta ExtraBold'; src: url('../fonts/PlusJakartaSans-ExtraBold.eot'); src: url('../fonts/PlusJakartaSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'), url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'), url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype'), url('../fonts/PlusJakartaSans-ExtraBold.svg#PlusJakartaSans-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Font Awesome 7 Brands'; src: url('../fonts/FontAwesome7Brands-Regular.eot'); src: url('../fonts/FontAwesome7Brands-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome7Brands-Regular.woff2') format('woff2'), url('../fonts/FontAwesome7Brands-Regular.woff') format('woff'), url('../fonts/FontAwesome7Brands-Regular.ttf') format('truetype'), url('../fonts/FontAwesome7Brands-Regular.svg#FontAwesome7Brands-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Font Awesome 7 Free'; src: url('../fonts/FontAwesome7Free-Solid.eot'); src: url('../fonts/FontAwesome7Free-Solid.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome7Free-Solid.woff2') format('woff2'), url('../fonts/FontAwesome7Free-Solid.woff') format('woff'), url('../fonts/FontAwesome7Free-Solid.ttf') format('truetype'), url('../fonts/FontAwesome7Free-Solid.svg#FontAwesome7Free-Solid') format('svg'); font-weight: 900; font-style: normal; font-display: swap; }


:root{
--body-color: rgb(0, 0, 0);;
--header: rgb(0, 0, 0); 
--black-color:rgba(0, 0, 0, 1);
--primary-color:rgb(221, 31, 38);
--second-primary-color: rgb(187, 148, 87);
--white-color:rgba(255, 255, 255, 1);


--body-font: 'Plus Jakarta Light';
--heading-font: 'Plus Jakarta Ligh';
--font-regular:'Plus Jakarta Regular';
--font-semibold:'Plus Jakarta SemiBold';
--font-bold:'Plus Jakarta Bold';
--font-medium:'Plus Jakarta Medium';
--font-black:'Plus Jakarta ExtraBold';
--font-icon:'Font Awesome 7 Free';
}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 16px; color: var(--body-color); line-height: 1.5; box-sizing: border-box; overflow-x: hidden;}
*, *:after, *:before {box-sizing: border-box;}

svg path{ transition: all 0.3s; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--header); line-height:1.2; font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size:56px;}
h2,.h2 {font-size:48px;}
h3,.h3 {font-size:34px;}
h4,.h4 {font-size:24px;}
h5,.h5 {font-size: 23px;}
h6,.h6 {font-size: 22px;}

/* Create the Default Paragraphs */
p {margin-bottom: 20px; }

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--primary-color); }


/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--font-medium); font-weight: normal; margin: 0 0 0 0;  padding:11px 21px;  border-radius:0px; background-color:var(--primary-color); border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size: 16px; color: var(--white-color); line-height: 1; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1;}
.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--primary-color); border: 1px solid var(--primary-color);}

.button.button-border:after, a.button.button-border:after{border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); z-index: -2; transition: all .35s}
.button.button-border:hover:after, a.button.button-border:hover:after{width: 0%;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: var(--second-primary-color); color: var(--white-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea {padding:10px 24px; font-family: var(--body-font);  font-size: 16px; background-color:transparent; letter-spacing: 0;width: 100%; color:var(--body-color); text-transform: none; filter: alpha(opacity=100); border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius:6px; line-height:16px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

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

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

textarea{ min-height: 50px; }
/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: right; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1300px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }


.col-4 {max-width: 25%;}
.col-3 {max-width: 33.33%;}
.col-2 {max-width: 50%;}
.col-1 {max-width: 100%;}


.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}

.common_color{ color: var(--primary-color); }

/* header */
header{ position: relative; padding: 25px 0; }
.header_inr{ display: flex; align-items: center; justify-content: space-between; }
.header_logo{ max-width: 126px; line-height: 0; width: 100%; }
.header_logo a{ width: 100%; height: 100%; line-height: 0; }
.header-right{ display: flex; align-items: center; justify-content: flex-end; gap: 40px; }
nav ul{ display: flex; align-items: center; justify-content: flex-end; gap: 40px; }
nav ul li a{ position: relative; color: var(--body-color); font-family: var(--font-medium);  transition: color 0.5s ease; }
nav ul li a::after,.work_item .work_item_box h3::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, var(--primary-color), transparent); background-size: 300% 100%; opacity: 0; transition: opacity 0.5s; }
nav ul li a:hover::after { opacity: 1; animation: shimmer111 2s linear infinite !important; }
@keyframes shimmer111{ 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.header_btn_toggle{ display: flex; align-items: center; justify-content: flex-end; gap: 40px; }
.menu-toggle { width: 25px; height: 9px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; cursor: pointer; position: relative; }
.menu-toggle span { background-color: var(--body-color); height: 2px; display: block; position: relative; width: 100%;  transition: all 0.3s;}
.menu-toggle::before { content: ""; position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; background: var(--second-primary-color); border-radius: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.4s ease; z-index: 0; }
.menu-toggle:hover::before{ transform: translate(-50%, -50%) scale(1); }
.menu-toggle:hover span{ background-color: var(--white-color); }

.banner{ position: relative; padding: 66px 0; overflow: hidden; }
.banner_content{ text-align: center; max-width: 800px; width: 100%; margin: 0 auto; font-size: 18px; line-height: 34px; }
.banner_content h1{ font-size: 70px; font-family: var(--font-semibold); }
.banner_content h1 label{ font-family: var(--body-font); }
.banner-content h1{ color: var(--header); }
.banner_content h2{ font-family: var(--font-semibold); font-size: 104px; color: var(--second-primary-color); margin-top: -5px; padding-bottom: 15px; }
.loading-letters { display: inline-block; perspective: 1000px; }
.loading-letters span { display: inline-block; transform-origin: 50% 50% -25px; transform-style: preserve-3d; animation: rotateIn 1.2s ease forwards; }
@keyframes rotateIn { 0% { transform: rotateX(-360deg); opacity: 0; color: var(--primary-color); } 70% { transform: rotateX(0deg); opacity: 1; color: var(--primary-color); } 100% { transform: rotateX(0deg); opacity: 1; color: var(--header); } }
.banner::before { content: ''; position: absolute; left: 10px; top: calc(100% - 197px); background-image: url(../Images/pattern.svg); background-size: 110%; background-position: center; background-repeat: repeat-x; transform: rotate(0deg); width: 100%; height: 100%; }
.counter{ padding-top: 60px; position: relative; }
.counter ul{ gap: 20px; }
.counter ul li{ display: flex; font-size: 16px; align-items: center; gap: 5px; font-family: var(--font-regular);}
.loading-letters span.inside-label { font-family: var(--body-font) !important; }

.slider_section{ overflow: hidden; background-color: rgb(247, 247, 247); display: flex; justify-content: space-between; gap: 60px; }
.slider_sec_item{ max-width: 25%; width: 100%; }
.slider_sec_item_box{ display: flex; flex-direction: column; gap: 60px; }
.slider_sec_item_box .slider_sec_item_box_top{ height: 167px; position: relative; overflow: hidden; width: 100%;  background-color: rgb(36, 34, 31);  border-radius: 0 0 6px 6px; }
.slider_sec_item_box .slider_sec_item_box_bottom{ height: 393px; position: relative; overflow: hidden; width: 100%;  background-color: rgb(36, 34, 31);  border-radius: 6px 6px 0 0; }
.slider_sec_item:nth-child(even) .slider_sec_item_box{ flex-direction: column-reverse; } 
.slider_sec_item:nth-child(even) .slider_sec_item_box .slider_sec_item_box_top{ border-radius: 6px 6px 0 0; }
.slider_sec_item:nth-child(even) .slider_sec_item_box .slider_sec_item_box_bottom{  border-radius: 0px 0px 6px 6px; }
.slider_sec_item:nth-child(4) .slider_sec_item_box .slider_sec_item_box_top,.slider_sec_item:nth-child(4) .slider_sec_item_box .slider_sec_item_box_bottom{ height: 280px; }


.about{ padding: 75px 0; position: relative;   background-color: rgb(255, 250, 242); text-align: center; }
.common_div{ display: block; text-align: center; font-family: var(--font-bold); color: var(--second-primary-color); text-transform: uppercase; font-size: 14px; line-height: 34px;}
.about h2{ font-family: var(--body-font); color: var(--body-color); font-size: 34px; line-height: 50px; }
.logos{ padding: 40px 0 20px; display: flex; align-items: center; justify-content: space-between; }
.logos img{ mix-blend-mode: darken; height: auto; }
a.button.arrow_button { padding-right: 50px; padding: 13px 60px 13px 45px; position: relative; }
a.button.arrow_button::after{content: ""; background-image: url(../Images/long-arrow.png); width: 20px; height: 8px; position: absolute;    position: absolute; right: 35px; width: 16px; height: 18px; background-size: contain; transform: translateY(-50%); background-repeat: no-repeat; top: 56%; }

.work{ padding: 65px 0; position: relative; text-align: center; }
.work h2{ font-size: 48px; line-height: 66px; font-family: var(--body-font); padding: 0 0 30px; }

.wrok_inr{ display: flex; justify-content: space-between; margin: 0 -44px; flex-wrap: wrap; gap: 34px 0; }
.work_item{ max-width: 50%; width: 100%; padding: 0 44px; }
.work_item .work_item_box{ width: 100%; text-align: left; font-size: 18px; line-height: 30px; }
.work_item .work_item_box a.work_item_box_img{ position: relative; width: 100%; height: 360px; line-height: 0; overflow: hidden; display: block; padding: 0 0 31px; }
.work_item .work_item_box a.work_item_box_img img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s; }
.work_item .work_item_box a.work_item_box_img:hover img{ transform: scale(1.1); }
.work_item .work_item_box h3{ width: fit-content; position: relative; font-size: 24px; line-height: 34px; font-family: var(--font-semibold); color: var(--body-color); display: block; padding: 0 0 15px; }
.work_item .work_item_box h3 a{ color: var(--body-color); }
.work_item .work_item_box h3 a:hover{ color: var(--primary-color); }
.work_item .work_item_box p{ margin-bottom: 5px; }
.work_item .work_item_box span{ font-size: 12px; }
.work_item .work_item_box h3::after{ bottom: 8px; }
.work_item .work_item_box h3:hover:after{ opacity: 1; animation: shimmer111 2s linear infinite !important; }
.work_btn{ padding: 50px 0 0 0; }

.service{ background-color: rgb(36, 34, 31); padding: 75px 0; text-align: left; color: var(--white-color); text-align: left; } 
.service .common_div{ text-align: left; }
.service h2{ font-size:48px; line-height: 66px; color: var(--white-color); font-family: var(--body-font); padding: 0 0 35px; }
.tabs{ padding: 0px 0 23px; }
.tabs ul{ display: flex; gap: 35px; align-items: center; justify-content: flex-start; }
.tabs ul li a{ font-size: 18px; line-height: 30px;  color: rgb(178, 178, 178); padding: 0 0 8px; position: relative; }
.tabs ul li a::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, var(--primary-color), transparent); background-size: 300% 100%; opacity: 0; transition: opacity 0.5s;  }
.tabs ul li a:hover:after,.tabs ul li.active a::after{opacity: 1; animation: shimmer111 2s linear infinite !important;}
.tabs ul li.active a{ color: var(--white-color); }
.tabs_content_item{ max-width: 70%; width: 100%; }
.tabs_content_box{ width: 100%; display: none; align-items: center; gap: 120px; }
.tabs_content_box .left_box{ width: 60%; font-size: 18px; line-height: 30px; font-family: var(--body-font); color: rgba(255, 255, 255, 80%); }
.tabs_content_box .left_box h3{ font-family: var(--body-font); padding: 0 0 12px; font-size: 34px; color: var(--white-color); }
.tabs_content_box .left_box a{ font-family: var(--font-bold); color: var(--white-color); font-size: 16px; }
.tabs_content_box .left_box a:hover{ color: var(--second-primary-color); }
a.round_btn{ position: relative; }
a.round_btn::before{ content: ''; position: absolute; top: 0px; right: -45px; transition: all 0.5s ease-in-out; width: 34px; height: 34px; border-radius: 50%; background-color: var(--primary-color); background-image: url(../Images/long-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 18px;  }
a.round_btn:hover::before{ background-color: var(--second-primary-color); }
.tabs_content_box.active{ display: flex !important; }


.right_box{ width: 30%;}
.right_box ul li{ padding: 0 0 5px; position: relative; }
.right_box ul li a{ font-size: 14px; line-height: 30px; font-family: var(--body-font); color: var(--white-color); }
.right_box ul li a:hover{ color: var(--second-primary-color); }
.tabs_content { padding: 30px 0 0; }
.right_box ul li::before{ content: ''; position: absolute; width: 13px; height: 1px; background-color: var(--second-primary-color); left: -25px; top:16px; }
.radar { position: relative; width: 280px; aspect-ratio: 1; }
.ring { position: absolute; inset: 50%;  transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.35);   animation: radarPulse 3s ease-in-out infinite;}
.radar::before{ content: ''; position: absolute; left: 0; top: 0; background-image: url(../Images/all_arrow.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; background-size: 97%; animation: arrowRotate 4s linear infinite alternate; transform-origin: center;}
@keyframes arrowRotate { from { transform: rotate(-45deg); } to { transform: rotate(45deg); } }
.ring-1 { width: 80px; height: 80px; animation-delay: 0s;}
.ring-2 { width: 150px; height: 150px; animation-delay: 0.5s;}
.ring-3 { width: 220px; height: 220px; animation-delay: 1s;}
.center-dot { position: absolute; inset: 50%; width: 10px; height: 10px; background: #e53935; border-radius: 50%; transform: translate(-50%, -50%);  animation: dotBlink 1.2s ease-in-out infinite;}
@keyframes dotBlink { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 50% { transform: translate(-50%, -50%) scale(1.6); opacity: 0.6; } }
@keyframes radarPulse { 0% { opacity: 0.2; transform: translate(-50%, -50%) scale(0.9); } 50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1.05); } }
.tabs_content_inr { display: flex; align-content: center; justify-content: space-between; }

.testimonials{ padding: 75px 0 100px; position: relative; background-color: rgb(255, 250, 242); text-align: center; }
.testimonials h2{ font-family: var(--body-font); font-size: 48px; line-height: 66px; }
.testimonials_inr{ padding: 39px 0 0; }
.testimonials_item{ width: 100%; }
.testimonials_box{ display: flex; justify-content: space-between; gap: 80px; }
.testimonials_box .testimonials_img{ max-width: 30%; width: 100%; line-height: 0; }
.testimonials_content{ max-width: 70%; width: 100%; }
.testimonials_box_content{ max-width: 100%; width: 100%; }
.testimonials_box .testimonials_img img{ width: 100%; height: 100%; object-fit: cover; }
.testimonials_content{ text-align: left; }
.testimonials_content h2{ font-size: 34px; line-height: 34px; font-family: var(--font-semibold); color: var(--header);  }
.testimonials_content span{ font-size: 18px; font-family: var(--body-font); }
.testimonials_content p{ font-size: 34px; line-height: 45px; font-family: var(--body-font); margin-bottom: 35px; }
.testimonials_box_content hr{ display: block; border: 0; height: 1px;  background-color: rgb(197, 197, 197); margin: 19px 0;  }
.testimonials_box_content a{  font-size: 18px; font-family: var(--font-semibold); color: var(--black-color); }
.testimonials_box_content a:hover{ color: var(--second-primary-color); }

.testimonials_inr .arrow { width: 25px; height: 20px; fill: #000; transition: all 0.5s; }
.testimonials_inr button.slick-arrow{ padding: 0; background-color: transparent; position: absolute; right: 20px; bottom: 5px; cursor: pointer; }
.testimonials_inr button.slick-arrow.slick-next{ right: 60px; }
.testimonials_inr button:hover .arrow{ fill: var(--primary-color); }
.testimonials_img_box { height: 100%; line-height: 0; width: 100%; }

.industries{ padding: 78px 0; position: relative;  background-color: rgb(36, 34, 31);}
.industries h2{ color: var(--white-color); font-family: var(--body-font); font-size: 34px; line-height: 50px; text-align: center; }

.industries-inr { padding: 70px 0 0; position: relative; margin: 0 -35px; }
.industries_item { line-height: 0; max-width: 100%; width: 100%; padding: 0 35px; }
.industries_item .industries_box{ position: relative; overflow: hidden; width: 100%; cursor: pointer;}
.industries_item .industries_box a{ width: 100%; height: 100%; line-height: 0; position: relative; }
.industries_item .industries_box img{ width: 100%; height: 100%; object-fit: cover; }
.industries_item .industries_box a::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  transition: all 0.5s ease-in-out; transform-origin: center; background-color:rgba(0, 0, 0, 0.46); }
.industries_item .industries_box:hover a::before{  background-color:var(--primary-color); opacity: 0.46; }
.content_box{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-family: var(--font-medium); line-height: 30px; color: var(--white-color);  }

.blog{ padding: 74px 0; position: relative; text-align: center; }
.blog h2{ font-family: var(--body-font); font-size: 48px; line-height: 50px; }
.blog_inr { display: flex; justify-content: space-between; gap: 50px; text-align: left; padding: 40px 0 0; }
.blog_inr .blog_item{ width: 50%; }
.blog_inr .blog_item .blog_item_box{ display: flex; gap: 36px; align-items: center; font-size: 22px; line-height: 40px; font-family: var(--body-font); }
.blog_inr .blog_item .blog_item_box a{ line-height: 32px; font-family: var(--font-bold); font-size: 16px; color: var(--body-color); }
.blog_inr .blog_item .blog_item_box a:hover{ color: var(--second-primary-color); }
.blog_item_box_img{ background-color: rgb(36, 34, 31); width: 50%; height: 283px; overflow: hidden; }
.blog_item_box_content{ width: 50%;}



footer{ position: relative; }
footer::before{ content: ''; position: absolute; height: 460px; width: 100%; bottom: 0; left: 0; background-color: rgb(36, 34, 31);}
footer .container{ position: relative; }
.footer-contact{  background-color: rgb(255, 250, 242); padding: 75px 60px; display: flex; align-items: start; gap: 60px; }
.footer-contact-left{ max-width: 40%; width: 100%; text-align: left; font-size: 22px; line-height: 32px; } 
.footer-contact-left h2{ font-family: var(--body-font); font-size: 48px; line-height: 50px; padding: 0 0 25px; }
.footer-contact-right{ max-width: 60%; width: 100%; }
.rating{ padding-top: 30px; position: relative; font-size: 48px; line-height: 50px; color: var(--second-primary-color); font-family: var(--font-bold);  }
.rating span{ font-size: 18px; line-height: 32px; font-family: var(--body-font); display: block; color: var(--body-color); }

.footer-contact-right span{font-size: 18px; line-height: 32px; font-family: var(--body-font); display: block; padding: 0 0 15px;  }
.footer-contact-right ul{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0 0 30px; }
.footer-contact-right ul li a{ padding: 1px 18px;  border-width: 1px; border-color: rgb(130, 130, 130); border-style: solid; border-radius: 18px; background-color: rgb(255, 250, 242); font-size: 14px; line-height: 32px; font-family: var(--body-font); color: var(--body-color); transition: all 0.3s ease-in-out; }
.footer-contact-right ul li a:hover{ background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }
.footer-contact-right form{ display: flex; justify-content: space-between; gap: 30px 0; margin: 0 -15px; flex-wrap: wrap; }
.footer-contact-right .input-fild{ max-width: 50%; width: 100%; padding: 0 15px; }
.footer-contact-right .input-fild.full_width{ max-width: 100%; }
.footer-contact-right .input-fild input,.footer-contact-right .input-fild textarea{ border: 0; border-bottom: 1px solid rgb(197, 197, 197); padding: 0 0 25px 0; border-radius: 0; font-size: 18px;  }
input:-webkit-autofill { -webkit-text-fill-color: #000 !important; transition: background-color 9999s ease-in-out 0s; }
.submit_btn{ width: fit-content; position: relative; padding: 0 15px; }
.submit_btn::after{    content: ""; background-image: url(../Images/long-arrow.png); width: 20px; height: 8px; position: absolute; position: absolute; right: 35px; width: 16px; height: 18px; background-size: contain; transform: translateY(-50%); background-repeat: no-repeat; top: 54%; z-index: 1; }
.submit_btn input[type=submit]{ padding: 13px 43px 13px 20px; cursor: pointer; }
.footer_inr{ padding: 50px 0; border-bottom: 1px solid rgb(113, 113, 113); display: flex; align-items: center; justify-content: space-between; }
.footer_inr .footer_logo{ display: flex; align-items: center; justify-content: flex-start; gap: 20px; color: var(--white-color); font-family: var(--body-font); }
.footer_inr .footer_logo a{ width: 67px; line-height: 0; }
nav.footer_list ul{ gap: 50px; }
nav.footer_list ul li a{ font-size: 18px; font-family: var(--font-medium); color: var(--white-color); }
.copyright{ padding: 32px 0; text-align: center; font-size: 18px; line-height: 50px; font-family: var(--body-font); color: var(--white-color); }