HEX
Server: LiteSpeed
System: Linux server137.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64
User: bibuzptr (1123)
PHP: 7.4.33
Disabled: NONE
Upload Files
File: /home/bibuzptr/elearning.bibu-edu.us/old 20th oct/assets/css/bk3.css
/*
 Theme Name:   ValidGrad
 Theme URI:    https://validgrad.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Marquee eSolution
 Author URI:   https://www.marqueeesolution.com/
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* Variables */
:root {
    /* Forms */
    --form--font-family: 'Lora', serif;
    --form--color-text: #616782;
    --form--label-weight: 400;
    --form--border-color: #EBECED;
    --form--border-width: 1px;

    /* Line Height */
    --global--line-height-body: inherit;
}

@font-face {
    font-family: 'Quickpen';
    src: url('fonts/Quickpen.eot');
    src: url('fonts/Quickpend41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quickpen.woff2') format('woff2'),
         url('fonts/Quickpen.woff') format('woff'),
         url('fonts/Quickpen.ttf') format('truetype'),
         url('fonts/Quickpen.svg#Quickpen') format('svg');
}

html, body {
    height: 100%;
    width: 100%;
}
body > .site {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
}
.site > .elementor {
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.site > .site-content {
    flex-grow: 1;
}
.site > header, .site > .elementor, .site > footer {
    flex-shrink: 0;
}
.site > .elementor > * {
    width: 100%;
}
.site > .elementor > .elementor-section-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.site > .elementor > .elementor-section-wrap > section:last-child {
    flex: 1 0 auto;
}
.site-main {
    padding-top: 0;
    padding-bottom: 0;
}
.list-unstyled {
    list-style-type: none;
}

/* Button */
.elementor-button,
.elementor-button:focus {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23C09745'/%3E%3C/svg%3E");
    background-position: right bottom;
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
}
.elementor-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23967D38'/%3E%3C/svg%3E");
}
.btn-blue-bg .elementor-button,
.btn-blue-bg .elementor-button:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
}
.btn-blue-bg .elementor-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23182C3A'/%3E%3C/svg%3E");
}
.has-background-white .site a.elementor-button:not(.wp-block-button__link):not(.wp-block-file__button):focus {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23C09745'/%3E%3C/svg%3E");
    background-position: right bottom;
}
.has-background-white .site .btn-blue-bg a.elementor-button:not(.wp-block-button__link):not(.wp-block-file__button):focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
}

/* All Pages */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):not(.elementor-toggle-title) {
    background: transparent;
    color: currentColor;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none;
    text-decoration: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: none;
}
body:not(.home) > .site {
    padding-top: 120px;
}

/* Overlay */
.bg-blue-half-overlay-left,
.bg-blue-half-overlay-right {
    overflow: hidden;
}
.bg-blue-half-overlay-left:before,
.bg-blue-half-overlay-right:before {
    background-color: #235273;
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100vw;
    z-index: -1;
}
.bg-blue-half-overlay-left:before {
    margin-left: -418px;
    left: -50vw;
}
.bg-blue-half-overlay-right:before {
    margin-right: -418px;
    right: -50vw;
}

/* Dots Pattern */
.dots-pattern {
    position: relative;
}
.dots-pattern:after,
.dots-pattern-left:after,
.dots-pattern-right:after {
    background-image: url('images/dots-pattern.png');
    content: '';
    pointer-events: none;
    position: absolute;
    height: 279px;
    width: 198px;
    z-index: -1;
}
.dots-pattern-left:after {
    left: -110px;
    bottom: 160px;
}
.dots-pattern-right:after {
    right: -110px;
    bottom: 160px;
}

/* Box Shadow */
.box-shadow {
    box-shadow: 0 20px 20px rgb(0 0 0 / 16%);
}

/* Form */
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, .form-control {
    font-family: 'Lora', serif;
    font-size: 16.5px;
    margin: 0;
    padding: 12px 18px;
    transition: none;
    text-overflow: ellipsis;
    overflow: hidden;
    /*height: 58px;*/
    width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus, .form-control:focus {
    border-color: #182C3A;
    outline: none;
}
_:-ms-fullscreen, :root input,
_:-ms-fullscreen, :root textarea {
    border-width: 1px;
    border-color: #EBECED;
}
select.form-control {
    cursor: pointer;
    padding-right: 30px;
}
select::-ms-expand {
    display: none;
}
_:-ms-fullscreen, :root select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%252328303d'%3E%3Cpolygon points='0,0 10,0 5,5'/%3E%3C/svg%3E");
    border-width: 1px;
    border-color: #EBECED;
}
textarea.form-control {
    display: block;
    height: 127px;
    resize: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
@-webkit-keyframes autofill {
    to {
        background: #FFFFFF;
        color: #616782;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:valid,
select:-webkit-autofill,
select:-webkit-autofill:valid {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #616782;
}
.form-group {
    margin-bottom: 12px;
    position: relative;
}
.form-group label {
    color: #616782;
    font-family: 'Lora', serif;
    font-size: 16.5px;
    font-weight: normal;
    margin: 0;
}
.form-group:not(.form-checkbox) label {
    background: #FFFFFF;
    line-height: normal;
    padding: 0 4px;
    pointer-events: none;
    position: absolute;
    left: 15px;
    top: 19px;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1;
}
.form-group.form-select:not(.form-checkbox) label {
    visibility: visible;
}
.form-group.focused:not(.form-checkbox) label {
    font-size: 12px;
    top: -8px;
    visibility: visible;
}
.form-group.typing:not(.form-checkbox) label {
    color: #235273;
}
.form-group.focused.error:not(.form-checkbox) label {
    color: #E85C4A;
}
.form-group.typing .form-control {
    border-color: #235273;
}
.form-group.error .form-control {
    border-color: #E85C4A;
}
.form-group:not(.typing) select,
.form-group:not(.error) select {
    color: #FFFFFF;
}
.form-group.focused select {
    color: #616782;
}
.form-group select.multiple {
    height: auto;
}
.btn-group {
    margin-top: 24px;
    position: relative;
}

/* Header */
.site > header#masthead {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
}
.admin-bar .site > header#masthead {
    top: 32px;
}
.header .header-logo {
    width: 145px;
}
.header .header-nav {
    width: calc(100% - 145px);
}
.site > header#masthead .header .menu-item .hfe-menu-item {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
body.home header#masthead .header {
    background-color: transparent;
}
body .site header .header .header-nav .menu-item a.hfe-menu-item:focus:hover,
body .site header .header .header-nav .menu-item.current-menu-item a.hfe-menu-item:focus,
body .site header .header .header-nav .menu-item.current-menu-ancestor a.hfe-menu-item:focus {
    color: #C09745;
}
.hfe-nav-menu .sub-menu-toggle {
    display: none;
}
.hfe-nav-menu .menu-item-has-children:last-child .sub-menu {
    left: inherit;
    right: 0;
}
_:-ms-fullscreen, :root .hfe-submenu-icon-arrow .hfe-nav-menu .menu-item-has-children .sub-arrow i:before {
    content:''
}

/* Home Page */
.hero-section {
    background: -webkit-radial-gradient(24% 20%, circle closest-side, #1D394D 0%, #0F2839 100%);
    background: -moz-radial-gradient(24% 20%, circle closest-side, #1D394D 0%, #0F2839 100%);
    background: -o-radial-gradient(24% 20%, circle closest-side, #1D394D 0%, #0F2839 100%);
    background: radial-gradient(closest-side at 24% 20%, #1D394D 0%, #0F2839 100%);
    padding: 140px 0 104px;
}
.hero-section .hero-subtitle.elementor-widget-heading .elementor-heading-title {
    font-family: 'Quickpen', serif;
}
.top-right-corner.dots-pattern::after {
    right: -10px;
    top: 0;
}
.school-name-certificate::after {
    right: -96px;
    top: -15px;
    bottom: inherit;
}
.school-name-certificate::before {
    background-image: url('images/image-box-shadow.png');
    background-position: center;
    content: '';
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -253px;
    height: 238px;
    max-width: 714px;
    width: 100%;
}
.school-note::before {
    background-color: #235273;
    content: '';
    pointer-events: none;
    position: absolute;
    left: -50vw;
    top: 0;
    transform: translateX(-50vw);
    height: 100%;
    width: 100vw;
}
.school-note:after {
    background-color: #235273;
    -webkit-clip-path: polygon(100% 0%, 91% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    clip-path: polygon(100% 0%, 91% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
_:-ms-fullscreen, :root .school-note::after {
    border-top: 82px solid transparent;
    border-bottom: 82px solid transparent;
    border-right: 78px solid #F9F9FA;
}
.school-note p {
    margin: 1px 0;
    max-width: 650px;
    position: relative;
    z-index: 1;
}
.elementor-widget-wrap .service-section {
    margin-right: auto;
    margin-left: auto;
    max-width: 1380px;
}
.elementor-widget-wrap .service-section >  .elementor-container {
    margin-left: -23px;
    margin-right: -23px;
    max-width: fit-content;
}
.elementor-widget-wrap .service-section > .elementor-container > .elementor-column {
    padding-left: 23px;
    padding-right: 23px;
}
.service-section .dots-pattern-left::after {
    left: -42px;
    bottom: 20px;
}
.service-section .dots-pattern::after {
    margin: auto;
    left: 0;
    right: 0;
    bottom: 20px;
}
.service-section .dots-pattern-right::after {
    right: -42px;
    bottom: 20px;
}
.service-section .service-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 138px;
}
.service-section .elementor-widget-heading::before {
    background-color: #BD8E33;
    content: '';
    display: block;
    margin-bottom: 27px;
    height: 6px;
    width: 78px;
}
.full-width-section::after {
    z-index: 0;
}
.full-width-section .full-width-image {
    margin-bottom: 0;
}
.full-width-section .elementor-heading-title::after {
    background-color: #C5C6C7;
    content: '';
    display: block;
    margin-top: 32px;
    height: 2px;
    width: 100px;
}

/* Contact Us */
.htmega-form-wrapper form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.htmega-form-wrapper form > div {
    width: 100%;
}
.htmega-form-wrapper form .form-group.last {
    margin-left: auto;
}
.htmega-form-wrapper form select {
    width: 100%;
}
.htmega-form-wrapper form input:focus,
.htmega-form-wrapper form select:focus,
.htmega-form-wrapper form textarea:focus {
    border-color: #182C3A !important;
}
.htmega-form-wrapper form .btn-group {
    margin-top: 12px;
}
.htmega-form-wrapper form input[type="submit"] {
    background-color: transparent !important;
}
.htmega-form-wrapper form input[type="submit"]:focus {
    outline: none;
}
.htmega-form-wrapper form .wpcf7-response-output {
    margin: 24px 0 0;
}
.contact-us-page .dots-pattern:after,
.templates-block.dots-pattern:after,
.information-block.dots-pattern:after {
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* FAQs */
.faq-section .elementor-tab-title:hover,
.faq-section .elementor-tab-title.elementor-active {
    background-color: #C09745 !important;
}
.faq-section .elementor-tab-title .elementor-toggle-title:focus {
    background-color: transparent !important;
}

/* Reviews */
.tesimonial-section .htmega-testimonialgrid-style-3 .testimonal {
    border-radius: 0;
    box-shadow: 2px 2px 40px rgb(0 0 0 / 10%);
    border: 1px solid #EEEEEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 58px;
    margin-top: 124px;
    padding-bottom: 38px;
    height: calc(100% - 124px - 58px);
}
.tesimonial-section .htmega-testimonialgrid-style-3 .testimonal img {
    border: none;
    height: auto !important;
    left: 65px;
    transform: translateY(-50%);
    max-width: 249px !important;
}
.tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding-top: 160px;
    position: relative;
}
.tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content:before {
    background-image: url('../../uploads/2021/07/quote.png');
    background-size: cover;
    content: '';
    position: absolute;
    top: 71px;
    left: 314px;
    height: 53px;
    width: 61px;
}
.tesimonial-section .elementor-element .htmega-testimonialgrid-area .testimonal .content p {
    flex: 1 1 auto;
    padding: 0 42px;
    margin-bottom: 20px;
}
.tesimonial-section .elementor-element .htmega-testimonialgrid-area .testimonal .content h4 {
    text-align: right;
    padding: 0 42px;
}
.tesimonial-section .elementor-widget-button .elementor-button:hover,
.tesimonial-section .elementor-widget-button .elementor-button:focus,
.tesimonial-section .elementor-widget-button .elementor-button:active {
    background-color: transparent !important;
}

/* Pricing */
.price-table thead tr th {
    border: 1px solid #0F2839;
}
.price-table.elementor-widget-htmega-pricinglistview-addons .htmega-pricing-table__head-row-cell-area {
    align-items: flex-start;
}

/* Privacy Policy */
.elementor-widget-text-editor a {
    text-decoration: underline;
}

/* Custom Diploma Requests */
.htmega-form-style-1 input[type="file"] {
    border-color: #EBECED;
    display: block;
    font-size: 0;
    margin-top: 0;
    height: 58px;
    min-width: 260px;
    width: auto;
}
.htmega-form-style-1 input[type="file"]::-webkit-file-upload-button {
    opacity: 0;
}
.form-file > span {
    display: inline-block;
    vertical-align: middle;
}
.form-file > .wpcf7-form-control-wrap {
    margin-right: 10px;
}
.form-file .wpcf7-form-control-wrap + label {
    line-height: 1.35;
    padding: 17px 20px;
    left: 1px;
    top: 1px;
    visibility: visible;
    width: calc(260px - 2px);
}
.form-file .wpcf7-form-control-wrap:hover + label {
    background: #f9f9fa;
}
#uploadtextfield:not(:empty) {
    margin: 5px 0;
}

/* Footer */
.site-footer-logo .hfe-site-logo {
    display: inline-block;
}
.elementor-social-icon:hover {
    opacity: 1;
}
.elementor-social-icon i {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.elementor-social-icon i:hover {
    color: #C09745;
}
_:-ms-fullscreen, :root .elementor-social-icons-wrapper .elementor-grid-item ~ .elementor-grid-item {
    margin-left: 20px;
}
_:-ms-fullscreen, :root .elementor-social-icon {
    background-color: transparent;
    font-size: 25px;
}
_:-ms-fullscreen, :root .elementor-social-icon i {
    color: #FFFFFF;
}
_:-ms-fullscreen, :root .elementor-social-icon i:hover {
    color: #C09745;
}
.footer-menu ul {
    padding: 0;
    list-style: none;
}
.footer-menu ul li + li {
    margin-top: 10px;
}
.footer-menu ul li a {
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.footer-menu ul li a:hover,
.footer-menu ul li.current-menu-item a {
    color: #C09745;
}

/* Custome Request */
.remove_attachment {
    color: #f18052;
    cursor: pointer;
}
.remove_attachment:hover {
    color: #eb3449;
}

/* Blog */
.comment-reply-title{
    color: #182C3A;
    font-family: "Lora";
    font-size: 47px;
    font-weight: 700;
    line-height: 1.27em;
}
.pagination, .comments-pagination, .post-navigation, .alignwide, .wide-max-width, .entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container]>.alignwide, .alignwide [class*=inner-container]>.alignwide {
    max-width: 1360px;
    width: 100%;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container]>*:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 800px;
    width: 100%;
}
.site-main > article:last-child {
    margin-bottom: 90px;
}
.site-main > nav:last-child {
    margin-bottom: 30px;
}
.site-main > .page-header {
    background-color: #0F2839;
    border-bottom: none;
    padding: 120px 0;
    text-align: center;
    max-width: 100%;
}
.page-header .page-title {
    color: #FFFFFF;
    font-size: 47px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 1360px;
    width: 100%;
}
.entry-title a {
    font-family: "Lora";
}
.post-thumbnail .wp-post-image {
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .16);
}
.entry-content a, .entry-footer a {
    text-decoration: underline;
}
.entry-footer {
    color: #616782;
}
.entry-footer a:hover, .entry-footer a:focus {
    color: #C09745;
}
.site-main > article > .entry-footer {
    padding-top: 0;
}
.site-main > article:last-of-type > .entry-footer {
    padding-bottom: 0;
}
.post-taxonomies > span {
    margin-top: 15px;
}
.pagination {
    border-top: none;
}
.pagination .nav-links {
    border-top: 3px solid var(--global--color-border);
}
.pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover, .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current {
    color: #C09745;
    text-decoration: none;
}
.navigation a:hover {
    color: #C09745;
    text-decoration: none;
}
.navigation a:hover .meta-nav {
    color: #C09745;
}
.is-IE .navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Blog single */
.singular .entry-title {
    font-size: 47px;
    font-weight: 700;
    margin-top: 60px;
}
.singular .entry-content h2 {
    font-size: 38px;
}
.singular .posted-by .posted-on {
    margin-bottom: 10px;
}
.singular .post-taxonomies > span:first-child {
    margin-top: 0;
}
.comment-form input[type=checkbox] {
    border-color: var(--form--color-text);
}
.comment-form input[type=checkbox]:after {
    left: 7px;
    top: 4px;
}
_:-ms-fullscreen, :root .single .site-main > article > .entry-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
_:-ms-fullscreen, :root .single .site-main > article > .entry-footer > * {
    width: 50%;
}
.has-background-white .site .navigation a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):not(.elementor-toggle-title) {
    color: #C09745;
}
.has-background-white .site .navigation a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
    color: #C09745;
}

/* 404 Page */
.error404 .error-404 {
    margin-bottom: 90px;
}
.error404 main p {
    text-align: center;
}
.search-form .search-field {
    width: auto;
}
.search-form input[type=submit] {
    max-width: 144px;
    width: 100%;
}
.form-submit input[type=submit],
.search-form input[type=submit] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
    background-position: right bottom;
    border: none;
    -webkit-clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
    clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 27px) 100%,0% 100%);
}
.form-submit input[type=submit]:hover,
.search-form input[type=submit]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23182C3A'/%3E%3C/svg%3E");
}
.form-submit input[type=submit]:focus,
.search-form input[type=submit]:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='538' height='87' viewBox='0 0 538 87'%3E%3Cpath d='M0,0H538V57L511,87H0Z' fill='%23235273'/%3E%3C/svg%3E");
    outline: none;
}
.form-submit input[type=submit]:not(:hover):not(:active):not(.has-background),
.search-form input[type=submit]:not(:hover):not(:active):not(.has-background) {
    background-color: transparent;
}

@media (max-width: 1799.98px) {
    .full-width-section.row-reverse::after {
        left: -140px;
    }
    .full-width-section:not(.row-reverse)::after {
        right: -140px;
    }
    .full-width-section.row-reverse .full-width-content {
        padding-left: 3.5%;
    }
    .full-width-section:not(.row-reverse) .full-width-content {
        padding-right: 3.5%;
    }
}

@media (min-width: 1600px) {
    .full-width-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
        margin: 0 auto;
        max-width: 1920px;
    }
    .full-width-section.row-reverse .full-width-content {
        margin-right: 5.5%;
    }
    .full-width-section:not(.row-reverse) .full-width-content {
        margin-left: 5.5%;
    }
}

@media (max-width: 1599.98px) {
    .full-width-section.row-reverse .full-width-content {
        margin-right: 3.5%;
    }
    .full-width-section:not(.row-reverse) .full-width-content {
        margin-left: 3.5%;
    }
}

@media (min-width: 1400px) {
    .big-container.elementor-section > .elementor-container {
        max-width: 1570px;
    }
}

@media (max-width: 1399.98px) {
    .elementor-section-wrap > .elementor-section-boxed:not(.full-width-section) > .elementor-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .elementor-widget-wrap .service-section > .elementor-container {
        margin-left: -15px;
        margin-right: -15px;
    }
    .elementor-widget-wrap .service-section > .elementor-container > .elementor-column {
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-main > *:not(header):not(.elementor),
    .page-header .page-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1025px) and (max-width: 1399.98px) {
    .full-width-section.row-reverse::after {
        left: -160px;
    }
    .full-width-section:not(.row-reverse)::after {
        right: -160px;
    }
}

@media (min-width: 1025px) {
    .header .header-nav .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:first-child) {
        margin-left: 30px;
    }
    .full-width-section.elementor-section > .elementor-container {
        max-width: 100%;
    }
    .full-width-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
        flex-wrap: nowrap;
    }
    .full-width-section.row-reverse > .elementor-container > .elementor-column > .elementor-widget-wrap {
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .full-width-section .full-width-image {
        width: auto;
    }
    .full-width-section .full-width-image,
    .full-width-section .full-width-image > div {
        height: 100%;
    }
    .full-width-section .full-width-image img {
        height: 100% !important;
        object-fit: cover;
        object-position: left;
    }
    .full-width-section .full-width-content {
        max-width: 635px;
    }
}

@media (min-width: 768px) and (max-width: 1024.98px) {
    .header .header-nav .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:first-child) {
        margin-left: 20px;
    }
}

@media (max-width: 1024.98px) {
    body:not(.home) > .site {
        padding-top: 110px;
    }
    .header .header-logo {
        width: 136px;
    }
    .header .header-nav {
        width: calc(100% - 136px);
    }
    .bg-blue-half-overlay-right:before {
        margin-right: -40%;
    }
    .dots-pattern:after,
    .dots-pattern-left:after,
    .dots-pattern-right:after {
        background-size: cover;
        height: 186px;
        width: 132px;
    }
    .certificate-section.elementor-section > .elementor-container {
        max-width: 768px;
    }
    .school-name-certificate::before {
        background-size: cover;
        height: 0;
        padding-bottom: 40%;
        bottom: -60%;
    }
    _:-ms-fullscreen, :root .school-note::after {
        border-width: 68px 68px 68px 0;
    }
    .school-note p {
        max-width: 80%;
    }
    .elementor-widget-wrap .service-section >  .elementor-container {
        margin-left: -10px;
        margin-right: -10px;
    }
    .elementor-widget-wrap .service-section > .elementor-container > .elementor-column {
        padding-left: 10px;
        padding-right: 10px;
    }
    .full-width-section.row-reverse::after {
        left: -105px;
    }
    .full-width-section:not(.row-reverse)::after {
        right: -105px;
    }
    .full-width-section .full-width-image img {
        max-width: 100% !important;
    }
    .full-width-section .elementor-heading-title::after {
        margin-top: 22px;
    }
    .elementor-widget-google_maps.dots-pattern:after {
        top: -35px;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal {
        margin-bottom: 0px;
        height: calc(100% - 124px);
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal img {
        max-width: 150px !important;
    }
    .tesimonial-section .elementor-element .htmega-testimonialgrid-area .testimonal .content p {
        padding: 0 22px;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content {
        padding-top: 120px;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content:before {
        width: 37px;
        height: 32px;
        left: 210px;
        top: 61px;
    }
    .contact-us-page .dots-pattern:after,
    .templates-block.dots-pattern:after,
    .information-block.dots-pattern:after {
        top: -35px;
    }
    .site-main > .page-header {
        padding: 100px 0;
    }
    .page-header .page-title,
    .singular .entry-title {
        font-size: 32px;
    }
    .singular .entry-content h2 {
        font-size: 28px;
    }
}

@media (max-width: 870px) {
    .table-responsive.htmega-pricing-list-view {
        white-space: normal;
    }
}

@media (max-width: 782.98px) {
    .admin-bar .site > header#masthead {
        top: 46px;
    }
}

@media (min-width: 768px) {
    .site > header#masthead.sticky .header {
        background-color: #fff;
    }
    .site > header#masthead.sticky .header .menu-item:not(.current-menu-item):not(.current-menu-ancestor) .hfe-menu-item:not(:hover),
    body.home .site > header#masthead .header .menu-item:not(.current-menu-item) .hfe-menu-item:not(:hover) {
        color: #7c181a;
    }
    .htmega-form-wrapper form .form-group.first,
    .htmega-form-wrapper form .form-group.last {
        width: calc(50% - 6px);
    }
    .price-table thead tr th:nth-child(1) {
        width: 16%;
    }
    .price-table thead tr th:nth-child(2),
    .price-table thead tr th:nth-child(3),
    .price-table thead tr th:nth-child(4) {
        width: 28%;
    }
}

@media (max-width: 767.98px) {
    .site > header#masthead {
        position: absolute;
    }
    .header .header-logo {
        z-index: 99999;
    }
    body.home .hfe-nav-menu__toggle {
        color: #FFFFFF;
    }
    .header-nav .hfe-nav-menu a.hfe-menu-item {
        justify-content: flex-end;
    }
    _:-ms-fullscreen, :root .hfe-nav-menu-icon {
        float: right;
    }
    .header .header-nav .hfe-nav-menu__layout-horizontal.menu-is-active {
        margin-top: 36px;
    }
    .header .header-nav .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu {
        border-top: 1px solid #c4c4c4;
        width: 100% !important;
    }
    .header .header-nav .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu li a {
        justify-content: flex-end;
    }
    .bg-blue-half-overlay-left:before,
    .bg-blue-half-overlay-right:before,
    .dots-pattern-left:after,
    .dots-pattern:after,
    .dots-pattern-right:after {
        display: none;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal img {
        left: 55px;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content {
        padding-top: 90px;
    }
    .tesimonial-section .htmega-testimonialgrid-style-3 .testimonal .content:before {
        top: 41px;
    }
    .site-footer-logo .elementor-widget-container {
        text-align: center;
    }
    .footer-menu ul {
        text-align: center;
    }
    .elementor-section-wrap > .elementor-section-boxed:not(.full-width-section) > .elementor-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .site-main > *:not(header):not(.elementor),
    .page-header .page-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .site-main > .page-header {
        padding: 70px 0;
    }
    .price-table .htmega-pricing-list-view {
        background-color: transparent !important;
    }
    .price-table .table thead {
        display: none;
    }
    .price-table .table tbody td {
        background-color: #FFFFFF;
        display: flex;
    }
    .price-table .table tbody td:before {
        background-color: #0F2839;
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        margin: -10px 10px -10px -10px;
        padding: 10px;
        display: block;
        width: 120px;
    }
    .price-table .table tbody td:first-child:before {
        content: 'Product';
        display: none;
    }
    .price-table .table tbody td:nth-child(2):before {
        content: 'Diploma';
    }
    .price-table .table tbody td:nth-child(3):before {
        content: 'Transcripts';
    }
    .price-table .table tbody td:nth-child(4):before {
        content: 'Both Diploma & Transcript';
    }
    .price-table .table tbody td .htmega-pricing-table__head-row-cell-area {
        justify-content: center;
        width: calc(100% - 120px);
    }
    .price-table .table tbody td:first-child .htmega-pricing-table__head-row-cell-area {
        width: 100%;
    }
    .price-table .table tbody td:not(:first-child) {
        border-top: none;
    }
    .price-table .table tbody td:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 349.98px) {
    .htmega-form-style-1 input[type="file"] {
        height: 80px;
        min-width: 238px;
    }
    .form-file .wpcf7-form-control-wrap + label {
        width: calc(238px - 2px);
    }
}