*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,figure,p,span,strong{padding:0;margin:0;list-style:none;font-family:Inter,sans-serif;font-weight:300;color:#666}
body,p{font-size:18px;line-height:22px;color:#3a3a3a}
body{overflow:hidden;overflow-y:auto}
body.active{overflow:hidden}
h1,h2,h3{font-size:28px;font-weight:500}
a,.btn,button{text-decoration:none;outline:none}
small{font-size:100%}
strong{font-weight:400}
.scrollBarHide::-webkit-scrollbar{display:none}
.container{padding:0 15px;margin:0 auto;width:100%;max-width:1280px;display:block;position:relative;z-index:1}
.img-responsive{max-width:100%;height:auto;max-height:100%}
.form-group{margin-bottom:10px}
.form-group label{font-size:14px;line-height:16px;color:#666;display:block}
.form-control{padding:8px 15px;display:block;width:100%;height:45px;font-size:14px;color:#1B1E27;background:#fff;border-radius:8px;border:#CBCBCB solid 1px;outline:none;font-family:Inter,sans-serif}
textarea.form-control{padding:15px;min-height:100px;font-family:Inter,sans-serif}
.btnBox{margin-top:30px;display:flex;align-items:center;justify-content:center}
.btn{padding:8px 30px;height:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;cursor:pointer;border:0;font-size:16px;border-radius:8px;transition:.5s;white-space:nowrap}
.btn img{height:30px}
.btn-primary{background:#21325b;color:#fff;border:#37476b solid 1px;transition:.5s}
.btn-primary:hover{background:#425174;border:#37476b solid 1px;box-shadow:0 4px 11px rgba(33,50,91,.35);transition:.5s}
.btn-secondary{background:#fff;color:#21325b;border:#37476b solid 1px;transition:.5s}
.btn-secondary:hover{background:#425174;color:#fff;border:#37476b solid 1px;box-shadow:0 4px 11px rgba(33,50,91,.35);transition:.5s}
.btn-link{padding:0;border-bottom:#fff solid 1px;background:none;width:fit-content;height:auto;color:#1e2022;border-radius:0;transition:.5s}
.btn-link:hover{color:#21325b;border-bottom:#37476b solid 1px;transition:.5s}
.btn-whatsapp{background:#fff;color:#65b162;border:#65b162 solid 1px;transition:.5s}
.btn-whatsapp:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.16);transition:.5s}
.owlSlider .owl-theme .owl-nav .owl-prev{margin:0;width:40px;height:40px;position:relative;background:#00549E;border-radius:100px}
.owlSlider .owl-theme .owl-nav .owl-prev:after{content:"\e916";position:absolute;top:0;left:0;width:40px;height:40px;font-size:14px;color:#fff;font-family:'icomoon';display:flex;justify-content:center;align-items:center}
.owlSlider .owl-theme .owl-nav .owl-next{margin:0;width:40px;height:40px;position:relative;background:#00549E;border-radius:100px}
.owlSlider .owl-theme .owl-nav .owl-next:after{content:"\e917";position:absolute;top:0;right:0;width:40px;height:40px;font-size:14px;color:#fff;font-family:'icomoon';display:flex;justify-content:center;align-items:center}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#00549E}
.owlSlider .owl-theme .owl-nav{display:flex;gap:10px;justify-content:flex-end}
.slider__controls{margin-top:20px;display:flex;align-items:center;justify-content:center;width:100%;position:absolute;bottom:-20px}
.swiper-pagination-horizontal{display:flex;align-items:center;justify-content:center;width:100%}
.swiper-pagination-bullet{width:10px;height:10px;border:#079AAA solid 1px;opacity:1}
.swiper-pagination-bullet-active{background:#079AAA}
.swiper-button-next,.swiper-button-prev{color:#1e2022;top:65%;background:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:100px;box-shadow:0 2px 6px 0 #48484833}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev';font-size:16px}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next';font-size:16px}
.blogHeader{padding:8px 0;height:50px;width:100%;display:flex;align-items:center;transition:.3s;background:#21325b;position:relative;z-index:2}
.blogHeader .container{display:flex;align-items:center;gap:20px}
.blogHeader ul{display:flex;gap:25px;align-items:center}
.blogHeader ul li{display:flex;position:relative}
.blogHeader ul li a{display:block;font-size:16px;color:#fff;line-height:34px}
.blogHeader ul li a:hover{text-decoration:underline}
#nav-toggle{display:none}
.newsletter-section{padding:65px 0;display:block;background:#F7F8F9}
.newsletter-wrapper{display:flex;gap:20px}
.newsletter-left{padding:40px;border-radius:20px;border:#E5E7EB solid 1px;width:60%;background:#fff url(assets/images/decorate-1.png) no-repeat top right}
.newsletter-tag{color:#666;font-size:14px}
.newsletter-left h2{margin:15px 0;font-size:40px;line-height:38px;color:#1e2022;font-weight:550}
.newsletter-left p{color:#666;max-width:480px}
.newsletter-form{display:flex;gap:16px;margin:24px 0}
.newsletter-form input{flex:1;padding:15px 20px;border-radius:999px;border:1px solid #ddd;font-size:16px}
.newsletter-form button{padding:16px 32px;border-radius:100px;font-size:16px;cursor:pointer;height:auto}
.terms{font-size:14px;color:#666}
.terms a{color:#1e2022;text-decoration:underline}
.newsletter-right{display:flex;flex-direction:column;gap:20px;width:40%}
.brand-box{padding:24px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;place-items:center;border-radius:20px;border:#E5E7EB solid 1px}
.brand-box img{max-width:100px}
.side-cards{display:flex;gap:15px}
.side-cards .image-card{height:220px;width:200px}
.side-cards .image-card img{width:100%;height:100%;object-fit:cover;border-radius:24px}
.follow-card{background:#fff;padding:24px;border-radius:20px;border:#E5E7EB solid 1px;width:calc(100% - 215px)}
.follow-card h3{margin-bottom:16px;color:#1e2022;font-size:20px;font-weight:550}
.social-btn{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #ddd;border-radius:12px;text-decoration:none;color:#1e2022;background:#f1f1f1}
.social-btn span{display:flex;gap:5px;align-items:center;font-size:16px}
.social-btn span em{color:#1e2022;font-size:22px}
@media screen and (max-width:1024px) {
.blogHeader .container{justify-content:flex-end}
#nav-toggle{padding:16px 10px 2px;margin:0;cursor:pointer;width:42px;height:38px;display:block;border:#fff solid 1px;border-radius:5px;transition:.5s}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{content:'';cursor:pointer;height:2px;width:20px;background:#fff;position:absolute;display:block;border-radius:3px;transition:.5s}
#nav-toggle span:before{top:-7px}
#nav-toggle span:after{bottom:-7px}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition:all 200ms ease-in-out}
#nav-toggle.active span{background-color:transparent!important;transition:.5s}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0;transition:.5s}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}
.blogHeader{overflow:hidden}
.blogHeader.active{overflow:initial}
.blogHeader ul{padding:0;margin:0;display:block;position:absolute;top:44px;right:-500px;background:#21325b;height:100vh;width:300px;transition:.3s;flex-direction:column;align-items:center;overflow:hidden}
.blogHeader ul.active{right:0;transition:.3s}
.blogHeader ul li{display:block;border-bottom:#f1f1f12e solid 1px}
.blogHeader ul li:first-child{border-top:#f1f1f12e solid 1px}
.blogHeader ul li a{padding:0 15px;display:block;line-height:50px;color:#fff}
.blogHeader .btn{padding:0 15px;margin:15px;border:0;line-height:50px;display:block;border-bottom:#f1f1f12e solid 1px;width:calc(100% - 30px);text-align:center}
}
@media screen and (max-width:768px) {
.newsletter-wrapper{flex-direction:column}
.newsletter-left,.newsletter-right{width:100%}
}
@media screen and (max-width:540px) {
.blogHeader ul{width:100%;}
.swiper-button-next,.swiper-button-prev{top:64%}
.newsletter-wrapper{gap:15px}
.newsletter-left{padding:20px}
.newsletter-right{gap:15px}
.newsletter-form{flex-direction:column}
.newsletter-left h2{font-size:20px;line-height:25px}
.brand-box{padding:20px;grid-template-columns:repeat(2,1fr)}
.side-cards{flex-direction:column}
.side-cards .image-card{width:100%}
.follow-card{padding:20px;width:100%}
}