body {
    margin: 0;
    padding: 0;
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-display: swap;
    color: #062439;
    line-height: 32px;
    font-size: 16px
}

.blog-list h2,
.blog-list h3 {
    font-size: 16px;
    font-weight: normal;
}

.blog {
    background: #f4f5f8;
    padding: 40px;
    border-radius: 8px;
    float: left;
    margin-bottom: 50px;
    width: 100%
}

.blog h4,
.widget_block h4 {
    font-size: 20px;
    font-weight: 800;
    text-transform: capitalize;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 30px;
    margin-top: -5px;
    position: relative
}

.blog li,
.widget_block li {
    display: block;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    margin: 3px 0
}

.blog-list .subscribe-btn {
    display: inline-block;
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 1;
    color: #fff;
    border-radius: 6px;
    background: #f35a38
}

#footer-section .calendar_wrap table#wp-calendar caption,
#footer-section .calendar_wrap table#wp-calendar tbody td a:hover,
#footer-section .media-body a,
#footer-section .page-title-heading p,
#footer-section .page-title-heading p strong,
#footer-section .page-title-heading tfoot td a,
#footer-section .page-title-heading ul li .rssSummary,
.blog-list .subscribe-btn a,
.breadcrumbs a,
.error-text,
.error-text .contact-btn,
.fixed-header.fixed #mainmenu>ul>li>a,
.footer-copy-text a,
.page-title-heading ul li a,
.site-title,
.wpcf7 form.invalid,
.wpcf7 li,
legend {
    color: #fff
}

.form-submit,
.page-title-heading.page-title-inner-text,
.search-text-banner-section .navbar-form,
.wp-caption,
.wpcf7-submit,
form#searchform,
legend {
    text-align: center
}

#footer-section li,
.blog-sidebar li,
.comment-list,
.comment-list ol,
.wpcf7 li,
ul {
    list-style-type: none
}

.blog-list>p,
.read-more-option a,
body,
h1 {
    font-weight: 300
}

.wpcf7 form.invalid {
    border-color: #ffb900
}

.wpcf7-email,
.wpcf7-text,
.wpcf7-textarea {
    padding: 5px 10px;
    border: 1px solid;
    margin-bottom: 2%;
    width: 100%
}

.wpcf7-email:focus {
    border: 1px solid #383838;
    -webkit-transition: .3s;
    -khtml-transition: all 0.3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.wpcf7-submit {
    padding: 5px 15px;
    transition-duration: .4s;
    margin-bottom: 5%;
    float: right
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-bars::before {
    content:" " !important;
    background: url(https://legalified.in//wp-content/uploads/icon-3.png) no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 14px;
    width: 48px;
    height: 48px;
}
@keyframes prld_one {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.5) rotate(180deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
@keyframes prld_two {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(0.6) rotate(-180deg);
  }
  100% {
    transform: scale(1) rotate(-360deg);
  }
}
li {
    list-style-type: square
}

#footer-section ul {
    padding-inline-start: 0px
}

#footer-section .media-body a:hover,
#footer-section .page-title-heading tfoot td a:hover,
#mainmenu ul ul li a:hover,
#mainmenu ul ul li:hover>a,
.blog-sidebar td a,
.blog-text-heading p span,
.breadcrumbs .item-current,
.breadcrumbs a:hover,
.footer-copy-text a:hover,
.media-body a,
.post-cat-list li a,
a,
a:hover,
p.bread-current {
    color: #FF5D02
}

#mainmenu ul ul,
#menu-line,
header {
    position: absolute
}

.footer-css-1 {
    padding-top: 5px
}

#footer-section h4 {
    font-size: 18px;
    font-weight: 300;
    margin-block-start: 0;
    margin-block-end: 0
}



#mainmenu ul ul,
.fixed-header.fixed #mainmenu ul ul,
.wp-caption {
    background: #fff
}

.container {
    max-width: 90%
}

.boxed {
    max-width: 65%
}

.post-cat-list,
.widget_block.ul {
    padding-left: 0
}

.blog-side-bar span,
.media-body p,
.single-blog-text span {
    font-style: italic;
    font-size: 12px
}

#banner-inner,
#error-section {
    background-size: cover;
    background-attachment: fixed
}

a {
    text-decoration: none;
    outline: 0
}

a:focus,
a:hover {
    text-decoration: none
}

.alignnone,
.wp-caption.alignleft,
.wp-caption.alignnone,
a img.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}

.alignright,
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft,
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.on-scroll #mainmenu #menu-button,
.on-scroll #mainmenu>ul>li>a,
.on-scroll .main-logo,
header {
    height: 80px
}

.elementor-tab-title {
    display: flex;
    align-items: center
}

.elementor-toggle-icon-closed,
.elementor-toggle-icon-opened {
    padding-right: 10px
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

a.toplevel_page_powerpress>.dashicons-admin-generic::before {
    content: "" !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px 20px;
    margin-top: 7px;
    color: #ca3333 !important
}

.blog:last-child,
.txt,
header {
    width: 100%
}

#mainmenu,
#mainmenu.align-right>ul>li,
.blog-pager-section .nav-links .nav-next {
    float: right
}

#mainmenu #menu-button,
#mainmenu ul,
#mainmenu ul li,
#mainmenu ul li a {
    margin: 0;
    padding: 0;
    outline: 0;
    color: #011c1a;
    font-weight: 700;
	font-size: 17px;
    font-family:"PT Serif", serif;
    line-height: 1;
    list-style: none;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px
}

#mainmenu ul li a:hover {
    color: #B68C5A !important
}

#menu-line {
    bottom: 0;
    left: 0;
    height: 0;
    background: #673ab7
}

#mainmenu>ul>li {
    float: left;
    margin-right: 30px
}

#mainmenu>ul>li>a:hover,
.fixed-header.fixed #mainmenu>ul>li>a:hover {
    color: #062439;
    background: 0 0
}

#mainmenu>ul>li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important
}

#mainmenu.align-center>ul {
    font-size: 0;
    text-align: center
}

#mainmenu.align-center>ul>li {
    display: inline-block;
    float: none
}

#mainmenu.align-center ul ul {
    text-align: left
}

#mainmenu.align-right ul ul,
.single-blog-text {
    text-align: right
}

#mainmenu #menu-button,
#mainmenu>ul>li>a,
.main-logo {
    height: 60px;
    display: flex;
    align-items: center;
    text-decoration: none
}

#mainmenu ul>li.has-sub>a:after {
    position: relative;
    top: -2px;
    right: 0;
    width: 6px;
    height: 6px;
    margin-left: 5px;
    margin-right: 3px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -ms-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: .3s;
    display: inline-block
}

#mainmenu ul>li.has-sub:hover>a:after {
    -webkit-transform: rotate(222deg);
    -moz-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    -o-transform: rotate(222deg);
    transform: rotate(222deg);
    transition: .3s
}

#mainmenu ul>li>a:before {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: 14px;
    transform: scale(0, 1);
    transition: transform .4s cubic-bezier(1, 0, 0, 1);
    background: #e96038;
    content: "";
    transform-origin: right top
}

#mainmenu ul>li>a:hover::before {
    transform: scale(1, 1);
    transform-origin: left top
}

#mainmenu ul ul {
    padding: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .1)
}

#mainmenu.align-right li:hover>ul {
    right: 0
}

ul.sub-menu .submenu-right {
    right: 100%
}

ul.sub-menu .submenu-left {
    left: 100%
}

#mainmenu ul ul ul {
    top: 0
}

#mainmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
}

#mainmenu ul ul li {
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#mainmenu ul li:hover>ul>li {
    height: 40px;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

#mainmenu ul ul li a {
    min-width: 100px;
    white-space: nowrap;
    padding: 10px 15px;
    background: 0 0;
    font-size: 12px;
    line-height: 20px;
    color: #676767;
    text-decoration: none
}

#mainmenu #menu-button,
#mainmenu .submenu-button,
.comment-form-author>label,
.comment-form-comment>label,
.comment-form-email>label,
.comment-form-url>label,
.transparent .main-nav .logo-dark,
.transparent .main-nav.on-scroll .logo-light,
header:not(.transparent) .main-nav .logo-light {
    display: none
}

.transparent .main-nav .logo-light,
.transparent .main-nav.on-scroll .logo-dark {
    display: flex
}

.fixed {
    padding: 0;
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.main-nav,
.transparent {
    background: 0 0;
    width: 100%
}

.main-logo {
    float: left;
    position: relative;
    z-index: 1;
    max-width: 300px
}

.main-logo a img {
    width: auto;
    height: 100%;
    margin-top: 10px;
}

#wp-comment-cookies-consent {
    float: left;
    width: 2%;
    margin-top: 8px
}

.transparent {
    position: absolute;
    top: auto;
    color: #fff
}

.main-nav {
    min-height: inherit;
    border: 0;
    margin: 0;
    border-radius: 0;
    opacity: 1;
    z-index: 999;
    position: relative;    
	    padding: 20px 0;
	border-bottom: 1px solid #c4c4c4;
/*     box-shadow: rgba(0, 0, 0, .1) 0 1px 5px */
}

.navbar-form,
.transparent .main-nav {
    box-shadow: none
}

.main-nav.fixed-header.fixed {
    position: fixed;
    top: auto;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .3)
}

@media (max-width:1024px) {

    #mainmenu ul,
    .blog-post-img {
        text-align: center
    }

    .blog-list-type {
        padding: 10px 0 !important
    }

    .blog-list-type li .date {
        top: -20px !important
    }

    #mainmenu ul,
    #mainmenu ul ul li a:before,
    #mainmenu ul ul li.has-sub>a::after,
    #mainmenu ul>li.has-sub>a:after,
    #mainmenu>ul>li.has-sub>a::after,
    #mainmenu>ul>li>a:before,
    #menu-line {
        display: none
    }

    #mainmenu ul,
    #mainmenu ul ul,
    #mainmenu ul ul ul {
        position: relative;
        top: 0;
        width: 100%
    }

    #mainmenu {
        float: none;
        top: 0;
        width: 100%
    }

    #mainmenu ul {
        clear: both;
        background: #fff;
        padding: 15px 0;
        border-top: 1px solid #676767;
        margin-top: 15px
    }

    #mainmenu ul li,
    #mainmenu ul li:hover>ul>li,
    #mainmenu ul ul li {
        width: 100%;
        height: auto;
        opacity: 1;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #mainmenu li:hover>ul {
        padding: 0
    }

    #mainmenu ul li a {
        width: 100%;
        color: #676767
    }

    #mainmenu>ul>li>a,
    .on-scroll #mainmenu>ul>li>a {
        padding: 0;
        line-height: 30px;
        height: inherit;
        display: block
    }

    #mainmenu>ul>li>a.active,
    #mainmenu>ul>li>a:hover {
        background: 0 0
    }

    #mainmenu.align-center>ul>li,
    #mainmenu.align-right>ul>li,
    #mainmenu>ul>li {
        float: none;
        display: block;
        z-index: 2
    }

    #mainmenu li:hover>ul,
    #mainmenu li>ul {
        left: auto;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none
    }

    #mainmenu ul ul li a {
        line-height: 30px;
        padding: 0
    }

    #mainmenu ul ul,
    #mainmenu ul ul ul {
        left: 0;
        right: auto;
        padding: 0;
        margin: 0
    }

    #mainmenu #menu-button {
        font-size: 20px;
        font-weight: 300;
        right: 15px;
        top: 7px;
        display: flex;
        align-items: center;
        position: absolute;
        cursor: pointer;
        z-index: 1111
    }

    #mainmenu #menu-button.menu-opened:before {
        content: " "
    }

    #mainmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, .15);
        height: 30px;
        width: 30px;
        cursor: pointer;
        color: #676767
    }

    #mainmenu .submenu-button::before {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #mainmenu .submenu-button.submenu-opened::before {
        content: "\f068"
    }

    .fixed-header.fixed #mainmenu>ul>li>a {
        color: #676767
    }
}

.main-containt-part {
    background: #ccc;
    height: 600px;
    width: 100%;
    margin: 0 auto
}

.blog-recent-post,
.blog-sidebar h4,
.footer-icon,
.page-title-heading>h1 {
    margin-bottom: 20px
}

h1 {
    font-size: 24px;
    color: #383838
}

p {
    color: #6f6f6f;
    line-height: 30px
}

#banner-section {
    padding: 0 0 60px
}

.read-more-option {
    text-align: center;
    margin-top: 13px
}

.read-more-option a {
    animation-delay: 2s;
    background: #00bfff;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 15px;
    margin-left: 10px;
    padding: 17px 30px;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    transition: background .3s ease-in-out, color .3s ease-in-out;
    white-space: nowrap
}

.read-more-option a:hover {
    background: #222
}

.page-title-heading h1:after {
    background-color: #e96038;
    content: "";
    display: block;
    height: 2px;
    transition: .2s;
    width: 8%;
    margin: 15px auto 11px
}

.blog-list-type li,
.breadcrumbs li,
.breadcrumbs ul li.item-cat,
.comment-author,
.comment-metadata,
.footer-icon li,
.modern-text h3,
.new-pagibation>li,
.tagcloud,
.tagcloud a {
    display: inline-block
}

.page-title-heading>p {
    margin-bottom: 15px;
    text-align: center;
    padding: 0 25px
}

.btn.btn-default.filter-button {
    border-radius: 0;
    padding: 10px 20px;
    font-size: 12px;
    border: 1px solid #e96038
}

.filter-button i {
    padding: 3px 0
}

.open>.dropdown-toggle.read-more-option a.focus,
.open>.dropdown-toggle.read-more-option a:focus,
.open>.dropdown-toggle.read-more-option a:hover,
.read-more-option a.active.focus,
.read-more-option a.active:focus,
.read-more-option a.active:hover,
.read-more-option a.focus,
.read-more-option a.focus:active,
.read-more-option a:active:focus,
.read-more-option a:active:hover,
.read-more-option a:focus,
.read-more-option a:hover {
    background-color: #222;
    border-color: #222;
    color: #fff;
    transition: .4s ease-in-out
}

.btn.active,
.btn:active {
    box-shadow: 0 0 0 #000 inset;
    outline: 0
}

#copyright-section {
    background: #383838;
    padding: 10px 0 20px;
    clear: both;
	margin-top: -80px;
	background: #0000 !important;
}

#footer-section {
    background: #303030 !important;
    padding: 65px 0px 143px 0px;
    clear: both;
/*     background: */
        /* top, transparent black, faked with gradient */ 
/*         linear-gradient(
          rgba(0, 0, 0, 0.7), 
          rgba(0, 0, 0, 0.7)
        ), */
        /* bottom, image */
/*        url("https://varanasiayodhya.com/wp-content/uploads/pexels-robinnivi-17511315-scaled-1.jpg") !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center !important; */
}

#footer-section .page-title-heading form select,
#footer-section select#archives-dropdown--1,
#footer-section select#categories-dropdown--1,
.blog select {
    width: 100%;
    height: 36px;
    outline: 0;
    padding-left: 2px;
    background-color: #fff;
    border: 1px solid #e96038
}

#footer-section .calendar_wrap table#wp-calendar,
.blog-sidebar table {
    width: 100%;
    text-align: center
}

#footer-section .calendar_wrap table#wp-calendar tbody td,
#footer-section .calendar_wrap table#wp-calendar tfoot td,
#footer-section .calendar_wrap table#wp-calendar thead th {
    text-align: center;
    border: 1px solid #e96038;
    padding: 5px 0;
    color: #fff
}

#footer-section .calendar_wrap table#wp-calendar tbody td a {
    color: #777
}

#footer-section .calendar_wrap table#wp-calendar tbody td#today,
.blog-sidebar #today,
.input-group-btn>.btn:hover {
    background: #e96038;
    color: #fff
}

.footer-logo p {
    color: #848484
}

.footer-icon {
    padding: 0;
    margin-top: 20px;
    text-align: center
}

.footer-icon li {
    padding: 0 10px 0 0
}

.footer-icon li a {
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #fff
}

.footer-icon li a:hover,
.tagcloud a:hover {
    border: 1px solid #e96038;
    color: #e96038;
    transition: .4s ease-in-out
}

.tag-text h1 {
    color: #fff;
    margin-bottom: 30px;
    text-align: left;
    font-size: 15px
}

.blog-widget-post-img img,
.modern-text {
    margin: 0 auto
}

.blog-sidebar,
.navbar-form {
    margin-top: 0
}

.page-title-heading .tagcloud a {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 7px 15px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    background-color: transparent
}

.blog-sidebar .menu-top-menu-container ul.sub-menu.post-cat-list,
.latest-post,
.navbar-form,
.page-title-heading ul,
.tagcloud {
    padding: 0
}

.blog-text-heading h1 a:hover,
.media-body a:hover,
.page-title-heading li a:hover,
.post-cat-list a:hover {
    color: #e96038;
    transition: .4s ease-in-out
}

#footer-section .page-title-heading ul li cite,
#footer-section .page-title-heading ul li span.rss-date {
    color: #b3b3b3
}

#footer-section .page-title-heading .textwidget img,
.blog .textwidget img {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

#footer-section .page-title-heading .textwidget .wp-caption-text {
    color: #333
}

#footer-section li,
.latest-post li:last-child {
    padding-bottom: 0
}

.page-title-heading li {
    padding-bottom: 10px;
    color: #fff
}

.tag-text h1:after {
    margin: 15px 0 11px
}

.blog-widget-post-text h3 a {
    color: #fff;
    font-size: 14px;
    outline: 0
}

.blog-widget-post-text a:hover {
    transition: .3s ease-in-out;
    color: #e96038
}

.blog-widget-post-text span {
    color: #848484;
    font-size: 10px;
    font-style: italic;
    letter-spacing: 1px
}

.footer-copy-text p {
    text-align: center;
    color: #fff;
    margin: 0
}

.footer-copy-text {
    border-top: 1px solid #ddd
}

.blog-widget-post-text>h3 {
    margin: 10px 0
}

#banner-inner {
    padding: 100px 0 50px;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    margin-bottom: 60px
}

#banner-inner:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#banner-inner .container {
    position: relative;
    z-index: 2
}

.inner-page-text h6 {
    color: #fff;
    font-size: 25px
}

.page-title-inner-text h1 {
    color: #fff;
    font-size: 32px;
    line-height: 50px
}

.breadcrumbs {
    background-color: transparent;
    text-align: center;
    padding: 0
}

.breadcrumbs li {
    padding: 0 5px;
    color: #fff
}

.separator {
    color: #636c72
}

.breadcrumbs ul li.item-cat {
    color: #636c72;
    padding-left: .5rem;
    padding-right: .5rem
}

.home-blog-content h3 {
    font-size: 18px;
    color: #062439;
    margin: 0 0 10px;
    line-height: 30px
}

.blog-text-heading h1,
.blog-text-heading h1 a {
    font-size: 22px;
    color: #062439
}

.blog-text-heading h1 {
    padding-top: 20px
}

.blog-list {
    margin-bottom: 70px
}

.blog-list img {
    max-width: 100%;
    height: auto
}

.blog-list-type {
    border-top: 1px solid #848484;
    border-bottom: 1px solid #848484;
    padding: 10px 0 0;
    margin-bottom: 15px
}

.blog-post,
.blog-sidebar {
    margin-bottom: 30px
}

.blog-list-type li a {
    color: #707070
}

.blog-list-type li {
    font-size: 12px;
    color: #707070;
    margin-right: 20px
}

.blog-list-type li i {
    font-size: 14px;
    padding-right: 10px
}

.blog-list-type li:last-child {
    bottom: 0;
    float: right;
    margin-right: 0;
    position: relative;
    right: 0;
    top: auto
}

.blog-list-type li .date {
    background: #e96038;
    color: #fff;
    float: none;
    font-size: 14px;
    line-height: 16px;
    height: 42px;
    padding: 5px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -9px;
    width: 42px
}

.blog-list:last-child,
.blog-post:last-child {
    margin-bottom: 0
}

.input-group-btn .btn,
.navbar-form .form-control {
    border-color: #e96038;
    border-radius: 0
}

.blog {
    clear: both
}

.blog-sidebar h4:before {
    background: #e96038
}

.blog-sidebar h4 {
    border-bottom: 1px solid #e96038;
    color: #062439;
    margin: 0;
    font-size: 18px;
    padding-bottom: 12px
}

.blog-side-bar,
.post-listed {
    margin-top: 20px
}

.blog-side-bar {
    text-align: center;
    border-bottom: 1px solid #848484;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.blog-side-bar h3,
.single-blog-text h3 {
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.blogo-slide-bar-text p {
    text-align: center;
    margin-bottom: 0
}

.latest-post li {
    padding: 10px 0 15px
}

.media-body p {
    margin-bottom: 0;
    color: #848484
}

.tagcloud a {
    font-size: 11px !important;
    margin: 0 5px 5px 0 !important;
    opacity: 1;
    background: #fff;
    border: 1px solid #848484;
    color: #383838;
    float: left;
    line-height: 100%;
    padding: 8px 10px;
    transition: .6s;
    outline: 0
}

.pagination-section {
    border-top: 1px solid #d6d6d6;
    padding-top: 27px
}

.new-pagibation {
    display: block;
    margin: 20px auto 0;
    text-align: center
}

.blog-pager-section,
.blog:last-child {
    float: left;
    clear: both
}

.new-pagibation>li>a,
.new-pagibation>li>span {
    float: none;
    padding: 9px 17px;
    color: #383838
}

.new-pagibation>li:first-child>a,
.new-pagibation>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0
}

.new-pagibation>li:last-child>a,
.new-pagibation>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.new-pagibation>li>a:focus,
.new-pagibation>li>a:hover,
.new-pagibation>li>span:focus,
.new-pagibation>li>span:hover {
    background-color: #e96038;
    border-color: #e96038;
    color: #fff;
    z-index: 2;
    transition: .4s ease-in-out
}

.media-body {
    width: auto
}

.blog-list>p {
    margin-bottom: 20px;
    color: #062439;
    line-height: 32px;
    font-size: 16px
}

.single-blog-text .footer-icon li a {
    color: #383838;
    border: 1px solid #d6d6d6
}

.single-blog-text .footer-icon li {
    padding: 0 0 0 10px
}

.single-blog-text .footer-icon li a:hover {
    background: #e96038;
    border: 1px solid #e96038;
    color: #fff;
    transition: .4s ease-in-out
}

.blog-pager-section .nav-links a {
    font-size: 16px;
    color: #062439;
    outline: 0
}

.blog-pager-section .nav-links a:hover,
.blog-sidebar tfoot td a:hover,
.comment-reply-title small a:hover,
.reply a:hover {
    transition: .4s ease-in-out;
    color: #e96038
}

.blog-pager-section {
    margin-bottom: 50px;
    padding: 10px 0;
    width: 100%
}

.blog-pager-section .nav-links .nav-previous {
    float: left
}

.comment-form {
    margin-top: 50px
}

.comment-body {
    border: 1px solid #e96038;
    padding: 30px;
    width: 100%;
    margin: 30px 0
}

.comment-form-author,
.comment-form-email {
    margin-right: 10px;
    width: 30%;
    display: inline-block
}

.reply a {
    float: right;
    color: #383838
}

.comment-reply-title small a {
    float: right;
    color: #383838;
    font-size: 14px;
    font-style: normal
}

.comment-content>p {
    font-size: 15px;
    margin-top: 20px
}

.comment-metadata a time {
    color: #383838;
    font-weight: 700;
    margin-left: 50px;
    text-transform: lowercase;
    font-size: 15px
}

.comment-author .fn a {
    color: #e96038;
    font-size: 15px
}

.comment-respond h3:before {
    background: 0 0
}

.comment-respond h3 {
    border-bottom: 1px solid #848484;
    margin: 0;
    padding-bottom: 12px;
    padding-left: 0;
    font-size: 18px;
    color: #062439
}

.comment-form input,
.comment-form textarea {
    border: 1px solid #e96038;
    border-radius: 0;
    width: 100%;
    padding: 0 10px
}

.comment-form-url {
    display: inline-block;
    width: 30%
}

.comment-form .form-submit input {
    width: auto;
    background-color: hsla(0, 0%, 0%, 0);
    border-color: #e96038;
    border-radius: 0;
    border-width: 2px;
    color: #383838;
    font-size: 12px;
    margin-top: 15px;
    padding: 11px 30px
}

.media-left a {
    height: 70px;
    width: 90px;
    display: inline-block
}

#error-section:after,
.media-left img {
    height: 100%;
    width: 100%
}

img.img-responsive.wp-post-image {
    width: 80%;
    height: 80%
}

.search-text-banner-section p {
    text-align: center;
    font-size: 17px
}

#error-section {
    background-position: center;
    margin-bottom: -30px;
    min-height: 602px;
    position: relative
}

#error-section:after {
    background: hsla(0, 0%, 13%, .8);
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

#error-section .error-page-section {
    left: 0;
    margin-top: -130px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    text-align: center
}

.error-text h1 {
    color: #e96038;
    display: inline-block;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 0
}

.error-text h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 52px;
    margin: 0 auto 20px
}

.portfolio-section {
    margin: 30px 0 57px
}

.blog-sidebar td,
.blog-sidebar th {
    text-align: center;
    border: 1px solid #e96038;
    padding: 5px 0
}

.blog-sidebar tfoot td a {
    color: #383838
}

.menu-left {
    padding: 0 0 30px
}

.blog-menu-area td,
.blog-menu-area th {
    text-align: center;
    border: 1px solid #a2a2a2;
    padding: 5px 0
}

nav.pagination {
    position: relative;
    display: block;
    text-align: center
}

.nav-links {
    position: relative
}

.nav-links ul {
    margin: 0;
    padding: 0
}

.nav-links ul li {
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
    float: none;
    display: inline-block
}

.nav-links ul li span.current {
    background-color: #e96038;
    border: 1px solid #e96038;
    margin-left: -1px;
    position: relative;
    text-decoration: none;
    float: none;
    padding: 9px 17px;
    color: #fff
}

.nav-links ul li a {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    position: relative;
    text-decoration: none;
    color: #383838;
    float: none;
    padding: 9px 17px
}

.nav-links ul li a:hover {
    background: #e96038;
    border-color: #e96038;
    color: #fff
}

@media (max-width:991px) {
    .footer-icon li {
        margin-bottom: 25px
    }

    .blog-widget-post-text>h3 {
        margin: 0 0 5px
    }
}

@media (max-width:767px) {
    .navbar-nav li {
        padding-right: 0
    }

    span.caret {
        position: absolute;
        right: 15px;
        top: 0;
        padding: 20px 10px 10px 0;
        vertical-align: middle
    }

    .navbar-nav li a {
        display: block
    }

    .navbar-nav .dropdown-menu li a::after {
        background-color: transparent
    }

    .navbar-toggle {
        border: 1px solid #e96038;
        margin-right: 36px
    }

    .navbar-toggle .icon-bar {
        border-top: 2px solid #fff
    }

    .nav.navbar-nav {
        padding: 0 15px
    }

    .blog-list>p,
    .blog-text-heading h1,
    .blog-text-heading>p,
    .blog-widget-post-text,
    .footer-icon,
    .footer-logo,
    .footer-nav-menu,
    .single-blog-text,
    .tags-menu {
        text-align: center
    }

    .footer-logo img {
        margin: 0 auto
    }

    .btn.btn-default.filter-button {
        margin-bottom: 10px
    }

    .navbar-collapse {
        background: #000
    }

    .blog-widget-post-text>h3 {
        margin: 10px 0
    }

    .nav-tabs-border {
        margin-bottom: 30px
    }

    .navbar-form {
        margin-top: 30px;
        padding: 10px 15px
    }

    .blog-list img {
        margin: 20px auto
    }

    .blog-side-bar,
    .blogo-slide-bar-text p {
        text-align: left
    }

    .error-text h1 {
        font-size: 35px
    }

    .error-text h4 {
        font-size: 22px;
        line-height: 22px;
        margin-top: 20px
    }
}

@media (max-width:580px) {
    .container {
        max-width: 100%
    }

    .comment-media .comment-name span {
        display: block;
        margin-left: 0
    }

    .comment-media .comment-name,
    .comment-media p {
        text-align: center
    }
}

@media (max-width:480px) {
    .main-logo {
        max-width: 230px
    }

    .navbar-brand {
        text-align: center;
        display: block;
        float: none
    }

    .comment-media-left {
        margin-left: 0
    }
}

@media (max-width:375px) {
    .blog-list-type li {
        margin-right: 10px
    }

    .blog-pager-section ul li:first-child,
    .blog-pager-section ul li:last-child {
        float: none;
        text-align: center
    }

    .blog-pager-section ul li {
        display: block;
        padding-bottom: 5px;
        padding-top: 5px
    }

    #error-section .error-page-section {
        margin-top: -181px
    }
}



.banner-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 81.134%;
    aspect-ratio: 1 / 1.1163;
    background: #b68c5a;
    opacity: 0.1;
    border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    animation: radius_animation 8s linear infinite alternate;
    z-index: 0;
}

@keyframes radius_animation {
    0% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }

    50% {
        border-radius: 26% 74% 33% 67% / 67% 61% 39% 33%;
    }

    100% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }
}

.banner-img:after {
    content: '';
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1 / 0.87108;
    background: transparent;
    border: 1px solid #b68c5a;
    border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    animation: radius_animation2 5s linear infinite alternate;
    z-index: 2;
}

@keyframes radius_animation2 {
    0% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }

    50% {
        border-radius: 39% 61% 49% 51% / 34% 23% 77% 66%;
    }

    100% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }
}


.counter-text:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    width: 66px;
    aspect-ratio: 1/1;
    background:#b68c5a;
    opacity: 0.2;
    border-radius: 50%;
    animation: zoom 1s linear infinite alternate;
}


@keyframes zoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}



.sec-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 100%;
    height: 60px;
    background: #B68C5A;
    border-radius: 40px;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 5px 34px 5px 74px;
    box-shadow: 0px 4px 30px rgba(203, 166, 114, 0.3);
    outline: none;
    border: none;
    transition: 0.5s;
}

.sec-btn:hover {
    background: #011C1A;
    color: #fff;
    box-shadow: 0px 4px 30px rgba(203, 166, 114, 0.3);
    padding: 5px 74px 5px 34px;
}

.sec-btn:before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0, -50%);
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    color: #B68C5A;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: 0.5s;
    z-index: 5;
}

.sec-btn:hover:before {
    left: calc(100% - 55px);
    transform: translate(0, -50%) rotate(360deg);
    background: #B68C5A;
    color: #fff;
}

.sec-btn.big {
    width: 200px;
    height: 60px;
    padding: 16.96px 4.96px;
}

.sec-btn span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.rotate-btn {
    width: 121px;
    aspect-ratio: 1/1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    line-height: 1;
    color: #011C1A;
    transition: 0.3s;
}

.rotate-btn:hover {
    color: #B68C5A;
}

.rotate-btn:before {
    content: attr(title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjIiIGhlaWdodD0iMTIxIiB2aWV3Qm94PSIwIDAgMTIyIDEyMSIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik00NS4wMjMxIDEwNy4wMjFDNDQuNDg2OSAxMDYuNzUyIDQ0LjEwMjggMTA2LjMzMyA0My44NzA5IDEwNS43NjdDNDMuNjM5MSAxMDUuMiA0My42MDkyIDEwNC42MTkgNDMuNzgxMyAxMDQuMDI0QzQzLjkzNjcgMTAzLjQ4NiA0NC4yMDg2IDEwMy4wNDkgNDQuNTk2OSAxMDIuNzEzQzQ0Ljk3MjkgMTAyLjM4NSA0NS40NDM5IDEwMi4xNzcgNDYuMDEwMSAxMDIuMDkxQzQ2LjU3NjMgMTAyLjAwNSA0Ny4yMDA0IDEwMi4wNiA0Ny44ODI1IDEwMi4yNTdMNTIuMjIwMiAxMDMuNTFMNDkuMzE0MyAxMTMuNTY5TDQ1LjE2NCAxMTIuMzdDNDQuNDgxOSAxMTIuMTczIDQzLjkyNzggMTExLjg5MyA0My41MDE3IDExMS41MzFDNDMuMDY2IDExMS4xNjYgNDIuNzgwMSAxMTAuNzUgNDIuNjQ0MSAxMTAuMjg0QzQyLjQ5ODUgMTA5LjgxNSA0Mi40OTc5IDEwOS4zMzEgNDIuNjQyMiAxMDguODMxQzQyLjgxMTUgMTA4LjI0NSA0My4xMTE1IDEwNy44MDEgNDMuNTQyNCAxMDcuNDk5QzQzLjk2MzYgMTA3LjE5NCA0NC40NTcyIDEwNy4wMzQgNDUuMDIzMSAxMDcuMDIxWk00OC40OTU4IDEwOC44MzZMNDYuNjUxMiAxMDguMzAzQzQ2LjE3MDkgMTA4LjE2NCA0NS43NzA1IDEwOC4xNjMgNDUuNDUgMTA4LjNDNDUuMTI2OCAxMDguNDQ2IDQ0LjkwNjkgMTA4LjcyIDQ0Ljc5MDMgMTA5LjEyNEM0NC42NzM4IDEwOS41MjcgNDQuNzEzMyAxMDkuODc3IDQ0LjkwODggMTEwLjE3M0M0NS4xMDQ0IDExMC40NjkgNDUuNDQyMyAxMTAuNjg2IDQ1LjkyMjcgMTEwLjgyNUw0Ny43NjczIDExMS4zNThMNDguNDk1OCAxMDguODM2Wk00Ny42OTYyIDEwMy45ODNDNDcuMjA2MiAxMDMuODQyIDQ2Ljc5MzQgMTAzLjg0OCA0Ni40NTc4IDEwNEM0Ni4xMTI2IDEwNC4xNTEgNDUuODc4OSAxMDQuNDM3IDQ1Ljc1NjggMTA0Ljg2QzQ1LjYzMTkgMTA1LjI5MiA0NS42Nzg5IDEwNS42NyA0NS44OTc3IDEwNS45OTNDNDYuMTEzOCAxMDYuMzI2IDQ2LjQ2NjggMTA2LjU2NCA0Ni45NTY3IDEwNi43MDVMNDguOTQ1NCAxMDcuMjhMNDkuNzI4MSAxMDQuNTdMNDcuNjk2MiAxMDMuOTgzWiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNMzEuODMxOSAxMDQuMzVMMzMuMzA2NiAxMDIuMTc5TDMwLjM5MDQgMTAwLjE5OUwzMS4zMjU4IDk4LjgyMTFMMzQuMjQyIDEwMC44MDFMMzUuODAwOSA5OC41MDU3TDMyLjUxMjUgOTYuMjcyNkwzMy40NzMyIDk0Ljg1NzlMMzguNDk4OSA5OC4yNzA4TDMyLjYwODUgMTA2Ljk0NUwyNy41ODI4IDEwMy41MzJMMjguNTQzNCAxMDIuMTE3TDMxLjgzMTkgMTA0LjM1WiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNMjYuMzg4MSA4Ny40NjQ4QzI2LjgzNTEgODguMDQyIDI3LjE0MDMgODguNjQwMyAyNy4zMDM5IDg5LjI1OTlDMjcuNDYxNCA4OS44NzE1IDI3LjQ1ODQgOTAuNDU1NiAyNy4yOTUgOTEuMDEyMkMyNy4xMzE1IDkxLjU2ODggMjYuNzk5OSA5Mi4wNDcgMjYuMyA5Mi40NDY4TDI0LjkyMjQgOTAuNjY3OEMyNS4yNDQgOTAuMzgwOCAyNS40MjA5IDkwLjA1NCAyNS40NTMzIDg5LjY4NzVDMjUuNDc5NSA4OS4zMTMxIDI1LjM0NTcgODguOTM2MSAyNS4wNTE4IDg4LjU1NjZDMjQuNzUxOCA4OC4xNjkxIDI0LjQyNTEgODcuOTM1MiAyNC4wNzE4IDg3Ljg1NDZDMjMuNzEwNyA4Ny43ODAyIDIzLjM3OTggODcuODU5MyAyMy4wNzk0IDg4LjA5MTlDMjIuODM0MyA4OC4yODE3IDIyLjY5MDggODguNTEzIDIyLjY0OSA4OC43ODU3QzIyLjYwNzIgODkuMDU4MyAyMi42MzE2IDg5LjM0MyAyMi43MjIyIDg5LjYzOTZDMjIuNzk4OCA4OS45MzQ1IDIyLjkzNDggOTAuMzIyNCAyMy4xMzAyIDkwLjgwMzVDMjMuMzg4NSA5MS40NjM2IDIzLjU3NDEgOTIuMDIxOCAyMy42ODcxIDkyLjQ3ODFDMjMuNzg2MiA5Mi45MzI2IDIzLjc3NjQgOTMuNDAxOCAyMy42NTc5IDkzLjg4NTdDMjMuNTI1MyA5NC4zNjc4IDIzLjE5ODEgOTQuODEwOSAyMi42NzYzIDk1LjIxNUMyMi4xODYxIDk1LjU5NDYgMjEuNjY0MiA5NS44MDI3IDIxLjExMDcgOTUuODM5MkMyMC41NTcyIDk1Ljg3NTggMjAuMDE0MSA5NS43NDYyIDE5LjQ4MTUgOTUuNDUwM0MxOC45NDEgOTUuMTYwNiAxOC40NTAzIDk0LjczMTIgMTguMDA5NSA5NC4xNjE5QzE3LjM0ODIgOTMuMzA4IDE3LjAyMiA5Mi40NTM5IDE3LjAzMDggOTEuNTk5N0MxNy4wMjU2IDkwLjc0MzcgMTcuMzczMiA5MC4wMDAyIDE4LjA3MzUgODkuMzY5M0wxOS40ODc5IDkxLjE5NTdDMTkuMjE1NSA5MS40MzIgMTkuMDc3MSA5MS43MzUxIDE5LjA3MjggOTIuMTA1MkMxOS4wNTQ1IDkyLjQ3MzYgMTkuMTg5MiA5Mi44NDM1IDE5LjQ3NyA5My4yMTUxQzE5LjcyODEgOTMuNTM5MyAyMC4wMTMxIDkzLjczNTkgMjAuMzMyMiA5My44MDVDMjAuNjQ1MiA5My44NjYyIDIwLjk1OTggOTMuNzc0MyAyMS4yNzYxIDkzLjUyOTRDMjEuNDk3NSA5My4zNTggMjEuNjI4MiA5My4xNDI5IDIxLjY2ODIgOTIuODg0M0MyMS42OTQyIDkyLjYyMzkgMjEuNjcxOSA5Mi4zNTAyIDIxLjYwMTUgOTIuMDYzMkMyMS41MTcgOTEuNzc0NSAyMS4zODEgOTEuMzg2NSAyMS4xOTM1IDkwLjg5OTRDMjAuOTM1MyA5MC4yMzkzIDIwLjc1MzYgODkuNjc4IDIwLjY0ODQgODkuMjE1NkMyMC41NDMzIDg4Ljc1MzIgMjAuNTUzOSA4OC4yNzY5IDIwLjY4MDQgODcuNzg2OUMyMC44MDY4IDg3LjI5NjkgMjEuMTI3IDg2Ljg1MjkgMjEuNjQxIDg2LjQ1NDlDMjIuMDgzNyA4Ni4xMTIxIDIyLjU4MzYgODUuOTA4MyAyMy4xNDA3IDg1Ljg0MzdDMjMuNjk3OCA4NS43NzkxIDI0LjI2MjQgODUuODc5NCAyNC44MzQ1IDg2LjE0NDZDMjUuMzk4OCA4Ni40MTYgMjUuOTE2NyA4Ni44NTYgMjYuMzg4MSA4Ny40NjQ4WiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNOC4yNzMyMSA3NC43NjgzTDkuODc1NDYgNzQuMjE1M0wxMC43ODU4IDc2Ljg1MjZMMTkuMDgwNiA3My45ODk2TDE5Ljc2NTcgNzUuOTc0NkwxMS40NzA5IDc4LjgzNzdMMTIuMzgxMiA4MS40NzVMMTAuNzc5IDgyLjAyOEw4LjI3MzIxIDc0Ljc2ODNaIiBmaWxsPSIjMDExQzFBIi8+CjxwYXRoIGQ9Ik0xNS44NTkzIDUzLjY0MzRMMTYuNDE5NiA1MC4yMzkyTDE4LjA2MjUgNTAuNTA5NkwxNy4xNjExIDU1Ljk4NTlMNi44MzAxNSA1NC4yODU0TDcuMTcxMjIgNTIuMjEzM0wxNS44NTkzIDUzLjY0MzRaIiBmaWxsPSIjMDExQzFBIi8+CjxwYXRoIGQ9Ik0yMC45OTc4IDM3LjkzN0wxOS4wNzc5IDQxLjYzODhMMjAuNTMxMiA0My4xNjk4TDE5LjUxNiA0NS4xMjcyTDExLjk0MTggMzYuOTU3NkwxMy4wNjc1IDM0Ljc4NzJMMjQuMTA4NSAzNi4yNzIzTDIzLjA4NjQgMzguMjQzTDIwLjk5NzggMzcuOTM3Wk0xOS4yNDQgMzcuNjY5NUwxNC42NTgzIDM2Ljk5NzhMMTcuODQ4OSA0MC4zNTkzTDE5LjI0NCAzNy42Njk1WiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNMzIuMjE1MyAxNC4xMTAyTDM2LjQ4MTEgMjQuMTA5MUwzNC41NDk5IDI1LjY1N0wyOC4zNTQxIDIxLjA2OUwzMS40MTMyIDI4LjE3MTJMMjkuNTAzMSAyOS43MjE1TDIwLjc0NTEgMjMuMzAzOUwyMi41MDA3IDIxLjg5NjdMMjkuMDI1IDI3LjA4NjVMMjUuNjAyNCAxOS40MTA2TDI3LjQyODIgMTcuOTQ3MUwzNC4wNTMxIDIyLjk5ODZMMzAuNDQ3OSAxNS41MjY4TDMyLjIxNTMgMTQuMTEwMloiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTUwLjI3NjEgNy40NDQzTDQ4LjY4NjkgMTQuOTY2N0w0OS42NiAxOC40Nzk0TDQ3LjYzNjMgMTkuMDQwMUw0Ni42NjMxIDE1LjUyNzRMNDEuNDE0OSA5Ljg5OTI5TDQzLjY5ODkgOS4yNjY1Mkw0Ny4xNDQ4IDEzLjI3NzFMNDguMDIxMSA4LjA2OTA2TDUwLjI3NjEgNy40NDQzWiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNNjEuOTczNiA4LjM1NzgyTDYxLjg1NTQgMTAuOTgwMkw2NS4zNzY4IDExLjEzODlMNjUuMzAxOSAxMi44MDIyTDYxLjc4MDQgMTIuNjQzNUw2MS42NTU1IDE1LjQxNTdMNjUuNjI2NCAxNS41OTQ3TDY1LjU0OTQgMTcuMzAyOUw1OS40ODA2IDE3LjAyOTRMNTkuOTUyNyA2LjU1NUw2Ni4wMjE2IDYuODI4NTVMNjUuOTQ0NiA4LjUzNjgyTDYxLjk3MzYgOC4zNTc4MloiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTc3LjE2NTUgMjAuNDE4NEw3Ni40NDI1IDE1Ljc4NTlMNzUuNTE2MSAxNS40MzY4TDc0LjA3NzQgMTkuMjU0N0w3Mi4xMTIzIDE4LjUxNDNMNzUuODA0MiA4LjcxNjc0TDc5LjQ4MTcgMTAuMTAyNUM4MC4yMzk3IDEwLjM4ODEgODAuODM0MyAxMC43NjcxIDgxLjI2NTQgMTEuMjM5NUM4MS43IDExLjcwMjUgODEuOTYyIDEyLjIxMjYgODIuMDUxMiAxMi43Njk5QzgyLjE1MzMgMTMuMzIxMyA4Mi4wOTg2IDEzLjg3NzcgODEuODg3MSAxNC40MzkyQzgxLjY0MzggMTUuMDg0OSA4MS4yMzYyIDE1LjU5OTIgODAuNjY0NCAxNS45ODIyQzgwLjA5NjIgMTYuMzU1OCA3OS40MDU0IDE2LjUwMTYgNzguNTkyMSAxNi40MTk2TDc5LjQzOTQgMjEuMjc1Mkw3Ny4xNjU1IDIwLjQxODRaTTc2LjA3MTQgMTMuOTYzTDc3LjcxMzcgMTQuNTgxOEM3OC4yNDcxIDE0Ljc4MjggNzguNjkyNCAxNC44MDYzIDc5LjA0OTYgMTQuNjUyNEM3OS40MTA0IDE0LjQ4OTEgNzkuNjc3MSAxNC4xNzgyIDc5Ljg0OTkgMTMuNzE5N0M4MC4wMTkyIDEzLjI3MDUgODAuMDE4NiAxMi44NzQ5IDc5Ljg0ODMgMTIuNTMyOUM3OS42ODE1IDEyLjE4MTUgNzkuMzMxNCAxMS45MDUzIDc4Ljc5OCAxMS43MDQzTDc3LjE1NTcgMTEuMDg1NUw3Ni4wNzE0IDEzLjk2M1oiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTEwNC4yNTkgMjguODU4NUwxMDIuOTU1IDI5Ljk0MDZMMTAwLjE2OCAyNi41ODA5TDk4LjEwMTUgMjguMjk1TDEwMC4yMzcgMzAuODY5Nkw5OC45NTU0IDMxLjkzMjZMOTYuODE5OSAyOS4zNTc5TDkzLjQxNCAzMi4xODI4TDkyLjA3MzMgMzAuNTY2NEwxMDAuMTMyIDIzLjg4MjRMMTA0LjI1OSAyOC44NTg1WiIgZmlsbD0iIzAxMUMxQSIvPgo8cGF0aCBkPSJNMTAxLjE0MyA0NS40NTM0QzEwMC44MDMgNDQuNTM0NCAxMDAuNzA2IDQzLjYxMDUgMTAwLjg1MyA0Mi42ODE4QzEwMC45OTkgNDEuNzUzMSAxMDEuMzY5IDQwLjkyMzEgMTAxLjk2MiA0MC4xOTE3QzEwMi41NjQgMzkuNDU2OSAxMDMuMzQ5IDM4LjkxMDYgMTA0LjMxNCAzOC41NTNDMTA1LjI3MSAzOC4xOTg5IDEwNi4yMTIgMzguMTA2MyAxMDcuMTM5IDM4LjI3NTJDMTA4LjA3NCAzOC40NDA2IDEwOC45IDM4LjgyOCAxMDkuNjE2IDM5LjQzNzNDMTEwLjMzMiA0MC4wNDY1IDExMC44NjEgNDAuODEwNyAxMTEuMjAxIDQxLjcyOTdDMTExLjU0NSA0Mi42NTgxIDExMS42NDEgNDMuNTgyIDExMS40OTEgNDQuNTAxM0MxMTEuMzQ0IDQ1LjQzIDExMC45NjggNDYuMjU3MSAxMTAuMzYyIDQ2Ljk4MjZDMTA5Ljc2OSA0Ny43MTM5IDEwOC45OTUgNDguMjU2NyAxMDguMDM4IDQ4LjYxMDhDMTA3LjA3MiA0OC45Njg1IDEwNi4xMjEgNDkuMDY0NSAxMDUuMTg2IDQ4Ljg5OTFDMTA0LjI2MyA0OC43Mzk2IDEwMy40NDQgNDguMzU1MiAxMDIuNzI4IDQ3Ljc0NTlDMTAyLjAxMSA0Ny4xMzY2IDEwMS40ODMgNDYuMzcyNCAxMDEuMTQzIDQ1LjQ1MzRaTTEwMi45MDEgNDQuODAyNEMxMDMuMTIgNDUuMzkzMiAxMDMuNDQ0IDQ1Ljg2NTEgMTAzLjg3MyA0Ni4yMThDMTA0LjMxMiA0Ni41Njc1IDEwNC44MjcgNDYuNzc2OCAxMDUuNDE3IDQ2Ljg0NkMxMDYuMDA4IDQ2LjkxNTIgMTA2LjYzMiA0Ni44MjgzIDEwNy4yODggNDYuNTg1MkMxMDcuOTQ1IDQ2LjM0MjIgMTA4LjQ3IDQ2LjAwMzggMTA4Ljg2NCA0NS41N0MxMDkuMjY3IDQ1LjEzMjggMTA5LjUxNyA0NC42NDA1IDEwOS42MTMgNDQuMDkzMkMxMDkuNzA5IDQzLjU0NTggMTA5LjY0NyA0Mi45NzY3IDEwOS40MjggNDIuMzg1OUMxMDkuMjEgNDEuNzk1MSAxMDguODg0IDQxLjMxODYgMTA4LjQ1MSA0MC45NTYzQzEwOC4wMjIgNDAuNjAzMyAxMDcuNTEyIDQwLjM5MjMgMTA2LjkyMSA0MC4zMjMxQzEwNi4zNCA0MC4yNTA0IDEwNS43MjEgNDAuMzM1NiAxMDUuMDY0IDQwLjU3ODdDMTA0LjQwOCA0MC44MjE3IDEwMy44NzggNDEuMTYxOCAxMDMuNDc1IDQxLjU5OUMxMDMuMDcyIDQyLjAzNjMgMTAyLjgxNyA0Mi41MzAzIDEwMi43MTIgNDMuMDgxMUMxMDIuNjE5IDQzLjYzNzggMTAyLjY4MyA0NC4yMTE2IDEwMi45MDEgNDQuODAyNFoiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTEwMy45NzUgNjIuMzA1NEwxMDguMDY4IDYwLjAxOUwxMDguMDc0IDU5LjAyOUwxMDMuOTk0IDU5LjAwNTRMMTA0LjAwNiA1Ni45MDU1TDExNC40NzYgNTYuOTY2TDExNC40NTMgNjAuODk1OUMxMTQuNDQ4IDYxLjcwNTkgMTE0LjI5OSA2Mi4zOTUxIDExNC4wMDYgNjIuOTYzNEMxMTMuNzIzIDYzLjUzMTcgMTEzLjMzNSA2My45NTQ1IDExMi44NDQgNjQuMjMxN0MxMTIuMzYyIDY0LjUxODkgMTExLjgyMSA2NC42NjA4IDExMS4yMjEgNjQuNjU3M0MxMTAuNTMxIDY0LjY1MzMgMTA5LjkwOCA2NC40NDk3IDEwOS4zNSA2NC4wNDY1QzEwOC44MDIgNjMuNjQzMyAxMDguNDI2IDYzLjA0NjEgMTA4LjIyIDYyLjI1NDlMMTAzLjk2MSA2NC43MzUzTDEwMy45NzUgNjIuMzA1NFpNMTA5LjY0OSA1OS4wMzgxTDEwOS42MzkgNjAuNzkzMUMxMDkuNjM1IDYxLjM2MzEgMTA5Ljc2OCA2MS43ODg5IDExMC4wMzYgNjIuMDcwNEMxMTAuMzE1IDYyLjM1MiAxMTAuNjk5IDYyLjQ5NDIgMTExLjE4OSA2Mi40OTcxQzExMS42NjkgNjIuNDk5OSAxMTIuMDQgNjIuMzYyIDExMi4zMDEgNjIuMDgzNUMxMTIuNTczIDYxLjgwNTEgMTEyLjcxIDYxLjM4MDkgMTEyLjcxNCA2MC44MTA5TDExMi43MjQgNTkuMDU1OUwxMDkuNjQ5IDU5LjAzODFaIiBmaWxsPSIjMDExQzFBIi8+CjxwYXRoIGQ9Ik0xMDQuMzMzIDkyLjM4NDJMMTAwLjM0MSA4NS44MTM2TDk3LjIyNjEgODMuOTE5OEw5OC4zMTcyIDgyLjEyNTVMMTAxLjQzMiA4NC4wMTkzTDEwOS4xMSA4NC41Mjc2TDEwNy44NzkgODYuNTUyN0wxMDIuNjIxIDg1Ljk4OTFMMTA1LjU0OSA5MC4zODQ4TDEwNC4zMzMgOTIuMzg0MloiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTg3LjMxMzYgOTQuNzI2NEM4OC4wODUzIDk0LjEyMjQgODguOTM1OCA5My43NDg4IDg5Ljg2NSA5My42MDU2QzkwLjc5NDIgOTMuNDYyNCA5MS42OTc1IDkzLjU2MTggOTIuNTc0NyA5My45MDM4QzkzLjQ1ODEgOTQuMjUzNyA5NC4yMTcyIDk0LjgzNDEgOTQuODUyMSA5NS42NDUyQzk1LjQ4MDggOTYuNDQ4NCA5NS44NTU4IDk3LjMxNjkgOTUuOTc3IDk4LjI1MDZDOTYuMTA0NSA5OS4xOTIyIDk1Ljk4NzEgMTAwLjA5NyA5NS42MjQ5IDEwMC45NjRDOTUuMjYyNyAxMDEuODMyIDk0LjY5NTggMTAyLjU2OCA5My45MjQxIDEwMy4xNzJDOTMuMTQ0NSAxMDMuNzgyIDkyLjI5NCAxMDQuMTU2IDkxLjM3MjYgMTA0LjI5M0M5MC40NDM0IDEwNC40MzYgODkuNTQxIDEwNC4zMyA4OC42NjU1IDEwMy45NzRDODcuNzg4MiAxMDMuNjMyIDg3LjAzNTMgMTAzLjA1OSA4Ni40MDY2IDEwMi4yNTZDODUuNzcxNyAxMDEuNDQ1IDg1LjM5MDYgMTAwLjU2OCA4NS4yNjMxIDk5LjYyNjdDODUuMTM0IDk4LjY5OTIgODUuMjUwNSA5Ny44MDE2IDg1LjYxMjcgOTYuOTMzOUM4NS45NzQ5IDk2LjA2NjMgODYuNTQxOCA5NS4zMzA0IDg3LjMxMzYgOTQuNzI2NFpNODguNDY5MiA5Ni4yMDI5Qzg3Ljk3MzEgOTYuNTkxMiA4Ny42MjI0IDk3LjA0MzUgODcuNDE3IDk3LjU1OTlDODcuMjE3OCA5OC4wODQxIDg3LjE3NTIgOTguNjM4MSA4Ny4yODkyIDk5LjIyMTlDODcuNDAzMyA5OS44MDU2IDg3LjY3NiAxMDAuMzczIDg4LjEwNzUgMTAwLjkyNEM4OC41Mzg5IDEwMS40NzYgODkuMDIxMiAxMDEuODczIDg5LjU1NDQgMTAyLjExNkM5MC4wOTM2IDEwMi4zNjcgOTAuNjM4NiAxMDIuNDU1IDkxLjE4OTEgMTAyLjM3OUM5MS43Mzk3IDEwMi4zMDQgOTIuMjYzIDEwMi4wNzIgOTIuNzU5MSAxMDEuNjg0QzkzLjI1NTIgMTAxLjI5NSA5My42MDk5IDEwMC44NCA5My44MjMyIDEwMC4zMTdDOTQuMDI4NiA5OS44MDExIDk0LjA3NDMgOTkuMjUxIDkzLjk2MDIgOTguNjY3MkM5My44NTIzIDk4LjA5MTMgOTMuNTgyNiA5Ny41Mjc4IDkzLjE1MTIgOTYuOTc2NkM5Mi43MTk3IDk2LjQyNTMgOTIuMjM0NCA5Ni4wMjQzIDkxLjY5NTEgOTUuNzczM0M5MS4xNTU4IDk1LjUyMjQgOTAuNjA3OCA5NS40MzA3IDkwLjA1MTEgOTUuNDk4MUM4OS40OTI2IDk1LjU3OTcgODguOTY1MyA5NS44MTQ2IDg4LjQ2OTIgOTYuMjAyOVoiIGZpbGw9IiMwMTFDMUEiLz4KPHBhdGggZD0iTTc4LjMzODggMTExLjYwNkw3Ni40NzA0IDEwNS40MDFDNzYuMjY1NyAxMDQuNzIxIDc1LjkzMTQgMTA0LjI1MiA3NS40Njc1IDEwMy45OTVDNzUuMDA2NSAxMDMuNzQ4IDc0LjQ1NTMgMTAzLjcyIDczLjgxMzcgMTAzLjkxNEM3My4xNjI2IDEwNC4xMSA3Mi43MTMzIDEwNC40MzggNzIuNDY1NyAxMDQuODk5QzcyLjIyMSAxMDUuMzcgNzIuMjAxIDEwNS45NDUgNzIuNDA1NyAxMDYuNjI1TDc0LjI3NDEgMTEyLjgzTDcyLjI0OSAxMTMuNDM5TDcwLjM4NDggMTA3LjI0OUM3MC4xMjgyIDEwNi4zOTcgNzAuMDk3MiAxMDUuNjE4IDcwLjI5MTkgMTA0LjkxMUM3MC40Nzk5IDEwNC4yMTggNzAuODQwNCAxMDMuNjI5IDcxLjM3MzQgMTAzLjE0NUM3MS44OTY4IDEwMi42NjMgNzIuNTM2NyAxMDIuMzA5IDczLjI5MzIgMTAyLjA4MUM3NC4wNDAxIDEwMS44NTYgNzQuNzY0NiAxMDEuOCA3NS40NjY4IDEwMS45MTJDNzYuMTU5NCAxMDIuMDI3IDc2Ljc3MDggMTAyLjMyMyA3Ny4zMDEgMTAyLjgwMUM3Ny44MzQxIDEwMy4yODggNzguMjI4OSAxMDMuOTU3IDc4LjQ4NTUgMTA0LjgxTDgwLjM0OTYgMTExTDc4LjMzODggMTExLjYwNloiIGZpbGw9IiMwMTFDMUEiLz4KPC9zdmc+");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #011C1A;
    animation: rotate_360 60s linear infinite;
    transition: 0.3s;
}

.rotate-btn:hover:before {
    background-color: #B68C5A;
}

@keyframes rotate_360 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}