@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Roboto", sans-serif; */

:root {
    --primary_colour: #009ffa;
    --secondary_colour: #061d40;
    --deep-blue: #061429;
    --lightSky: #eef9ff;
    --white: #ffffff;
    --ccc: #cccccc;
    --eee: #eee;
    --green: #198754;
    --colour999: #999;
    --colour777: #777;
    --colour555: #555;
    --colour333: #333;
    --deep_gray: #222222;
    --black: #000000;
    --body_font: "Roboto", sans-serif;
    --body_font_size: 17px;
}

* { padding: 0; margin: 0; box-sizing: border-box; }
html, body { width: 100%; padding: 0; margin: 0;}
body { font-size: var(--body_font_size); letter-spacing: 0.5px; }
ul li { list-style-type: none;}
a, a:hover { text-decoration: none; }
.section { padding: 60px 0;}

h1 { font-size: 32px;}
h2 { font-size: 28px;}
h3 { font-size: 24px;}
h4 { font-size: 22px;}
h5 { font-size: 20px;}
h6 { font-size: 18px;}
.bg-sky { background: var(--lightSky); }
.btn { padding: 10px 40px; background: var(--primary_colour); border: 0; outline: none; }
.btn:hover { background: var(--secondary_colour);}
.btn.btn-white { background: var(--white); color: var(--primary_colour);}
.btn.btn-white:hover { background: var(--secondary_colour); color: var(--white);}
.btn_txt { color: var(--primary_colour); background: none; border: 0; outline: none; box-shadow: none; padding: 0; margin: 0; text-decoration: none;}
.btn_txt:hover, .btn_txt:active { color: var(--secondary_colour); background: none; border: 0; outline: none; box-shadow: none; padding: 0; margin: 0; text-decoration: none;}
a { color: var(--primary_colour);}
.small_btn {}
/* ------------WordPress-Style-Change------------ */
.ast-container { display: block !important; }
/* ------------WordPress-Style-Change------------ */

/* ------------Header------------ */
.header-top { width: 100%; background: var(--colour1); }
.header { width: 100%; height: 74px; position: fixed; top: 0; left: 0; z-index: 100; background: #fff; }
.header.sticky { position: fixed;}
.logo_head { width: 120px;}
.navbar .nav-item {}
.home_banner { width: 100%; max-height: 800px; background: #000; position: relative;}
.home-slider { width: 100%; height: 100%; position: relative;}
.home_banner .item { height: 100%;}
.home_banner .item .parent_txtbox { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 800px; height: 100%; }
.home_banner .item .container { height: 100%;}
.home_banner .item .heroslider_txtbox { width: 40%; position: absolute; top: 50%; left: 5%; transform: translate(0%, -50%); z-index: 1;}
.home_banner .item .heroslider_txtbox h1 { color: var(--white);}
.home_banner .item .heroslider_txtbox p { color: var(--white);}
.heroslider_imgbox { width: 100%; height: 100%; position: relative;}
.heroslider_imgbox img { width: 100%; height: auto; display: block; }
.heroslider_imgbox::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(6, 29, 64, 0.4); }

.home_aboutTxt { width: 100%; }
.heading { color: var(--secondary_colour); font-weight: 600;}
.subHeading { font-size: 16px; line-height: 1; color: var(--primary_colour); font-weight: 700; text-transform: uppercase; margin: 0 0 4px 0; position: relative; display: inline-block; }
.subHeading::after { content: ""; width: 70%; height: 3px; background: var(--primary_colour); position: relative; display: inline-block; }
.sec_titleBox { width: 62%; margin: 0 auto 50px auto;}
.service-item { background: var(--lightSky); padding: 40px 30px; text-align: center; border-radius: 6px; margin: 12px 0;}
.iconBox { width: 80px; height: 80px; background: var(--primary_colour); margin: 0 auto 20px auto;}
.iconBox img { width: 100%; display: block;}
.service-item h3 a { color: var(--primary_colour); }
.service-item h3 a:hover { color: var(--deep-blue);}
.service-item p { margin-bottom: 0;}
.testimonial_item { background: var(--lightSky); padding: 60px 30px 40px 30px; margin: 100px 10px 10px 10px; position: relative; border-radius: 8px;}
.testimonial_item blockquote { border: 0;}
.clients_imgbox { width: 104px; height: 104px; background: var(--ccc); border-radius: 50%; position: absolute; top: -10px; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.clients_imgbox img { width: 100%; display: block;}
.contact_banner { }
.contact_bannerbox { width: 100%; padding: 40px 30px; background: var(--primary_colour); border-radius: 12px; margin: 0 auto; color: var(--white); text-align: center; }

.footer { width: 100%; padding: 60px 0px 0 0; background: var(--secondary_colour); }
.footer .footer_logo { width: 200px; display: inline-block; margin: 0 0 15px 0;}
.footer .footer_logo img { max-width: 100%; display: block;}
.footer-about h2 { font-size: 24px; margin: 0 0 16px 0;}
.footer-about h3, .footer-links h3, .footer-services h3, .footer-contact h3 { color: var(--white); margin: 0 0 24px 0;}
.footer-links ul, .footer-services ul, .footer-contact ul { padding: 0; margin: 0; }
.footer-links ul li, .footer-services ul li, .footer-contact ul li { padding: 0; margin: 12px 0; position: relative; }
.footer-links ul li a, .footer-services ul li a, .footer-contact ul li a { color: var(--white); padding: 0; margin: 0; }
.footer-links ul li a:hover, .footer-services ul li a:hover, .footer-contact ul li a:hover { color: var(--primary_colour); }
.footer-links ul li a i, .footer-services ul li a i, .footer-contact ul li i, .footer-links ul li a svg, .footer-services ul li a svg, .footer-contact ul li svg { color: var(--primary_colour);}
.footer-contact ul li { color: var(--white); }
.footer-social { display: flex; flex-direction: row; gap: 16px;}
.footer-social a { width: 44px; height: 44px; background: var(--primary_colour); font-size: 20px; line-height: 34px; color: var(--white); text-align: center; padding: 5px; display: inline-block; border-radius: 5px; }
.footer-about { color: var(--white);}


.footer-bottom { width: 100%; padding: 20px 0px; margin: 30px 0 0 0; background: var(--deep-blue);}
.footer-bottom p { padding: 0; margin: 0; color: var(--white); text-align: center;}
/* ------------Contact Us-------------- */
.inner-banner { width: 100%; background-color: var(--ccc); background-position: center center; position: relative;}
.inner-banner, .banner-valign { height: 460px; }
.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(6, 29, 64, 0.4); z-index: 1;}
.inner-banner::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.banner-valign { display: flex; justify-content: center; align-items: center;}
.banner-text-wrap { width: 40%; }
.inner-banner .banner-text { color: var(--white); position: relative; z-index: 2;}
.contact-info .titleTxt, .contact-form .titleTxt { margin: 0 0 20px 0;}
.contact-info ul { padding: 0; margin: 0 0 20px 0;}
.contact-info ul li { margin: 0 0 16px 0; display: flex; align-items: center;}
.contact-info ul li .icbox { width: 44px; height: 44px; background: var(--primary_colour); font-size: 20px; line-height: 34px; color: var(--white); text-align: center; padding: 5px; margin: 0 15px 0 0; display: inline-block; border-radius: 5px; }
.contact-form { width: 100%; }
.breadcrumb_sec { width: 100%; padding: 0;}
.breadcrumb-nav { width: 100%; margin: 20px 0; }
.breadcrumb-nav .breadcrumb { margin: 0;}
/* ------------About Us-------------- */
.benefitsbox { margin: 0 auto; display: flex; align-items: center; justify-items: center; justify-content: center; }
.benefits { padding: 0; margin: 0;}
.benefits li { padding: 0; margin: 0 0 15px 0;}
.benefits li i, .benefits li svg { color: var(--green);}
.imgbox { width: 100%; border-radius: 15px; overflow: hidden; padding: 0; background: var(--white); }
.imgbox img { width: 100%; display: block; }
/* ------------Services-------------- */
.service-item .service-title { font-size: 26px; color: var(--primary_colour);}
.service-item .service-title a { color: var(--primary_colour);}
.service-item .service-title a:hover { color: var(--deep-blue);}
.service-item .service-subtitle { font-size: 20px; }
/* ------------Contact Form 7-------------- */
.wpcf7 label { width: 100%;}
.wpcf7 textarea { height: 134px;}
.wpcf7 .wpcf7-submit { padding: 10px 40px; background: var(--primary_colour); border: 0; outline: none; }
.wpcf7 .wpcf7-submit:hover { background: var(--secondary_colour);}
/* ------------Contact Form 7-------------- */
/* ------------Footer Style-in wordpress------------- */
.footer li { list-style-type: none;}
.footer img { width: 100px; }
.footer .footer-widget h2, .footer .footer-widget h3, .footer .footer-widget .wp-block-heading, .footer .widget .widgettitle, .footer .widget .wp-block-heading { color: var(--white); font-size: 24px; }
.footer .footer-widget .wp-block-heading { margin-bottom: 16px;}
.footer .widget .wp-block-heading { margin-bottom: 24px;}
.footer .footer-widget p { color: var(--white); }
.widget_nav_menu nav ul.menu { padding: 0;}
.widget_nav_menu nav ul li { margin-bottom: 10px; }
.widget_nav_menu nav ul li::before { content: "➜ "; color: var(--primary_colour); }
.widget_nav_menu nav ul li a { color: var(--white);}
.widget_nav_menu nav ul li a:hover { color: var(--primary_colour); }
.site-footer .ast-footer-copyright p { color: var(--white);}
.site-footer .ast-footer-copyright p a { color: var(--primary_colour); }
/* ------------Footer Style-in wordpress------------- */
/* ------------Blog List Page------------- */
.blog_list_style { width: 100%; }
.blog_card { width: 100%; }
.blog_card figure { display: block; position: relative; margin: 0; overflow: hidden; } 
.blog_card .bloglist_img { width: 100%; max-height: 560px; display: block; }
.blog_card img { width: 100%; aspect-ratio: 1 / 0.673; object-fit: cover; transition: all 0.5s ease-in-out; }
.blog_list_style:hover .blog_card img { transform: scale(1.1); }
.blog_card .card-body { background: var(--lightSky);}
.blog_card .card-body .card-title { font-size: 20px;}
.blog_card .btn_align { text-align: center;}
.pagination_align { padding: 0; margin: 60px auto 0 auto; display: flex; justify-content: center;}

/* ------------End Blog List Page------------- */
/* ------------Blog Details Page------------- */
.blog_dtls_banner { background: var(--primary_colour); }
.inner-banner.blog_dtls_banner, .blog_dtls_banner .banner-valign { height: 300px; margin-top: 74px; }
.blog_dtls_style { width: 100%; }
.blog_dtls_style .blog_dtls_imgbox { width: 100%; display: block; margin: 0 0 20px 0; border-radius: 10px; overflow: hidden; }
.postinfo_bar { width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 0 0 15px 0; margin: 0 0 15px 0; }
.author_postinfo { display: flex; }
.author_postinfo .author_imgbox { width: 40px; height: 40px; border-radius: 50%; margin: 0 10px 0 0; background: #eee; overflow: hidden; }
.author_postinfo .author_andpost { display: inline-block; }
.author_postinfo .author_andpost p { font-size: 16px; line-height: 1.3; padding: 0; margin: 0;}
.strong_txt { font-weight: 600;}
.blog_sharebox { display: flex; align-items: center; }
.blog_sharebox p { margin: 0 0 0 10px;}
.blog_sharebox p:first-child { margin-left: 0;}
.blog_sharebox p i, .blog_sharebox p svg { font-size: 20px;}
.blog_dtls_style .blog_title { font-size: 24px;}
.post-content p { font-size: var(--body_font_size);}
.blog_sidebar .blog_list_style { margin: 0 0 30px 0;}
.sidebar_title { font-size: 24px; font-weight: 600; margin: 0 0 15px 0;}
.recent_post { width: 100%; margin: 0 0 30px 0; }
.group_recent_post { width: 100%; }
.single_rpost { display: flex; margin: 20px 0 0 0; }
.single_rpost:first-child { margin-top: 0;}
.single_rpost .r_postimg { width: 60px; height: 60px; background: #eee; border-radius: 3px; margin: 0 10px 0 0; overflow: hidden;}
.single_rpost .r_postimg img { height: 100%; object-fit: cover;}
.single_rpost .r_postname { width: calc(100% - 75px); display: flex; flex-direction: column; }
.single_rpost .r_postname a { font-size: 16px; line-height: 1.2; display: inline-block; }
.single_rpost .r_postname p { padding: 0; margin: 0; color: var(--colour555);}
.devider_line { width: 100%; height: 1px; border-top: 1px solid var(--ccc); padding: 0; margin: 30px 0 30px 0;}
.ads_box { width: 100%; display: block; margin: 0 0 30px 0;}
.ads_box img { width: 100%; display: block;}
.blog_dtls_style ul, .blog_dtls_style ol { margin-left: 20px; padding-left: 0; }
.blog_dtls_style ul li { list-style-type: disc; }
.blog_dtls_style ol li { list-style-type: decimal; }
/* ------------End Blog Details Page------------- */
/* ------------ Google Review------------- */
.google-review-footer {
  margin-top: 10px;
  font-size: 14px;
}

.google-review-footer a {
  color: #fbbc05; /* Google star color */
  text-decoration: none;
  font-weight: 500;
}

.google-review-footer a:hover {
  text-decoration: underline;
}
/* ------------End Google Review------------- */
/* ------------Service Details Page------------- */
.top_mar_adj { margin-top: 74px;}
.service_dtls_sec { width: 100%; }
.service_dtls_box { width: 100%;}
.service_dtls_box h2 { font-size: 24px; }
.service_dtls_box h3 { font-size: 22px; }
.service_dtls_box h4 { font-size: 20px; }
.service_dtls_box h5 { font-size: 18px; }
.service_dtls_box h6 { font-size: 17px; }
.row_sec { padding: 0 0 40px 0;}
.service_dtls_box h2, .service_dtls_box h3 { line-height: 1.1; color: var(--primary_colour); margin: 0 0 20px 0;}
.service_dtls_box h3 { line-height: 1.1; color: var(--colour333); margin: 0 0 8px 0;}
.service_dtl_imgbox { width: 100%; height: auto; display: block; border-radius: 15px; overflow: hidden;}
.service_dtl_imgbox img {width: 100%; display: block;}
.sub_contentbox { width: 100%; margin: 0 0 20px 0;}
.oursub_contentbox { width: 100%; min-height: 109px; padding: 12px; margin: 0 0 20px 0; display: flex; align-items: start; gap: 20px; border: 1px solid var(--ccc); border-radius: 12px;}
.oursub_contentbox .icon_box { min-width: 60px; height: 60px; display: inline-block; font-size: 44px; }
.sub_contentbox p { margin: 0 0 10px 0;}
.sub_contentbox p:last-child { margin-bottom: 0;}
.conclusion_sec { width: 100%; }
.conclusion_box { width: 74%; border: 2px dashed var(--primary_colour); text-align: center; padding: 30px 30px; margin: 0 auto; border-radius: 20px;}
.explore_info { width: 100%;}
.explore_info p { margin: 0 0 8px 0;}
ul.listted { padding: 0; margin: 0 0 0 20px;}
ul.listted li { list-style-type: disc; margin: 0 0 8px 0;}
ul.listted li:last-child { margin-bottom: 0;}