.blogger_outreach_banner{background-image:url(../images/dummy-img/blogger-outreach-bg-main1.jpg);background-position:center 55%;background-repeat:no-repeat;background-size:cover;padding:7rem 5rem;min-height:100vh}
@media (max-width:766px){
.blogger_outreach_banner{background-position:inherit}
}
.paragraph_texts{padding:0rem 5rem 2rem}
.paragraph_texts p{font-size:1.2rem;font-weight:400;text-align:start}
.blogout-main-p{font-weight:var(--p-h1-font-weight);text-align:left;font-size:var(--p-h1-size);color:var(--black);line-height:var(--p-h1-line-height)}
.add-css-frleft ul{font-size:var(--service-h3-com-p-size);font-weight:var(--service-h3-com-p-fontWeight)}
.real-bo-section{margin:5rem}
.real-bo-secondcol-div1{display:flex;text-align:center;align-items:center;padding:.5rem;font-size:1.2rem}
.real-bo-second-col-img{width:585px;height:356px;object-fit:cover}
.real-bo-text-p{font-size:1.2rem;font-weight:400;line-height:1.5em;text-align:center}
.amazing-bo-first-col-img{width:525px;height:356px;object-fit:cover}
.pricing-bo-h1{font-size:var(--service-h2-title-size);font-weight:var(--service-h2-title-font-weight);line-height:var(--service-h2-title-line-height);color:var(--black)}
.real-bo-section h3{font-size:var(--service-h3-comp-size);font-weight:var(--service-h3-comp-fontWeight)}
.real-bo-section p{font-size:var(--service-h3-com-p-size);font-weight:var(--service-h3-com-p-fontWeight)}
.pricing-bo-p1{font-size:1.2rem;font-weight:500}
.works-for-you-bo-section{padding:3rem}
.fbos-p{font-size:1.2rem;font-weight:400;text-align:center;margin-top:2rem}
.works-bo-p1{font-size:1.1rem}
.works-f-u-main-card-div{margin-top:2rem}
.works-for-u-card{padding:1.5rem;border-radius:unset;background:#fff;box-shadow:0 0 10px 0 #ccc;-webkit-box-shadow:0 0 10px 0 #ccc;border:none;text-align:center}
.works-f-u-main-card-div p{font-size:var(--p-card-size);font-weight:var(--p-card-font-weight);line-height:var(--p-card-line-height)}
.how-its-wrok-bo-main-div{padding:1rem}
.how-it-work-f-u-card{background:#fff;margin:0 10px 20px 10px;padding:30px 30px 30px 30px;box-shadow:rgba(255,165,118,.2) 0 8px 24px;height:100%;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid var(--mustard);border-top:5px solid orange;border-radius:30px;border-bottom:5px solid orange}
.advantages-of-using-bos-section{padding:3rem 4rem}
.advantages-of-using-bos-section ul{text-align:left;font-size:1.2rem;font-weight:400;line-height:2em;padding-left:3rem}
.advantages-of-using-bos-section li{list-style-type:disclosure-closed;color:#000}
@media (max-width:1280px) and (max-height:600px){
.blogger_outreach_banner{min-height:auto;padding:5rem}
}
@media (max-width:1199px){
.blogger_outreach_banner{min-height:auto;padding:3.6rem}
.pricing-bo-h1{font-size:3.2rem!important}
.large-heading{font-size:var(--service-h1-md-size)!important}
}
@media (max-width:991px){
.blogger_outreach_banner{padding:5rem 1.5rem}
.paragraph_texts{padding:1rem}
.real-bo-section{margin:0!important}
.advantages-of-using-bos-section{padding:0rem 3rem}
.img-fluid,.w-100{width:75%!important}
}
@media (max-width:767px){
.blogger_outreach_banner{padding:4rem 1rem 0rem}
.real-bo-section{margin:3rem 0rem 1rem!important}
.advantages-of-using-bos-section ul{padding-left:2rem}
.large-heading{font-size:var(--service-h1-sm-size)!important}
}
@media (min-width:768px) and (max-width:1100px){
.works-for-u-card{padding:1rem!important}
.how-it-work-f-u-card{padding:1rem!important}
.how-its-wrok-bo-main-div{padding:0rem!important}
.works-f-u-main-card-div{margin-top:0rem!important}
}
@media (max-width:600px){
h3.stat-title{font-size:2em!important}
.pricing-bo-p1{padding:.8rem}
.advantages-of-using-bos-section{padding:0rem 1rem 2rem}
}
@media (min-width:536px) and (max-width:767px){
.pricing-bo-h1{font-size:2.6rem!important}
}
@media (min-width:336px) and (max-width:535px){
.pricing-bo-h1{font-size:2.2rem!important}
}
@media (min-width:312px) and (max-width:335px){
.pricing-bo-h1{font-size:1.9rem!important}
}
@media (min-width:200px) and (max-width:312px){
.real-bo-secondcol-div1{font-size:1.1rem}
.blogout-main-p{font-size:1.2rem!important}
.pricing-bo-h1{font-size:1.7rem!important}
}
@media (min-width:250px) and (max-width:450px){
.how-its-wrok-bo-main-div{padding:0rem!important}
.works-f-u-main-card-div{margin-top:1rem!important}
.works-for-you-bo-section{padding:0rem!important}
}
.blogger_outreach_banner .tick-check{color:#08ac08}
.blogger_outreach_banner .tick-check-p{color:var(--black)}
.blogger_outreach_banner .large-heading{font-size:var(--serive-h1-size);font-weight:var(--service-h1-font-weight);line-height:var(--service-h1-line-height)}
#linkbuilding{border:1px solid #f0f0f0;box-shadow:0 0 10px #dddddd82;border-radius:20px;overflow:hidden}
.accordion-button:not(.collapsed){color:#fff;background-color:#fda33b;font-weight:600}
.who-take-card{padding:2.5rem 1.5rem;background:#fff;margin:13px 0;box-shadow:rgba(255,165,118,.2) 0 8px 24px;border:2px solid #f99f38;border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor;min-height:400px;border-bottom-right-radius:80px;border-bottom:2px solid var(--mustard)}
.who-take-card h3{font-size:var(--card--h3-size);margin-bottom:15px;font-weight:var(--card-h3-font-weight);line-height:var(--card-h3-line-height);color:#333}
.who-take-card p{font-size:var(--p-card-size);font-weight:var(--p-card-font-weight);line-height:var(--p-card-line-height);color:#666;margin-bottom:20px}
.who-take-card::after,.who-take-card::before{content:"";position:absolute;background:linear-gradient(to right,#f58f1a,#fb0,#6610f2);transition:all .3s ease}
.who-take-card::before{height:3px;width:0;top:0;right:0;transition:width .3s ease}
.who-take-card::after{height:3px;width:0;bottom:0;left:0;transition:width .3s ease}
.who-take-card::after,.who-take-card::before,.who-take-card>span::after,.who-take-card>span::before{content:"";position:absolute;background:linear-gradient(to right,#f58f1a,#fb0)}
.who-take-card>span{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.who-take-card>span::before{width:3px;height:0;top:0;left:0;transition:height .3s ease .3s}
.who-take-card>span::after{width:3px;height:0;bottom:0;right:0;transition:height .3s ease .3s}
.who-take-card:hover::after,.who-take-card:hover::before{width:100%}
.who-take-card:hover>span::after,.who-take-card:hover>span::before{height:100%}
@media (max-width:768px){
.who-take-card{margin-bottom:30px}
}
.advantages-of-using-bos-section ul li{margin-bottom:8px}
.advantages-of-using-bos-section ul li h3{font-size:var(--service-h3-comp-size);font-weight:var(--service-h3-comp-fontWeight);margin-bottom:5px}
.advantages-of-using-bos-section ul li p{font-size:var(--service-h3-com-p-size);font-weight:var(--service-h3-com-p-fontWeight);line-height:1.5rem}
.works-for-you-bo-section h3{font-size:var(--card--h3-size)!important;line-height:var(--card-h3-line-height);font-weight:var(--card-h3-font-weight)}