.banner_section{background: url('../images/digital-marketing-banner.webp') no-repeat center center/cover;position: relative;padding: 120px 0;}
.banner_section .overlay{background: var(--black);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.6;}
.banner_section .banner_info{text-align: center;position: relative;z-index: 99;color: #fff;}
.banner_section .banner_info h1{font-size: 40px;font-weight: 700;margin-bottom: 15px;}
.banner_section .banner_info p{font-size: 17px;font-weight: 400;margin-bottom: 15px;line-height: 1.6;}
.banner_section .banner_info a{background-color: var(--btn);padding: 15px 40px;font-size: 18px;font-weight: 700;text-transform: capitalize;
color: #fff;fill: #fff;border: 1px solid var(--btn);border-radius: 50px;box-shadow: 19px 19px 40px 0px rgba(0, 0, 0, 0.1);}
.lead_banner{background: url('../images/email-guide-banner.webp') no-repeat center center/cover;}
/* Banner Section End Here */

.modal1_section{padding: 60px 0px;}
.modal1_section .mod1_img img{width: 100%;}
.modal1_section .mod1_info .sub_title{color: #14223B;font-size: 18px;font-weight: 600;line-height: 28px;margin: 0px 0px 10px 0px;position: relative;padding-left: 60px;}
.modal1_section .mod1_info .sub_title::before{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.modal1_section .mod1_info .sub_title::after{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;top: 50%;transform: translate(10px, 0px);}
.modal1_section .mod1_info .main_title{color: var(--second);margin: 15px 0px 0;font-size: 40px;font-weight: 600;line-height: 50px;}
.modal1_section .mod1_info .main_title span{color: var(--primary);}
.modal1_section .mod1_items .mod1_item{padding: 30px 10px;border: 1px solid var(--second);border-radius: 5px;text-align: center;margin-top: 25px;}
.modal1_section .mod1_items .mod1_item i{color: var(--primary);font-size: 40px;margin-bottom: 10px;}
.modal1_section .mod1_items .mod1_item h3{color: var(--second);font-size: 19px;margin-bottom: 0px;font-weight: 600;}
.modal1_section .mod1_items .mod1_item:hover h3{color: var(--primary);}
/* Modal1 Section End Here */

.modal2_section{padding: 60px 0px;border-top: 1px solid var(--second);border-bottom: 1px solid var(--second);}
.modal2_section .mod2_img img{width: 100%;}
.modal2_section .mod2_info .sub_title{color: #14223B;font-size: 18px;font-weight: 600;line-height: 28px;margin: 0px 0px 10px 0px;position: relative;padding-left: 60px;}
.modal2_section .mod2_info .sub_title::before{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.modal2_section .mod2_info .sub_title::after{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;top: 50%;transform: translate(10px, 0px);}
.modal2_section .mod2_info .main_title{color: var(--second);margin: 15px 0px 0;font-size: 40px;font-weight: 600;line-height: 50px;}
.modal2_section .mod2_info .main_title span{color: var(--primary);}
.modal2_section .mod2_items .mod2_item{padding: 30px 10px;border: 1px solid var(--second);border-radius: 5px;text-align: center;margin-top: 25px;}
.modal2_section .mod2_items .mod2_item i{color: var(--primary);font-size: 40px;margin-bottom: 10px;}
.modal2_section .mod2_items .mod2_item h3{color: var(--second);font-size: 19px;margin-bottom: 0px;font-weight: 600;}
.modal2_section .mod2_items .mod2_item:hover h3{color: var(--primary);}
/* Modal2 Section End Here */

.modal3_section{padding: 60px 0px;}
.modal3_section .mod3_img img{width: 100%;}
.modal3_section .mod3_info .sub_title{color: #14223B;font-size: 18px;font-weight: 600;line-height: 28px;margin: 0px 0px 10px 0px;position: relative;padding-left: 60px;}
.modal3_section .mod3_info .sub_title::before{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.modal3_section .mod3_info .sub_title::after{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;top: 50%;transform: translate(10px, 0px);}
.modal3_section .mod3_info .main_title{color: var(--second);margin: 15px 0px 0;font-size: 40px;font-weight: 600;line-height: 50px;}
.modal3_section .mod3_info .main_title span{color: var(--primary);}
.modal3_section .mod3_dtl ol li{margin-top: 10px;font-size: 17px;line-height: 1.8;color: var(--text);}
.modal3_section .mod3_dtl ol li strong{color: var(--second);}
/* Modal3 Section End Here */

.modal4_section{padding: 60px 0px;border-top: 1px solid var(--second);}
.modal4_section .mod4_info{text-align: center;}
.modal4_section .mod4_info .sub_title{color: #14223B;font-size: 18px;font-weight: 600;line-height: 28px;margin: 0px 0px 10px 0px;position: relative;padding-left: 60px;}
.modal4_section .mod4_info .sub_title::before{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.modal4_section .mod4_info .sub_title::after{content: "";width: 50px;height: 2px;background-color: var(--primary);position: absolute;top: 50%;transform: translate(10px, 0px);}
.modal4_section .mod4_info .main_title{color: var(--second);margin: 15px 0px 0;font-size: 40px;font-weight: 600;line-height: 50px;}
.modal4_section .mod4_info .main_title span{color: var(--primary);}
.modal4_section .mod4_items .mod4_item{padding: 30px 10px;border: 1px solid var(--second);border-radius: 5px;text-align: center;margin-top: 25px;min-height: 155px;width: 100%;}
.modal4_section .mod4_items .mod4_item i{color: var(--orange);font-size: 40px;margin-bottom: 10px;}
.modal4_section .mod4_items .mod4_item h3{color: var(--second);font-size: 18px;margin-bottom: 0px;font-weight: 500;}
.modal4_section .mod4_items .mod4_item:hover h3{color: var(--orange);}
/* Modal4 Section End Here */

/* Responsive Site Start Here */
@media screen and (max-width: 992px){
.banner_section{padding: 70px 0;}
.banner_section .banner_info h1{font-size: 35px;}
.banner_section .banner_info p{font-size: 17px;margin: 0px;}
.modal1_section, .modal2_section, .modal3_section, .modal4_section{padding: 50px 0;}
.modal1_section .mod1_info .sub_title, .modal2_section .mod2_info .sub_title, .modal3_section .mod3_info .sub_title{font-size: 17px;}
.modal1_section .mod1_info .main_title, .modal2_section .mod2_info .main_title, .modal3_section .mod3_info .main_title, .modal4_section .mod4_info .main_title {font-size: 30px;line-height: 35px;}
.modal1_section .mod1_items, .modal2_section .mod2_items, .modal4_section .mod4_items{display: flex;flex-wrap: wrap;justify-content: center;}
.modal1_section .mod1_item, .modal2_section .mod2_item, .modal4_section .mod4_item{flex: 0 0 calc(50% - 0px);margin-top: 15px;}
.modal1_section .mod1_img img{margin-bottom: 20px;}
.modal2_section .mod2_img img{margin-bottom: 20px;}
.modal3_section .mod3_dtl ol{padding-left: 25px;}
.modal4_section .mod4_info .main_title{margin: 0px;}
}

@media screen and (max-width: 576px){
.navbar-collapse{padding-bottom: 20px;}
 .banner_section{padding: 60px 0;}
 .banner_section .banner_info h1{font-size: 30px;}
 .banner_section .banner_info p{font-size: 16px;margin: 0px;}
 .modal1_section, .modal2_section, .modal3_section, .modal4_section{padding: 40px 0;}
 .modal1_section .mod1_info .sub_title, .modal2_section .mod2_info .sub_title, .modal3_section .mod3_info .sub_title{font-size: 16px;}
 .modal1_section .mod1_info .main_title, .modal2_section .mod2_info .main_title, .modal3_section .mod3_info .main_title, .modal4_section .mod4_info .main_title {font-size: 28px;line-height: 35px;}
 .modal1_section .mod1_items, .modal2_section .mod2_items, .modal4_section .mod4_items{display: flex;flex-wrap: wrap;justify-content: center;}
 .modal1_section .mod1_item, .modal2_section .mod2_item, .modal4_section .mod4_item{flex: 0 0 calc(50% - 0px);margin-top: 15px;}
 .modal1_section .mod1_img img{margin-bottom: 20px;}
 .modal3_section .mod3_dtl ol{padding-left: 25px;}
 footer{padding: 40px 0px;}
 footer .footer_logo{margin-bottom: 20px;}
 footer .footer_contact h3, footer .footer_social h3{font-size: 24px;}
}