@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Sulphur+Point:wght@300;400;700&display=swap');

/*
font-family: "Roboto Flex", sans-serif;
font-family: "Sulphur Point", sans-serif;
font-family: 'Helvetica';
*/

:root {
    --primary: #F7941D;
    --secondary: #808184;
    --themetxt: #424242;
    --white: #FFFFFF;
    --black: #000000;
}

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

html{ scrollbar-width: thin; overflow-y: scroll; -ms-overflow-style: none;}

body{ padding:0; margin:0; font-size:16px; color:var(--themetxt); font-family: "Roboto Flex", sans-serif; overflow-x: 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: 1660px; margin:0 auto; padding:0;}

.loader-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.99); display: flex; align-items: center; justify-content: center; visibility: visible; /*transition: visibility 4s;*/ z-index: 1000;}
.loader-container .loader_img{ max-width: 300px;}
html.no-scroll{ overflow: hidden;}


.content {visibility: hidden; opacity: 0; transition: opacity 0.5s ease-in-out;}

/* btns */
.btns { position: relative; margin: 0; padding: 10px 32px; background: var(--primary); text-decoration: none; font-size: 16px; transition-delay: 0.6s; overflow: hidden; display:inline-block; text-transform: uppercase; color:#131313; transform: perspective(1px) translateZ(0); text-align:center; transition:all .6s ease-in-out; letter-spacing: 2px;}
.btns:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--primary); border-radius: 0; transform: translateY(0) scaleY(1); transition: all 0.6s ease; z-index:-1;}
.btns:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--black); border-radius: 50% 50% 0 0; transform: translateY(100%) scaleY(0.5); transition: all 0.6s ease; z-index:-1;}
.btns:hover { transition: all 0.4s ease-in-out; color: var(--white);}
.btns:hover:after { border-radius: 0 0 50% 50%; transform: translateY(-100%) scaleY(0.5); transition-delay: 0;}
.btns:hover:before { border-radius: 0; transform: translateY(0) scaleY(1); transition-delay: 0;}

.global_title{ margin: 0 0 50px; padding: 0; font-size: 60px; font-weight: 700; font-family: 'Helvetica'; color: var(--secondary); text-align: center; text-transform: uppercase;}
.orangetxt{ color: var(--primary) !important;}

p{ font-size: 16px; line-height: 25px; font-weight: 300;}

/*-------------------- 
	GLOBAL END HERE	
--------------------*/


/*===================
 		HEADER 
 ===================*/
.header_sec{ width: 100%; padding: 30px 0; margin: 0; position: absolute; top: 0; z-index: 999; transition: all .4s ease-in-out;}
.header_sec::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); opacity:1; transition: all .4s ease-in-out;}
.header_sec .navbar{ margin: 0; padding: 0;}
.header_sec .navbar .navbar-collapse{ padding: 11px 0;}
.header_sec .navbar-brand{ margin:0; padding:0; width: 186px;}
.header_sec .navbar-brand img{ width: 100%;}
.header_sec .navbar-light .navbar-nav{ margin: 0 50px 0 0;}
.header_sec .navbar-light .navbar-nav .nav-item{ margin: 0 0 0 40px;}
.header_sec .navbar-light .navbar-nav .nav-item.active .nav-link{ color:  var(--primary);}
.header_sec .navbar-light .navbar-nav .nav-link{ margin: 0; padding: 0; font-weight: 400; font-size: 16px; color:  var(--white);}
.header_sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color:  var(--primary);}
.header_sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color:  var(--primary);}

.header_sec .contact_btn{ border: 1px solid transparent;}
.header_sec .contact_btn:hover{ border-color: var(--primary);}

/* HEADER STICKY */
.header_sec.sticky{ padding: 15px 0; position:fixed; box-shadow: 0 5px 5px rgba(0,0,0,0.1); z-index: 999 !important; animation:slide-down 0.4s; background: var(--white);}
.header_sec.sticky .navbar-light .navbar-nav .nav-link{ color: var(--black);}
.header_sec.sticky .navbar-brand{ width: 110px;}
.header_sec.sticky .contact_btn{ border: none;}
.header_sec.sticky::before{ background: none;}
.header_sec.sticky .navbar{ align-items: center !important;}

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/* STICKY END */

/*===================
 		FOOTER 
 ===================*/
.footer_sec{ margin: 0; padding: 90px 0 0 0; position: relative; overflow: hidden;}
.footer_sec .curve{ position: absolute; top: 100px; right: -65px; z-index: 1;}
.footer_sec figure{ margin: 30px 0 0 0; padding: 0; text-align: right;}
.footer_sec h3{ margin: 20px 0 23px; padding: 0; font-size: 20px; font-weight: 600; color: var(--black); position: relative;}
.footer_sec h3.color{ color: var(--themetxt); font-weight: 700;}
.ftr_link{ margin: 0; padding: 0;}
.ftr_link li{ margin: 0 0 15px; padding: 0; font-size: 16px;}
.ftr_link li a{ color: var(--themetxt);}
.ftr_link li a:hover{ color: var(--primary);}
.footer_sec p{ margin: 0 0 18px; font-weight: 400;}
.social_link{ margin: 0; padding: 0;}
.social_link li{ margin: 0 0 15px; padding: 0; display: flex; align-items: center; gap: 25px; font-size: 16px;}
.social_link li a{ color: var(--themetxt);}
.social_link li a:hover{ color: var(--primary);}

.copyright{ margin: 50px 0 0 0; padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap;}
.copyright p{ margin: 0; font-weight: 400;}
.copyright p span{ color: rgba(0,0,0,0.6);}
.copyright p a{ color: rgba(0,0,0,0.6);}
.copyright p a:hover{ color: var(--primary);}

/* Return To Top */
#return-to-top { position:fixed; bottom:10px; right:26px; background:transparent; width:38px; height:38px; font-size:18px; line-height:38px; color:var(--primary); border-radius:50%; text-decoration: none; text-align:center; display:none; 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 
=================================*/
.sticky_buttons{ margin: 0; gap: 80px; display: flex; flex-direction: column; align-items: flex-end; position: fixed; bottom: 100px; right: 26px; z-index: 99; transition:all .4s ease-in-out;}
.sticky_buttons .social_icon{ margin: 0; padding: 0;}
.sticky_buttons .social_icon li{ margin: 0 0 45px; padding: 0; text-align: center;}
.sticky_buttons .social_icon li a{ width: 32px; height: 32px; min-width: 32px; border-radius: 32px; background: none; display: flex; align-items: center; justify-content: center;}
.sticky_buttons .social_icon li a img{ transition:all .4s ease-in-out;}
.sticky_buttons .social_icon li a:hover{ background: var(--primary);}
.sticky_buttons .social_icon li a:hover img{ filter: brightness(0) invert(0);}
.sticky_buttons .wp{ width: 38px; height: 38px; border-radius: 5px; background: #27A11A; border:none; display: flex; align-items: center; justify-content: center;}
.sticky_buttons .wp img{ transition:all .3s ease-in-out;}
.sticky_buttons .wp:hover{ opacity: 0.6;}

/* Hero */
.hero_sec{ width: 100%; margin: 0; padding: 0;}
.hero_sec .video_image{ margin: 0; padding: 0;}
.hero_sec .video_image img{ width: 100%; object-fit: cover; min-width: 100%; min-height: 100%; height: 40vw; -o-object-fit:cover; object-position: center center;}
.video-hero{ display: none;}

/* Video */
.hero_sec .video-hero--content{ width: 100%; position: relative; margin:0; display:flex; height:auto; align-items:center;}
.hero_sec .jquery-background-video-wrapper{ width: 100%; height:auto; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hero_sec .jquery-background-video{ position: relative; width: 100%; min-width: 100%; min-height: 100%; height: 40vw; -o-object-fit:cover; object-fit:cover; object-position: center center;}
.hero_sec .js .jquery-background-video{ opacity: 0; transition: opacity 300ms linear; width: 100%;}
.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;}

/* About */
.about_sec{ margin: 0; padding: 195px 0 120px; position: relative; overflow: hidden;}
.about_sec::before{ content: ""; position: absolute; top: 0; right: 0; background: url(../images/about_vector.png) bottom left no-repeat; background-size: 100% 100%; height: 100%; width: 250px; z-index: -1;}
.about_sec .text_clip{ margin: 0 0 0 auto; padding: 0; max-width: 640px; position: relative;}
.about_sec .mark_div{ margin: 0; padding: 0; display: block; text-align: right; position: relative; transform: translateX(0); transition: transform 0.5s ease;}
.about_sec .mark_div figure{ margin: 0; padding: 0; position: absolute; top: -7px; left: -50px; display: inline-flex;}
.about_sec .mark_div span{ margin: 0; padding: 0; display: inline-block; font-size: 220px; line-height: 180px; font-family: "Sulphur Point", sans-serif; font-weight: 700; color: transparent; background: url(../images/about_text_1.jpg) bottom left no-repeat; background-size: cover; background-clip: text; -webkit-background-clip: text; position: relative;}
.about_sec .mark_div.mark_two{ margin-top: -50px; text-align: left; transform: translateX(0);}
.about_sec .mark_div.mark_two span{ background: url(../images/about_text_2.jpg) top right no-repeat; background-size: cover; background-clip: text; -webkit-background-clip: text;}
.about_sec .mark_div.mark_two span .lineanim{ top: 50%; left: -72px; transform: translateY(-50%); z-index: -1;}
.about_sec .detail{ margin: 0; padding: 0; max-width: 600px;}
.about_sec h3{ margin: 0 0 27px; padding: 0; font-size: 20px; line-height: 30px; font-weight: 500; color: var(--black);}
.about_sec p{ margin: 0; color: var(--black);}

/* Choose */
.choose_sec{ margin: 0; padding: 0 0 100px; position: relative;}
.choose_sec .curve1{ position: absolute; bottom: 0; right: 50px;}
.choose_block{ margin: 0; padding: 65px 45px;  border: 1px solid #E1E1E1; border-radius: 20px; display: flex; align-items: center; position: relative; height: 100%; background: #FFFEFE; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); transition:all .4s ease-in-out;}
.choose_block .curve{ position: absolute; top: 23px; left: -98px;}
.choose_block span{ position: absolute; display: inline-block; top: -30px; right: 20px; font-size: 80px; font-weight: 600; color: #FFF1DD; z-index: 1;}
.choose_block i{ margin: 0; padding: 0; width: 98px; min-width: 98px;}
.choose_block h3{ margin: 0 0 0 32px; padding: 0 0 0 32px; font-size: 40px; line-height: 35px; font-weight: 600; color: var(--black); border-left: 1px solid #D9D9D9;}
.choose_block h3 small{ font-size: 30px; font-weight: 300; display: block; color: #8F8F8F;}
.choose_block:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.line{ stroke-dasharray: 200; stroke-dashoffset: 200; animation: dash 3s linear infinite alternate;}
@keyframes dash{
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes showBlink {
    0% { opacity: 0;}
    50% { opacity: 1;}
    100% { opacity: 0;}
}

.blink1, .blink2, .blink3, .blink4 { opacity: 0;}
.blink1 { animation: showBlink 4s infinite 0.5s;}
.blink2 { animation: showBlink 4s infinite 1.5s;}
.blink3 { animation: showBlink 4s infinite 2.5s;}
.blink4 { animation: showBlink 4s infinite 3.5s;}

/* Services */
.service_sec{ margin: 0; padding: 0 0 85px; overflow: hidden;}
.service_type{ margin: 0 auto 50px; padding: 0; display: flex; gap: 0 30px; justify-content: center; flex-wrap: wrap; max-width: 1200px;}
.service_type li{ margin: 0; padding: 0; font-size: 25px; font-weight: 600; color: var(--black); position: relative;}
.service_type li a{ color: var(--black);}
.service_type li a:hover{ color: var(--primary);}
.service_type li::before{ content: ""; position: absolute; top: 15px; left: -15px; height: 6px; width: 6px; border-radius: 6px; background: var(--primary);}
.service_inner{ margin: 0; padding: 0; position: relative;}
.service_inner::before{ content: ""; position: absolute; top: -70px; left: -45px; height: 135px; width: 135px; background: url(../images/service_curve1.svg) center center no-repeat; background-size: 100% 100%; z-index: 1; animation: up-down 10s infinite linear;}
.service_inner .curve{ position: absolute; bottom: 100px; right: -65px; z-index: 9;}
.service_box{ margin: 0 0 22px; padding: 0; position: relative; transition:all .4s ease-in-out; overflow: hidden;}
.service_box figure{ margin: 0; padding: 0; border-radius: 20px; overflow: hidden;}
.service_box figure a{ position: relative; display: inline-block; width: 100%;}
.service_box figure a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); border-radius: 0 0 20px 20px; z-index: 2; transition:all .4s ease-in-out;}
.service_box figure img{ width: 100%; border-radius: 20px; transition:all .4s ease-in-out; transform-origin: top right; object-fit: cover;}
.service_box:hover figure img{ transform: scale(1.04);}
.service_box .caption{ margin: 0; padding: 30px 53px 37px 53px; position: absolute; bottom: 0; left: 0; font-size: 40px; font-weight: 600; width: 100%; z-index: 9; text-align: center;}
.service_box .caption a{ color: var(--white);}
.service_box .caption p{ margin: 0; padding-right: 10px; font-size: 16px; line-height: 25px; color: var(--white); font-weight: 300; overflow: auto; width:100%; height: 0; transition:all .4s ease-in-out; scrollbar-width: thin; -ms-overflow-style: none;}
.service_box:hover .caption a{ color: var(--primary);}
.service_box:hover .caption p{ height: 235px;}
.service_box:hover figure a::before{ height: 140%;}

@keyframes up-down{
    from{
        transform: translateY(-50px);
    }
    50%{
        transform: translateY(0px);
    }
    to{
        transform: translateY(-50px);
    }
}

.service_sec .splide__pagination{ position: relative;}
.service_sec .splide__pagination__page{ background: var(--primary); opacity: 0.5;}
.service_sec .splide__pagination__page.is-active{ transform: inherit; opacity: 1;}

/* Clients */
.clients_sec{ margin: 0; padding: 0; position: relative;}
.clients_sec::before{ content: ""; position: absolute; top: -120px; left: 0; height: 160px; width: 80px; background: url(../images/clients_curve.png) center center no-repeat; background-size: 100% 100%;}
.clients_sec .client_slider{ margin-left: calc((100% - 1660px) / 2);}
.clients_sec .splide__list{ display: flex; align-items: center;}
.clients_sec .splide__slide{ text-align: center;}
.clients_sec .splide__pagination{ position: relative; margin-top: 30px;}
.clients_sec .splide__pagination__page{ background: var(--primary); opacity: 0.5;}
.clients_sec .splide__pagination__page.is-active{ transform: inherit; opacity: 1;}

/* Portfolio */
.portfolio_sec{ margin: 0; padding: 100px 0; overflow: hidden;}
.portfolio_sec h2{ margin: 0 0 40px; padding: 0; font-size: 60px; font-weight: 600; color: var(--secondary); text-transform: uppercase;}
.portfolio_info{ margin: 0; padding: 0; position: relative;}
.portfolio_info .curve1{ position: absolute; top: 45px; left: -90px; z-index: 1;}
.portfolio_info::after{ content: ""; position: absolute; top: -70px; right: -70px; height: 165px; width: 165px; background: url(../images/portfolio_curve2.svg) center center no-repeat; background-size: 100% 100%; z-index: -1; animation: rounde 10s infinite linear;}
.portfolio_inner{ margin: 0; padding: 0; position: relative;}
.portfolio_inner .curve2{ position: absolute; bottom: 160px; left: -80px; z-index: 1;}
.portfolio_inner .curve4{ position: absolute; bottom: 160px; right: -90px; z-index: 1; display: inline-flex;}
.portfolio_block{ margin: 0; padding: 0; transition:all .4s ease-in-out;}
.portfolio_block figure{ margin: 0 0 30px; padding: 0; border-radius: 24px; overflow: hidden;}
.portfolio_block figure img{ width: 100%; border-radius: 24px; transition:all .4s ease-in-out; transform-origin: top right; object-fit: cover;}
.portfolio_block:hover figure img{ transform: scale(1.01);}
.portfolio_block h3{ margin: 0 0 20px; padding: 0; font-size: 24px; font-weight: 600;}
.portfolio_block h3 a{ color: var(--black);}
.portfolio_type{ margin: 0; padding: 0; display: flex; gap: 0 35px; flex-wrap: wrap;}
.portfolio_type li{ margin: 0; padding: 0; font-size: 18px; font-weight: 500; color: rgba(0,0,0,0.6); position: relative;}
.portfolio_type li + li::before{ content: ""; position: absolute; top: 10px; left: -20px; height: 6px; width: 6px; border-radius: 6px; background: var(--black);}
.portfolio_type li a{ color: rgba(0,0,0,0.6);}
.portfolio_type li a:hover{ color: var(--primary);}
.portfolio_block:hover h3 a{ color: var(--primary);}
.portfolio_block:hover .caption .more_link{ opacity: 1;}
.portfolio_block .caption{ margin: 0; padding: 0 60px 0 0; position: relative;}
.portfolio_block .caption .more_link{ margin: 0; padding: 0; background: var(--primary); height: 44px; width: 44px; min-width: 44px; border-radius: 45px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; opacity: 0; transition:all .4s ease-in-out;}
.portfolio_block .caption .more_link:hover{ transform: rotate(45deg);}

.portfolio_sec .splide__pagination{ position: relative;}
.portfolio_sec .splide__pagination__page{ background: var(--primary); opacity: 0.5;}
.portfolio_sec .splide__pagination__page.is-active{ transform: inherit; opacity: 1;}

.portfolio_sec li.splide__slide img { height: 25vw;}

@keyframes rounde{
    from{
        transform: rotate(0);
    }
    to{
        transform: rotate(360deg);
    }
}

/* Team */
.team_sec{ margin: 0; padding: 0 0 130px; overflow: hidden;}
.team_sec p{ margin-bottom: 55px; text-align: center; color: var(--black);}
.team_sec figure{ margin: 0; padding: 0;}
.team_sec figure a{ display: flex;}
.team_info{ margin: 0; padding: 0; position: relative;}
.team_info .curve1{ position: absolute; top: 35px; right: -80px; z-index: 1;}
.team_info::after{ content: ""; position: absolute; bottom: -50px; left: -90px; height: 157px; width: 157px; background: url(../images/team_curve.png) center center no-repeat; background-size: 100% 100%; z-index: -1; animation: up-down 10s infinite linear;}
.team_block{ margin: 0 0 20px 0; padding: 80px 30px 70px; position: relative; display: block; transition:all .4s ease-in-out; background: url(../images/team_bg.jpg) center center no-repeat; background-size: 100% 100%; border-radius: 21px; height: calc(100% - 20px); text-align:center;}
.team_block figure{ margin: 0 0 75px; padding: 0; border-radius: 50%;}
.team_block figure img{ object-fit: cover; border-radius: 50%;}
.team_block .caption{ margin: 0; padding: 0; font-size: 28px; font-weight: 600; text-align: center; color: var(--white);}
.team_block small{ display: block; font-weight: 200; font-size: 22px; color: var(--white);}

.team_sec .splide__pagination{ position: relative;}
.team_sec .splide__pagination__page{ background: var(--primary); opacity: 0.5;}
.team_sec .splide__pagination__page.is-active{ transform: inherit; opacity: 1;}

/* Location */
.location_sec{ margin: 0; padding: 0 0 140px;}
.location_sec h2 span{ display: block; position: relative;}
.location_sec h2 span figure{ margin: 0; padding: 0; position: absolute; top: 15px; left: -30px; z-index: -1; display: inline-flex;}
.location_sec .detail{ margin: 0; padding: 0; max-width: 350px;}
.location_sec .address{ margin: 0 0 15px; padding: 0; font-size: 24px;}
.location_sec .address strong{ font-size: 30px; font-weight: 700; display: block;}
.location_sec .phone{ margin: 0; padding: 0; font-size: 24px;}
.location_sec .phone a{ color: var(--themetxt);}
.location_sec .phone a:hover{ color: var(--primary);}
.location_sec .qr_info{ padding: 0; margin: 0 0 0 -15px;}
.location_sec .qr_info img{ max-width: 220px;}

.lineani1, .lineani2, .lineani3, .lineani4, .lineani5, .lineani6{ animation: lineani 1.5s linear infinite alternate; transform: translateX(100%);}
.lineani1{ animation-delay: 1.5s;}
.lineani2{ animation-delay: 1.8s;}
.lineani3{ animation-delay: 2.1s;}
.lineani4{ animation-delay: 2.4s;}
.lineani5{ animation-delay: 2.7s;}
.lineani6{ animation-delay: 3s;}
@keyframes lineani{
    0%{ transform: translateX(100%);}
    100%{ transform: translateX(0);}
}

/* Map */
.map_info{ margin: 0 auto; padding: 0; max-width: 1127px;}
.map_info figure{ margin: 0; padding: 0;}
.map_info figure img{ width: 100%;}
.map_collpase{ margin: 0; padding: 0; position: relative;}
.map_collpase .btn{ margin: 0; padding: 0; background: #FF7000; height: 14px; width: 14px; min-height: 14px; border: none; border-radius: 15px; position: absolute; top: -260px; right: 420px;}
.map_collpase .btn:focus{ background: #FF7000;}
.map_collpase #mapcollapse{ margin: 0; padding: 0; position: absolute; top: -270px; right: 140px; max-width: 270px;}
.map_collpase .card-body{ padding: 10px 15px 30px; background: var(--white); border: none; border-radius: 20px; box-shadow: 0px 4px 20px rgba(0,0,0,0.15);}
.map_collpase .card-body figure{ margin: 0 0 22px; padding: 0; border-radius: 20px;}
.map_collpase .card-body figure img{ width: 100%; border-radius: 20px;}
.map_collpase .card-body p{ margin: 0; font-size: 16px;}
.map_collpase .card-body p strong{ font-weight: 700; display: block;}

.map_collpase .btn::before { background: #FF7000; content: ""; border-radius: 50%; position: absolute; animation: pulse 1.5s ease-out infinite;}
@keyframes pulse {
    0% { opacity: 1; width: 14px; height: 14px; left: 0; top: 0; }
    95% { opacity: 0.5; left: -4px; top: -4px; width: 21px; height: 21px;}
    100% { opacity: 0; width: 14px; height: 14px; left: 0; top: 0;} 
}

/* Get */
.get_sec{ margin: 0; padding: 0;}
.get_inner{ margin: 0; padding: 60px 60px 70px 130px; background: #FFF8EE; border-radius: 20px; position: relative;}
.get_inner::after{ content: ""; position: absolute; top: -40px; right: -40px; height: 120px; width: 120px; background: url(../images/portfolio_curve2.svg) center center no-repeat; background-size: 100% 100%; z-index: -1; animation: rounde 10s infinite linear;}
.get_inner figure{ margin: 0; padding: 0; position: absolute; bottom: 50px; left: -55px; z-index: 1; display: inline-flex;}
.get_sec .global_title span{ color: var(--primary);}
.get_form{ margin: 0; padding: 0;}
.get_form .input_group{ margin: 0 0 55px; padding: 0;}
.get_form .form-control{ margin: 0; padding: 0 0 23px; font-size: 16px; color: var(--black); border: none; border-bottom: 1px solid #E0E0E0; background: none; border-radius: 0;}
.get_form .form-control::placeholder{ color: var(--black);}
.get_form .form-control:focus{ border-color: var(--primary);}
.get_form textarea.form-control{ height: 75px; resize: none;}
.error .form-control{ border-color: #cc0000;}
.error_msg{ font-size: 14px; color: #cc0000; margin-top: 5px; opacity: 0; display: none;}
.error .error_msg{ opacity: 1; display: block;}
.get_form .btns{ border: none; width: 100%;}

.input_group .iti{ width: 100%;}
.input_group .iti__selected-flag{ padding:0 0 24px 0; position: relative; background-color: transparent !important; border-radius:0; min-width: 85px;}
.input_group .iti__selected-flag::before{ content: ""; position: absolute; top: 2px; right: 0; background: #D0D5DD; height: 20px; width: 2px;}
.input_group .iti--allow-dropdown input, .input_group .iti--allow-dropdown input[type="text"], .input_group .iti--allow-dropdown input[type="tel"], .input_group .iti--separate-dial-code input, .input_group .iti--separate-dial-code input[type="text"], .input_group .iti--separate-dial-code input[type="tel"]{ padding-left: 105px !important; }
.input_group .iti__arrow{ border-top-color: var(--black);}
.input_group .iti__selected-flag .iti__selected-dial-code{ font-size: 16px; color: var(--black);}


.error_sec{ padding: 120px 0; text-align: center;}
.error_sec .einfo{ font-size: 230px; color: var(--primary); line-height: normal; font-weight: 700; letter-spacing: 15px;}
.error_sec p{ margin-bottom: 40px; font-size: 18px;}

.inner_banner{ width: 100%; margin: 0; padding: 0; position: relative;}
.inner_banner > img{ width: 100%; max-height: 65vh; object-fit: cover;}

/* 25/4 */
/* Mission */
.mission_sec{ margin: 0 0 80px; padding: 80px 0; background: #f7f7f7;}
.mission_sec figure{ margin: 0; min-width: 120px;}
.mission_sec p{ margin: 0;}