@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root{
--primary: #E93540;
--secondary: #011734;
--basecolor1: #1943A1;
--basecolor2: #8F959D;
--text: #2C2E30;
--white: #ffffff;
--black: #000000;

--rajdhani: "Rajdhani", serif;
--Dmsans: "DM Sans", serif;
}

html, body{ overflow-x: hidden;}
body{ padding:0; margin:0; font-size:16px; color: var(--text); font-family: var(--Dmsans);}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .4s ease-in-out; color: var(--text);}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none; color: var(--primary);} 
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
/*ul{ margin: 0; padding: 0;}
li{ list-style:none; position: relative; padding: 0 0 0 20px;}*/
/*ul li::before{ content: ""; width: 6px; height: 6px; background-color: #4a4a4a; position: absolute; left: 0px; top: 8px; border-radius: 50%;}*/
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: var(--rajdhani); font-weight: 700;}
h1{ font-size: 85px;}
h2{ font-size: 55px;}
h3{ font-size: 40px;}
h4{ font-size: 30px;}
h5{ font-size: 20px;}
h6{ font-size: 18px;}
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: 1410px; margin:0 auto; padding:0;}

.btns{ margin: 0; padding: 13px 65px 13px 22px; font-size: 19px; font-weight: 700; color: var(--white); background: var(--primary); border-radius: 80px; position: relative; transition: all .4s ease-in-out; display: inline-block; border: none;}
.btns::before{ content: ''; position: absolute; top: 50%; right: 4px; background: var(--white); height: 46px; width: 46px; border-radius: 51px; transform: translateY(-50%); transition: all .4s ease-in-out;}
.btns::after{ content: ''; position: absolute; top: 50%; right: 20px; background: url(../images/btn_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 14px; width: 14px; transform: translateY(-50%); transition: all .4s ease-in-out;}
.btns:hover,.btns:focus{ color: var(--white); background: var(--basecolor1);}
.btns:hover::after{ transform:  translateY(-50%) rotate(45deg); filter: brightness(0) invert(1);}
.btns:hover::before{ background: var(--primary);}

p{ font-size: 17px; line-height: 24px; font-weight: 400; color: var(--text);}

.global_title{ margin: 0 0 18px; padding: 0; font-size: 55px; font-weight: 700; font-family: var(--rajdhani); color: var(--secondary);}
.global_title small{ margin: 0; padding: 0; font-size: 20px; font-family: var(--Dmsans); color: var(--primary); display: block; text-transform: uppercase; position: relative;}
.global_title small::before{ content: ""; position: relative; display: inline-block; top: -3px; left: 0; background: var(--primary); height: 6px; width: 6px; border-radius: 6px; margin-right: 10px;}
.global_title.center{ text-align: center;}
.global_title.white{ color: var(--white);}
.global_title.white small{ color: var(--white);}
.global_title.white small::before{ background: var(--white);}

.read_more{ margin: 0; padding: 0 30px 0 0; font-size: 19px; font-weight: 700; color: var(--primary); position: relative;}
.read_more::before{ content: ""; position: absolute; background: url(../images/readmore_ic.svg) center center no-repeat; right: 0; top: 2px; height: 24px; width: 24px; background-size: 100% 100%; transition: all 0.4s ease-in-out;}
.read_more:hover{ color: var(--basecolor1);}
.read_more:hover::before{ transform: rotate(45deg);}

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


/*===================
 		HEADER 
 ===================*/
header{ width:100%; padding: 0; margin:0; position:absolute; top:0; z-index:9999;}
header .header_absolute{ margin: 0; padding: 10px 0; background: var(--white);}
header .navbar{ margin:0; padding:0;}
header .navbar-brand{ margin:0; padding:0;}
header .navbar-light .navbar-nav{ margin: 0; padding: 0; display: flex; align-items: center;} 
header .navbar-light .navbar-nav .nav-item{ margin: 0 0 0 60px; padding: 0;}
header .navbar-light .navbar-nav .nav-item::before{ display: none;}
header .navbar-light .navbar-nav .nav-item:nth-last-child(1){ margin: 0  0 0 10px;}
header .navbar-light .navbar-nav .nav-item:nth-last-child(2){ margin: 0  0 0 40px;}
header .navbar-light .navbar-nav .nav-link{ margin:0; padding:0; font-weight: 500; font-size: 18px;}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color: var(--primary);}
header .top_bar{ margin: 0; padding: 0; background: var(--secondary);}
header .top_inn{ margin: 0; padding: 7px 0; display: flex; gap: 50px; justify-content: space-between;}
header .top_inn .nav_contact{ margin: 0; padding: 0; display: flex; gap: 35px;}
header .top_inn .nav_contact li{ margin: 0; padding: 0;}
header .top_inn .nav_contact li a{ font-size: 17px; color: var(--white); display: flex; gap: 7px; transition: all .4s ease-in-out;}
header .top_inn .nav_contact li a img{ filter: brightness(0) invert(1); transition: all .4s ease-in-out;}
header .top_inn .nav_contact li a:hover{ color: var(--primary);}
header .top_inn .nav_contact li a:hover img{ filter: inherit;}
header .top_inn .nav_social{ margin: 0; padding: 0; display: flex; gap: 38px;}
header .top_inn .nav_social li{ margin: 0; padding: 0;}
header .top_inn .nav_social li a:hover img{ filter: inherit;}
header .top_inn .nav_social li a img{ filter: brightness(0) invert(1); transition: all .4s ease-in-out;}
header .header_absolute .dropdown-toggle::after{ border: none; background: url(../images/dropdown_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 9px; width: 14px; margin: 0; top: 5px; right: -10px; position: relative;}
header .navbar-nav .nav-item.dropdown:hover .drop-down-menu.show{ display: block;}
header .navbar-light .navbar-nav .nav-link.login-btn{ margin: 0; padding: 10px 21px; font-size: 18px; font-weight: 700; color: var(--primary); border: 1px solid rgba(0,0,0,0.15); border-radius: 80px; transition: all .4s ease-in-out;}
header .navbar-light .navbar-nav .nav-link.login-btn:hover{ background: var(--primary); color: var(--white); border-color: var(--primary);}
header .navbar-light .navbar-nav .nav-link.btns{ padding: 11px 65px 12px 22px; font-size: 18px;}
header .navbar-light .navbar-nav .nav-link.btns:hover{ color: var(--white);}
header .navbar-light .navbar-nav .nav-link.btns::before{ height: 42px; width: 42px; border-radius: 21px;}
header .navbar-light .navbar-nav .nav-link.btns::after{ right: 18px;}
header .dropdown-menu li::before{ display: none;}
header .dropdown-menu li{ padding: 0;}
@media (min-width: 992px) {
    header .nav-item.dropdown:hover .dropdown-menu{ display: block;}
}

/* HEADER STICKY */
header.sticky{ position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:999 !important; animation:slide-down 0.4s;}
header.sticky .top_bar{ display: none;}

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

/*===================
 		FOOTER 
===================*/
footer{ padding: 90px 0 0; margin:0; background: var(--secondary) url(../images/ftr_curve.png) center center no-repeat; background-size: cover;} 
.ftr_cta{ margin: 0; padding: 0;}
.ftr_cta .info{ margin: 0; padding: 0  0 70px; border-bottom: 1px solid rgba(255,255,255,0.1);}
.ftr_cta .cta_detail{ margin: 0; padding: 0 70px 0 0;}
.ftr_cta .cta_detail .global_title{ margin: 0 0 30px;}
.ftr_cta .cta_detail p{ color: var(--basecolor2);}
.ftr_cta .cta_form{ margin: 0; padding: 0;}
.ftr_cta .input-group{ margin: 0 0 20px; padding: 0; color: var(--white);}
.ftr_cta .form-control{ margin: 0; padding: 14px 30px; font-size: 17px; font-weight: 400; color: var(--white);  background: #1A2E48; border-radius: 80px; border: 1px solid #1A2E48; width: 100%;}
.ftr_cta .form-control:focus{ border-color: var(--white);}
.ftr_cta .form-control::placeholder{ color: var(--basecolor2);}
.ftr_cta textarea.form-control{ height: 113px; resize: none; border-radius: 20px;}
.footer_sec{ margin: 0; padding: 65px 0 0;}
.footer_sec figure{ margin: 0; padding: 0;}
.footer_sec .nav_title{ margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 700; color: var(--white); font-family: var(--rajdhani);}
.ftr_link{ margin: 0; padding: 0;}
.ftr_link li{ margin: 0 0 10px; padding: 0; font-size: 17px; color: var(--basecolor2); display: flex; gap: 8px;}
.ftr_link li::before{ display: none;}
.ftr_link li i{ min-width: 20px;}
.ftr_link li a{ color: var(--basecolor2); transition: all .4s ease-in-out; display: block;}
.ftr_link li a:hover{ color: var(--primary);}
.ftr_link.contact li{ margin-bottom: 20px;}
.ftr_link li.mail a{ color: #E4343F;}
.ftr_link li.call a{ font-weight: 700;}
.ftr_link li.mail a:hover{ color: var(--white);}
.social_in{ margin: 0 0 0 auto; padding: 0; max-width: 110px;}
.social_list{ margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px;}
.social_list li{ margin: 0; padding: 0;}
.social_list li::before{ display: none;}
.social_list li a{ margin: 0; padding: 0; background: rgba(255,255,255,0.1); height: 50px; width: 50px; display: flex; justify-content: center; align-items: center; border-radius: 25px; transition: all .4s ease-in-out;}
.social_list li a:hover{ background: var(--primary);} 
.social_list li a img{ transition: all .4s ease-in-out;} 
.social_list li a:hover img{ filter: brightness(0) invert(1);} 
.footer_sec .copyright{ margin: 75px 0 0; padding: 38px 0 42px; display: flex; gap: 20px; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.1);}
.footer_sec .copyright p{ margin: 0; padding: 0; color: var(--basecolor2);}
.footer_sec .copyright p span{ color: var(--white); font-weight: 700; font-family: var(--rajdhani);}
.footer_sec .copyright p small{ margin: 0 10px; color: #112948;}
.footer_sec .copyright p a{ color: var(--basecolor2); transition: all .4s ease-in-out;}
.footer_sec .copyright p a:hover{ color: var(--primary);}

/* Return To Top */
#return-to-top { position:fixed; bottom:35px; right:20px; background:var(--secondary); width:47px; height:47px; display: block; border-radius:50%; text-decoration: none; text-align:center; display:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top i { color:#fff; margin:0; position:relative; left:0; top:10px; font-size:23px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background:var(--primary); }
#return-to-top:hover i { color: #fff; top:7px; }

/*---------------	
	FOOTER END	 
----------------*/


/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}

.hero_sec{ margin: 0; padding: 0; position: relative;}
.hero_sec figure{ margin: 0; padding: 0;}
.hero_sec figure img{ object-fit: cover;}
.hero_sec .hero_cap{ margin: 0; padding: 0; position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); transform: translate(-50%, -50%); left: 50%; width: calc(100% - 100px);}
.hero_sec .hero_cap::before{ content: ''; position: absolute; height: 330px; width: 970px; background: rgba(0,0,0,0.3); left: 50%; transform: translateX(-50%); top: 0; filter: blur(10px);}
.hero_sec .hero_cap .container{ position: relative; z-index: 2;}
.hero_sec .hero_detail{ margin: 0; padding: 0; text-align: center; position: relative;}
.hero_sec .hero_detail h2{ margin: 0 0 8px; padding: 0; font-size: 85px; font-weight: 700; color: var(--white); font-family: var(--rajdhani);}
.hero_sec .hero_detail p{ margin: 0 0 23px; padding: 0; font-size: 20px; font-weight: 600; color: var(--white);}
.hero_sec .search_bar{ margin: 40px auto 0; padding: 10px 10px 10px 35px; display: flex; gap: 22px; background: var(--white); max-width: 960px; border-radius: 80px; position: absolute; bottom: 280px; width: 100%; z-index: 999; left: 50%; transform: translate(-50%, 0);}
.hero_sec .search_bar select{ border: none;  font-size: 20px; font-weight: 500; color: var(--text); border-right: 1px solid rgba(0,0,0,0.1); border-radius: 0;}
.hero_sec .search_bar .form-control{ border: none; font-size: 20px; font-weight: 500;}
.hero_sec .search_bar .form-control::placeholder{  color: var(--text);}
.hero_sec .search_bar button{ background: var(--basecolor1); height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: none; min-width: 46px;}
.hero_sec .search_bar button img{ width: auto;}
.hero_sec .logo_info{ margin: 0; padding: 24px 30px; display: flex; gap: 60px; background: var(--white); position: absolute; left: 0; bottom: 0; z-index: 5; align-items: center;}
.hero_sec .logo_info::before{ content: ''; background: url(../images/logo_curve.png) center center no-repeat; background-size: 100% 100%; left: 99%; width: 196px; height: 100%; position: absolute;}
.hero_sec .logo_info figure{ margin: 0; padding: 0;}

.hero_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0 !important; display:block; border-radius:0; position: absolute; top: 50%; transform: translate(0, -50%);}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ left: 0;}
.hero_sec .owl-carousel .owl-nav button:after{ content: ""; background: url(../images/slider_arrow.svg) center center no-repeat; background-size: 100% 100%; height: 25px; width: 14px; display: flex; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); filter: brightness(0); opacity: 0.1; transition: all .4s ease-in-out;}
.hero_sec .owl-carousel .owl-nav button:hover:after{ filter: inherit; opacity: 1;}
.hero_sec .owl-carousel .owl-nav button::before{ content: ""; background: url(../images/slider_curve.png) center center no-repeat; background-size: 100% 100%; display: flex; height: 190px; width: 44px;}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ transform: translate(0, -50%) rotate(180deg);}
.hero_sec .owl-carousel .owl-nav button.owl-next{ right: 0;}


/* About */
.about_sec{ margin: 0; padding: 140px 0 150px;}
.about_sec .left_img{ margin: 0 80px 0 0; position: relative;}
.about_sec figure{ margin: 0; padding: 0; border-radius: 20px;}
.about_sec figure img{ border-radius: 20px;}
.about_sec figure.absolute{ position: absolute; bottom: 0; right: 0; border-radius: 20px 20px 20px 0; background: var(--white); padding: 10px 0 0 10px;}
.about_sec figure.absolute img{ border-radius: 20px 20px 20px 0;}
.about_sec .experince_btn{ margin: 0; padding: 19px 21px; font-size: 30px; font-weight: 700; color: var(--white); font-family: var(--rajdhani); background: #1943A1; border-radius: 10px; line-height: normal; display: inline-block; position: absolute; transform: rotate(-90deg); top: 116px; right: -114px;}
.about_sec .about_right{ margin: 0; padding: 0 0 0 40px;}
.about_sec p{ margin: 0 0 25px;}
.about_sec ul{ margin: 0; padding: 0;}
.about_sec ul li{ margin: 0 0 30px; padding: 0; display: flex; gap: 20px; align-items: center;}
.about_sec ul li::before{ display: none;}
.about_sec ul li i{ margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; min-width: 95px; height: 95px; background: rgba(25, 67, 161, 0.1); border-radius: 10px;}
.about_sec ul li .detail{ margin: 0;}
.about_sec ul li h3{ margin: 0 0 5px; padding: 0; font-size: 25px; font-weight: 700; font-family: var(--rajdhani); color: var(--secondary);}
.about_sec ul li p{ margin: 0; padding: 0;}

/* Event */
.event_sec{ margin: 0; padding: 110px 0 120px; background: #F8F8F8 url(../images/event_curve.png) center center no-repeat; background-size: cover;}
.event_box{ margin: 0 0 40px; padding: 0; border-radius: 20px; background: var(--white); height: calc(100% - 40px);}
.event_box figure{ margin: 0; padding: 0; border-radius: 20px; overflow: hidden;}
.event_box figure img{ width: 100%; border-radius: 20px; object-fit: cover; transition: all 0.4s ease-in-out;}
.event_box .detail{ margin: 0; padding: 30px 30px 22px;}
.event_box .location{ margin: 0 0 10px; padding: 0; display: flex; gap: 5px; align-items: center; font-size: 16px;}
.event_box .date{ margin: 0 0 24px; padding: 0 0 20px; display: flex; gap: 6px; align-items: center; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.event_box .date span{ color: var(--basecolor1); padding-right: 30px; position: relative;}
.event_box .date span::before{ content: ""; position: absolute; top: 10px; right: 10px; background: var(--text); height: 4px; width: 4px; border-radius: 5px;}
.event_box h3{ margin: 0 0 15px; padding: 0; font-size: 30px; font-weight: 700; font-family: var(--rajdhani); color: var(--secondary);}
.event_box h3 a{ color: var(--secondary);}
.event_box p{ margin: 0 0 16px;}
.event_box:hover figure img{ transform: scale(1.1);}
.event_box:hover h3 a{ color: var(--primary);}

/* Industry */
.industry_sec{ margin: 0; padding: 140px 0 120px;}
.industry_sec .title{ margin: 0 0 30px; display: flex; align-items: center; justify-content: space-between; position: relative;}
.industry_sec .title::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; height: 1px; background: rgba(0,0,0,0.1);}
.industry_sec .title h2, .industry_sec .title .read_more{ background: var(--white); position: relative;}
.industry_sec .title h2{ padding-right: 15px;}
.industry_sec .title .read_more{ padding-left: 15px;}
.industry_box{ margin: 0 0 20px; padding: 0; height: calc(100% - 20px); position: relative; overflow: hidden; border-radius: 20px;}
.industry_box::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.9) 70%); z-index: 1;}
.industry_box figure{ margin: 0; padding: 0; border-radius: 20px;}
.industry_box figure img{ width: 100%; object-fit: cover; border-radius: 20px; transition: all 0.4s ease-in-out;}
.industry_box:hover figure img{ transform: scale(1.1);}
.industry_box .caption{ margin: 0; padding: 10px 15px; position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; z-index: 2;}
.industry_box h3{ margin: 0; padding: 0; font-size: 25px; font-weight: 700; color: var(--white); font-family: var(--rajdhani);}
.industry_box h3 a{ color: var(--white);}
.industry_box h3 a:hover{ color: var(--primary);}
.industry_box i{ margin: 0; min-width: 24px; filter: brightness(0) invert(1);}
.map_box{ margin: 0 0 20px; padding: 20px 25px; height: calc(100% - 20px); border-radius: 20px; background: #F8F8F8; text-align: center;}
.map_box.big{ display: flex; align-items: center;}
.map_box figure{ margin: 0 0 10px; padding: 0;}
.map_box.big figure{ max-width: 280px; min-width: 280px; margin: 0;}
.map_box .dtl{ margin: 0; width: 100%;}
.map_box h3{ margin: 0; padding: 0; font-size: 25px; font-weight: 700; font-family: var(--rajdhani); color: var(--secondary);}

/* Recent */
.recent_sec{ margin: 0; padding: 0 0 140px;}
.recent_box{ margin: 0 0 30px; height: calc(100% - 30px); padding: 20px; display: flex; align-items: center; gap: 20px; border-radius: 20px; background: linear-gradient(270deg, rgba(233, 53, 64, 0.08) 0%, rgba(25, 67, 161, 0.05) 100%);}
.recent_box figure{ margin: 0; padding: 0; min-width: 195px; border-radius: 15px; overflow: hidden;}
.recent_box figure img{ border-radius: 15px; width: 100%; object-fit: cover; transition: all 0.4s ease-in-out;}
.recent_box:hover figure img{ transform: scale(1.1);}
.recent_box .detail{ margin: 0; padding: 0;}
.recent_box h3{ margin: 0 0 10px; padding: 0; font-size: 30px; font-weight: 700; color: var(--secondary); font-family: var(--rajdhani);}
.recent_box h3 a{ color: var(--secondary);}
.recent_box:hover h3 a{ color: var(--primary);}
.recent_box p{ margin: 0 0 12px;}
.recent_box .date_info{ margin: 0; display: flex; align-items: center; gap: 10px; justify-content: space-between;}
.recent_box .date_info .date{ margin: 0; padding: 0; display: flex; gap: 6px; align-items: center; font-size: 16px; color: var(--basecolor1);}
.recent_box .date_info .label{ margin: 0; padding: 3px 8px; font-size: 15px; font-weight: 700; color: var(--white); background: var(--primary); border-radius: 5px; line-height: normal;}

/* Customer */
.customer_sec{ margin: 0; padding: 150px 0; background: var(--basecolor1) url(../images/customer_bg.png) center center no-repeat; background-size: cover;}
.customer_sec .play_video{ margin: 0; padding: 0; position: relative; display: block;}
.customer_sec figure{ margin: 0; padding: 0; border-radius: 20px;}
.customer_sec figure img{ width: 100%; object-fit: cover; border-radius: 20px;}
.customer_sec i{ margin: 0; padding: 0; background: var(--primary); height: 68px; width: 68px; border-radius: 70px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.customer_sec i::before{ content: ""; background: var(--primary); height: 78px; width: 78px; border-radius: 70px; opacity: 0.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; animation: zoomout 1.56s linear infinite;}

@keyframes zoomout{
    0%{ height: 78px; width: 78px;}
    50%{ height: 88px; width: 88px;}
    100%{ height: 78px; width: 78px;}
}
.review_modal{ margin: 0; padding: 0;}
.review_modal .btn-close{ margin: 0; padding: 0; background-color: var(--white); position: absolute; top: -17px; right: -17px; height: 34px; width: 34px; border-radius: 30px; opacity: 1;}
.review_modal .modal-body{ padding: 0;}
.review_modal iframe{ display: flex;}

.testi_slider{ position: relative; padding: 0; z-index: 2; max-width: 700px; margin: 0 auto;}
.testi_slider figure{ opacity: 0; margin: 0 auto; width: 66px; height: 66px; border-radius: 50%; transition:.4s ease-in-out; position: relative;}
.testi_slider figure:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition:.6s ease-in-out; border: 2px solid var(--primary); border-radius: 50%; transform: scale(0);}
.testi_slider figure img{ border-radius: 50%; object-fit: cover; animation-duration: .4s !important; height: 100%;}
.testi_slider .owl-item.active figure::before { transform: scale(1);}
.testi_slider .owl-item.active figure{ opacity: 1;}
.testi_slider .owl-item{ transition:.6s ease-in-out;}
.testi_slider p{ margin: 0 0 30px; font-size: 20px; line-height: 32px; color: var(--white); text-align: center;}
.testi_slider .rating{ margin: 0 0 25px; display: flex; gap: 3px; justify-content: center;}
.testi_slider .rating img{ width: auto;}

.testi_slider .thumb-prev{ position:absolute; z-index:99; bottom: 8px; width: 50px; height: 50px; left: 235px; cursor:pointer; transition:.3s; border-radius: 50%;}
.testi_slider .thumb-next{ position:absolute; z-index:99; bottom: 8px; width: 50px; height: 50px; right: 235px; cursor:pointer; transition:.3s; border-radius: 50%;}
.testi_slider .feedback-slider-thumb img{ overflow:hidden; transition: all 0.4s ease-in-out; animation-duration: .4s !important;object-fit: cover; border-radius: 50%; filter: grayscale(1);}

.customer_sec .owl-carousel .owl-nav{ display: flex; justify-content: space-between; position: absolute; bottom: 8px; width: 100%;}
.customer_sec .owl-carousel .owl-nav::before{ content: ""; position: absolute; top: 50%; left: 50px; transform: translate(0, -50%); height: 1px; width: calc(100% - 100px); background: rgba(255, 255, 255, 0.2);}
.customer_sec .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius:50px; height: 50px; width: 50px; border: 1px solid rgba(255, 255, 255, 0.2); color: rgba(0,0,0,0.5) !important; z-index:555; transition:all .6s ease-in-out;}
.customer_sec .owl-carousel .owl-nav button.owl-prev:after{ content: ""; width: 32px; height: 32px; background: url(../images/slider-arrow-white.svg) center center no-repeat; background-size: 100% 100%; transform: rotate(-180deg); opacity: 0.7; transition:all .6s ease-in-out;}
.customer_sec .owl-carousel .owl-nav button.owl-next:after{ content: ""; width: 32px; height: 32px; background: url(../images/slider-arrow-white.svg) center center no-repeat; background-size: 100% 100%; opacity: 0.7; transition:all .6s ease-in-out;}
.customer_sec .owl-carousel .owl-nav button:hover{ border-color: var(--white);}
.customer_sec .owl-carousel .owl-nav button:hover::after{ opacity: 1;}

.customer_sec .owl-carousel .owl-dots{ width:100%; margin:15px 0 0; padding:0; text-align:center; position:relative; left:0; bottom:0; z-index:9;}
.customer_sec .owl-carousel .owl-dot{ margin:0 6px; display:inline-block;}
.customer_sec .owl-carousel .owl-dot span{ width:8px; height:8px; display:block; border-radius:50%; background:#bfbfbf;}
.customer_sec .owl-carousel .owl-dot.active span{ background:#231f20;}

/* Gallery */
.gallery_sec{ margin: 0; padding: 130px 30px 30px;}
.gallery_sec figure{ margin: 0; padding: 0; border-radius: 20px; overflow: hidden; height: 337px;}
.gallery_sec figure a{ width: 100%; height: 100%; display: flex;}
.gallery_sec figure a img{ transition: all .4s ease-in-out; width: 100%; border-radius: 20px; object-fit: cover; height: 100%;}
.gallery_sec figure a:hover img{ transform: scale(1.1);}
.gallery_sec .global_title{ margin: 0 0 30px;}
.gallery_sec figure.rowspan-2{ grid-row: span 2; height: 704px;}
.gallery_sec figure.collspan-2{ grid-column: span 2;}
.gallery_sec .gallery_box{ margin: 0; display: grid; grid-template-columns: auto auto auto auto auto; gap: 30px;}
.gallery_sec .gallery_box.right{ justify-content: start;}


/*=====================
    Typography Page
=====================*/
.inner_banner{ margin: 0; padding: 280px 0 180px; background: url(../images/hero_img.jpg) center center no-repeat; background-size: cover; text-align: center; color: var(--white); position: relative;}
.inner_banner::before{ content: ""; position: absolute; bottom: 0; left: 0; background: var(--white); height: 90px; width: 1220px;}
.inner_banner::after{ content: ""; position: absolute; bottom: 0; left: 1210px; background: url(../images/logo_curve.png) center center no-repeat; height: 90px; width: 196px; background-size: 100% 100%;}
.form-radio{ margin: 0 10px 0 0;}
.form-check-input:checked{ background: var(--primary); border-color: var(--primary);}
select option{ color: var(--text) !important;}
select:focus{ color: var(--text) !important; border-color: var(--text) !important;}