/* =========================================
SENARA GLOBAL WEBSITE CSS
Official Responsive Theme
========================================= */

/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Poppins',sans-serif;
background:#ffffff;
color:#111111;

font-size:15px;
line-height:1.7;

overflow-x:hidden;

-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;

}



/* =========================================
GLOBAL
========================================= */

a{
text-decoration:none;
transition:.3s;
color:inherit;
}

ul{
list-style:none;
padding:0;
margin:0;
}

img{

max-width:100%;
height:auto;
display:block;

}

button,
input,
textarea,
select{

font-family:'Poppins',sans-serif;
outline:none;

}

section{

position:relative;

}

.container{

width:100%;
max-width:1320px;
margin:auto;

padding-left:15px;
padding-right:15px;

}



/* =========================================
TYPOGRAPHY
========================================= */

h1,
h2,
h3,
h4,
h5,
h6{

font-weight:700;
line-height:1.3;
color:#111;

}

h1{
font-size:56px;
}

h2{
font-size:44px;
}

h3{
font-size:32px;
}

h4{
font-size:24px;
}

h5{
font-size:18px;
}

p{

font-size:15px;
line-height:1.9;
color:#666;

}



/* =========================================
SPACING
========================================= */

.py-100{
padding:100px 0;
}

.py-80{
padding:80px 0;
}

.py-60{
padding:60px 0;
}

.mt-20{
margin-top:20px;
}

.mt-30{
margin-top:30px;
}

.mb-20{
margin-bottom:20px;
}

.mb-30{
margin-bottom:30px;
}



/* =========================================
BUTTONS
========================================= */

.btn-theme{

display:inline-flex;
align-items:center;
justify-content:center;

height:54px;

padding:0 30px;

border:none;
border-radius:14px;

background:#111;
color:#fff;

font-size:14px;
font-weight:600;

cursor:pointer;

transition:.35s;

}

.btn-theme:hover{

background:#000;

transform:translateY(-3px);

color:#fff;

}

.btn-outline{

display:inline-flex;
align-items:center;
justify-content:center;

height:54px;

padding:0 30px;

border-radius:14px;

border:1px solid #ddd;

background:#fff;

color:#111;

font-size:14px;
font-weight:600;

transition:.35s;

}

.btn-outline:hover{

background:#111;
color:#fff;
border-color:#111;

}



/* =========================================
CARDS
========================================= */

.theme-card{

background:#fff;

border:1px solid #efefef;

border-radius:24px;

transition:.35s;

overflow:hidden;

}

.theme-card:hover{

transform:translateY(-6px);

box-shadow:
0 15px 40px rgba(0,0,0,.06);

}



/* =========================================
FORM
========================================= */

.form-control{

width:100%;
height:56px;

padding:0 18px;

border:1px solid #e5e5e5;

border-radius:14px;

background:#fff;

font-size:14px;

transition:.3s;

}

.form-control:focus{

border-color:#111;

}

textarea.form-control{

height:auto;
padding:18px;

resize:none;

}



/* =========================================
SECTION HEADING
========================================= */

.section-heading{

text-align:center;
margin-bottom:60px;

}

.section-heading span{

display:inline-block;

font-size:12px;
font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

color:#777;

margin-bottom:15px;

}

.section-heading h2{

font-size:48px;

font-weight:700;

margin-bottom:18px;

}

.section-heading p{

max-width:650px;

margin:auto;

font-size:15px;

line-height:30px;

}



/* =========================================
NAVBAR
========================================= */

.navbar{

padding:18px 0;

background:#fff;

border-bottom:1px solid #f2f2f2;

z-index:999;

}

.navbar-brand img{

height:70px;
object-fit:contain;

}

.nav-link{

font-size:14px;

font-weight:500;

color:#111 !important;

padding:10px 16px !important;

transition:.3s;

}

.nav-link:hover{

opacity:.7;

}



/* =========================================
SWIPER / SLIDER
========================================= */

.swiper,
.carousel{

overflow:hidden;

}

.swiper-slide{

height:auto;

}



/* =========================================
UTILITY
========================================= */

.text-center{
text-align:center;
}

.text-white{
color:#fff;
}

.bg-black{
background:#111;
}

.rounded-20{
border-radius:20px;
}

.shadow-theme{

box-shadow:
0 10px 35px rgba(0,0,0,.06);

}



/* =========================================
LOADER
========================================= */

#loader{

position:fixed;

top:0;
left:0;

width:100%;
height:100vh;

background:#fff;

display:flex;
align-items:center;
justify-content:center;

z-index:999999;

}

.main-wrapper{

overflow:hidden;

}



/* =========================================
SCROLLBAR
========================================= */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

background:#cfcfcf;
border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

background:#999;

}



/* =========================================
BOOTSTRAP FIXES
========================================= */

.row{

margin-left:-12px;
margin-right:-12px;

}

.row>*{

padding-left:12px;
padding-right:12px;

}



/* =========================================
LAPTOP
========================================= */

@media(max-width:1199px){

h1{
font-size:48px;
}

h2{
font-size:40px;
}

.container{
max-width:1140px;
}

}



/* =========================================
TABLET
========================================= */

@media(max-width:991px){

body{

font-size:14px;

}

h1{
font-size:42px;
}

h2{
font-size:36px;
}

h3{
font-size:28px;
}

.py-100{
padding:80px 0;
}

.py-80{
padding:70px 0;
}

.section-heading{

margin-bottom:50px;

}

.section-heading h2{

font-size:38px;

}

.navbar-brand img{

height:62px;

}

}



/* =========================================
MOBILE
========================================= */

@media(max-width:576px){

body{

font-size:14px;
line-height:1.8;

}

.container{

padding-left:18px;
padding-right:18px;

}

h1{
font-size:34px;
}

h2{
font-size:30px;
}

h3{
font-size:24px;
}

h4{
font-size:20px;
}

p{

font-size:14px;
line-height:28px;

}

.py-100{
padding:65px 0;
}

.py-80{
padding:55px 0;
}

.btn-theme,
.btn-outline{

width:100%;

height:52px;

font-size:13px;

}

.section-heading{

margin-bottom:40px;

}

.section-heading span{

font-size:11px;

letter-spacing:2px;

}

.section-heading h2{

font-size:30px;

}

.section-heading p{

font-size:14px;
line-height:27px;

}

.navbar{

padding:14px 0;

}

.navbar-brand img{

height:58px;

}

.nav-link{

padding:10px 0 !important;

}

}



/* =========================================
MINI MOBILE
========================================= */

@media(max-width:360px){

h1{
font-size:30px;
}

h2{
font-size:26px;
}

.section-heading h2{

font-size:26px;

}

.container{

padding-left:15px;
padding-right:15px;

}

}