body { font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin-top: 0 !important; font-weight: 500; line-height: 1.5; }
ul, li { list-style: none; padding-left: 0; margin-bottom: 0; }
a, a:hover { text-decoration: none; color: #fff; outline: none !important; }
img { max-width: 100%; }
p { color: #666666; line-height: 1.5; font-size: 18px; }
.common-section { padding: 80px 0; }
.common-top-section { padding-top: 80px; }
.common-bottom-section { padding-bottom: 80px; }
.common-btn { display: inline-block; background: #455EAA; color: #fff; border-radius: 50px; padding: 15px 28px; font-size: 20px; line-height: 24px; font-weight: 400; transition: all .2s ease-in-out; }
.common-btn:hover { background: #fff; color: #455EAA }
.custom-container { width: 100%; padding: 0 150px; margin: 0 auto; }
.title-box { margin-bottom: 50px; }
.title-box h2 { font-weight: 500; font-size: 42px; text-align: center; letter-spacing: 0.02em; color: #455EAA; margin-bottom: 20px; line-height: 45px; }
header { box-shadow: 0 0 20px #dfdfdf; }
header .nav-inner { display: flex; justify-content: space-between; align-items: center; }
header .nav-inner .logo { padding: 0 50px; }
header .nav-inner .logo img { width: 230px; }
header .nav-inner .menu-list { display: flex; justify-self: start; width: 100%; padding-left: 30px; border-left: 1px solid #ded5c8; border-right: 1px solid #ded5c8; }
header .nav-inner .menu-list ul { display: flex; gap: 20px; }
header .nav-inner .menu-list ul li a { display: block; padding: 35px 20px; color: #666666; font-size: 18px; }
header .nav-inner .menu-list ul li a:hover { color: #455EAA; }
header .nav-inner .contact-box ul { display: flex; width: 100%; gap: 20px; }
header .nav-inner .contact-box ul a { white-space: nowrap; }
header .nav-inner .contact-box a { display: block; color: #666666; }
header .nav-inner .contact-box { padding: 0 50px; }
header .nav-inner .contact-box a:hover { color: #455EAA; }
header .nav-inner .contact-box ul li span { color: #455EAA; }
header.shrink { position: fixed; width: 100%; background-color: #fff; z-index: 999; transition: all 0.6s linear; box-shadow: 0 0 10px #666666; }
header .menu-box { display: none; top: 30px; position: absolute; right: 20px; transform: translateY(-50%); }
header .menu-box a { display: block; }
header .menu-box span { display: block; height: 3px; width: 21px; background-color: #455EAA; margin-bottom: 4px; border-radius: 3px; transition: 0.8s all ease }
header .menu-box span:last-child { margin-bottom: 0 }
header .menu-box span:nth-child(1) { width: 33px }
header .menu-box span:nth-child(3) { width: 28px }
.menu-open header .menu-box span:first-child { transform: rotate(45deg); transition: 0.8s all ease; width: 28px; }
.menu-open header .menu-box span:nth-child(2) { display: none; transition: 0.8s all ease }
.menu-open header .menu-box span:last-child { transform: rotate(-45deg); margin-top: -7px; transition: 0.8s all ease; width: 28px }
.banner-section { position: relative; overflow: hidden; }
.banner-section .custom-container { position: relative; }
.banner-section .banner-text { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); }
.banner-section .banner-text h1 { font-size: 50px; font-weight: 500; width: 60%; margin: 0; color: #fff; line-height: 1.4; }
.banner-section .owl-dots { position: absolute; left: 50px; bottom: 50px; }
.banner-section .owl-dots .owl-dot { background: #ffffff; height: 18px; width: 18px; border-radius: 50%; margin-right: 20px; }
.banner-section .owl-dots .owl-dot.active { background: #455EAA; }
.banner-section .item { position: relative; display: block; }
.banner-section .item::before { content: ""; position: absolute; top: 0; left: auto; right: 0; height: 100%; background: linear-gradient(90deg, #000000 -22.6%, rgba(0, 0, 0, 0) 100%); width: 100%; z-index: 0; }
.about-us-section .left-box { width: 50%; padding-left: 150px; display: inline-block; vertical-align: middle; padding-right: 80px; }
.about-us-section .left-box h4 { margin-bottom: 30px; color: #455EAA; }
.about-us-section .right-box { width: 50%; display: inline-block; vertical-align: middle; margin-left: -5px; }
.about-us-section .right-box img { border-radius: 100px 0 0 0; }
.services-section { background: #455EAA; text-align: center; position: relative; }
.services-section .title-box h2, .services-section .title-box h4 { color: #fff; }
.services-section .services-box .content-box { position: relative; border-radius: 6px; overflow: hidden; height: 380px; transition: all .3s linear; }
.services-section .services-box .content-box img { width: 100%; transition: all .3s linear; }
.services-section .services-box .background-box { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.8%, #000000 104.2%); }
.services-section .services-box .content-box h4 { position: absolute; left: 20px; bottom: 20px; text-align: left; color: #fff; font-size: 22px; height: 60px; margin: 0; }
.services-section .services-box .col-md-3:first-child { margin-bottom: 30px; }
.services-section .custom-container { width: 100%; margin: 0 auto; position: relative; z-index: 1; }
.services-section.common-section::after { content: ''; position: absolute; height: 60%; width: 100%; background: #fff; bottom: 0; left: 0; right: 0; }
.services-section .services-box .content-box:hover img { transform: scale(1.2); transition: all .3s linear; }
.cta-section { background-image: url(../images/cta-bg.png); background-size: cover; color: #fff; position: relative; }
.cta-section .custom-container { display: flex; justify-content: space-between; align-items: center; }
.cta-section .left-box { flex: 50% 0; }
.cta-section .right-box { flex: 0 50%; }
.cta-section .left-box h2 { font-size: 36px; }
.cta-section .right-box .form-group { margin-bottom: 25px; }
.cta-section .right-box .form-group:last-of-type { margin-bottom: 0; }
.cta-section .right-box .form-control { height: 50px; border: none; border-radius: 8px; padding: 0 20px; }
.cta-section .right-box textarea.form-control { border-radius: 8px; height: 110px; padding: 10px 20px; }
.form-control:focus { color: #000; box-shadow: none; }
.btn:focus { box-shadow: none; }
footer { background-color: #455EAA; padding-top: 50px; }
footer a, footer p { color: #fff; margin-bottom: 0; }
footer a { display: block; }
footer a:hover { color: #BFCEFF; transition: all .3s linear }
footer img.logo { width: 250px; margin: 0 auto; }
footer .top-footer { display: flex; justify-content: space-around; align-items: center; gap: 50px; margin-bottom: 50px; }
footer .top-footer p { margin-bottom: 40px; }
footer .top-footer .logo-box { flex: 30% 0; }
footer .top-footer .con-box { flex: 0 70%; }
footer .top-footer ul li { display: flex; justify-content: space-between; align-items: center; }
footer .top-footer ul li img { margin-right: 8px; }
footer .top-footer ul li a { font-size: 20px; transition: all .3s ease-in-out }
footer .contact-box { display: flex; justify-content: space-between; align-items: center; }
footer .contact-box a { font-size: 22px; }
footer .bottom-footer { display: flex; justify-content: center; padding: 12px 0; border-top: 1px solid #fff6 }
.back-to-top { cursor: pointer; height: 45px; width: 45px; border-radius: 50%; background: #fff; text-align: center; padding: 8px 5px; position: fixed; bottom: 20px; right: 30px; z-index: 9999; box-shadow: 0 0 10px 0px #455EAA57; }
.back-to-top svg { width: 25px; height: 25px; }
.back-to-top svg path { fill: #455EAA }
.about-us-section .left-box p:last-of-type { margin-bottom: 0; }
header .nav-inner .logo img { width: 300px; }
form#contactform input.error {
    border: 1px solid red;
    background: #FFD3D3;
}
/*For Loader*/
.spinner { margin: 0 20px; width: 100px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #EF4036; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
	20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}