
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}
.Title {
    text-transform: uppercase;
	background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
	-webkit-background-clip: text;
}
.Subtitle {
    font-size: xx-large;
}

p {
    font-family: "Roboto", sans-serif;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.75;
    color: #818992;
}
blockquote {
    font-style: italic;
}
blockquote h4 {
    line-height: 3rem;
}
blockquote h5 {
    line-height: 2.8rem;
}
.h1-font,
h1 {
    font-size: 2.875rem;
    line-height: 1.25;
    font-weight: 300;
}
@media only screen and (min-width: 768px) {
    .h1-font,
    h1 {
        font-size: 4.125rem;
        line-height: 1.18;
    }
}
.h2-font,
h2 {
    font-size: 2.875rem;
    line-height: 1.25;
    font-weight: 300;
}
@media only screen and (min-width: 768px) {
    .h2-font,
    h2 {
        font-size: 3.5rem;
        line-height: 1.22;
    }
}
.h3-font,
h3 {
    font-size: 2.375rem;
    line-height: 1.25;
    font-weight: 300;
}
@media only screen and (min-width: 768px) {
    .h3-font,
    h3 {
        font-size: 2.875rem;
        line-height: 1.25;
    }
}
.h4-font,
h4 {
    font-size: 2.375rem;
    line-height: 1.25;
    font-weight: 600;
}
.h5-font,
h5 {
    font-size: 1.5rem;
    line-height: 1.55;
    font-weight: 400;
}
.h6-font,
h6,
blockquote {
    font-size: 1.25rem;
    line-height: 1.55;
    font-weight: 400;
}
.body-font {
    font-size: 1.0625rem;
    line-height: 1.75;
    font-weight: 400;
}
.btn-bg--primary,
.card--v2 .card--focused::before,
.carosuel-slider--v4 .arrowBtn:hover,
.carosuel-slider--v4 .slick-dots .slick-active .slider-button,
.carosuel-slider--v5 .slick-dots .slick-active .slider-button,
.bg-color--primary,
mark,
ins,
.btn-bg-hover--primary:after,
.btn-bg-hover--primary:before,
.navigation__transparent.sticky-nav {
    background: #4777f4;
}
.text-color--primary,
.btn-color--primary,
.color-primary,
.list-group .list-group-item-action:hover,
.list-group .list-group-item-action:focus,
.list-group .list-group-item-action.active,
.text-hover--primary:hover,
.features--v5 .feature:hover i,
.footer.section-dark .widget a:hover,
.footer.section-light .widget li a:hover,
.navbar-expand-lg.navbar .page-active,
.navbar-expand-lg .dropdown .submenu-active,
.navbar-expand-lg .dropdown .dropdown-submenu:hover > .dropdown-item.dropdown-toggle,
.navbar-expand-lg .dropdown .dropdown-item:active,
.navbar-expand-lg .dropdown .dropdown-item:hover,
.navbar-expand-lg .dropdown.show.active .nav-link.dropdown-toggle.submenu-active {
    color: #4777f4;
}
.fill--primary rect,
.fill--primary path,
.fill--primary polygon,
.fill--primary circle {
    fill: #4777f4;
}
.border-color-primary,
.btn-outline .border-color-light--4:hover,
.blog-sidebar .widget-title,
.comments-area .comment-title,
.comments-area .comment-reply-title,
.testimonial--v4 .carosuel-slider--v4 img {
    border-color: #4777f4;
}
body.boxed-layout .main,
body.boxed-layout .navbar {
    max-width: 1366px;
}
