:root {
    --color--black: #000000;
    --color--cyan-bluish-gray: #abb8c3;
    --color--white: #ffffff;
    --color--pale-pink: #f78da7;
    --color--vivid-red: #cf2e2e;
    --color--luminous-vivid-orange: #ff6900;
    --color--luminous-vivid-amber: #fcb900;
    --color--light-green-cyan: #7bdcb5;
    --color--vivid-green-cyan: #00d084;
    --color--pale-cyan-blue: #8ed1fc;
    --color--vivid-cyan-blue: #0693e3;
    --color--vivid-purple: #9b51e0;
    --gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --font-size--small: 13px;
    --font-size--medium: 20px;
    --font-size--large: 36px;
    --font-size--x-large: 42px;
    --spacing--20: 0.44rem;
    --spacing--30: 0.67rem;
    --spacing--40: 1rem;
    --spacing--50: 1.5rem;
    --spacing--60: 2.25rem;
    --spacing--70: 3.38rem;
    --spacing--80: 5.06rem;
    --shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flow>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained>.alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained>.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained>.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex>* {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

body .is-layout-grid>* {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--color--white) !important;
}

.has-pale-pink-color {
    color: var(--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
    color: inherit;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

.wp-block-pullquote {
    font-size: 1.5em;
    line-height: 1.6;
}


.bg-primary,
.meet-ask-row:after,
.dez-separator.style-skew[class*="style-"]:after,
.dez-separator.style-skew[class*="style-"]:before,
.dez-tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.widget-title:after,
.site-button,
.comments-area .comment-form p input[type="submit"],
.pagination>.active>a,
.pagination>.active>span,

.pagination>.active>a:focus,
.pagination>.active>span:focus,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active>[class*="site-button"],
.list-num-count>li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date,
#myNavbar li.active a,
.skew-angle:after,

.sidenav a.bg-primary:focus,


.footer-social li a.bg-primary,
.testimonial-2 .testimonial-text.bg-primary,
.about-service .icon-bx-wraper,
.skew-top-bar::after,
a.service-button,

.blog-pagination span.page-numbers.current,
.search-bx input.search-submit,
.owl-prev,
.owl-next,
button.scroltop,
.project-details span.project-skills,
.banner-slider .slider-arrow-next.slick-arrow,
.banner-slider .slider-arrow-prev.slick-arrow,
.client-slider .slick-arrow,
.testimonial-slider .slick-arrow,
.blog-slider .slick-arrow,
.modal-header,
.product-query-button button,
.product-submit,
.pagination .page-numbers.current,
.banner-slider ul.slick-dots li.slick-active button,
.award-certificate button.slick-arrow,
.product-slider button.slick-arrow,
.product-read-more a,
.product-wrap .product-thumbnail .product-thumbnail-overview ul li:hover a,
.main-bar,
.calendar .calendar-dates-day.today-date,
a.more-button,
ul.social-icon-version-two li a i,
.language-menu ul li a,
.right-side-menu .current-menu-item>a,
.left-footer-menu .footer-social li a:hover,
.main-slider .tp-banner .site-button:before,
.load-more-button a:before,
.get-in-touch-number a:before,
.get-in-touch-link a:before,
.product-query-button button:before,
.product-query-button a:before,
.content-area .site-button:before,
.site-button:focus,
.active>.site-button,
.bg-primary-dark,

.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.about-service .icon-bx-wraper:nth-child(2),
.header-style-1.dark .top-bar,
.footer-top,
.testimonial-4,
.testimonial-4:after{
    background-color: #0f8b00  !important;
    color: #fff !important
}
.latest-news-section {
    border-top: 1px solid #1a3759;
    color: #000;
}
.news-wrap ul li a {
    color: #000;
    font-size: 12px;
}

/* Rgba color */
.dez-info-has.bg-primary {
    background-color: rgba(214, 29, 88, 0.76)
}

/*=====================
Premery text color
=====================*/
a,
.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav>li.active>a,


blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,

footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,

.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.testimonial-3 .quote-left:before,
.acod-head a:after,
.acod-head a,

.dez-tabs .nav-tabs>li>a i,

.header-style-3 .social-line li a,
ul.project-details li>h5,
h3.banner-sub-title,
.load-more-button a {
    color: #052e59;
}

.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,
.header-nav .nav>li:hover>a,
.header-nav .nav>li .mega-menu>li ul a:hover,
.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,
footer a:hover,
.acod-head a:hover,
.acod-head a.collapsed:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.widget.widget_categories ul li a:hover,
.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a,
.pagination a.page-numbers:hover {
    color: #f74040;
}

.widget_gallery li:hover,
.owl-prev,
.owl-next,
.owl-prev:hover,
.owl-next:hover,
button.scroltop:hover {
    border-color: #f74040;
}

.sidenav a.bg-primary:hover,
.sidenav li a:hover,
.blog-pagination a.page-numbers:hover,
.site-button:hover,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.dez-info-has.bg-secondry:hover,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.owl-prev:hover,
.owl-next:hover,
.sidenav a.bg-primary:active,
.navbar-nav .nav-link.active,
.onepage .nav-link.active,
.site-filters .nav .site-button.active,
.site-button:active,
button.scroltop:hover,
.load-more-button a:hover,
.home-banner-content a:before,
a.banner-number:before {
    background-color: #f74040;
}

/*=====================
Premery border color
=====================*/
.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
blockquote,
.load-more-button a {
    border-color: #052e59;
}

.dez-tabs.border-tp .nav-tabs>li>a.active {
    border-top-color: #052e59;
}

/*=====================
Secondary bg color
=====================*/
.bg-secondry {
    background-color: #1a3759;
}

/*=====================
Secondary text color
=====================*/
.text-secondry {
    color: #2d3239;
}

button.scroltop {
    color: #fff;
}

/*======================
Border top color
=======================*/
.testimonial-2 .testimonial-text.bg-primary::after {
    border-top-color: #052e59;
}

.site-header.dark .top-bar li a,
.dez-social-icon.dez-border li a {
    color: #ffffff !important;
}

.header-style-1 .top-bar .fab,
.dez-social-icon li {
    font-size: 15px;
}

h1#slide-100-layer-2 {
    color: #00e7ff;
}

.widget.service a {
    border: unset;
    padding: 0px 0px;
}

ul.project-details a:hover {
    color: #1E4594;
}

.widget-title:after {
    background-color: #fff;
}

a {
    color: #000;
}

.content-area .icon-bx-wraper {
    height: 270px;
}

input#contactSubmit {
    display: none;
}

.column-contact-button p {
    margin-bottom: 0;
}

.column-contact-button p label.contact-submit {
    background: #0C2A4B;
    padding: 5px 20px;
    color: #fff;
    font-size: 14px;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.column-contact-button p label.contact-submit:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    background: #3596cb;
    transition: .6s all ease 0s;
    height: 100%;
    z-index: -1;
}

.column-contact-button p label.contact-submit:hover:before {
    width: 100%;
    transition: .6s all ease 0s;
}

.avientect-input-from .input-group >

div {
    width: 100%;
    display: inline-block;
}

.avientect-input-from .input-wapper .input-wapper-text {
    display: inline-block;
    width: 16%;
    border: 1px solid #ccc;
    text-align: center;
    height: 40px;
}

.avientect-input-from .input-wapper .input-wapper-field {
    display: inline-block;
    width: 82%;
}

.avientect-input-from .input-wapper .input-wapper-text p i {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 14px;
}

.input-wapper-text p {
    margin-bottom: 0;
}

.input-wapper-field p {
    margin-bottom: 0;
}

.from-subject .form-group .input-wapper .input-wapper-text {
    display: inline-block;
    width: 8%;
    height: 40px;
    border: 1px solid #ccc;
    text-align: center;
}

.from-subject .form-group .input-wapper .input-wapper-field {
    display: inline-block;
    width: 91%;
}

.from-subject .form-group .input-wapper .input-wapper-text p i {
    font-size: 14px;
    line-height: 14px;
    padding: 12px 10px;
}

.form-group.avientec-massage .input-wapper-text {
    display: inline-block;
    width: 8%;
    border: 1px solid #ccc;
    text-align: center;
    height: 40px;
}

.form-group.avientec-massage .input-wapper-text p i {
    font-size: 14px;
    line-height: 14px;
    padding: 12px 10px;
}

.form-group.avientec-massage .input-wapper-field {
    display: inline-block;
    width: 91%;
    vertical-align: top;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .avientect-input-from .input-wapper .input-wapper-text {
        width: 21%;
    }

    .avientect-input-from .input-wapper .input-wapper-field {
        width: 77%;
    }

    .from-subject .form-group .input-wapper .input-wapper-text {
        width: 10%;
    }

    .from-subject .form-group .input-wapper .input-wapper-field {
        width: 89%;
    }

    .form-group.avientec-massage .input-wapper-text {
        width: 10%;
    }

    .form-group.avientec-massage .input-wapper-field {
        width: 89%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 480px) {

    .from-subject .form-group .input-wapper .input-wapper-text {
        width: 16%;
    }

    .from-subject .form-group .input-wapper .input-wapper-field {
        width: 83%;
    }

    .form-group.avientec-massage .input-wapper-text {
        width: 16%;
    }

    .form-group.avientec-massage .input-wapper-field {
        width: 83%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 419px) {
    div#nav_menu-5 {
        margin-top: -35px;
    }

    .from-subject .form-group .input-wapper .input-wapper-text {
        width: 16%;
    }

    .from-subject .form-group .input-wapper .input-wapper-field {
        width: 82%;
    }

    .form-group.avientec-massage .input-wapper-text {
        width: 16%;
    }

    .form-group.avientec-massage .input-wapper-field {
        width: 82%;
    }
}

.widget-title:after {
    background-color: #fff !important;
}

.social-wrap ul.social-wrap-parent li.support a:before {
    content: "+88 01322-303131";
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    width: -webkit-fill-available;
}