/*
Theme Name:   Boom Starter Child
Theme URI:    https://www.ibsofts.com/
Description:  Boom Starter Child Theme
Author:       iB Softs
Author URI:   https://www.ibsofts.com
Template:     boom-starter
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  LICENSE
Tags:         ustom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Text Domain:  boom-starter
*/

.hero h1 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px rgb(26 64 106 / 62%);
    width: 45%;
    margin: 0 auto;
}
.hero {
    padding-top: 206px;
    padding-bottom: 206px;
    clip-path: ellipse(100% 100% at 47% 0%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section2, .section7, .section9{
    width:80%;
    margin: 0 auto;
    text-align:center;
}
.section5, .section8{
    margin-right:0 !important;
    margin-left:0 !important;
}

.blog_main p, .blog_main li {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #576473;
}
.blog_main h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #1F4772;
    padding-bottom:15px;
}
.blog_main h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #1F4772;
    padding-bottom:15px;
}
.blog_main img{
    width:100%;
}
.blog_main a {
    color: #337AB7;
    text-decoration: underline;
}
 .blog_main{
    background-image:url('/wp-content/uploads/2023/02/Blog-background.png');
    background-size: cover;
    background-repeat: no-repeat;
} 
.section9 a {
    background: #1F4772;
    border-radius: 5px;
    color: #fff;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    padding: 5px 40px;
    text-decoration: none;
    line-height: 22px;
}
.section2 {
    padding-top: 80px;
    padding-bottom: 70px;
}
.section4 {
    padding-top: 70px;
    padding-bottom: 30px;
}
.section6 {
    padding-top: 30px;
    padding-bottom: 20px;
}
.section8 {
    padding-top: 40px;
    padding-bottom: 100px;
}
.section9 {
    padding-bottom: 100px;
    padding-top:70px;
}
.section2 h2 {
    padding-top: 75px;
}
.section2 p {
    color: #1F4772;
}
.blog_main ul {
    padding-top: 25px;
}
.blog_main li {
    padding-bottom: 5px;
}
.ib_content_div {
    padding-bottom: 50px;
}
.ib_content_div {
    padding-bottom: 50px;
}
.section9 a:hover{
    color:#36a000;
}
.section5 .col-md-6, .section8 .col-md-6  {
    padding: 0;
}
/*Author name style*/
.main.blog_main .hero p.blog-author {
    text-align: center;
    font-size: 24px;
    /*font-weight: 400;*/
    padding: 10px;
    color: #fff;
}
.hero .blog-author a {
    /*color: #fff;*/
    text-decoration: none;
    font-weight: 600;
}
p.blog-author-archive {
    font-size: 18px;
    color:#000;
    font-weight: 500;
    line-height: 25px;
}
/*CTA button for all Blogs*/
a.call-us-now {
    background: #1f4772;
    border-radius: 5px;
    color: #fff;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    padding: 8px 22px;
    text-decoration: none;
    line-height: 22px;
    display: flex;
    width: fit-content;
    margin: auto;
    margin-top: 30px;
}
a.call-us-now:hover{
    background: #1f4772;
    color: #fff;
    text-decoration: none;
}
@media(max-width:600px){
    .main.blog_main .hero p.blog-author {
    font-size: 18px;
    }
    p.blog-author-archive {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
}  
@media only screen and (min-width: 768px)  {
    .section5 .col-md-6:nth-child(1){
        padding-right:60px;
    }
    .section5 .col-md-6:nth-child(2){
        padding-left:60px;
    }
    .section8 .col-md-6:nth-child(1){
        padding-right:60px;
    }
    .section8 .col-md-6:nth-child(2){
        padding-left:60px;
    }
}
@media only screen and (max-width: 767px)  {
    .hero{
        padding-top:130px;
        padding-bottom:130px;
    }
    .hero h1{
        font-size: 30px;
        line-height: 42px;
        width:100%;
    }
    .section2, .section7, .section9{
        width:100%;
    }
    .section4, .section8{
        padding-bottom:0;
    }
    .blog_main h2{
        font-size:24px;
        line-height:31px;
    }
}