/*!
* © 2026 Post Ajans | www.postajans.com.tr
* Developer: Berat Celik
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root {
/* Colors: */
--color-DE947A: #DE947A;
--color-84543D: #84543D;
--color-785042: #785042;
--color-FCFCFC: #FCFCFC;
--color-333333: #333333;
--color-f9f9f9: #f9f9f9;
--color-F1F1F1: #F1F1F1;
--color-757575: #757575;
--color-808080: #808080;
--color-693B2C: #693B2C;
--color-8D5339: #8D5339;
--color-3C3C3C: #3C3C3C;
--color-86CA7C: #86CA7C;
--color-6C6C6C: #6C6C6C;
--color-A5A5A5: #A5A5A5;
--color-D0D0D0: #D0D0D0;
--color-E9E9E9: #E9E9E9;
--color-F4F4F4: #F4F4F4;
--color-fff : #fff;
--gradient-one : linear-gradient(93deg, var(--color-84543D) 0%, var(--color-DE947A) 100%);
--gradient-two : linear-gradient(89deg, var(--color-DE947A) 0%, var(--color-785042) 143.3%);
--gradient-three: radial-gradient(327.37% 82.83% at 20.94% 36%, #F1F1F1 0%, var(--color-fff) 100%);
--gradient-four : radial-gradient(327.37% 82.83% at 20.94% 36%, #333 0%, #444 100%);
--gradient-five : linear-gradient(90deg, #E30613 0%, #7D030A 100%);
--gradient-six : radial-gradient(327.37% 82.83% at 20.94% 36%, var(--color-F1F1F1) 0%, var(--color-fff) 100%);
--gradient-seven : linear-gradient(89deg, var(--color-DE947A) 0%, var(--color-785042) 143.3%);;
}
body{ font-family: "DM Sans", sans-serif !important;}
a {text-decoration: none !important;}
/*** Properties ***/
.site-container { width: 85%; margin: 0 auto;}
.site-margin{margin-top: 5%; margin-bottom: 5%;}
.site-padding{padding-top: 7%; padding-bottom: 7%;}
.menu-padding{padding-top: 150px;}
/*** Properties End ***/
/* ======================== */
/* FONT-SIZE START */
/* ======================== */
.fs-256 { font-size: clamp(64px, 13.33vw, 256px);}
.fs-108 { font-size: clamp(36px, 5.6vw, 108px);}
.fs-96 { font-size: clamp(32px, 5vw, 96px);}
.fs-72 { font-size: clamp(28px, 3.75vw, 72px);}
.fs-64 { font-size: clamp(24px, 3.33vw, 64px);}
.fs-60 { font-size: clamp(22px, 3.1vw, 60px);}
.fs-55 { font-size: clamp(20px, 2.85vw, 55px);}
.fs-48 { font-size: clamp(18px, 2.5vw, 48px);}
.fs-42 { font-size: clamp(17px, 2.2vw, 42px);}
.fs-36 { font-size: clamp(16px, 1.9vw, 36px);}
.fs-32 { font-size: clamp(15px, 1.66vw, 32px);}
.fs-30 { font-size: clamp(14px, 1.56vw, 30px);}
.fs-24 { font-size: clamp(13px, 1.25vw, 24px);}
.fs-20 { font-size: clamp(12px, 1.04vw, 20px);}
.fs-16 { font-size: clamp(11px, 0.83vw, 16px);}
.fs-14 { font-size: clamp(10px, 0.73vw, 14px);}
.fs-12 { font-size: clamp(9px, 0.62vw, 12px);}
.fw-extra-bold{font-weight: 900 !important;}
.power-text{letter-spacing: clamp(4px, 0.83vw, 16px);}
/* .fs-256 {font-size: clamp(80px, 13vw, 256px); line-height: clamp(80px, 13.5vw, 270px);}
.fs-108 {font-size: clamp(56px, 5.5vw, 108px); line-height: clamp(64px, 6vw, 120px);}
.fs-72 {font-size: clamp(40px, 3.8vw, 72px); line-height: clamp(48px, 4.5vw, 90px);}
.fs-60 {font-size: clamp(34px, 3.2vw, 60px); line-height: clamp(42px, 3.8vw, 72px);}
.fs-55 {font-size: clamp(32px, 3vw, 55px); line-height: clamp(40px, 3.6vw, 66px);}
.fs-48 {font-size: clamp(28px, 2.5vw, 48px); line-height: clamp(36px, 3vw, 60px);}
.fs-42 {font-size: clamp(26px, 2.2vw, 42px); line-height: clamp(34px, 2.8vw, 54px);}
.fs-36 {font-size: clamp(22px, 1.9vw, 36px); line-height: clamp(30px, 2.4vw, 48px);}
.fs-32 {font-size: clamp(21px, 1.25vw, 32px); line-height: clamp(24px, 1.8vw, 36px);}
.fs-30 {font-size: clamp(20px, 1.25vw, 30px); line-height: clamp(24px, 1.8vw, 36px);}
.fs-24 {font-size: clamp(16px, 1.25vw, 24px); line-height: clamp(24px, 1.8vw, 36px);}
.fs-20 {font-size: clamp(14px, 1.05vw, 20px); line-height: clamp(20px, 1.5vw, 28px);}
.fs-16 {font-size: clamp(13px, 0.9vw, 16px); line-height: clamp(18px, 1.3vw, 24px);}
.fs-14 {font-size: clamp(12px, 0.8vw, 14px); line-height: clamp(16px, 1.1vw, 20px);}
.fs-12 {font-size: clamp(11px, 0.7vw, 12px); line-height: clamp(14px, 1vw, 18px); } */
/* ======================== */
/* FONT-SIZE END */
/* ======================== */
/* ======================== */
/* COLORS START */
/* ======================== */
.color-DE947A{color: var(--color-DE947A);}
.color-FCFCFC{color: var(--color-FCFCFC);}
.color-333333{color: var(--color-333333);}
.color-84543D{color: var(--color-84543D);}
.color-f9f9f9{color: var(--color-f9f9f9);}
.color-757575{color: var(--color-757575);}
.color-808080{color: var(--color-808080);}
.color-693B2C{color: var(--color-693B2C);}
.color-8D5339{color: var(--color-8D5339);}
.color-3C3C3C{color: var(--color-3C3C3C);}
.color-6C6C6C{color: var(--color-6C6C6C);}
.color-D0D0D0{color: var(--color-D0D0D0);}
.color-E9E9E9{color: var(--color-E9E9E9);}
.color-A5A5A5{color: var(--color-A5A5A5);}
.color-fff{color: var(--color-fff);}
.bg-DE947A{background-color: var(--color-DE947A);}
.bg-f9f9f9{background-color: var(--color-f9f9f9);}
.bg-8D5339{background-color: var(--color-8D5339);}
.bg-3C3C3C{background-color: var(--color-3C3C3C);}
.bg-86CA7C{background-color: var(--color-86CA7C);}
.bg-333333{background-color: var(--color-333333);}
.bg-E9E9E9{background-color: var(--color-E9E9E9);}
.bg-F4F4F4{background-color: var(--color-F4F4F4);}
.bg-gradient-one{background: var(--gradient-one);}
.bg-gradient-two{background: var(--gradient-two);}
.bg-gradient-three{background: var(--gradient-three);}
.bg-gradient-four{background: var(--gradient-four);}
.bg-gradient-five{background: var(--gradient-five);}
.bg-gradient-six{background: var(--gradient-six);}
.bg-gradient-seven{background: var(--gradient-seven);}
/* ======================== */
/* COLORS END */
/* ======================== */
/* ======================== */
/* BUTTONS START */
/* ======================== */
.button-one { padding: clamp(8px, 0.52vw, 10px) clamp(20px, 1.56vw, 30px) clamp(8px, 0.52vw, 10px) clamp(24px, 2.24vw, 43px); gap: clamp(6px, 0.42vw, 8px); transition: all .4s; }
.fill-DE947A{background-color: var(--color-DE947A); color: var(--color-fff);}
.fill-DE947A:hover{background-color: var(--color-333333); color: var(--color-DE947A);}
.border-fff{background-color: transparent; color: var(--color-fff); border: 1px solid var(--color-fff);}
.border-fff:hover{background-color: var(--color-fff); color: var(--color-333333);}
.button-one::after {
content: "";
width: 13px;
height: 7px;
display: inline-block;
background-color: currentColor;
opacity: 0;
transform: translateY(5px);
transition: all .3s ease;
margin-left: 8px;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center;
mask: url("data:image/svg+xml;utf8,") no-repeat center;
}
/* hover’da görünür */
.button-one:hover::after {
opacity: 1;
transform: translateY(0);
}
/* ======================== */
/* BUTTONS END */
/* ======================== */
/* ======================== */
/* MENU START */
/* ======================== */
.navbar {
height: 100px;
position: fixed !important;
background: rgba(59, 59, 59, 0.75) !important;
/* backdrop-filter: blur(7.5px); */
background: transparent !important;
backdrop-filter: none !important;
z-index: 999;
top: 0;
}
.navbar::before {
content: "";
position: absolute;
inset: 0;
background: rgba(59, 59, 59, 0.75);
backdrop-filter: blur(7.5px);
z-index: -1;
}
.logo {width: 200px;}
.navbar .nav-item {padding: 0 20px; font-size: 14px; height: 100px; display: flex; align-items: center;}
.navbar .nav-link {color: var(--color-fff); transition: all .4s !important;}
.navbar .nav-link:hover {color: var(--color-DE947A) !important;}
.navbar .nav-link:focus {color: var(--color-0069A7) !important;}
.navbar .collapse{
border-right: 1px solid var(--color-fff);
height: 100px;
}
.logo-gradient{
background: var(--gradient-one);
height: 100px;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 460px;
display: flex; align-items: center;
}
.dropdown-menu {
position: absolute;
z-index: 999 !important;
top: 100px;
left: 0;
background: rgba(51, 51, 51, 0.85) !important;
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
transition: all .4s !important;
border-radius: 0 !important;
color: var(--color-DE947A) !important;
}
.dropdown-menu .dropdown-item {
color: var(--color-DE947A) !important;
padding: 20px 40px ;
}
.nav-item.dropdown:hover .language-dropdown {
display: block !important;
position: absolute;
z-index: 10;
min-width: 160px !important;
}
.language-dropdown .dropdown-item {
color: var(--color-fff) !important;
padding: 10px 30px;
width: auto !important;
text-align: center;
}
.dropdown-item:focus,.dropdown-item:hover {
transition: all .4s !important;
color: var(--color-DE947A) !important;
background-color: transparent !important
}
.nav-item.dropdown:hover .dropdown-menu {
display: block !important;
position: absolute;
z-index: 10;
min-width: 210px;
}
.navbar-toggler {
padding: 0;
line-height: 0;
border: none !important;
background-color: var(--color-0069A7) !important;
color: var(--color-fff) !important;
border-radius: 50px !important;
width: 48px !important;
height: 48px !important;
}
.navbar-toggler:focus {box-shadow: none !important;}
/* ======================== */
/* MENU END */
/* ======================== */
/* ======================== */
/* SLIDER START */
/* ======================== */
.main-slider, .slider-item, .slider-item img, .slider-item video{ height: 100vh; overflow: hidden;}
.slider-img{ object-fit: cover; }
.slider-item video{ object-fit: cover; object-position: center center; width: 100vw}
.slider-indicator{
position: absolute;
z-index: 2;
left: 7%;
top: 30%;
}
.slider-indicator .v-line{
height: 320px;
width: 1px;
background-color: var(--color-DE947A);
}
.slider-indicator .active-indicator{
height: 40px;
width: 8px;
background-color: var(--color-DE947A);
margin-left: -4px;
position: absolute;
bottom: 0;
transition: bottom 0.4s ease;
}
.slide-count{
font-weight: 500;
color: var(--color-DE947A);
letter-spacing: 1.4px;
margin-left: -7px;
}
.slider-title{
color: var(--color-FCFCFC);
font-size: clamp(32px, 6.25vw, 120px);
font-weight: 600;
line-height: 100%;
position: absolute;
z-index: 2;
left: 10%;
}
.t-one{top: 30%;}
.t-two{top: 45%; left: 15%;}
.slider-control{
position: absolute;
z-index: 2;
left: 10%;
top:45%;
display: flex;
flex-direction: column;
}
.slider-control button{
display: block;
background-color: transparent;
color: var(--color-DE947A);
border: 0;
height: 50px;
}
.main-slider .button-one{
position: absolute;
z-index: 2;
left: 10%;
top: calc(30% + 320px);
}
.slider-right-area{
right: 7%;
position: absolute;
width: 360px;
top: 50%;
z-index: 2;
}
.slogan::before,
.slogan::after {
content: "";
position: absolute;
left: 0;
width: 1px;
height: 90px;
background-color: var(--color-fff);
}
.slogan::before {top: -120px;}
.slogan::after {bottom: -120px;}
.slider-bottom{
bottom: 120px;
z-index: 2;
position: absolute;
right: 7%;
width: 360px;
}
.slider-social-media{background: var(--gradient-one); padding: 10px 15px;}
.slider-social-media a{margin: 0 10px;}
.fixed-button{
position: fixed;
bottom: 60px;
z-index: 99;
right: 7%;
display: flex;
align-items: center;
width: 360px;
justify-content: space-between;
}
.fixed-button a {
padding: 10px 30px;
display: flex;
align-items: center;
transition: transform .4s ease; /* önemli */
}
.fixed-button.scrolled .phone-button {
transform: translate(195px, -60px);
}
.fixed-button.scrolled .wp-button {
transform: translateY(0); /* sabit kalır */
}
.wp-button{background-color: var(--color-86CA7C); color: var(--color-fff);}
.wp-button:hover{background-color: #459639;}
.phone-button{background-color: var(--color-333333); color: var(--color-DE947A);}
.phone-button:hover{background-color: #242323;}
/* ======================== */
/* SLIDER END */
/* ======================== */
/* ======================== */
/* HOME CONTENTS START */
/* ======================== */
.marquee {overflow: hidden;width: 100%;}
.marquee-track {
display: flex;
gap: 100px;
width: max-content;
animation: scroll 20s linear infinite;
}
.marquee img {
height: 50px;
filter: grayscale(100%);
transition: .4s;
}
.marquee img:hover {filter: grayscale(0);}
@keyframes scroll {
from {transform: translateX(0);}
to {transform: translateX(-50%);}
}
.home-path{
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 0;
}
.textSlide {height: 150px;overflow: hidden;}
/* ======================== */
/* HOME CONTENTS END */
/* ======================== */
/* ======================== */
/* CATEGORY START */
/* ======================== */
.category-card{background-color: var(--color-fff); border-radius: 12px; border: 1px solid #EDEDED; aspect-ratio: 4/5;}
.category-card .fs-32{width: 95%;}
.c-img-area{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.category-card img{
height: 275px;
width: 95px !important;
object-fit: contain;
z-index: 2;
}
.main-img-start, .main-img-end{
height: 240px !important;
width: 80px !important;
opacity: 0.5;
mix-blend-mode: luminosity;
filter: blur(5px) grayscale(100%);
transition: all .4s;
}
.category-card:hover .main-img-start, .category-card:hover .main-img-end{
opacity: 1;
mix-blend-mode: normal;
filter: blur(0);
}
.category-card span{opacity: 0; transition: opacity .4s;}
.category-card:hover span{opacity: 1;}
/* ======================== */
/* CATEGORY END */
/* ======================== */
/* ======================== */
/* PAGE CONTENTS START */
/* ======================== */
.main-icon{width: 60px; height: auto; object-fit: contain;}
.icon-wrapper{display: inline-flex;align-items: center;}
.icon-wrapper::after{
content: "";
width: 48px;
height: 1px;
background-color: var(--color-DE947A);
margin-left: 5px;
}
.text-gradient{
background: var(--gradient-two);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter-divider{width: 100%; height: 1px; background-color: var(--color-DE947A);}
.short-line{width: 48px; height: 1px;}
.bold-line{width: 100%; height: 11px;}
.parallax{
width: 100%;
height: clamp(240px, 27.6vw, 530px);
background-size: cover;
background-attachment: fixed;
position: relative;
}
.parallax-overlay{
background: radial-gradient(327.37% 82.83% at 20.94% 36%, #333 0%, #444 100%);
mix-blend-mode: soft-light;
width: 100%;
height: clamp(240px, 27.6vw, 530px);
position: absolute;
z-index: 2;
}
.service-card{
border-radius: 32px;
background: rgba(242, 231, 228, 0.75);
backdrop-filter: blur(20px);
width: 100%;
height: auto;
aspect-ratio: 1;
padding: 30px;
}
.newsletter input{
border-radius: 18px;
width: 100%;
padding: 15px 25px;
border: 0;
}
.newsletter input:focus{
box-shadow: 0;
outline: 0;
}
.media-card{
width: 100%;
aspect-ratio: 1;
border-radius: 32px;
padding: 40px;
}
.media-card img{
position: absolute;
z-index: 2;
width: 100%;
/* aspect-ratio: 18/13; */
height: 250px;
object-fit: contain;
left: 50%;
bottom: -25%;
transform: translateX(-50%);
}
.media-img-overlay{
border-radius: 32px;
mix-blend-mode: luminosity;
position: absolute;
z-index: 1;
width: 100%;
height: auto;
aspect-ratio: 1;
background: rgb(211, 211, 211, .5);
left: 0; top: 0;
filter: grayscale(100%);
}
.stroke-text{
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #4D4D4D;
font-size: clamp(64px, 15.36vw, 295px);
font-style: normal;
font-weight: 900;
line-height: 125%;
letter-spacing: clamp(-6px, -0.73vw, -14px);
color: transparent;
}
.page-nav-abstract{
position: absolute;
z-index: -1;
top: 0;
left: 0;
margin-top: -10%;
}
.icon-wrap-right-text{margin-top: -40px;}
.contact-info i {
color: var(--color-4b9ea6) !important;
}
.contact-form input,
.contact-form textarea {
width: 100%;
border: 1px solid var(--color-fff);
padding: 15px 25px;
border-radius: 10px;
}
.contact-form input:focus,
.contact-form textarea:focus {
border: 1px solid var(--color-DE947A);
outline: none;
}
.contact-info a {
transition: all .4s;
color: var(--color-DE947A);
}
.contact-info a:hover {
color: var(--color-354248);
}
/* ======================== */
/* PAGE CONTENTS END */
/* ======================== */
/* ======================== */
/* FOOTER START */
/* ======================== */
.footer-logo{width: 325px; height: auto; object-fit: contain;}
.group-logo{height: 30px; object-fit: contain; margin-left: 40px;}
/* ======================== */
/* FOOTER END */
/* ======================== */
/* ======================== */
/* ======================== */
/* BANNER START */
/* ======================== */
.banner{width: 100%; height: 660px; position: relative; border-radius: 16px;}
.banner img{width: 100%; height: 660px; object-fit: cover; border-radius: 16px;}
.banner-content{
position: absolute;
left: 5%;
top: 50%;
transform: translateY(-50%);
width: 35%;
}
/* ======================== */
/* BANNER START */
/* ======================== */
/* ======================== */
/* CORPORATE START */
/* ======================== */
.corporate-product-area{
width: 100%;
height: 1080px;
position: relative;
background-image: url('/assets/images/corporate/corporate-bg-path.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: bottom left;
}
.corporate-product-area > img{
width: 420px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.cart-arrows img{
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 940px;
transform: translate(-50%, -50%) scale(0.6);
opacity: 0;
transition: all 1s ease;
}
.corporate-product-area.active .cart-arrows img{
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.corporate-card{
width: 260px;
height: 260px;
padding: 50px;
border-radius: 26px;
background: linear-gradient(0deg, rgba(241, 219, 212, 0.75) 0%, rgba(252, 252, 252, 0.75) 100%);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
opacity: 0;
transform: translate(-50%, calc(-50% + 80px));
transition: all 0.8s ease;
}
.corporate-product-area.active .corporate-card{opacity: 1;}
.left-1 { transform: translate(-550px, calc(-370px + 80px)); }
.left-2 { transform: translate(-660px, calc(-100px + 80px)); }
.left-3 { transform: translate(-550px, calc(170px + 80px)); }
.right-1 { transform: translate(300px, calc(-370px + 80px)); }
.right-2 { transform: translate(410px, calc(-100px + 80px)); }
.right-3 { transform: translate(300px, calc(170px + 80px)); }
.corporate-product-area.active .left-1 { transform: translate(-550px, -370px); }
.corporate-product-area.active .left-2 { transform: translate(-660px, -100px); }
.corporate-product-area.active .left-3 { transform: translate(-550px, 170px); }
.corporate-product-area.active .right-1 { transform: translate(300px, -370px); }
.corporate-product-area.active .right-2 { transform: translate(410px, -100px); }
.corporate-product-area.active .right-3 { transform: translate(300px, 170px); }
.year-logo{width: 140px;}
/* ======================== */
/* CORPORATE END */
/* ======================== */
/* ======================== */
/* PRODUCTS START */
/* ======================== */
.product-card{background-color: var(--color-fff); border-radius: 12px; border: 1px solid #EDEDED; aspect-ratio: 4/5; transition: border .4s;}
.product-card:hover{border: 1px solid var(--color-A5A5A5);}
.product-card .fs-32{width: 95%;}
.p-img-area{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-card img{
height: 275px;
width: 200px !important;
/* width: 95px !important; */
object-fit: contain;
z-index: 2;
/* transform: rotate(45deg); */
}
.product-card span{opacity: 0; transition: opacity .4s;}
.product-card:hover span{opacity: 1;}
.category-list{
background: var(--color-fff);
border-radius: 12px;
border: 1px solid #EDEDED;
padding: 15px 35px;
width: 100%;
display: block;
transition: all .4s;
font-weight: 700;
margin-bottom: 15px;
}
.category-list span{
background: var(--gradient-seven);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.category-list:hover{background: var(--gradient-one);}
.category-list:hover span{
-webkit-text-fill-color: var(--color-fff);
background: none;
}
/* ======================== */
/* PRODUCTS START */
/* ======================== */
/* ======================== */
/* PRODUCT DETAILS START */
/* ======================== */
.p-detail-img-card{
width: 100%;
aspect-ratio: 1/1;
border-radius: 12px;
border: 1px solid rgba(236, 236, 236, 0.93);
background: var(--color-fff);
padding: 50px;
}
.p-detail-img-card img{
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
}
/* ======================== */
/* PRODUCT DETAILS END */
/* ======================== */
/* ======================== */
/* QUALITY PAGE STAR */
/* ======================== */
.quality-card{
width: 100%;
height: 72px;
border-radius: 12px;
background: var(--color-F4F4F4);
display: flex; align-items: center;
transition: all .4s;
}
.docs-icon{
background-color: var(--color-fff); width: 48px; height: 48px;
border-radius: 4px;
display: flex; align-items: center; justify-content: center;
margin: 0 10px;
color: var(--color-DE947A);
flex-shrink: 0;
}
.quality-card:hover{background: var(--gradient-one);}
.quality-card:hover .text-gradient{background: transparent; -webkit-text-fill-color: white;}
.quality-card:hover .docs-icon{background-color: var(--color-84543D);}
.quality-card:hover i.color-DE947A{color: var(--color-fff);}
/* ======================== */
/* QUALITY PAGE END */
/* ======================== */
/* ======================== */
/* CAREER PAGE START */
/* ======================== */
.career-card{
width: 100%;
height: auto;
aspect-ratio: 4/2;
position: relative;
padding: 30px 0;
}
.career-card-line{
width: 100%;
height: 2px;
background: var(--gradient-one);
position: absolute;
z-index: 2;
bottom: 0;
}
.icon-area{
width: 75px;
height: 75px;
}
.icon-area img{
width: 75px;
height: 75px;
object-fit: contain;
}
.career-area{
height: 400px;
}
.career-form input,
.career-form textarea {
width: 100%;
border: 1px solid #e5e5e5;
border-radius: 10px;
padding: 12px 14px;
font-size: 14px;
outline: none;
transition: all .3s ease;
background: #fff;
}
.career-form input:focus,
.career-form textarea:focus {
border-color: var(--color-DE947A);
box-shadow: 0 0 0 3px rgba(222, 148, 122, 0.15);
}
.career-form input::placeholder,
.career-form textarea::placeholder {
color: #999;
font-size: 13px;
}
.career-form textarea {resize: none;}
.career-form input[type="file"] {
padding: 10px;
background: #fff;
cursor: pointer;
}
.career-form input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: var(--color-DE947A);
cursor: pointer;
}
.career-logo{width: 100px;}
/* ======================== */
/* CAREER PAGE END */
/* ======================== */