@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');

.container { width:1240px; margin:0px auto;}

/*Hero Css Start Here*/
#hero { float: left; width: 100%; padding: 40px 0 40px; background: #F7F8FA;}
.banner-logo { float: left; width: 100%; margin: 10px 0 130px;}
.banner-logo img { width: 100%; max-width: 280px;}
#hero h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 56px; font-weight: 700; padding: 0 0 25px; margin: 0px; line-height: 1.2;}
#hero p { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 0 0 40px; margin: 0px; line-height: 1.6;}

.banner-img { float: left; width: 100%; margin: 0; text-align:right;}
.banner-img img { width: 100%; max-width: 500px;}
.banner-button { float: left; width: 100%;}
.banner-button a { background: #0468FE; border:1px solid #0468FE; color: #ffffff; display: inline-block; padding: 14px 30px; line-height:1.3; border-radius: 5px; font-family: 'Rubik', sans-serif; font-size: 16px; text-align:center; font-weight:500; text-decoration: none;}
.banner-button a:last-child { margin: 0 0 0 20px; background: #F7F8FA; border:1px solid #0468FE; color:#0468FE;}
.banner-button a:hover, .banner-button a:focus { background: #010101; border:1px solid #010101; color: #ffffff; text-decoration: none;}
/*Hero Css End Here*/

/*Home Logo Section Css Start Here*/
#home-logo-section { float: left; width: 100%; background:#ffffff; padding: 50px 0 50px;}
#home-logo-section h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 30px; font-weight: 500; padding: 0 0 45px; margin: 0px; line-height: 1.2; text-align: center;}
.logo-row { display: flex; width: 100%; align-items: center; text-align: center; justify-content: center;}
.logo-col { display: inline-block; padding: 0 30px;}
/*Home Logo Section Css End Here*/

/*Home Second Section Css Start Here*/
#home-second-section { float: left; width: 100%; background:#ffffff; padding: 50px 0 50px;}
#home-second-section h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 40px; font-weight: 700; padding: 0 0 25px; margin: 0px; line-height: 1.2;}
#home-second-section h3 { font-family: 'Open Sans', sans-serif; color: #0468FE; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0; margin: 5px 0 25px; line-height: 1.2;}
#home-second-section h3 span { background: #d4e5ff; border-radius: 5px; padding: 8px 15px; display: inline-block;}
#home-second-section p { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 0 0 20px; margin: 0px; line-height: 1.6;}
#home-second-section ul { float: left; width: 100%; padding: 0px 0 30px; margin: 0px; list-style: none;}
#home-second-section ul li { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0 0 0 35px; margin: 0 0 6px; line-height: 1.6; background:url(../images/blue-circle.png) no-repeat 0 7px;}
.home-second-img { float: left; width: 100%; margin: 0; text-align:left;}
.home-second-img img { width: 100%; max-width: 500px;}
.book-button { float: left; width: 100%;}
.book-button a { background: #0468FE; border:1px solid #0468FE; color: #ffffff; display: inline-block; padding: 14px 30px; line-height:1.3; border-radius: 5px; font-family: 'Rubik', sans-serif; font-size: 16px; text-align:center; font-weight:500; text-decoration: none;}
.book-button a:hover, .book-button a:focus { background: #010101; border:1px solid #010101; color: #ffffff; text-decoration: none;}
/*Home Second Section Css End Here*/

/*Home Third Section Css Start Here*/
#home-third-section { float: left; width: 100%; background:#ffffff; padding: 10px 0 50px;}
#home-third-section h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 40px; font-weight: 700; padding: 0 0 25px; margin: 0px; line-height: 1.2;}
#home-third-section h3 { font-family: 'Open Sans', sans-serif; color: #0468FE; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0; margin: 50px 0 25px; line-height: 1.2;}
#home-third-section h3 span { background: #d4e5ff; border-radius: 5px; padding: 8px 15px; display: inline-block;}
#home-third-section p { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 0 0 30px; margin: 0px; line-height: 1.6;}
#home-third-section ul { float: left; width: 100%; padding: 0px 0 30px; margin: 0px; list-style: none;}
#home-third-section ul li { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0 0 0 35px; margin: 0 0 6px; line-height: 1.6; background:url(../images/blue-circle.png) no-repeat 0 7px;}
.home-third-img { float: left; width: 100%; margin: 0; text-align:right;}
.home-third-img img { width: 100%; max-width: 500px;}
/*Home Third Section Css End Here*/

/*Home Fourth Section Css Start Here*/
#home-fourth-section { float: left; width: 100%; background:#F7F8FA; padding: 60px 0 60px;}
#home-fourth-section h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 40px; font-weight: 700; padding: 0px; margin: 0 0 50px; line-height: 1.2; text-align: center;}
#home-fourth-section h3 { font-family: 'Open Sans', sans-serif; color: #0468FE; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0; margin: 10px 0 20px; line-height: 1.2; text-align:center;}
#home-fourth-section h3 span { background: #d4e5ff; margin:0px auto; border-radius: 5px; padding: 8px 15px; display: inline-block;}
#home-fourth-section h4 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 20px; font-weight: 600; padding: 0px; margin: 0 0 15px; line-height: 1.3; text-align: left;}
#home-fourth-section p { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 16px; font-weight: 400; padding: 0; margin: 0px; line-height: 1.6;}
#home-fourth-section ul { float: left; width: 100%; padding: 0px 0 30px; margin: 0px; list-style: none;}
#home-fourth-section ul li { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0 0 0 35px; margin: 0 0 6px; line-height: 1.6; background:url(../images/blue-circle.png) no-repeat 0 7px;}
.home-fourth-img { float: left; width: 100%; margin: 0 0 -270px; position:relative; text-align:right;}
.home-fourth-img img { width: 100%; max-width: 100%;}
.home-fourth-box { background: #FFF; border: 1px solid #EDEDED; min-height:280px; padding: 30px 20px; float: left; width: 100%; border-radius: 10px; margin: 0 0 60px;}
.home-fourth-icon { float: left; width: 100%; margin: 0 0 25px; text-align:left;}
/*Home Fourth Section Css End Here*/

/*Home Review Section Css Start Here*/
#home-review-section { float: left; width: 100%; background:#ffffff; padding:280px 0 40px;}
#home-review-section h2 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 40px; font-weight: 700; padding: 0px; margin: 0 0 50px; line-height: 1.2; text-align: left;}
#home-review-section h3 { font-family: 'Open Sans', sans-serif; color: #0468FE; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0; margin: 10px 0 20px; line-height: 1.2; text-align:left;}
#home-review-section h3 span { background: #d4e5ff; margin:0px auto; border-radius: 5px; padding: 8px 15px; display: inline-block;}

#home-review-section .item { float: left; width: 96%; background: #F7F8FA; border:1px solid #EDEDED; border-radius: 10px !important; margin: 0 2% 20px;}
.testimonial-box { float: left; width: 100%; padding: 40px;}
.testimonial-box p { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 0; margin: 0 0 40px; line-height: 1.8;}
.testimonial-logo { float: left; width: 100%; margin: 0 0 30px;}
.testimonial-logo img { border: 1px solid #EDEDED; width: auto !important; display: inline-block !important; padding: 20px; border-radius: 10px;}
.user-info { float: left; width: 100%; border-top: 1px solid #EDEDED; padding: 20px 0 0;}
.user-info h4 { font-family: 'Open Sans', sans-serif; color: #1A2024; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 2px 0 0; margin: 0; line-height: 1.5;}
.user-img { float: left; width: 11%;}
.user-img img { width: auto !important; display: inline-block !important;}
.user-content { float: left; width: 89%;}
#home-review-section .owl-pagination { display: none !important;}
#home-review-section .owl-buttons { text-align: right; width: 100%; position: absolute; top: 84px !important;}
#home-review-section .owl-theme .owl-controls .owl-buttons div { color: transparent !important; display: inline-block !important; margin: 0px !important; padding: 0 10px !important; font-size: 0px !important; border-radius: 0px !important; background: transparent !important; opacity: 1 !important;}
/*Home Review Section Css End Here*/

/*Home Bottom Section Css Start Here*/
#home-bottom-section { float: left; width: 100%; background: #ffffff; padding: 0 0 80px;}
#home-bottom-section h2 { font-family: 'Open Sans', sans-serif; color: #ffffff; float: left; width: 100%; font-size: 40px; font-weight: 700; padding: 0 0 25px; margin: 0px; line-height: 1.2;}
#home-bottom-section h3 { font-family: 'Open Sans', sans-serif; color: #0468FE; float: left; width: 100%; font-size: 18px; font-weight: 500; padding: 0; margin: 40px 0 25px; line-height: 1.2;}
#home-bottom-section h3 span { background: #ffffff; border-radius: 5px; padding: 8px 15px; display: inline-block;}
#home-bottom-section p { font-family: 'Open Sans', sans-serif; color: #ffffff; float: left; width: 100%; font-size: 18px; font-weight: 400; padding: 0 0 30px; margin: 0px; line-height: 1.6;}
.home-bottom-img { float: left; width: 100%; margin: 0; text-align:right;}
.home-bottom-img img { width: 100%; max-width: 400px;}
.home-bottom-button { float: left; width: 100%;}
.home-bottom-button a { background: #ffffff; border:1px solid #ffffff; color: #0468FE; display: inline-block; padding: 14px 30px; line-height:1.3; border-radius: 5px; font-family: 'Rubik', sans-serif; font-size: 16px; text-align:center; font-weight:500; text-decoration: none;}
.home-bottom-button a:hover, .home-bottom-button a:focus { background: #010101; border:1px solid #010101; color: #ffffff; text-decoration: none;}
.bottom-blue-box { background: #0468FE; border-radius: 10px; float: left; width: 98%; padding: 50px; margin: 0 1%;}
/*Home Bottom Section Css End Here*/

/*Footer Css Start Here*/
#footer { float: left; width: 100%; background: #181A3D; padding:40px 0 30px;}
.footer-logo { float: left; width: 100%; text-align: left; margin: 0 0 30px;}
.footer-logo img { width: 100%; max-width: 280px;}
#footer p { font-family: 'Open Sans', sans-serif; color: #ffffff; float: left; width: 100%; font-size: 16px; font-weight: 400; padding: 0px; margin: 0px; text-align:left; line-height: 1.6;}
.footer-social { float: left; width: 100%; text-align: right; list-style-type: none; margin: 0px; padding: 0px;}
.footer-social li { display: inline-block; padding: 0 0 0 20px;}
.footer-social li a { display: inline-block; color: #fff; font-size: 20px; text-decoration:none;}
.footer-social li a:hover, .footer-social li a:focus { color: #0468FE;}
/*Footer Css End here*/



@media screen and (min-width: 100px) and (max-width: 767px) { 
.container { width: 94% !important;}
.banner-logo { margin: 0 0 30px; text-align: center;}
#hero h2 { font-size: 24px; padding: 0 0 15px; margin: 0px; line-height: 1.3; text-align: center;}
#hero p { font-size: 16px; padding: 0 0 30px; line-height: 1.6; text-align: center;}
.banner-button { text-align: center; margin: 0 0 40px;}
.banner-button a { padding: 11px 20px; line-height: 1.3; font-size: 16px;}
.banner-button a:last-child { margin: 0 0 0 12px;}

#home-logo-section { padding: 40px 0 20px;}
#home-logo-section h2 { font-size: 24px; padding: 0 0 30px; margin: 0px; line-height: 1.4; text-align: center;}
.logo-row { display: inline-block;}
.logo-col { display: inline-block; padding: 0 10px 20px; width: 48%;}

#home-second-section { padding: 30px 0 20px;}
.home-second-img img { max-width: 100%;}
.home-second-img { margin: 0 0 30px; text-align: center;}
#home-second-section h2, #home-third-section h2 { font-size: 24px; padding: 0 0 15px; margin: 0px; line-height: 1.3;}
#home-second-section p, #home-third-section p { font-size: 16px;}
#home-second-section ul li { font-size: 16px; padding: 0 0 0 30px; margin: 0 0 6px; line-height: 1.6; background: url(../images/blue-circle.png) no-repeat 0 4px;}
.book-button a { padding: 11px 20px; font-size: 16px;}

.home-third-img { margin: 40px 0 0; text-align: center;}
.home-third-img img { max-width: 100%;}

#home-fourth-section h2 { font-size: 24px; margin: 0 0 40px; line-height: 1.4; text-align: center;}
.home-fourth-icon { margin: 0 0 20px; text-align: center;}
#home-fourth-section h4 { font-size: 18px; margin: 0 0 15px; text-align: center;}
#home-fourth-section p { font-size: 16px; text-align: center;}
.home-fourth-box { min-height: 240px; padding: 30px 20px; margin: 0 0 30px;}
.home-fourth-img { text-align: center; margin:0px;}

#home-review-section { padding: 50px 0 20px;}
#home-review-section h3 { text-align: center;}
#home-review-section h2 { font-size: 26px; margin: 0 0 50px; text-align: center;}
#home-review-section .owl-buttons { text-align: center; width: 100%; position: relative !important; top: 0px !important; margin: 0 0 25px;}
.testimonial-box { padding: 30px 20px;}
.testimonial-logo { margin: 0 0 30px; text-align: center;}
.testimonial-box p { font-size: 16px; margin: 0 0 30px; line-height: 1.8; text-align:center;}
.user-img { float: left; width: 100%; text-align: center; margin: 0 0 10px;}
.user-content { float: left; width: 100%;}
.user-info h4 { font-size: 16px; text-align: center;}

.bottom-blue-box { float: left; width: 98%; padding: 25px 20px; margin: 0 1%;}
#home-bottom-section { padding: 0 0 60px;}
#home-bottom-section h3 { font-size: 18px; margin: 20px 0 25px; text-align: center;}
#home-bottom-section h2 { font-size: 24px; font-weight: 700; padding: 0 0 15px; line-height: 1.3; text-align: center;}
#home-bottom-section p { font-size: 16px; padding: 0 0 30px; text-align: center;}
.home-bottom-button { text-align: center; margin: 0 0 40px;}
.home-bottom-button a { padding: 11px 20px; font-size: 16px;}

.footer-logo { text-align: center; margin: 0 0 20px;}
#footer p { font-size: 16px; text-align: center;}
.footer-social { text-align: center; margin: 15px 0 0; padding: 0px;}
.footer-social li { display: inline-block; padding: 0 10px;}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
.container { width: 94% !important;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.container { width: 94% !important;}

#hero h2 { font-size: 40px;}
.banner-img img { width: 100%; max-width: 420px;}
.logo-col img { width: 100%;}

#home-logo-section h2 { font-size: 26px; padding: 0 0 35px;}
#home-second-section h2, #home-third-section h2 { font-size: 26px; padding: 0 0 15px; margin: 0px; line-height: 1.3;}
.home-second-img img, .home-third-img img { width: 100%; max-width: 420px;}
.book-button a { padding: 12px 25px;}

.home-fourth-box { min-height: 320px;}
#home-fourth-section h2 { font-size: 30px; margin: 0 0 40px;}
#home-fourth-section h4 { font-size: 16px; margin: 0 0 15px; line-height:1.4; text-align: left;}
#home-fourth-section p { font-size: 15px;}
#home-review-section h2 { font-size: 32px; margin: 0 0 40px;}
#home-review-section .owl-buttons { top: 79px !important;}
.testimonial-box { padding: 40px 20px;}
.testimonial-box p { font-size: 16px;}
.user-info h4 { font-size: 16px;}
#home-bottom-section h2 { font-size: 30px; padding: 0 0 15px;}
#home-bottom-section h3 { font-size: 18px; margin: 20px 0 20px;}
}