@charset "utf-8";
@font-face { font-family: 'Carnas'; font-weight: 400; src: url('./fonts/Carnas-W03-Regular.eot'); src: url('./fonts/Carnas-W03-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Carnas-W03-Regular.woff2') format('woff2'), url('./fonts/Carnas-W03-Regular.woff') format('woff'), url('./fonts/Carnas-W03-Regular.ttf') format('truetype'), url('./fonts/Carnas-W03-Regular.svg#Larken-Thin') format('svg'); }
@font-face { font-family: 'Carnas'; font-weight: 200; src: url('./fonts/Carnas-W03-Thin.eot'); src: url('./fonts/Carnas-W03-Thin.eot?#iefix') format('embedded-opentype'), url('./fonts/Carnas-W03-Thin.woff2') format('woff2'), url('./fonts/Carnas-W03-Thin.woff') format('woff'), url('./fonts/Carnas-W03-Thin.ttf') format('truetype'), url('./fonts/Carnas-W03-Thin.svg#Larken-Thin') format('svg'); }
@font-face { font-family: 'Carnas'; font-weight: 300; src: url('./fonts/Carnas-W03-Light.eot'); src: url('./fonts/Carnas-W03-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Carnas-W03-Light.woff2') format('woff2'), url('./fonts/Carnas-W03-Light.woff') format('woff'), url('./fonts/Carnas-W03-Light.ttf') format('truetype'), url('./fonts/Carnas-W03-Light.svg#Larken-Thin') format('svg');  }

:root {
--cursor-stroke: #ffffff;
--cursor-fill: none;
--cursor-stroke-width: 1px;

/* COLOR VARIABLES */
--white: #ffffff;
--black: #000000;
--blue-d: #09415A;
--blue: #426581;
--grey: #919191;
--marron: #460023;
--yellow: #906b51;


/* TRANSITION SPEED */
--all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s;
--offset: -30vh;
--radius-small: 4px;
--radius: 0px;
--rotation: 0deg;
--gap: 2.5vw;
--grid-item-width: 32vw;
--ratio: 1.3;
--s-20: 20px;
--s-50: 50px;
--s-30: 30px;

}

/* ========================== COMMON CSS ========================== */

.py--lg { padding: 120px 0px; }
.pb--lg { padding-bottom: 120px; }
.pt--lg { padding-top: 120px; }

.py--md { padding: 100px 0px; }
.pb--md { padding-bottom: 100px; }
.pt--md { padding-top: 100px; }

.pxl { font-size: 24px; }
.pl { font-size: 22px; }
.pm { font-size: 18px; }
.ps { font-size: 16px; }


.blue { color: var(--blue)!important; }
.black { color: var(--black)!important; }
.white { color: var(--white)!important; }

.section--subtitle { margin-top: 10px; font-size: 20px; color: var(--black); font-family: 'Carnas'; font-weight: 400; display: flex; align-items: center; margin-bottom: var(--s-30); position: relative; }
/* .section--subtitle:after { content: ""; position: absolute; left: 100%; margin-left: 20px; width: 100%; top: 50%; transform: translateY(-50%); height: 1px; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); } */
.section--subtitle .line { margin-left: 20px; width: auto; flex: 1; height: 1px; background: var(--blue-d); }
.section--subtitle .svg { margin-right: 15px; width: 30px; height: auto; }
.section--title { font-size: 54px; color: var(--blue-d); margin-bottom: var(--s-30); font-family: 'Carnas'; font-weight: 200; }
.section--title--grp { margin-bottom: var(--s-50); }
.section--title--grp .section--title { margin-bottom: 0px; } 

.img--bx { width: 100%; overflow: hidden; }
.img--bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; }


.button { padding: 15px 20px; overflow: hidden; position: relative; display: inline-flex; align-items: center; justify-content: center; transition: all 0.5s; }
.button span { font-size: 14px; line-height: 1; display: flex; font-weight: 500; align-items: center; text-transform: uppercase;  position: relative; z-index: 1; transition: all 0.5s }
.button span .svg { width: 13px; transition: all 0.5s; margin-left: 10px; }

.button--blue { border:1px solid transparent; }
.button--blue:before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; transition: all 0.4s ease; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); opacity: 1; }
.button--blue:hover:before { opacity: 0; border:1px solid var(--blue-d) }
.button--blue span { color: var(--white); }
.button--blue:hover span { color: var(--blue-d); }
.button--blue:hover { border:1px solid var(--blue-d)}

button.button--blue { border:1px solid transparent!important; }
button.button--blue:hover { border:1px solid var(--blue-d)!important}

.button--border { background: #002535; border:1px solid var(--white); }
.button--border span { color: var(--white); transition: all 0.3s; }
.button--border:hover { background: var(--white); }
.button--border:hover span { color: var(--blue-d); }

.button--white { background: var(--white); border: 1px solid transparent; }
.button--white span { color: var(--blue); }
.button--white:hover { border: 1px solid var(--white); background: transparent; }
.button--white:hover span { color: var(--white); }

.link--btn { display: flex; align-items: center; }
.link--btn span { font-size: 14px; font-weight: 500; display: flex; align-items: center; text-transform: uppercase; position: relative; z-index: 1; transition: all 0.4s;  background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; }
.link--btn span .svg { width: 13px; transition: all 0.4s; margin-left: 8px; transition: var(--all-medium); }
.link--btn:hover span .svg { margin-left: 12px; }

.link--btn--white { display: flex; align-items: center; }
.link--btn--white span { font-size: 14px; font-weight: 500; color: #fff; display: flex; align-items: center; text-transform: uppercase; position: relative; z-index: 1; transition: all 0.4s;  }
.link--btn--white span .svg { width: 13px; transition: all 0.4s; margin-left: 8px; transition: var(--all-medium); }
.link--btn--white span svg path { fill: #ffffff;}
.link--btn--white:hover span .svg { margin-left: 12px; }

.link--btn-b span { color: var(--black); }
.link--btn-w span { color: var(--white); }

/* dropdown */
.dropdown--bx { position: relative;  }
.dropdown--bx .dropdown--item .drop--arrow { width: 10px; height: auto; margin-left: 5px; margin-top: 2px; transition: all 0.4s; }
.dropdown--bx .dropdown--menu { transition: var(--all-medium); opacity: 0; transform: translateY(5px); pointer-events: none; position: absolute; top: 100%; width: auto; min-width: 250px; background: linear-gradient(0deg,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%);  }
/* .dropdown--bx:hover .dropdown--menu { opacity: 1; transform: translateY(0); pointer-events: all; } */

@media (min-width: 768px) 
{
   .dropdown--bx:hover .dropdown--menu { opacity: 1; transform: translateY(0px); pointer-events: all; }
}
.dropdown--bx .dropdown--menu li { display: block; }
.dropdown--bx .dropdown--menu li a {  margin-left: 0px; padding: 18px 30px; font-size: 13px; text-transform: none; font-weight: 400; color: var(--white); display: block; margin-right: 0px; border-bottom: 1px solid rgb(40 82 113); transition: var(--all-medium); }
.dropdown--bx .dropdown--menu li a:hover { background: var(--white); color:var(--black); }

.dropdown--bx.active a { background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); color: var(--white); }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none; }

#smooth-wrapper { position: relative; z-index: 1; overflow-x: hidden; }

*,ul,ol,li,a, p, span { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Inter", serif; font-weight: 300; line-height: 1.5; color: inherit; color: var(--blue-d); }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Carnas'; font-weight: 200; transition: var(--all-slow); }
input:focus, textarea:focus, .form-control:focus { box-shadow: none; outline: none; background: transparent; border-color: var(--blue-d)!important; }
*,a,a:active,a:focus,a:hover,button:hover,button:focus { text-decoration: none; outline: 0; color: inherit; }
button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: inline-flex; flex-flow: row wrap; transition: var(--all-medium); }
a:hover { color: inherit; }
textarea { resize: none; }

body { width: 100%; font-size: 18px; line-height: 1.3; width: 100%; position: relative; font-family: "Inter", serif; font-weight: 300; color: var(--blue-d); z-index: 1; overflow-x: hidden; transition: var(--all-slow); }
/* body.show { opacity: 1; } */
body p { font-size: 20px; line-height: 1.4; color: var(--black); margin-bottom: var(--s-30); font-family: "Inter", serif; transition: var(--all-slow); }
span { display: inline-block; }
.no-scroll { overflow: hidden; }

::-moz-selection { color: var(--black); background: var(--white); }
::selection { color: var(--black); background: var(--white); }

::-webkit-scrollbar { width: 10px; display: none; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgba(255,255,255,0.8); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; }

@media (any-pointer: fine) {
.cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 999; }
.cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); } }

.barContainer { position: fixed; top: 0; right: 0; width: 5px; height: 100vh; box-shadow: inset 0 0 3px rgba(255,255,255,0.8); background: var(--black); border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; }

/* Chrome Safari Edge Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
.form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
.form-control:-ms-input-placeholder { color: rgba(255,255,255,0.5); }
.form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
.form-control::placeholder { transition: var(--all-fast); color: rgba(255,255,255,0.5); }

.form-group { margin-bottom: 30px; position: relative; }
::placeholder { font-size: 16px; color: #ffffff; letter-spacing: 2px; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

.img-box { display: flex; flex-flow: row wrap; }
img, .svg { width: 100%; height: 100%; object-fit: cover; }

.clip--img--left { clip-Path: inset(0% 0% 0% 0%); }
.clip--img--right { clip-Path: inset(0% 0% 0% 0%); }
.clip--img--right img, .clip--img--left img { height: 100%; }

/* LOADER */
.loader-container { position: fixed; display: flex; flex-flow: row wrap; align-content: center; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #fff; backdrop-filter: blur(10px); z-index: 999999; transition: var(--all-medium); }
.circular-progress { position: relative; height: 162px; width: 162px; border-radius: 50%; background: conic-gradient(#666 3.6deg, #ddd 0deg); display: flex; align-items: center; justify-content: center; animation: fadeIn 1s ease-in-out; }
.loader { display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; background: #fff; padding: 20px; animation: rotate360 10s linear infinite; position: absolute; left: 1px; top: 1px; }
.loader img { width: 90px; height: auto; object-fit: contain; }
.progress-value { width: 100%; text-align: center; padding-top: 15px; font-size: 20px; }
.loader-container.hidden { pointer-events: none; opacity: 0; }
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

#smooth-content, section { position: relative; overflow: hidden; }

img { width: 100%; }
.Container { width: 1520px!important; max-width: 1520px!important; }

   @media screen and (min-width: 1600px) {
    .container { max-width: 1520px; position: relative; z-index: 1; }
   }

/* HEADER */
.header { width: 100%; z-index: 111; background: var(--white); transition: all 0.4s; position: fixed; left: 0; top: 0; padding-top: 15px; padding-bottom: 15px; }
.header.show { backdrop-filter: blur(5px); width: 100%; background: rgba(255,255,255,0.8); }
.header .logo { width: 220px; transition: all 0.4s ease; display: flex; }
.header.show .logo { width: 180px; }
.header .logo img { object-fit: contain; height: auto; }

.hamburger--menu { display: block; margin-left: auto; }
.hamburger--menu img { width: 28px; margin-right: 8px; }
.header .navigation--grp { display: flex; }
 .close-icon { display: none; width: 20px; padding: 3px; height: 20px; position: absolute; right: 20px; top:20px; z-index: 11; }

 .header .navigation--grp .svg path { fill: var(--black); }
.header .navigation--grp--menu { align-items: stretch; display: flex; }
.header .header--con--icon { display: flex; align-items: center; justify-content: center; }
.header .header--con--icon li a , .header .header--con--icon li .wrapper-dropdown { width: 82px; height: 82px; padding: 15px 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.30); border-left: 1px solid rgba(255,255,255,0.20); transition: all 0.8s ease; }
.header .header--con--icon li a:hover { background: var(--marron); }
.header .header--con--icon li a .svg { width: 20px; height: auto; }

.header.show .header--con--icon li.appointment-link a { font-size: 14px; }
.header.show .header--con--icon li.appointment-link a { background: var(--marron); }
.header .header--con--icon li.appointment-link a { width: auto; padding: 10px 30px; background: transparent; font-size: 14px; color: var(--white); text-align: center;  letter-spacing: 2px; text-transform: uppercase; }
.header .header--con--icon li.appointment-link a:hover { background: var(--yellow); } 
.header.home-header .header--con--icon li.appointment-link a { width: 575px; border-left: 5px solid #fff; text-align: left; justify-content: flex-start; padding-left: 50px; transition: all 0.4s; font-size: 17px; }
.header.show .header--con--icon li.appointment-link a {width: auto; border-left: 1px solid rgba(255,255,255,0.20); padding: 10px 30px; }

.header.home-header .header--con--icon li.appointment-link { pointer-events: none; }
.header.show.home-header .header--con--icon li.appointment-link a { pointer-events: all; }

.header.show .wrapper-dropdown .dropdown li { height: auto; width: 100%; }
.header.show .wrapper-dropdown .dropdown { top: 100%; }

 .header .navigation--grp .call--icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
  .header .navigation--grp .call--icon svg { width: 22px; height: auto; object-fit: contain; }

.menu--link { display: flex; align-items: center; }
.menu--link li a { font-size: 14px; letter-spacing: 2px; font-weight: 500; color: var(--black); display: flex; align-items: center; position: relative; transition: all 0.4s; line-height: 1; letter-spacing: 1px; text-transform: uppercase; padding: 15px 25px; }
.menu--link li a:before { content: ""; opacity: 0; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: var(--blue-d); transition: all 0.4s; z-index: -1; }
/* .menu--link li a:hover:before { width: 100%; }  */
.menu--link li:last-child a { margin-right: 0px; }
.menu--link li { display: flex; }
.menu--link li a:hover { color: var(--white); }
.menu--link li a:hover:before { opacity: 1; }
.menu--link li a:hover .drop--arrow, .dropdown--bx.active a .drop--arrow, .dropdown--bx.active a.active:hover .drop--arrow   { filter: brightness(0) invert(1); }
.menu--link li a.active { color:var(--blue-d); }
.menu--link li a.active:hover { color:var(--white); }
/* .menu--link li a.active:before { opacity: 1; } */

.menu--link li a.button { border:1px solid transparent; margin-left: 10px; }
.menu--link li a.button:before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; transition: all 0.4s ease; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); opacity: 1; }
.menu--link li a.button:hover:before { opacity: 0; }
/* .menu--link li a.button:hover:before { opacity: 0; } */
.menu--link li a.button span { color: var(--white); }
.menu--link li a.button:hover span { color: var(--blue-d); }
.menu--link li a.button:hover { border: 1px solid var(--blue-d); }

.dropdown .dropdown-toggle { padding: 0px; background: transparent; display: flex; align-items: center; border-radius: 0px; font-size: 14px; color: var(--white); }
.dropdown .dropdown-toggle::after { display: none; }
.dropdown .dropdown-toggle .flag--img { width: 20px; margin-right: 5px; }
.dropdown .dropdown-toggle .svg { margin-left: 5px; height: auto; }
.dropdown .dropdown-menu { width: auto; padding: 0px; }
.dropdown .dropdown-menu li { width: auto; height: auto; display: block; padding: 0px; background: white; }

.dropdown--menu.form-container { right: 0px; }
.form-container .form--div form { padding: 50px 50px 150px 50px; }
.form-container .form--div { width: 400px; }


/*MENU */
.fullscreen { width: 100%; position: fixed; background-size: cover; height: 100vh; top: 0; right:0px; transition: all 0.5s; z-index: 999; opacity: 0; pointer-events: none; }
.fullscreen.active { opacity: 1; pointer-events: all; }
.fullscreen:after { content: ""; position: absolute; right: 100%; top:0px; width: 100vw;display: none; height: 100%; background: rgba(0,0,0,0.6); transition: all 0.4s; backdrop-filter: blur(3px); }
.fullscreen.active:after { display: block; }
.fullscreen { background: linear-gradient(to bottom, rgba(0,0,0,1) 5%,rgba(10,13,17,1) 16%,rgba(50,66,86,1) 38%,rgba(69,94,110,1) 50%,rgba(107,148,158,1) 80%); }
.fullscreen .container { width: 100%; }
.fullscreen.active .close { position: absolute; right: 100px; top: 50px; width: 30px; height:30px; z-index: 9; opacity: 1; }
.fullscreen .close img { width: 30px; filter: brightness(1) invert(1); }
.fullscreen.active .close::before { transform: rotate(45deg); }
.fullscreen.active .close:after { transform: rotate(-45deg); }
.fullscreen.active { right: 0px; transition: all 0.8s; }

.hamburger { display: flex; flex-direction: column; grid-gap: 6px; justify-content: center; width: 30px; height: 35px; }
.hamburger span { width: 30px; height: 2px; background: var(--black); text-align: right; margin-left: auto; display: inline-flex; transition: all 0.5s; border-radius: 5px }
.hamburger span:nth-child(1) { width: 25px; height: 2px; }
.hamburger span:nth-child(3) { width: 18px; height: 2px; } 

.hamburger.active { grid-gap: 0 }
.hamburger.active span:nth-child(2) { display: none}
.hamburger.active span:nth-child(1) { transform: rotate(48deg); margin-top: 2px; transform-origin: center; }
.hamburger.active span:nth-child(3) { transform: rotate(-48deg); transform-origin: center; }

/*MENU HOVER EFFECT*/
.hamburger--content ul li .link { position: relative; }

/* custom dropdown */
.custom-dropdown .dropdown-submenu { display: none }
.custom-dropdown .dropdown-submenu li a { font-size: 20px; }
.custom-dropdown .dropdown-submenu li:hover a { color:#aecb0a; }
.custom-dropdown .dropdown-submenu li:last-child { padding-bottom: 0px; } 
.custom-dropdown .dropdown-submenu li { border-bottom: 1px solid rgb(var(--yellow) / 10%); }
.custom-dropdown .dropdown-submenu li { padding: 20px 0px }
.custom-dropdown .drop-btn { position: relative; }
.custom-dropdown .drop-btn .svg { width: 15px; position: absolute; right: 0px; top:50%; transform: translateY(-50%); height: 15px; transition: all 0.3s }
.custom-dropdown.active .drop-btn .svg { transform: rotate(180deg); }
.fullscreen.active .hamburger-content ul>li .dropdown-submenu ul li { animation: none }


/* BANNER */
.banner { position: relative; width: 100%; overflow: hidden; flex: 1; height: 100%; padding-top: 60px; }
.banner .banner--img { width: 100%; height: 770px; position: relative; }
.banner-slider { height: 100%; }
.banner .banner--img img { width: 100%; height: 100%; object-fit: cover; }
.banner-slider .swiper-slide .banner--content { width: 100%; text-align: left; position: absolute; top: 45%; transform: translateY(-50%); left: 0px; opacity: 0; }
.banner-slider .swiper-slide.swiper-slide-active .banner--content { opacity: 1; }

.banner--content .services--list--bx { display: none; }
.banner--content .services--list--bx .services--list {  margin-bottom: 10px; padding-left: 18px; }
.banner--content .services--list--bx .services--list li {  margin-bottom: 3px; border-bottom: 0px; list-style-type: disc; list-style-position: outside;  color: var(--white); }
.banner--content .services--list--bx .services--list li a { color: var(--white); font-size: 14px; display: flex; }

.banner-slider .swiper-slide .banner--content .banner--text { width: 50%; opacity:0; transition: all 1.5s; transition-delay: 0.2s; }
.banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 52px; line-height: 1.2; margin-bottom: var(--s-20); color:var(--white); font-family: 'Carnas'; font-weight: 300; }
.banner-slider .swiper-slide .banner--content .banner--text p { color: rgba(255,255,255,0.8);  font-weight: 300; margin-bottom: 20px; width: 70%; font-size: 20px;  }
.banner-slider .swiper-slide .banner--content .subtitle { font-size: 25px; font-weight: 200; text-transform: capitalize; line-height: 1.4; margin-bottom: 40px; }
.banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text { opacity: 1; /*transform: translateX(-10px);*/ }
.banner-slider .swiper-slide .banner--content .banner--text .button { margin-top: 0px; }
.banner-slider .swiper-slide .banner--content .banner--text .button--white[type=submit] { border: 1px solid var(--white); }

.banner-slider .swiper-slide { transition: transform 1s ease-out, opacity 1s ease-out; }
.swiper-pagination { bottom: 300px!important; width: auto; max-width: fit-content; white-space: nowrap; }
.swiper-pagination-bullet { width: 14px; height: 4px; margin-left: 15px!important; margin-right: 0px!important; border-radius: 10px; background:var(--white); opacity: 0.3; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }

.banner--form { background: #00354C; padding: 20px 20px; border-radius: 20px; width: 80%; position: relative; }
.banner--form:after { content: ""; position: absolute; top: 100%; right: 70px; width: 49px; height: 50px; border-top: solid 28px #00354C; border-left: solid 45px transparent; border-right: solid 3px transparent; }
.banner--form .row { --bs-gutter-x: 15px; }
.banner--form .form--title { color: var(--white); font-size: 22px; margin-bottom: 20px; font-weight: 300; }
.banner--form .form-group .form-control, .banner--form .form-group .form-select { height: 40px; background: #1E4B6A; padding: 10px 15px; font-size: 14px; color: rgba(255,255,255,0.8); }
.banner--form .form-group { margin-bottom: 20px; }
.banner--form .wpcf7-not-valid-tip { position: absolute; top: 100%; }
.banner--form .form-group .form-control::placeholder { color: rgba(255,255,255,0.8); font-size: 14px; }
.banner--form .form-group textarea.form-control { height: auto; }
.banner--form .form-group .form-select { background: #1E4B6A url(../images/svg/down-arrow-white.svg); background-size: 16px; background-repeat: no-repeat; background-position: right .75rem center; background-position-x: calc(100% - 7px); }
.button--grp .button { margin-right: 15px; }

.mob--banner--form { display: none; }

.banner--form .wpcf7 form.invalid .wpcf7-response-output, .banner--form .wpcf7 form.unaccepted .wpcf7-response-output, .banner--form .wpcf7 form.payment-required .wpcf7-response-output { margin-top: 10px; color: var(--white); }
.wpcf7-form-control-wrap { display: flex; flex-direction: column; }
.button--grp button:focus { border-width: 1px!important; }
.button--grp [type=submit] {  border-width: 1px!important; }

/* about section */
.mob-title { display: none; }

.rating--div { display: flex; margin-top: 40px; }
.rating--div li { flex: 1; }
.rating--div li .rating--bx { width: 100%; padding: 20px; height:200px; aspect-ratio: 1.1; display: flex; flex-direction: column; justify-content: space-between; flex: 1; }
.rating--div li .rating--bx p { font-size: 16px; font-weight: 300; }
.rating--div li .rating--bx .counter--bx { display: flex; align-items: center; font-size: 54px;  background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;  }
.rating--div li:nth-child(even) .rating--bx .counter--bx, .rating--div li:nth-child(even) .rating--bx p { color: #fff; }
.rating--div li:nth-child(even) .rating--bx .counter--bx { background: linear-gradient(to left,  #ffffff 0%,#ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;}
.rating--div li:nth-child(even) .rating--bx { background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); }

.rating--div li:nth-child(4) .rating--bx { margin-top: 200px; }
.rating--div li:nth-child(5) .rating--bx { margin-top: -200px; }
.rating--div li:nth-child(odd) .rating--bx .counter--bx, .rating--div li:nth-child(odd) .rating--bx p { color: #000; }
.rating--div li:nth-child(odd) .rating--bx { background: #F0F0F0; }

.rating--div li:nth-child(odd) { margin-top: 200px; }

.about--section.py--lg { padding-top: 80px; }
.about--section .about-img { padding-right: 0; margin-top: 130px;  }
.about--section .about--grp { padding-left: 40px; }
.about--section .section--subtitle { width: 100%; }



/* clinet section */
.clients--section .client-list { margin-top: var(--s-30); border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); display: grid; grid-template-columns: repeat(6, 1fr); gap: 0px; }
.clients--section .client-list li { padding: 40px 30px; text-align: center; border-right: 1px solid rgba(0,0,0,0.1) ;  }
.clients--section .client-list li:last-child { border-right: 0px; }
.clients--section .client-list li img { width: auto; height: 45px; }

/* tesiminial section  */
.testimonial--section { display: none; }
.testimonial--section .section--subtitle { margin-bottom: var(--s-50); }
.testimonial--section .testi--img--grp { display: flex; align-items: center; padding-bottom: 200px; padding-right: 20px; }
.testimonial--section .testi--img--grp .testi--img { width: 300px; height: 300px; aspect-ratio: 1; overflow: hidden; flex-shrink: 0; }
.testimonial--section .testi--img--grp .testi--logo { width: auto; height: 150px; margin-bottom: -150px; aspect-ratio: 1; flex: 1; margin-top: auto; background: #F0F0F0; display: flex; align-items: center; justify-content: center; }
.testimonial--section .testi--img--grp .testi--logo img { width: 70px; height: auto; object-fit: none; }

.testimonial--section .testi--info { padding-bottom: 50px;}
.testimonial--section .testi--info p { font-size: 34px; font-family: 'Carnas'; font-weight: 200; margin-bottom: var(--s-30); color: var(--black); }
.testimonial--section .testi--info p.testi--name { font-weight: 600; margin-bottom: 8px; font-size: 24px; }
.testimonial--section .testi--info p.testi--designation { font-weight: 300; margin-bottom: 0px; font-size: 16px; }

.testimonial-slider .swiper-slide { opacity: 0!important; transition: var(--all-medium); }
.testimonial-slider .swiper-slide.swiper-slide-active { opacity: 1!important; }

.swiper--btn--grp .swiper-button-next, .swiper--btn--grp .swiper-button-prev, .swiper--btn--grp .swiper-pagination { position: static;  }
.swiper--btn--grp .swiper-button-next, .swiper--btn--grp .swiper-button-prev { margin: 0px; width: 50px; height: 50px; border: 1px solid rgba(0,0,0,0.30); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.swiper--btn--grp { display: flex; align-items: center; justify-content: flex-end; margin-top: -90px; }
.swiper--btn--grp .swiper-button-next .svg, .swiper--btn--grp .swiper-button-prev .svg { width: 10px; height: auto; }
.swiper--btn--grp .swiper-pagination { margin: 0px 25px; min-width: 50px; }
.swiper-pagination-total { color: var(--black); }
.swiper--btn--grp .swiper-pagination span { font-size: 20px; font-weight: 300; color: var(--black); }
.swiper--btn--grp .swiper-pagination span.swiper-pagination-current { font-weight: 500; }

/* blog section */
.blog--section .blog---row { --bs-gutter-x: 40px; }
.blog--section .blog--title--grp { margin-bottom: var(--s-50); }
.blog--section .blog--title--grp .btn--grp { text-align: right; display: flex; justify-content: flex-end; }
.blog--section .blog--title--grp .row { align-items: center; }
.blog--bx { width: 100%; }
.blog--bx .blog--img { width: 100%; height: 290px; margin-bottom: 20px; transition: var(--all-medium); overflow: hidden; }
.blog--bx:hover .blog--img { transform: scale(0.9);}
.blog--bx .blog--img img { transition: var(--all-medium); }
.blog--bx:hover .blog--img img { transform: scale(1.2);}


.blog--bx .blog--text--grp .blog--date { font-size: 12px; color: var(--black); font-weight: 300; text-transform: uppercase; margin-bottom: 12px; }
.blog--bx .blog--text--grp .blog--title { font-size: 22px; font-family: 'Carnas'; font-weight: 400; color: var(--blue-d); margin-bottom: 12px; }
.blog--bx .blog--text--grp p { color: #333; }
.blog--bx .blog--text--grp p:last-child { margin-bottom: 0px; }

/* instgram */
.instagram--section .instagram--list { display: grid; grid-template-columns: repeat(5, 1fr); }
.instagram--section .section--subtitle { justify-content: center; }
.instagram--list li a { width: 100%; height: auto; aspect-ratio: 1; overflow: hidden; background: var(--blue-d); }
.instagram--list li a img { width: 100%; height: 100%; object-fit: cover; transition: var(--all-medium); }
.instagram--list li a:hover img { transform: scale(1.05); opacity: 0.8;}

/* footer */
footer .footer--logo { width: 180px; margin-bottom: var(--s-30); display: inline-block; }
footer .footer--logo img { width: 100%; height: auto; }
footer .footer--div p { font-size: 15px; width: 80%; }

footer .footer--title {  font-size: 14px; color: var(--black); letter-spacing: 2px; margin-bottom: var(--s-20); font-weight: 500; font-family: "Inter", serif; } 
footer .footer--div .footer--link li  {margin-bottom: 4px; }
footer .footer--div .footer--link li a { display: inline-flex; margin-bottom: 0px; font-size: 15px; font-weight: 300; color: var(--black); padding-bottom: 1px; position: relative; transition: var(--all-medium); }
footer .footer--div .footer--link li a:before { content: ""; position: absolute; left: 0px; bottom: 1px; width: 0px; height: 1px; background: var(--blue-d); transition: var(--all-medium); }
footer .footer--div .footer--link li a:hover:before { width: 100%; }
footer .footer--div .footer--link li a:hover { color: var(--blue-d); }
footer .footer--div .footer--link li:last-child a { margin-bottom: 0px; }

.floating-icon { position: fixed; z-index: 111; right: 30px; bottom: 30px; width: 40px; height: 40px;  animation: scale 2.8s infinite; }
.floating-icon .svg { width: 100%; }

@keyframes scale {
   0% {transform: scale(1);}
   50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}


.social--link { display: flex; align-items: center; }
.social--link li a { padding-right: 20px; margin-right: 10px; }
.social--link li a .svg { transition: var(--all-medium); }
.social--link li a:hover .svg { opacity: 0.6; }
.social--link li:last-child a { margin-right: 0px; }

footer { padding-bottom: 20px; }
footer .footer--info { margin-top: 80px; padding-right: 20px; }
footer .footer--info .con--links { display: flex; }
footer .footer--info .con--links li { padding-right: 25px; margin-right: 25px; position: relative; }
footer .footer--info .con--links li:last-child { margin-right: 0px; padding-right: 0px; }
footer .footer--info .con--links li a { display: inline-flex; font-size: 22px; position: relative; color: var(--black); font-weight: 300; transition: var(--all-medium); }
footer .footer--info .con--links li:after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #D7D6D6;}
footer .footer--info .con--links li:last-child:after { display: none; }
footer .footer--info .con--links li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--blue-d); transition: var(--all-medium); }
footer .footer--info .con--links li a:hover:before { width: 100%; }
footer .footer--info .con--links li a:hover { color: var(--blue-d); }

footer .section--title { margin-bottom: var(--s-50); }
footer .footer--bottom { padding: 24px 0px; margin-top: 30px; display: flex; justify-content: space-between; position: relative; }
footer .footer--bottom p, footer .footer--bottom p a { font-size: 12px; font-weight: 300; color:rgba(0,0,0,0.8); margin-bottom: 0px; }
.footer--bottom p a:hover { color:var(--blue-d); }
footer .footer--bottom p span { color:rgba(0,0,0,0.8); }
footer .footer--bottom:before { content: ""; position: absolute; opacity: 0.1; left: 0px; top: 0px; width: 100%; height: 1px;  background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%);}

footer .footer--icon { width: 90%; margin-top: -100px; padding-left: 20px; }
footer .footer--icon .svg { width: 100%; height: auto; }

/*  services section */
.service--list { display: flex; flex-flow: row wrap; border-top: 1px solid #c6d1d9; border-bottom: 1px solid #c6d1d9; height: 650px; margin-top:var(--s-30); }
.service--list>li { display: inline-flex; position: relative; overflow: hidden; border-right: 1px solid #c2c2c2; transition: all 0.8s; }
.service--list>li.active { flex: 1; }
.service--list>li .service--title1 { width: auto; position: relative; align-items: center; line-height: 1; padding: 80px 30px 10px 30px; writing-mode: vertical-rl; color: #232222;   transform: rotate(-180deg); font-size: 40px; font-family: 'Carnas'; font-weight: 200; transition: all 0.8s; }
.service--list>li .service--title1 .svg { width: auto; height: auto; }
.service--list>li .service--title1 span.icon { position: absolute; display: inline-flex; align-items: center; justify-content: center; top: 25px; left: 50%; transform: rotate(90deg) translateX(-50%); transform-origin: left center; width: 36px; height: 36px; transition: all 0.8s; }
.service--list>li .service--title1 span.icon .svg.minus { display: none; transform: rotate(-90deg); }
.service--list>li.active .service--title1 span.icon .svg.plus { display: none; }
.service--list>li.active .service--title1 span.icon .svg.minus { display: block; }
.service--list>li .service--box { display: flex; flex-flow: row nowrap; position: absolute; width: calc(100vw - (100px * 4)); height: 100%; left: 100px; top: 0; overflow: hidden; clip-path: inset(0% 100% 0% 0%); transition: all 0.8s; }
.service--list>li .service--box .service--img { width: 500px; overflow: hidden; }
.service--list>li .service--box .service--text { padding: 80px; overflow: hidden; position: relative; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); flex: 1; }
.service--list>li .service--box .service--text p { color: var(--white); font-weight: 300; }
.service--list>li .service--box .service--text .service--title { text-transform: uppercase; font-size: 38px; color:#fff; margin-bottom: 15px; }
.service--list>li .service--box .service-bg { width: 550px; height: auto; position: absolute; right: 0px; bottom: 0px; z-index: 0; }
.service--list>li .service--box .service-bg img { width: 100%; height: auto; }
.service--list>li.active .service--title1, .service--list>li:hover .service--title1 { background: var(--blue-d);  color: var(--white); }
.service--list>li.active .service--box { clip-path: inset(0% 0% 0% 0%); }

.service--list>li:hover .service--title1 span.icon svg { transition: var(--all-medium); }
.service--list>li:hover .service--title1 span.icon svg.plus rect { fill: var(--white); }

/* service page  */

.service--section1 .img-box { width: calc(100% - 200px); margin-top: 100px; }
.service--section1 .gradient--box {  position: relative ;display: flex; border:1px solid transparent; justify-content: space-between; flex-flow: column wrap; width: 200px; aspect-ratio: 1.1; margin-left: auto; transition: var(--all-medium); padding: 20px; }
.service--section1 .gradient--box:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1;  background: linear-gradient(to right,  #09415a 0%,#255070 50%,#426581 100%);  transition: var(--all-medium); }
.service--section1 .gradient--box:hover:before { opacity: 0; transform: scale(0.8); }
.service--section1 .gradient--box .text { font-size: 22px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; line-height: 1.4; color: var(--white); transition: var(--all-medium); }
.service--section1 .gradient--box:hover .text, .service--section1 .gradient--box:hover span { color: var(--blue-d); }
.service--section1 .gradient--box:hover { border:1px solid var(--blue-d); }
.service--section1 .gradient--box:hover .link--btn--white span svg path { fill: var(--blue-d);}
/* .service--section1 .gradient--box:hover  */
.service--section1 .section--subtitle { width: 100%; }
.service--section1 .services--grp { padding-left: 80px; }

.service--section1 ul li { font-size: 20px; list-style-type: disc; list-style-position: outside; color: var(--black); margin-bottom: 5px; }
.service--section1 ul:last-of-type { padding-left: 20px; }
.service--section1 .services--grp ul:first-of-type { font-size: 20px; font-weight: 500; margin-bottom: 10px; }

.service--lists { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; align-items: flex-start; }
.service--lists .service--list--lists{ position: relative; cursor: pointer;     height: 200px; width:100%; }
.service--lists .service--list--lists img{ object-fit:cover; }
.service--lists .list--title { position: absolute; bottom: 0; padding: 10px 10px 5px 20px; background: #ffffffe6; width: 100%; min-height: 65px; }
.service--lists .list--title h4{   font-weight: 500; font-size: 20px; transition: none; }
.service--lists .service--list--lists:hover .list--title{ background: linear-gradient(to right,  #09415a 0%,#255070 50%,#426581 100%); }
.service--lists .service--list--lists:hover .list--title h4{   color:#ffffff; }

/* About page */
.about--img--grp .img-box { width: calc(100% - 200px); margin-top: 100px; }
.about--img--grp .small--img--bx { display: flex; justify-content: space-between; flex-flow: column wrap; width: 200px; aspect-ratio: 1.1; margin-left: auto; overflow: hidden; }
.about--section1 .about--grp { padding-left: 30px; }
.about--section1 .about--grp p:last-child { margin-bottom: 0px; }

/* why section */
.why--section.why--section .rating--div li:first-child .rating--bx img { height: 120px; width: auto; }
.about--section.why--section .about-img { aspect-ratio: 1.2; }
.why--section.why--section .rating--div { margin-top: 130px; }

.mission--list { margin-top: 40px; --bs-gutter-x: 40px; }
.mission--list li { position: relative; }
.mission--list li:after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 100px; background: #e8e2e2; }
.mission--list li:last-child:after { display: none; }
.mission--list .mission--img--grp { display: flex; height: 100%; position: relative; background: var(--white); padding: 0px 20px; }
.mission--list .mission--img--grp .mission--bx { width: 100%;  }
.mission--list .mission--img--grp .img-box { display: flex; align-items: center; flex-flow: column wrap; min-width: 70px; width: 70px; aspect-ratio: 1; margin-right: 20px; }
.mission--list .mission--img--grp .img-box img { width: 100%; height: auto; filter: brightness(1) invert(1); }

.mission--list .mission--img--grp .mission--bx .mission--title { font-size: 24px; color:var(--blue-d); margin-bottom: 15px; font-weight: 400; }
.mission--list .mission--img--grp .mission--bx p { font-size: 16px; color: #333; }
.mission--list .mission--img--grp .mission--bx p:last-child { margin-bottom: 0px; }

/* ceo section */
.ceo--section .ceo--img--grp .img-box { width: calc(100% - 200px); margin-top: 100px; }
.ceo--section .ceo--img--grp .ceo--info--box { display: flex; justify-content: center; align-items: flex-start; padding: 20px; flex-flow: column wrap; width: 200px; aspect-ratio: 1.1; margin-left: auto; overflow: hidden; background: #F0F0F0; }
.ceo--info--box .ceo--info--grp { padding-left: 10px; }
.ceo--info--box .ceo--info--grp p:last-child { margin-bottom: 0px; }
.ceo--section .ceo--img--grp .ceo--info--box .ceo--name {  font-family: "Inter", serif; font-weight: 600; color: var(--black); font-size: 20px; margin-bottom: 10px; }
.ceo--section .ceo--img--grp .ceo--info--box p { margin-bottom: 0px; }

/* team section */
.row.team--list { --bs-gutter-x: 40px; margin-top: 30px; }
.team--list li .img--bx { width: 100%; aspect-ratio: 0.9; height: auto; }

/* 404 section */
.wrapper--404 { padding-top: 80px; }
.section--404 { position: relative; width: 100%; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); text-align: center; }
.section--404 .shape { width: 100%; position: absolute; left: 0px; top: 0px; height: auto; z-index: 1; }
.section--404 .img--bx { width: 800px; margin: 0px auto 20px auto; }
.section--404 .img--bx img { width: 100%; height: auto; }
.section--404 .button { margin-top: 10px; }
.section--404 p { color: var(--white); }

.wpcf7-not-valid-tip { font-size: 12px!important; margin-top: 2px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 12px; padding: 12px 15px; margin: 15px 10px 0px 10px; width: calc(100% - 20px); border-width: 1px; }
.write--us .button { margin-bottom: 12px; }


/* inner banner  */
.in--banner--innner {background-blend-mode: multiply;  width: 100%; background: linear-gradient(to right,  rgba(23,72,101,1) 0%,rgba(31,77,107,1) 50%,rgba(17,69,96,1) 100%); position: relative; overflow: hidden; }
.upper-shape { position: absolute; width: 101%; height: auto; top: -1px; left: -0.5%; z-index: 11; }
.lower-shape { position: absolute; width: 101%; height: auto; bottom: 0px; left: -0.5%; z-index: 11; }
.upper-shape img, .lower-shape img { width: 100%; height: auto; will-change: transform!important; transform: scaleY(1.05) translateZ(0); }
.upper-shape img { transform: scaleY(1.07) translateZ(0); }
.inner--banner .in--banner--innner .banner--content { margin-top: 70px; position: static; }
.inner--banner .in--banner--innner .banner--img { width: 350px; height: auto; margin-left: auto; margin-right: -100px; }
.inner--banner .in--banner--innner { height: 400px; }
.inner--banner .in--banner--innner.about--banner .banner--img { position: absolute; right: 0px; top: 0px; width: 950px;}



/* digital innovation */

.digital--inovation-banner { position: relative; width: 100%; overflow: hidden; flex: 1; height: 100%; padding-top: 80px; }
.digital--inovation-banner .banner--img { width: 100%; height: auto; position: relative; }
.digital--inovation-banner .banner--img img { width: 100%; height: 100%; object-fit: cover; }
.digital--inovation-banner .banner--content { width: 100%; text-align: left; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; }
.digital--inovation-banner .banner--content .banner--text { width: 60%; }
.digital--inovation-banner .banner--content .banner--text .title { font-size: 64px; line-height: 1.2; margin-bottom: var(--s-30); color:var(--white); font-family: 'Carnas'; font-weight: 300; }
.digital--inovation-banner .banner--content .banner--text p { color: rgba(255,255,255,0.8);  font-weight: 300; margin-bottom: 25px; width: 70%;  }
.digital--inovation-banner .banner--content .subtitle { font-size: 25px; font-weight: 200; text-transform: capitalize; line-height: 1.4; margin-bottom: 40px; }
.digital--inovation-banner .banner--content .banner--text .button { margin-top: 10px; }

.list { padding-left: 20px; }
.list li { list-style-type: disc; list-style-position: outside; }
.benifit--bx--cont { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #BDBDBD; margin-top: 20px; }
.benifit--bx--cont> .benifit--bx--inner--cont:first-child { border-right: 1px solid #BDBDBD ;}
.benifit--bx--inner--cont { padding: 50px 50px; }
.benifit--bx--inner--cont .title--grp { text-align: center; font-size: 30px; color: var(--blue-d); margin-bottom: 35px; }
.benifit--bx--inner--cont .title--grp svg { width: 60px; margin-right: 20px;}
.benifit--bx--inner--cont ul li { list-style-type: none; padding-left: 25px; font-size: 20px; font-weight: 300; position: relative; margin-bottom: 25px; color: var(--black); }
.benifit--bx--inner--cont ul li:last-child { margin-bottom: 0px; }
.benifit--bx--inner--cont ul li .no { position: absolute; left: 0px; top: 1px; font-weight: 600; color: var(--black); }
.benifit--bx--inner--cont ul li span { font-weight: 600; color: var(--black); display: inline-flex; margin-right: 5px; }

.row.works--row { --bs-gutter-x: 40px; --bs-gutter-y: 40px; }
.process--bx {border: 1px solid #BDBDBD; padding: 40px 30px 180px 30px; position: relative; height: 100%; transition: var(--all-medium); overflow: hidden; }
.process--bx:hover { border-color: var(--blue-d); transform: scale(1.02); }
.process--bx .img--bx { min-width: 130px; width: 150px; height: 150px; position: absolute; bottom: -9px; right: -2px; transform: rotate(-14deg); }
.process--bx .process--text .process--title { font-size: 26px; color: var(--blue-d); margin-bottom: 15px; font-weight: 400; }
.process--bx .process--text p { font-size: 17px; font-weight: 200; }
.process--bx .process--text p:last-child { margin-bottom: 0px; }
.process--desc ol li { list-style-type: decimal; font-size: 16px; margin-bottom: 15px; color: var(--black); }
.process--desc ol { padding-left: 20px; }
.process--desc ul { padding-left: 0px; }
.process--desc ul li { position: relative; padding-left: 20px!important; list-style-type: none!important; }
.process--desc ul:last-of-type { padding-left: 0px!important;}
.process--desc ul li:after { content: ""; position: absolute; left: 0px; top: 10px; width: 6px; height: 6px; border-right: 2px solid var(--blue-d);; border-bottom: 2px solid var(--blue-d);; transform: rotate(-45deg); }

.application--list { padding-left: 0px; margin-top: 15px; }
.application--list li { display: flex; list-style-type: none; }
.application--list li .application-icon { min-width: 60px; width: 60px; margin-right: 20px; }
.application--list li .application-icon .svg { width: 100%; height: auto; }
.application--list li .appication--text p span{ display: block; color: var(--black); font-weight: 400; }
.application--list li .appication--text p { font-weight: 200; font-size: 17px; }
.application--list li .appication--text p:last-child { margin-bottom: 0px; }
.application--list li .appication--text { border-bottom: 1px solid #BDBDBD; padding-bottom: 20px; margin-bottom: 20px; }
.application--list li:last-child .appication--text { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px; }

.application--section .service--img--grp { padding-right: 50px; }
.service--img--grp .img-box { width: calc(100% - 200px); }
.service--img--grp .gradient--box {  position: relative ;display: flex; border:1px solid transparent; justify-content: space-between; flex-flow: column wrap; width: 200px; aspect-ratio: 1.1; margin-left: auto; transition: var(--all-medium); padding: 20px; }
.service--img--grp .gradient--box:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1;  background: linear-gradient(to right,  #09415a 0%,#255070 50%,#426581 100%);  transition: var(--all-medium); }
.service--img--grp .gradient--box:hover:before { opacity: 0; transform: scale(0.8); }
.service--img--grp .gradient--box .text { font-size: 22px; width: 100%; display: flex; flex-flow: row wrap; align-items: center; line-height: 1.4; color: var(--white); transition: var(--all-medium); }
.service--img--grp .gradient--box:hover .text, .service--img--grp .gradient--box:hover span { color: var(--blue-d); }
.service--img--grp .gradient--box:hover { border:1px solid var(--blue-d); }
.service--img--grp .gradient--box:hover .link--btn--white span svg path { fill: var(--blue-d); }

.row.plan--row { --bs-gutter-x: 15px; margin-top: 40px; }
.plan--bx { transition: var(--all-medium); width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; position: relative; border: 1px solid rgba(0,0,0,0.08); padding: 50px 20px; text-align: center; }
.plan--bx:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(23,72,101,1) 0%,rgba(31,77,107,1) 50%,rgba(17,69,96,1) 100%); z-index: -1; opacity: 0; transition: var(--all-slow) }
.plan--bx:hover:before { opacity: 1; }
.plan--bx > *, .plan--bx span  { transition: var(--all-slow); }
.plan--bx:hover, .plan--bx:hover .year--title, .plan--bx:hover .start--date, .plan--bx:hover .price, .plan--bx:hover p, .plan--bx:hover .price span { color: var(--white);}
.plan--bx .year--title { font-size: 28px; color: var(--blue-d); margin-bottom: 10px; font-weight: 500; font-family: "Inter", serif; }
.plan--bx p { font-size: 16px; font-weight: 200; margin-bottom: 15px; }
.plan--bx .start--date { font-size: 18px; font-weight: 500; color: var(--blue-d); margin-bottom: 10px; }
.plan--bx .price { font-size: 22px; font-weight: 500; font-family: "Inter", serif; }
.plan--bx .price span { font-weight: 600; font-size: 30px; }

.recommended--plan { margin-top: -35px; }
.recommended--plan .plan--bx { background: rgba(13, 66, 92, 0.05); border-color: transparent; }
.recommended--plan .recommended { display: block; padding: 5px 10px; text-align: center; color: var(--white); background: var(--blue-d); font-weight: 500; font-size: 16px; }

.plan--section .btn--grp { margin-top: 50px; }
.plan--section { border-bottom: 1px solid #BDBDBD; }

/*  work flow scetion  */
.workflow--band { margin-top: 80px; padding: 70px 0px; background: linear-gradient(to right,  rgba(23,72,101,1) 0%,rgba(31,77,107,1) 50%,rgba(17,69,96,1) 100%); }
.workflow--band  .section--title { color: var(--white); font-weight: 400; }
.workflow--band  .section--subtitle { color: var(--white); justify-content: center; margin-bottom: 10px; font-weight: 300; margin-top: 0px;  }
.workflow--band .button { margin-top: 10px; }
/* .workflow--band .section--title .bold--txt { font-weight: ;} */
.service--list>li .service--title1 span.icon { width: 19px; height: 19px; }

form p { margin-bottom: 0px; }
.menu--link li a.active:before { width: 100%; }
.process--bx .process-top { display: flex; margin-bottom: 5px; }
.process--desc ul li { font-size: 17px; list-style-type: disc; list-style-position: outside; color: var(--black); margin-bottom: 5px; }
.process--desc ul:last-of-type { padding-left: 20px; }
.process--desc .services--grp ul:first-of-type { font-size: 20px; font-weight: 200; margin-bottom: 10px; }