/*
font-family: 'D-DIN Exp';
*/
:root {
    --primary: #463E96;
    --secondary: #293B8F;
    --white: #FFFFFF;
    --black: #000000;
}

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

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

html, body { overflow-x: hidden;}
html{ scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: var(--primary) #7D7E81; scroll-behavior: smooth;}
body{ padding:0; margin:0; font-size:16px; color: var(--black); font-family: 'D-DIN Exp'; overflow: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width: 90%; max-width: 1520px; margin: 0 auto; padding: 0;}

.btns{ margin: 0; padding: 12px 30px; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 3.2px; font-size: 18px; color: var(--primary); background: var(--white); border: none; border-radius: 0; position: relative; transition: all 0.6s ease-in-out;}
.btns span{ position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px;}
.btns span img{ transition: all 0.6s ease-in-out;}
.btns::before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--primary); transition: all 0.6s ease-in-out;}
.btns:hover{ color: var(--white);}
.btns:hover span img{ filter: brightness(0) invert(1);}
.btns:hover::before{ width: 100%;}

.btns.bdr{ background: transparent; border: 1px solid var(--primary); color: var(--black);}
.btns.bdr:hover{ color: var(--white);}
.btns.bdr::before{ width: 4px;}
.btns.bdr:hover::before{ width: 100%;}

.btns.fill{ background: var(--primary); color: var(--white);}
.btns.fill::before{ background: var(--black); width: 4px;}
.btns.fill:hover::before{ width: 100%;}
.btns.fill img{ filter: brightness(0) invert(1);}

.global_title{ margin: 0 0 20px; padding: 0; font-size: 50px; color: var(--black);}
.global_title strong{ font-weight: 700; color: var(--primary);}

p{ font-size: 22px; line-height: 32px;}

/*===================
 		HEADER 
===================*/
header{ width: 100%; padding: 35px 0 15px; margin: 0; position: absolute; top: 0; z-index: 999;}
header::before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: -1; inset: 0; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); pointer-events: none; transition:all .4s ease-in-out; opacity: 0;}
header .navbar{ margin:0; padding:0;}
header .navbar-brand{ margin:0; padding:0;}
header .navbar-light .navbar-nav{ padding: 0; align-items: center;}
header .navbar-light .navbar-nav .nav-item{ margin: 0 0 0 55px;}
header .navbar-light .navbar-nav .nav-link{ margin: 0; padding: 10px 0; font-weight: 400; font-size: 18px; color: var(--white); text-transform: uppercase; position: relative;}
header .navbar-light .navbar-nav .nav-link::before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); background: transparent; width: 100%; height: 2px; transition: all 0.4s ease-in-out;}
header .navbar-light .navbar-nav .nav-link:hover::before, header .navbar-light .navbar-nav .nav-link.active::before{ width: 20px; background: var(--primary);}
header .navbar-light .navbar-nav .nav-link.btn{ margin: 0; padding: 12px 40px; font-weight: 400; font-size: 16px; color: var(--white); text-transform: uppercase; border: 1px solid var(--white); border-radius: 30px; display: inline-flex; letter-spacing: 3.2px; overflow: hidden; will-change: transform;}
header .navbar-light .navbar-nav .nav-link.btn:hover{ color: var(--white); border-color: var(--primary);}
header .navbar-light .navbar-nav .nav-link.btn::before{ display: none;}
header .navbar-light .navbar-nav .nav-link.btn span{ position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px;}
header .navbar-light .navbar-nav .nav-link.btn::after{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--primary); transition: all 0.6s ease-in-out; border-radius: 30px; will-change: transform;}
header .navbar-light .navbar-nav .nav-link.btn:hover::after{ width: 100%;}

header .navbar-light .navbar-nav .nav-link:focus{ color: var(--white);}
header .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}

/* HEADER STICKY */
header.sticky{ padding: 10px 0; position:fixed; top: 0; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); background: rgba(0,0,0,0.7); animation:slide-down 0.4s;}
header.sticky::before{ display: none;}
header.sticky::before{ opacity: 1;}
header.sticky .navbar-brand { width: 50px;}
@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.header_relative header{ border-bottom: 1px solid #BCBCBC; position: relative;}
.header_relative header.sticky{ position: fixed;}
.header_relative header .navbar-light .navbar-nav .nav-link{ color: var(--black);}
.header_relative header .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}
.header_relative header .navbar-light .navbar-nav .nav-link.btn{ border-color: var(--black);}
.header_relative header .navbar-light .navbar-nav .nav-link.btn:hover{ border-color: var(--primary); color: var(--white);}
.header_relative header.sticky .navbar-light .navbar-nav .nav-link{ color: var(--white);}
.header_relative header.sticky .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}
.header_relative header.sticky .navbar-light .navbar-nav .nav-link.btn{ border-color: var(--white);}
.header_relative header.sticky .navbar-light .navbar-nav .nav-link.btn:hover{ color: var(--white); border-color: var(--primary);}

/*===================
 		FOOTER 
 ===================*/
.footer_sec{ margin: 0; padding: 50px 0 0 0; background: var(--black);}
.foot_menu{ margin: 0; padding: 0 0 45px; display: flex; align-items: center; gap: 130px; border-bottom: 1px solid rgba(217, 217, 217, 0.35);}
.foot_menu h2{ margin: 0; padding: 0; font-size: 28px; font-weight: 700; color: #D9D9D9; text-transform: uppercase;}
.ftr_link{ margin: 0; padding: 0; display: flex; gap: 100px;}
.ftr_link li{ margin: 0; padding: 0; font-size: 25px; text-transform: uppercase; color: #D9D9D9;}
.ftr_link li a{ color: #D9D9D9;}
.ftr_link li a:hover, .ftr_link li a.active{ color: #564CB8;}
.middle_part{ margin: 0; padding: 40px 0; border-bottom: 1px solid rgba(217, 217, 217, 0.35);}
.middle_part h3{ margin: 0 0 20px; padding: 0; font-size: 18px; font-weight: 700; color: var(--white); text-transform: uppercase;}
.middle_part h4{ margin: 25px 0 10px; padding: 0; font-size: 20px; font-weight: 700; color: var(--white); text-transform: uppercase;}
.middle_part p{ margin: 0; padding: 0; font-size: 20px; line-height: 30px; color: var(--white);}
.ftr_contact{ margin: 0; padding: 0;}
.ftr_contact li{ margin: 0 0 20px; padding: 0; display: flex; align-items: center; gap: 15px; font-size: 20px;}
.ftr_contact li a{ color: var(--white);}
.ftr_contact li a:hover{ color: #564CB8;}
.social_icon{ margin: 0 0 0 -15px; padding: 0; display: flex; align-items: center; gap: 12px;}
.social_icon li{ margin: 0; padding: 0;}
.social_icon li a{ padding: 8px; position: relative; display: inline-flex; border: 1px solid transparent; height: 40px; width: 40px; align-items: center; justify-content: center; border-radius: 40px;}
.social_icon li a:hover{ border-color: var(--white);}
.middle_part .btns:hover span img{ filter: inherit;}
.copyright{ margin: 0; padding: 45px 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.copyright p{ margin: 0; padding: 0; font-size: 16px; line-height: normal; color: var(--white);}
.copyright p a{ color: var(--white);}
.copyright p a:hover{ color: #564CB8;}

/* Return To Top */
#return-to-top{ position: fixed; bottom: 10px; right: 15px; background: transparent; width: 49px; height: 49px; font-size: 18px; line-height: 49px; color: var(--primary); border-radius: 40px; text-decoration: none; text-align: center; transition: all 0.3s ease; z-index: 9999;}
#return-to-top span{ display: inline-block; transform: rotate(-90deg);}
#return-to-top:hover{ background: var(--primary); color: var(--white);}

/*=================================
 				SECTION START HERE 
=================================*/
/* Hero */
.hero_sec{ width: 100%; margin: 0; padding: 0; position: relative;}

/* Video */
.hero_sec .video-overlay1{ width: 100%; height: 50%; position: absolute; left: 0; top: 0; right: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 4.9%, rgba(0, 0, 0, 0.00) 95.01%);}
.hero_sec .video-overlay2{ width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; right: 0; pointer-events: none; opacity: 0.5; background: linear-gradient(0deg, #000 7.83%, rgba(0, 0, 0, 0.00) 92.75%);}
.hero_sec .video-hero--content{ position: relative; margin:0; display:flex; height:auto; min-height: 80vh; align-items:center;}
.hero_sec .jquery-background-video-wrapper{ height: 80vh; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hero_sec .jquery-background-video{ position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; transform: translate(-50%, -50%);}
.hero_sec .js .jquery-background-video{ opacity: 0; transition: opacity 300ms linear;}
.hero_sec .js .jquery-background-video.is-visible{ opacity: 1;}
.vid_mute { width: 32px; height: 32px; padding: 10px; display: block; cursor: pointer; border-radius: 50%; position: absolute; bottom:120px; right:50px; background:rgba(0,0,0,0.2) url('../images/play_unmute.svg') no-repeat center center; background-size:14px 14px; font-size:0;}
.vid_mute.muted { background:rgba(0,0,0,0.1) url('../images/play_mute.svg') no-repeat center center; background-size: 14px 14px;}

.hero_sec .hero_cap{ width:100%; position:absolute; bottom: 100px; left:0; z-index: 44; text-align:center;}
.hero_sec .hero_cap h1{ margin: 0 0 28px; padding: 0; font-weight: 400; font-size: 50px; line-height: 100%; color: var(--white);}

/* Welcome */
.welcome_sec{ margin: 0; padding: 100px 0 0; position: relative;}
.welcome_sec .curve1{ position: absolute; top: 140px; left: 30px; mix-blend-mode: luminosity;}
.welcome_sec .curve2{ position: absolute; top: 140px; right: 30px; mix-blend-mode: luminosity; animation: updown 2s linear infinite;}
.welcome_sec .container{ position: relative; z-index: 2;}
.welcome_sec figure{ margin: 65px 0 180px; padding: 0 80px 0 0;}
.fl{ float: left; width: 50%;}
.welcome_sec p{ margin: 0 0 35px; padding: 0;}
.welcome_sec .splide{ margin: 20px 0;}
.welcome_sec .splide img{ height: 100%;}
.welcome_sec .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity;}
@keyframes updown{
    0%{ transform: translate(0);}
    50%{ transform: translateY(-40px);}
    100%{ transform: translate(0);}
}

/* Company */
.company_sec{ margin: 0; padding: 0; position: relative;}
.company_sec .container{ position: relative; z-index: 2;}
.company_sec .curve1{ position: absolute; top: 50px; left: 10px; mix-blend-mode: luminosity; animation: updown 2s linear infinite;}
.company_sec .curve2{ position: absolute; top: 50px; right: 20px; mix-blend-mode: luminosity;}
.company_sec figure{ margin: 0 0 -1px -1px; padding: 10px; background: var(--white); max-height: 200px; min-height: 200px; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #DCDCDC; transition: all 0.4s ease-in-out;}
.company_sec figure:hover{ box-shadow: 0 0 40px rgba(0,0,0,0.2); position: relative;}
.company_sec .splide{ margin: 20px 0;}
.company_sec .splide img{ height: 100%;}
.company_sec .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity;}

/* Location */
.location_sec{ margin: 0; padding: 0; position: relative;}
.location_sec .splide{ margin: 20px 0;}
.location_sec .splide img{ height: 100%;}
.location_sec .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity;}
.location_sec .curve1{ position: absolute; top: 50%; left: 10px; transform: translate(0, -50%); mix-blend-mode: luminosity;}
.location_sec .curve2{ position: absolute; top: 50%; right: 25px; transform: translate(0, -50%); mix-blend-mode: luminosity;}
.location_sec .container{ position: relative; z-index: 2;}
.location_box{ margin: 0; padding: 85px 45px 140px; background: linear-gradient(180deg, #564CB8 0%, #293B8F 100%); max-width: 400px; position: relative;}
.location_box .bg{ position: absolute; top: 40px; left: 50%; transform: translate(-50%, 0);}
.location_box h2{ margin: 0 0 35px; padding: 0; font-size: 60px; line-height: 85%; font-weight: 400; color: var(--white); position: relative;}
.location_contact{ margin: 0; padding: 0; position: relative;}
.location_contact li{ margin: 0 0 13px; padding: 0; font-size: 25px; line-height: normal; display: flex; align-items: center; gap: 13px;}
.location_contact li a{ color: var(--white);}
.location_contact li a:hover{ color: #FF0000;}

.location_sec .right_part{ margin: 0 auto; padding: 0; max-width: 940px; width: 100%; position: relative;}
.location_sec figure{ margin: 0; padding: 0;}
.location_sec figure img{ width: 100%;}
.location_sec .right_part .map_pin{ display: inline-block; padding: 0 0 5px;}
.location_sec .right_part .map_pin:hover .map_dtl{ display: block;}
.location_sec .map_dtl{ margin: 0; padding: 20px; background: #1B1B1B url(../images/map_curve.png) center center no-repeat; background-size: 100% 100%; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); display: none; transition: all 0.4s ease-in-out; z-index: 2; min-width: 285px;}
.location_sec .map_dtl figure{ margin: 0 0 20px; padding: 0;}
.location_sec .map_dtl figure img{ width: 100%;}
.location_sec .map_dtl h3{ margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 700; color: var(--white);}
.location_sec .map_dtl p{ margin: 0; padding: 0; font-size: 16px; line-height: 20px; color: var(--white);}
.location_sec .map_ic{ cursor: pointer;}
.location_sec .map_ic1{ position: absolute; top: 23%; left: 20%;}
.location_sec .map_ic2{ position: absolute; top: 25%; left: 24%;}
.location_sec .map_ic3{ position: absolute; top: 32%; left: 29%;}
.location_sec .map_ic4{ position: absolute; bottom: 31%; left: 41%;}
.location_sec .map_ic5{ position: absolute; top: 17%; right: 24%;}
.location_sec .map_ic6{ position: absolute; top: 21%; right: 19%;}
.location_sec .map_ic7{ position: absolute; top: 23%; right: 38%;}
.location_sec .map_ic8{ position: absolute; top: 27%; right: 28%;}
.location_sec .map_ic9{ position: absolute; top: 36%; right: 21%;}
.location_sec .map_ic10{ position: absolute; top: 38%; right: 28%;}
.location_sec .map_ic11{ position: absolute; top: 43%; right: 34%;}
.location_sec .map_ic12{ position: absolute; top: 47%; right: 38%;}
.location_sec .map_ic13{ position: absolute; top: 49%; right: 44%;}
.location_sec .map_ic14{ position: absolute; bottom: 35%; right: 39%;}
.location_sec .map_ic15{ position: absolute; bottom: 25%; right: 10%;}

/*===========================
        About Page
===========================*/
.about_sec{ margin: 0; padding: 100px 0 120px; position: relative; overflow: hidden;}
.about_sec .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity;}
.about_sec .curve_anim{ position: absolute; top: 30px;}
.about_sec .curve_anim .splide{ margin-bottom: 40px;}
.about_sec .curve_anim .curve{ display: flex; justify-content: space-between; padding: 0 30px;}
.about_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both;}
.about_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both;}
.about_sec .container{ position: relative; z-index: 2;}
.about_sec p{ margin: 0 0 30px; padding: 0;}
.about_sec .detail p:last-child{ margin-bottom: 50px;}
.about_sec small{ margin: 0 0 18px; padding: 0; display: inline-block; font-size: 30px; line-height: normal; color: var(--primary);}
.about_info{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px;}
.about_info .btns{ padding: 11px 10px; color: var(--white); background: var(--primary); width: 100%; font-size: 25px; letter-spacing: normal;}
.about_info .btns:hover::before{ background: var(--secondary);}
.about_info .btns.more{ background: var(--secondary);}
.about_info .btns.more:hover::before{ background: var(--primary);}

@keyframes vibrate{
    0%{ transform: translate(0);}
    20%{ transform: translate(20px, -20px);}
    40%{ transform: translate(20px, 20px);}
    60%{ transform: translate(-20px, 20px);}
    80%{ transform: translate(-20px, -20px);}
    100%{ transform: translate(0);}
}

/*===========================
        Portfolio Page
===========================*/
.portfolio_sec{ margin: 0; padding: 0 0 100px; position: relative; overflow: hidden;}
.portfolio_sec .splide img{ height: 100%;}
.portfolio_sec .textrotate{ margin: 20px 0 0; padding: 0; mix-blend-mode: luminosity;}
.portfolio_sec .curve_anim{ position: absolute; bottom: 0;}
.portfolio_sec .curve_anim .splide{ margin-bottom: 40px;}
.portfolio_sec .curve_anim .curve{ display: flex; justify-content: space-between; padding: 0 30px;}
.portfolio_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both;}
.portfolio_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both;}
.portfolio_sec .container{ position: relative; z-index: 2;}
.portfolio_sec .info{ margin: 0 0 60px; text-align: center;}
.portfolio_sec figure{ margin: 0 0 17px; padding: 0; max-height: 400px; height: calc(100% - 17px);}
.portfolio_sec figure a{ position: relative; display: flex; height: 100%; width: 100%;}
.portfolio_sec figure a::before{ content: ""; position: absolute; top: 0; left: 0; background: var(--black); height: 100%; width: 100%; opacity: 0; transition: all 0.6s ease-in-out;}
.portfolio_sec figure a:hover::before{ opacity: 0.35;}
.portfolio_sec figure img{ height: 100%; object-fit: contain; width: 100%;}
.portfolio_sec figure .caption{ margin: 0; padding: 22px; font-size: 22px; color: var(--white); position: absolute; bottom: 0; left: 0; opacity: 0; transition: all 0.6s ease-in-out;}
.portfolio_sec figure a:hover .caption{ opacity: 1;}

/*===========================
        Contact Page
===========================*/
.contact_sec{ margin: 0; padding: 0; position: relative;}
.contact_sec .splide img{ height: 100%;}
.contact_sec .textrotate{ margin: 10px 0 0; padding: 0; mix-blend-mode: luminosity;}
.contact_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 300px; left: 30px;}
.contact_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 300px; right: 30px;}
.contact_sec .container{ position: relative; z-index: 2;}
.contact_sec .info{ margin: 0 0 20px; text-align: center;}
.wpcf7-not-valid-tip{ font-size: 14px !important;}
.wpcf7 form .wpcf7-response-output{ font-size: 14px !important;}
.contact_sec .right_part{ margin: 0 auto; padding: 0; max-width: 1140px; width: 100%; position: relative;}
.contact_sec figure{ margin: 0; padding: 0;}
.contact_sec figure img{ width: 100%;}
.contact_sec .map_dtl{ margin: 0; padding: 3px 20px; background: #564CB8; border-radius: 5px; font-size: 17px; font-weight: 400; color: var(--white); text-transform: uppercase; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); text-align: center; display: none; transition: all 0.4s ease-in-out; z-index: 2;}
.contact_sec .right_part .map_pin{ display: inline-block; padding: 0 0 5px;}
.contact_sec .right_part .map_pin:hover .map_dtl, .contact_sec .right_part .map_pin.active .map_dtl{ display: block;}
.contact_sec .map_ic{ cursor: pointer;}
.contact_sec .map_ic1{ position: absolute; top: 33%; left: 27%;}
.contact_sec .map_ic2{ position: absolute; top: 38%; left: 60.5%;}
.contact_sec .map_ic3{ position: absolute; top: 29%; left: 54%;}
.contact_sec .map_ic4{ position: absolute; bottom: 38%; right: 21.5%;}
.contact_sec .map_ic5{ position: absolute; bottom: 40%; right: 22%;}
.contact_sec .map_ic6{ position: absolute; top: 24%; right: 20.5%;}
.contact_sec .map_ic7{ position: absolute; top: 26%; right: 39%;}
.contact_sec .map_ic8{ position: absolute; top: 55%; right: 37.5%;}
.contact_sec .map_ic9{ position: absolute; top: 40%; right: 22%;}
.contact_sec .map_ic10{ position: absolute; top: 46%; right: 28%;}
.contact_sec .map_ic11{ position: absolute; top: 44%; right: 35%;}
.contact_sec .map_ic12{ position: absolute; top: 47%; right: 33.5%;}
.contact_sec .map_ic13{ position: absolute; top: 53%; right: 38%;}
.contact_sec .map_ic14{ position: absolute; bottom: 41%; right: 41%;}
.contact_sec .map_ic15{ position: absolute; bottom: 43%; right: 27%;}
.contact_sec .map_ic16{ position: absolute; top: 30%; left: 51%;}
.contact_sec .map_ic17{ position: absolute; top: 59%; left: 58%;}
.contact_sec .map_ic18{ position: absolute; top: 52%; left: 33%;}
.contact_sec .map_ic19{ position: absolute; bottom: 44%; left: 51%;}
.contact_sec .map_ic20{ position: absolute; top: 38%; left: 59%;}

/* Write */
.write_sec{ margin: 0; padding: 15px 0 40px; position: relative; z-index: 1;}
.write_sec .splide{ padding: 15px 0;}
.write_sec .splide img{ height: 100%;}
.write_sec .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity;}
.write_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 100px; left: 30px;}
.write_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 100px; right: 30px;}
.write_sec .container{ position: relative; z-index: 2;}
.form_info{ margin: 0; padding: 70px 85px 80px; background: rgba(70, 62, 150, 0.05);}
.form_info .input-group{ margin: 0 0 27px;}
.form_info .form-control{ margin: 0; padding: 15px 20px; font-size: 13px; color: var(--black); background: var(--white); border: 1px solid rgba(70, 62, 150, 0.4); border-radius: 4px; width: 100%; height: 48px;}
.form_info .form-control::placeholder{ color: var(--black);}
.form_info .form-control:focus{ border-color: var(--primary);}
.form_info textarea.form-control{ height: 100px; resize: none;}
.form_info .iti--container{ position: absolute !important; top: 47px !important; left: 0 !important; z-index: 1000 !important; width: 100% !important; height: 250px;}
.form_info .iti--separate-dial-code .iti__selected-flag{ background: transparent; font-size: 13px;}
.form_info .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{ background: none !important;}
.form_info .iti{ width: 100%;}
.form_info .btns{ text-transform: uppercase; font-size: 16px; text-shadow: 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2, 0px 0px 1px #B0ACD2;}
.form_info .btns:hover{ text-shadow: none;}
.form_info .btns span{ gap: 42px;}
.write_sec .right_part{ margin: 0; padding: 0 0 0 50px;}
.write_sec p{ margin: 0 0 50px; padding: 0; font-size: 20px; line-height: 27px; color: rgba(0, 0, 0, 0.8);}
.contact_dtl{ margin: 0 0 50px; padding: 0;}
.contact_dtl li{ margin: 0 0 30px; padding: 0; display: flex; font-size: 20px; gap: 25px; color: rgba(0, 0, 0, 0.8); align-items: center;}
.contact_dtl li i{ margin: 0; padding: 0; display: inline-flex; height: 60px; width: 60px; min-width: 60px; border-radius: 60px; align-items: center; justify-content: center; background: var(--primary);}
.contact_dtl li strong{ color: var(--black); text-transform: uppercase; display: block;}
.contact_dtl li a{ margin: 0; padding: 0; color: rgba(0, 0, 0, 0.8); display: block;}
.contact_dtl li a:hover{ color: var(--primary);}
.write_sec .social_icon{ margin: 0;}
.write_sec .social_icon li a:hover { border-color: var(--primary);}

/*===========================
    Business Verticals Page
===========================*/
.business_sec{ margin: 0; padding: 0; position: relative;}
.business_sec .splide img{ height: 100%;}
.business_sec .textrotate{ margin: 20px 0 0 0; padding: 0; mix-blend-mode: luminosity;}
.business_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 200px; left: 30px;}
.business_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 200px; right: 30px;}
.business_sec .container{ position: relative; z-index: 2;}
.business_box{ margin: 30px 0; padding: 65px 60px 90px; background: #F5F5F9; text-align: center;}
.business_box p{ margin: 0;}

/* Verticals */
.verticals_sec{ margin: 0; padding: 15px 0; position: relative;}
.verticals_sec .splide img{ height: 100%;}
.verticals_sec .textrotate{ margin: 0 0 20px; padding: 0; mix-blend-mode: luminosity;}
.verticals_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 100px; left: 30px;}
.verticals_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 100px; right: 30px;}
.verticals_sec .container{ position: relative; z-index: 2;}
.vertical_box{ margin: 0 0 30px; padding: 0; height: calc(100% - 30px); display: flex; flex-direction: column;}
.vertical_box figure{ margin: 0 0 35px; padding: 0; text-align: center; height: 100%; align-content: center; overflow: hidden; min-height: 306px; max-height: 306px; display: flex;}
.vertical_box figure img{ transition: all 0.4s ease-in-out;}
.vertical_box:hover figure img{ animation: zoom 1s linear infinite;}
.vertical_box .detail{ margin: 0; padding: 0; text-align: center;}
.vertical_box h2{ margin: 0 0 15px; padding: 0; font-size: 30px; font-weight: 400; color: var(--black); transition: all 0.4s ease-in-out;}
.vertical_box p{ margin: 0; padding: 0; font-size: 18px; line-height: 25px;}
.vertical_box:hover h2{ color: var(--primary);}

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

/*===========================
        404 Page
===========================*/
.error_sec{ margin: 0; padding: 0; position: relative;}
.error_sec .text1{ position: absolute; top: 50%; left: 380px; transform: translate(0, -50%); height: 37px; z-index: 9;}
.error_sec .text2{ position: absolute; top: 50%; right: 450px; transform: translate(0, -50%); height: 37px; z-index: 9;}
.error_sec .splide img{ height: 100%;}
.error_sec .textrotate{ margin: 20px 0 0 0; padding: 0; mix-blend-mode: luminosity;}
.error_sec .curve1{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 200px; left: 30px;}
.error_sec .curve2{ mix-blend-mode: luminosity; animation: vibrate 5s linear infinite both; position: absolute; top: 200px; right: 30px;}
.error_sec .container{ position: relative; z-index: 2;}
.error_box{ margin: 0 auto; padding: 0; max-width: 700px; display: flex; align-items: end;}
.error_box figure{ margin: 0 -50px 0 0; padding: 0;}
.error_box h2{ margin: 0; padding: 0; font-size: 80px; line-height: normal; font-weight: 700; display: inline-block;}
.error_box h2:hover{ background: url(../images/404_img.jpg) lightgray 0px -71.125px / 100% 178.448% no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.error_box h3{ margin: 0 0 15px; padding: 0; font-size: 36px; font-weight: 400; color: var(--primary);}
.error_box .btns{ text-transform: uppercase;}
.error_box .btns span{ gap: 20px;}

/* More Modal */
.more_modal{ z-index: 9999;}
.more_modal .modal-body{ padding: 0;}
.more_modal .modal-content{ border-radius: 11px; border: none; overflow: hidden;}
.more_modal .modal-dialog{ max-width: 570px; text-align: center; position: relative; margin-left: auto; margin-right: auto;}
.more_modal .textrotate{ margin: 0; padding: 0; mix-blend-mode: luminosity; height: 32px;}
.more_modal .textrotate img{ height: 100%;}
.more_modal .curve1{ position: absolute; bottom: 60px; right: 0; mix-blend-mode: luminosity;}
.more_modal .more_detail{ margin: 0; padding: 30px 50px 50px; position: relative; z-index: 2;}
.more_modal figure{ margin: 0 0 50px; padding: 0;}
.more_modal h2{ margin: 0 0 13px; padding: 0; font-size: 36px; color: var(--primary); font-weight: 400;}
.more_modal p{ margin: 0 0 24px; padding: 0; font-size: 18px; line-height: 25px;}
.more_modal .button{ margin: 0; display: flex; gap: 10px; justify-content: center;}
.more_modal .btns{ width: 205px; padding: 11px 10px; text-transform: uppercase; font-size: 16px;}
.more_modal .btns.active{ color: var(--white); background: var(--primary);}
.more_modal .btns.active img{ filter: brightness(0) invert(1);}
.more_modal .btns.active:hover::before{ background: var(--black);}
.modal-backdrop{ --bs-backdrop-opacity: 0.8}
.no-scroll{ overflow: hidden;}