/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">
*/
#header .header-inner #logo, #header #header-wrap #logo { float: left; font-size: 28px; position: relative; z-index: 1; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 50px; }
#header .header-inner #logo a > img, #header #header-wrap #logo a > img { vertical-align: middle; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 50px; width: auto; }
#header[data-fullwidth="true"] .header-inner .container, #header[data-fullwidth="true"] #header-wrap .container { max-width: 100%; padding: 15px 30px; }
.pricing-table .plan .plan-header .plan-price suptwo { font-size: 24px; position: relative; top: -30px; color: #000000; }
section { padding: 40px 0; position: relative; width: 100%; overflow: hidden; z-index: 1; background-color: #fff;}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary { background-color: #6f42c1; border-color: #6f42c1; }

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active { background-color:#8366b8; border-color: #8366b8; color: #fff; }

#page-title { clear: both; padding: 80px 0; background-color: #cfcece; position: relative; /* page header left*/ /* page header right*/ }
#page-title {
    margin-bottom: 30px; /* Reduce the space between sections */
    padding-bottom: 0; /* Ensure there's no padding at the bottom */
}

/* Specific rule for the "Learn" section */
#page-title + #blog {
    padding-top: 0; /* Reduce the space at the top */
    margin-top: 0;
}
#page-title {
    margin-bottom: 0;
    padding-bottom: 0;
}

#content {
    padding-top: 0;
    padding-bottom: 0;
}

.pricing-table .plan {
    padding-bottom: 0; /* Remove bottom padding */
    margin-bottom: 0; /* Remove bottom margin */
}