:root {
    --primary-color: #61398F;
    --2: #61398F;
    --secondary-color: #20227e;
    --secondary-color: #FFF0CF;
    --footer-color: #858383;
    --headings-font-family: 'Montserrat', sans-serif;
    --paragraph-font-family: 'Philosopher', sans-serif;
    --paragraph-font-family: 'Open Sans', sans-serif;
    --mobile-menu: #26263c;
}

a {
	outline: none !important;
	box-shadow: none !important;
}

.notification {
    background-color: green;
    color: white;
    padding: 3px 10px;
    text-align: center;
    animation: fadeOut 5s forwards;
}

@keyframes fadeOut {
    0%   { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; display: none; }
}


.side-menu-logo img {
    max-width: 200px;
}


/******************** SINGLE POST PAGE ********************/
.post_background {
    height: 600px;
    background-color: var(--primary-color);
}

.single_post_image {
    width: 100%;
    border: 4px solid white;
}

.post_content {
    margin-top: -550px;
}

.single_post_title {
    font-size: 2.3em;
    color: white;
    text-transform: uppercase;
}

.single_post_excerpt {
    margin: 3% 0px;
    padding: 10px;
    color: white;
    font-weight: bold;
    background-color: var(--primary-color);
    text-align: center;
}

.single_post_excerpt p {
    margin-bottom: 0px;
}

.firstCon{
    border-radius: 10px;
    box-shadow: 1px 1px 20px 0px #f8f9fa, 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 1em 0 1em 0;
}

.icons-blog{
    color: white;
    text-align: right;
}

.icons-blog span {
    font-family: var(--paragraph-font-family);
}

.firstCon a{
    color: var(--primary-color);
}

.firstCon {
    color: var(--primary-color);
}

.firstCon a:hover{
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 700;
}
/*########## END OF SINGLE POST PAGE ##########*/

.header {
	top: 0;
	background: var(--primary-color);
}

.header .logo img {
	max-width: 130px;
}

.menu-list a,
.call-info p {
	color: white;
}

.menu-list a:hover {
	color: var(--secondary-color);
}

.header_cta {
	padding: 0px;
	border: 1px solid white;
	border-radius: 10px;
}

.header_cta:hover {
	background-color: white;	
}

.header_cta a:hover {
	color: var(--primary-color);
}

.header_cta img {
	margin-left: 10px;
}

.header_cta1 a img {
    transition: opacity 0.3s ease-in-out;
}

.header_cta1 a:hover img {
    content: url("/assets/images/svg/tools1.svg");
}

.header_cta2 {
	background-color: #D6C6E1;
}

.header_cta2 a {
	color: var(--primary-color);
}

.header_cta1 i,
.header_cta3 i {
	margin-left: 10px;
	margin-top: 3px;
}

.call-info a {
	color: var(--secondary-color);
}


/******************** HOMEPAGE ********************/

.tab-buttons-container {
    display: flex;
    gap: 20px;
}
.tab-btn {
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: border-bottom 0.3s ease-in-out;
}
.tab-btn.active {
    border-bottom: 3px solid var(--primary-color);
}
.tab-content {
    display: none;
    margin-top: 20px;
}
.tab-content.active {
    display: block;
}

.tab-btn.active .quality {
	color: var(--primary-color);
	background-color: var(--secondary-color);
}

.arrow-section,
.btn-main:hover,
.btn-main:hover .btn-box-right, .btn-main:hover .btn-box-left,
.btn-main:hover .arrow-section {
	background: var(--primary-color);	
}

.btn-main:hover {
	text-decoration: none;
}

.btn2 {
    background: #61398f;
    color: var(--secondary-color);
}

.section-five {
	min-height: 400px;
	padding-top: 0px;
	background: inherit;
	background-image: url(/storage/assets/highlights-background.png);
	background-size: cover;
}

.steps-box {
	background: #D6C6E1;
}

.Register-text {
	color: var(--primary-color)
}

.proin {
	color: black;
}

.steps-box:hover {
    box-shadow: inset 0 30em 0 0 var(--primary-color);
}

.steps-box:hover .Register-text {
    color: #ffffff;
    transition: color 0.3s ease-in-out;
}

.section-three {
    background: linear-gradient(to top, #ffffff 10%, var(--primary-color) 70%);
}

.malesuada {
	color: white;
}

.section-six {
	padding: 300px 0px;
}

.services-slider-box:hover::before {
    background: linear-gradient(180deg, rgba(241, 97, 34, 0.00) 0%, var(--primary-color) 100%);
}

.blog-box:hover {
	text-decoration: none;
}

.tips {
	background-image: linear-gradient(to right, var(--primary-color) 45%, #000 55%);
}

.blog-cal-svg {
	filter: none;
}

#accordionExample .accordion-button {
	background: var(--secondary-color);
}

footer {
	background: #D6C6E1;
}

.logo_footer {
	max-width: 160px;
	padding-top: 30%;
}

.footer_platform_description {
	width: 80%;
}

.usefulLinks-List li a,
.CallUs-phone p, .CallUs-phone {
	background-image: linear-gradient(to right, #ffffff 45%, #61398f 55%);
}

.CallUs,
.CallUs-phone {
	color: var(--primary-color);
}

button.bottom-top-button {
	background-color: var(--primary-color);
}


/******************** SINGLE BLOG POST ********************/

.blog_sidebar_categories {
	padding: 10px;
	background-color: var(--secondary-color);
}

.blog_sidebar_categories li a {
	color: var(--primary-color);
}

/******************** REGISTER PAGE ********************/
.register_page {
	margin: 6% 0px;
}

.register_page .btn-main.btn2 {
	display: block;
    max-width: 90%;
    margin: 0 auto;
}

.modal-backdrop {
	z-index: 1;
}

.modal {
	top: 21px;
}

.modal-header {
	background-color: var(--secondary-color);
}

.modal-header h3 {
	color: var(--primary-color);
}

.modal .btn2 {
	display: block;
	margin: 0 auto;
}

.forgot_password {
	display: block !important;
	color: var(--primary-color) !important;
}


.page_title {
    margin: 30px 0px;
    padding: 19px;
    background-color: var(--secondary-color);
    text-align: center;
    border-radius: 30px;
    position: relative;
}

  .page_title h1 {
    margin-bottom: 0px;
    font-size: 2.1rem;
    color: var(--primary-color);
    text-transform: capitalize;
}

.company_credits {
    position: absolute;
    right: 30px;
    top: 23px;
}

.tooltip-inner {
    text-align: left !important;
}

.page_title p {
    margin-top: 10px;
    color: var(--primary-color);
    text-transform: uppercase;
}

  .profile_menu1 a {
    display: block;
    width: 100% !important;
    padding: 11px 19px;
    color: var(--secondary-color) !important;
    background-color: var(--primary-color);
    border-radius: 10px;
    text-align: center;
    font-weight: bold !important;
    text-decoration: none;
 }

 .profile_menu1 a:hover {
 	color: var(--primary-color) !important;
 	background-color:  var(--secondary-color);
 }

 .profile_menu2 {
    padding: 0px 10px;
    color: white;
    background-color: var(--primary-color);
    border-radius: 10px;
}

.profile_menu2 .navbar-nav .nav-link {
    color: white !important;
}

.package-option {
    opacity: .8;
}

.package-option:hover {
    opacity: 1;
    cursor: pointer;
}