.style-three.tab,

.tab {

    -webkit-font-smoothing: antialiased;

    overflow: hidden

}



.header-top-section,

.style-two .hendrio-button a:before {

    background: #062462

}



.header-address-info p {

    font-size: 15px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 3px

}



.header-address-info p i {

    display: inline-block;

    padding-right: 5px

}



.header-address-info p span {

    padding-left: 36px;

    position: relative

}



.header-address-info p span:before {

    position: absolute;

    content: "";

    top: 0;

    left: 16px;

    width: 1px;

    height: 20px;

    background-color: rgba(255, 255, 255, .30196078431372547)

}



.hendrio-social-icon {

    display: inline-block;

    padding-right: 23px

}



.hendrio-social-icon ul li,

.tag-item ul li,

ul.social-share li,

ul.team-social-list2 li {

    display: inline-block;

    list-style: none

}



.hendrio-social-icon ul li:nth-child(2) a {

    padding: 0 12px

}



.hendrio-social-icon ul li:first-child a,

.hendrio-social-icon ul li:nth-child(4) a {

    padding: 0 14px

}



.hendrio-social-icon ul li:nth-child(3) a {

    padding: 0 13px

}



.hendrio-social-icon ul li a {

    font-size: 14px;

    display: inline-block;

    color: #fff;

    position: relative;

    z-index: 1;

    text-align: center;

    width: 35px;

    height: 50px;

    line-height: 50px

}



.hendrio-social-icon ul li a:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 40px;

    height: 50px;

    background: #1773ea;

    z-index: -1

}



.hendrio-social-icon ul li:nth-child(2) a:before {

    background: #2ca5da

}



.hendrio-social-icon ul li:nth-child(3) a:before {

    background: #0073b1

}



.hendrio-social-icon ul li:nth-child(4) a:before {

    background: #e11a21

}



.caption,

.header-button,

.pagination-menu ul,

.phone-number,

.text-right.caption,

.widget,

p.sidebar-text {

    display: inline-block

}



.phone-number p {

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    margin: 0

}



.active.center .teastimonial-single-box2 h4.people-name,

.active.center .teastimonial-single-box2 p.testi-desc,

.active.center .teastimonial-single-box2 span.user-sector,

.contact-informations:hover h2.contact-title,

.contact-informations:hover span.contact-text,

.contact-informations:hover span.contact-text2,

.hendrio-button a:hover i,

.owl-next:hover i,

.owl-prev:hover i,

.pagination-menu ul li a:hover,

.phone-number p i,

.product-thumb-icon a:hover,

.project-single-box:hover .project-btn a,

.rs-video2 .animate-border2 a,

.scroll-area .go-top:focus,

.scroll-area .go-top:hover,

.single-counter-box:hover h3.counter,

.single-counter-box:hover h3.counter-title,

.single-counter-box:hover h3.counter1,

.single-counter-box:hover span.counter-text2,

.single-service-box:hover h3.service-title a,

.style-two .single-team-box:hover p.team-text,

.tag-item a:hover,

.teastimonial-single-box2:hover h4.people-name,

.teastimonial-single-box2:hover p.testi-desc,

.teastimonial-single-box2:hover span.user-sector,

li.current a span,

ul.social-share li a:hover {

    color: #fff

}



.phone-number p span {

    color: #fff;

    font-size: 14px;

    padding: 0 4px 0 6px;

    font-weight: 300

}



.hendrio_nav_manu {

    background: #fff;

    transition: .5s;

    z-index: 2;

    position: relative;

    border-bottom: 3px solid #da242b

}



.sticky {

    left: 0;

    margin: auto;

    position: fixed !important;

    top: 0;

    width: 100%;

    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);

    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);

    background: #fff !important;

    transition: .5s !important;

    z-index: 922;

    -webkit-animation: .3s fadeInDown;

    animation: .5s slideInDown

}



.header-button a,

.hendrio_menu ul .sub-menu .sub-menu .sub-menu li,

.hendrio_menu ul .sub-menu .sub-menu li,

.hendrio_menu ul .sub-menu li,

.hendrio_menu>ul>li,

.hero-button a i,

.rs-video,

.sero-content,

.sidebar-widget form,

.testimonial-thumb,

.top-wrap,

.widget form,

.widget_search form,

nav.hendrio_menu {

    position: relative

}



.header-button a,

.pricing-single-box:hover {

    -webkit-animation: .3s linear infinite linearGradientMove

}



nav.hendrio_menu {

    background: #fff;

    padding: 0 30px 0 32px;

    border-radius: 5px 5px 0 0;

    display: flex;

    justify-content: space-between !important;

    align-items: center;

    z-index: 1;

    margin-bottom: -3px;

    margin-left: 11px

}



.hendrio_menu ul {

    list-style: none;

    display: inline-block

}



.hendrio_menu>ul>li {

    display: inline-block;

    z-index: 1

}



.hendrio_menu>ul>li>a {

    font-size: 15px;

    display: block;

    margin: 35px 15px;

    transition: .5s;

    color: #062462;

    font-family: Poppins;

    font-weight: 500

}



nav.hendrio_menu span {

    font-size: 11px;

    padding-left: 5px;

    font-family: FontAwesome;

    opacity: .5

}



.follow-company-icon a:hover,

.hendrio-section-title h1 span,

.hendrio_menu>ul>li>a:hover,

ul.footer-menu li a:hover,

ul.list-style-one li a:hover {

    color: #da242b

}



.header-button a {

    font-size: 15px;

    padding: 12px 35px;

    font-weight: 500;

    color: #da242b;

    border-radius: 5px;

    display: inline-block;

    z-index: 1;

    transition: .5s;

    background: linear-gradient(90deg, #d9242b 50%, transparent 0) repeat-x, linear-gradient(90deg, #d9242b 50%, transparent 0) repeat-x, linear-gradient(0deg, #d9242b 50%, transparent 0) repeat-y, linear-gradient(0deg, #d9242b 50%, transparent 0) repeat-y;

    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;

    background-position: 0 0, 0 100%, 0 0, 100% 0;

    animation: .3s linear infinite linearGradientMove

}



.header-button a:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: 5px;

    background: #062462;

    transform: scale(0);

    transition: .5s

}



.contact-form button:hover:before,

.header-button a:hover:before,

.hendrio-button a:hover::before,

.hero-button a:hover:before,

.pagination-menu ul li a:hover:before,

.pricing-single-box:hover .price-btn a:before,

.pricing-single-box:hover span.pricing-icn:before,

.product-thumb-icon2 a:hover:after,

.single-blog-box:hover .meta-blog a:before,

.single-blog-dtls-box .meta-blog a:hover:before,

.single-process-box:hover .process-thumb:after,

.tab-thumb:hover:before,

.tag-item a:hover:before,

ul.social-share li a:hover:before {

    transform: scale(1)

}



.hendrio_menu ul .sub-menu {

    position: absolute;

    left: 0;

    top: 130%;

    width: 217px;

    text-align: left;

    background: #fff;

    margin: 0;

    z-index: 1;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);

    transition: .5s;

    visibility: hidden;

    border-top: 2px solid #da242b;

    opacity: 0

}



.hendrio_menu ul li:hover>.sub-menu {

    visibility: visible;

    top: 100%;

    opacity: 1

}



.hendrio_menu ul .sub-menu li a {

    display: block;

    padding: 12px 20px;

    margin: 0;

    line-height: 1.3;

    letter-spacing: normal;

    font-family: Inter;

    font-size: 15px;

    font-weight: 500;

    text-transform: capitalize;

    -webkit-transition: .1s;

    transition: .1s;

    visibility: inherit !important;

    color: #062462 !important

}



.hendrio_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,

.hendrio_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,

.hendrio_menu ul .sub-menu .sub-menu li:hover>a,

.hendrio_menu ul .sub-menu li:hover>a {

    background: #da242b;

    color: #fff !important

}



.hendrio_menu ul .sub-menu .sub-menu {

    left: 100%;

    top: 130%;

    opacity: 0;

    visibility: hidden

}



.hendrio_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu,

.hendrio_menu ul .sub-menu .sub-menu li:hover>.sub-menu,

.hendrio_menu ul .sub-menu li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

    top: 0

}



.hendrio_menu ul .sub-menu .sub-menu .sub-menu {

    right: 100%;

    left: auto;

    top: 130%;

    opacity: 0;

    visibility: hidden

}



ul.sub-menu li a span {

    background: #da242b;

    padding: 5px 10px;

    color: #fff;

    opacity: 1;

    font-family: 'Fira Sans';

    border-radius: 2px;

    margin-left: 5px;

    transition: .5s

}



ul.sub-menu li:hover a span {

    background: rgba(255, 255, 255, .2)

}



.hendrio_menu li a:hover:before {

    width: 101%

}



.accordion a.active:before,

.barfiller .tipWrap,

.hendrio_nav_manu.sticky .logo_img,

.main_sticky,

.style-three .accordion a.active:before {

    display: none

}



.hendrio_nav_manu.sticky .main_sticky {

    display: inherit

}



.contact-title-content,

.counter-content,

.mobile-menu.mean-container,

.post-content {

    overflow: hidden

}



.hero-section {

    background: url(../images/banners/armendus-01.png) right/cover no-repeat;

    height: 585px

}



.slider.hero-section {

    background: url(../images/slider/hero-bg2.jpg) center/cover no-repeat;

    height: 790px

}



.service-section:before,

.service:before {

    width: 100%;

    height: 100%;

    background: url(../images/resource/service-bg.jpg) center/cover no-repeat;

    z-index: -1;

    border-radius: 100px 0 0;

    content: "";

    top: 0

}



.sero-content {

    z-index: 1;

    animation: 3.1s fadeInLeft

}



.sero-content h4 {

    font-size: 16px;

    color: #cd0d14;

    text-transform: uppercase;

    font-weight: 500;

    padding: 0 0 12px

}



.sero-content h1 {

    font-size: 65px;

    line-height: 65px;

    font-weight: 800;

    color: #152b63

}



.sero-content h1 span,

.single-blog-box:hover .blog-btn a {

    color: #cd0d14

}



p.hero-desc {

    width: 85%;

    padding: 29px 0 20px;

    color: #152b63

}



.hendrio-button a,

.hero-button a {

    font-size: 15px;

    padding: 15px 30px;

    background: #152b63;

    color: #fff;

    font-weight: 500;

    display: inline-block;

    border-radius: 5px 30px 30px;

    position: relative;

    z-index: 1;

    transition: .5s

}



.hendrio-button a:before,

.hero-button a:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    border-radius: 5px 30px 30px;

    background: #cd0d14;

    transform: scale(0);

    transition: .5s

}



.hero-button a i {

    top: 2px;

    transition: .5s;

    font-size: 18px

}



.hero-shape {

    position: absolute;

    top: -148px;

    left: -185px;

    animation: 4s infinite alternate dance3

}



.hendrio-section-title h4 {

    font-size: 16px;

    color: #da242b;

    text-transform: uppercase;

    font-weight: 500;

    padding-bottom: 8px

}



.hendrio-section-title h1 {

    font-size: 40px;

    font-weight: 700;

    line-height: 50px

}



h1.sections {

    margin: 0

}



.blog-dtls-thumb,

.hendrio-section-title p {

    padding: 20px 0 15px

}



.hendrio-section-title.padding-lg {

    padding: 0 0 60px

}



.about-section {

    padding: 120px 0 100px;

    background-image: url(../images/resource/about-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center

}



.about-right-thumb {

    margin: 0 0 0 -55px;

    position: relative;

    z-index: 1

}



.about-item-list {

    padding: 3px 0 0

}



.about-item-list ul li {

    color: #152b63;

    list-style: none;

    font-size: 16px;

    font-weight: 500;

    padding: 5px 0 4px

}



.about-item-list ul li i {

    font-size: 20px;

    color: #da242b;

    padding-right: 5px

}



.seo-and-founder {

    display: -webkit-box;

    padding: 30px 0 0

}



.seo-info {

    display: -webkit-box;

    margin-left: 20px

}



.seo-content h5 {

    font-size: 17px;

    font-weight: 600

}



.contact-icon,

.people,

.post-comment-thumb,

.seo-pic,

img.qte-icon {

    float: left;

    margin-right: 20px

}



span.sector {

    font-size: 14px;

    padding: 2px 0 0;

    display: inline-block

}



h2.counter,

h2.counter1 {

    font-size: 30px;

    font-weight: 700;

    display: inline-block;

    color: #fff

}



.hendrio-button a i {

    font-size: 18px;

    position: relative;

    top: 3px;

    padding-left: 3px;

    color: #cd0d14;

    transition: .5s

}



.about-counter {

    position: absolute;

    right: 100px;

    top: 18px

}



h2.counter1 span {

    font-size: 28px;

    color: #cd0d14;

    line-height: 0;

    position: relative;

    right: 8px;

    top: -3px

}



span.counter-text {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 500;

    font-family: Inter;

    display: block;

    line-height: 22px;

    color: #fff;

    padding: 7px 0 0;

    text-align: center

}



.service-section {

    padding: 90px 0 70px;

    position: relative;

    z-index: 1;

    background: #f5f8fe

}



.service-section:before {

    position: absolute;

    left: 10%

}



.service:before {

    position: absolute;

    left: 0

}



.row.service-bg {

    padding: 0 0 0 60px

}



.single-service-box {

    margin-bottom: 30px;

    margin-right: 8px

}



.blog-thumb,

.products-thumb,

.project-thumb,

.row.faq-bg,

.row.process-bg,

.service-thumb,

.team-thumb,

ul.blog-author li span {

    position: relative;

    z-index: 1

}



.service-thumb:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 90px;

    height: 90px;

    transition: .5s

}



.project-thumb img,

.service-thumb img,

.team-thumb img {

    width: 100%

}



.service-icon {

    position: absolute;

    top: 15px;

    left: 15px;

    z-index: 1;

    width: 92px;

    height: 92px;

    line-height: 80px;

    text-align: center;

    background-color: #162b64;

    display: inline-block;

    border-radius: 0 50px 50px;

    transition: .5s

}



.service-icon img {

    transition: .5s;

    display: inline-block !important;

    width: initial

}



.service-icon2 i,

.tabs li,

.tabs li a {

    display: inline-block

}



.service-content {

    padding: 19px 30px 30px;

    background: #f5f8fe;

    margin-right: 72px;

    margin-top: -42px;

    border-radius: 0 0 30px 5px;

    position: relative;

    z-index: 1;

    transition: .5s

}



.service-icon2 i {

    position: absolute;

    top: -40px;

    right: -41px;

    z-index: 1;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #cd0d14;

    border-radius: 50px 50px 50px 0;

    font-size: 20px;

    color: #fff

}



.service-content:before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: url(../images/resource/srv-cnt-bg.png) no-repeat;

    border-radius: 0 0 5px;

    transition: .5s;

    z-index: -1;

    opacity: 0

}



ul.service-list2 {

    position: absolute;

    bottom: 0;

    opacity: 0;

    transition: .5s

}



ul.service-list2 li {

    list-style: none;

    font-size: 14px;

    padding: 0 0 6px;

    color: #f5f8ff

}



ul.service-list2 li i {

    color: #cd0d14;

    font-size: 21px;

    position: relative;

    top: 3px;

    padding-right: 5px

}



h3.service-title a {

    font-size: 20px;

    transition: .5s;

    font-weight: 600

}



.footer-post-title h4 a:hover,

h3.service-title a:hover {

    color: #cd0d14 !important

}



.single-service-box:hover .service-content:before {

    opacity: 1

}



.single-service-box:hover .service-content {

    margin-top: -176px;

    padding: 25px 30px 154px

}



.single-service-box:hover ul.service-list2 {

    opacity: 1;

    bottom: 26px

}



.follow-company-icon2 a:hover,

.single-service-box:hover .service-icon {

    background: #cd0d14

}



.owl-nav {

    position: absolute;

    top: -22%;

    right: 61px

}



.owl-prev {

    left: -58px

}



.owl-next,

.owl-prev {

    width: 48px;

    height: 48px;

    border-radius: 50px;

    background-color: #203b72;

    position: absolute;

    top: 0;

    bottom: 20px;

    transition: .5s

}



.owl-next i,

.owl-prev i,

.tab,

.tab-thumb,

.tabs,

.tabs li,

.why-choose-section {

    position: relative

}



.owl-next i,

.owl-prev i {

    font-size: 18px;

    color: #fff;

    top: 12px;

    left: 15px;

    display: inline-block;

    transition: .5s

}



.owl-next:hover,

.owl-prev:hover {

    background: #da242b

}



.style-two.service-section {

    position: relative;

    padding: 100px 0 70px

}



.tab-thumb:before,

.why-choose-section:before {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    content: ""

}



.single-counter-box:hover span.counter-text2:before,

.style-two.service-section:before {

    background: #fff

}



.style-two .service-content {

    box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%)

}



.why-choose-top-section {

    background: url(../images/banners/bg.jpg) center/cover no-repeat;

    padding: 90px 0 0;

    height: 427px;

    margin-bottom: -35px

}



.why-choose-section {

    padding: 73px 0 70px

}



.why-choose-section:before {

    background: #f5f8fe;

    z-index: -1

}



.style-two.why-choose-section {

    padding: 90px 0 40px;

    margin-top: 0;

    background: #f5f8fe

}



.choose-us-single-box {

    text-align: center;

    margin-bottom: 60px

}



h3.choose-title {

    font-size: 20px;

    padding: 25px 0 10px

}



.choose-icon img,

.cntr-shape img,

.prt-icon img {

    transition: .5s

}



.choose-us-single-box:hover .choose-icon img,

.project-dtls-box:hover .prt-icon img {

    transform: rotateY(180deg)

}



.tabs {

    display: table;

    overflow: hidden;

    margin: 0;

    width: 100%

}



.tabs li {

    line-height: 38px;

    margin-bottom: 30px

}



.tabs li a {

    font-size: 18px;

    background: url(../images/resource/tab1.png) center/cover no-repeat;

    color: #152b63;

    font-family: Inter;

    font-weight: 600;

    outline: 0;

    padding: 15px 93px;

    transition: .5s ease-in-out;

    margin-right: 30px;

    border-radius: 5px 35px 35px

}



h3.team-title,

span.check-arrow i {

    font-size: 20px

}



.tabs li a span {

    font-size: 18px;

    padding-right: 6px;

    color: #cd0d14

}



.tabs_item {

    display: none;

    padding: 30px 0

}



.sidebar-info-contents .widget,

.tabs_item:first-child,

.widget-check input:checked~.checkmark:after {

    display: block

}



.tab-thumb {

    margin-right: 65px;

    z-index: 1

}



.tab-thumb:before {

    display: block;

    bottom: 0;

    clip-path: polygon(0 100%, 100% 0%, 100% 100%);

    transform: scale(0);

    transform-origin: bottom right;

    background-image: linear-gradient(-86deg, #152b63 0, #152b63 100%);

    pointer-events: none;

    transition: .5s linear;

    border-radius: 5px;

    opacity: .25

}



.tab-thumb:after,

.tb-icons {

    width: 92px;

    height: 92px;

    position: absolute

}



.tab-thumb:after {

    content: "";

    left: 0;

    top: 0

}



.tb-icons {

    top: 20px;

    left: 20px;

    z-index: 1;

    line-height: 80px;

    text-align: center;

    background-color: #cd0d14;

    display: inline-block;

    border-radius: 0 50px 50px

}



li.current a {

    background: url(../images/resource/tab-active.png) no-repeat;

    color: #fff

}



.tabs li.current:before {

    position: absolute;

    content: "";

    z-index: 1;

    left: 0;

    right: 30px;

    bottom: -7px;

    margin: auto;

    width: 23px;

    transform: rotate(45deg);

    transition: .5s;

    border: 18px solid;

    border-right-color: #cd0d14;

    border-top-color: transparent;

    border-left-width: 0;

    border-left-color: transparent;

    border-bottom-width: 0

}



.tabs_item .hendrio-section-title p {

    padding: 17px 0 5px

}



.tabs_item .hendrio-section-title h4 {

    margin-top: 0

}



.tabs_item .hendrio-button a {

    margin-top: 30px

}



.team-section {

    background: url(../images/resource/team-bg.jpg) center/cover no-repeat;

    padding: 100px 0 125px

}



.counter-section,

.project-section,

.shop-detials,

.upper.team-section {

    padding: 100px 0 70px

}



.single-team-box {

    margin-bottom: 30px;

    text-align: center

}



.team-thumb:before {

    position: absolute;

    content: "";

    right: 0;

    bottom: 0;

    width: 100%;

    height: 0%;

    background-image: linear-gradient(10deg, #062462 0, #062462 100%);

    visibility: hidden;

    transition: .5s;

    opacity: .45;

    border-radius: 5px 5px 0 0

}



.team-content {

    padding: 15px 0 5px;

    background: #1e3970;

    border-radius: 0 0 5px 5px

}



h3.team-title {

    color: #fff

}



p.team-text {

    font-size: 14px;

    padding: 4px 0 0;

    color: #da242b;

    transition: .5s

}



ul.team-social-list {

    right: 15px;

    position: absolute;

    bottom: 0;

    border-radius: 15px;

    background: #da242b;

    padding: 14px 8px;

    transition: .5s;

    opacity: 0

}



ul.team-social-list li {

    list-style: none;

    display: block

}



ul.team-social-list li a {

    font-size: 14px;

    color: #fff;

    transition: .5s

}



.single-team-box:hover ul.team-social-list {

    bottom: 85px;

    opacity: 1

}



ul.team-social-list li a:hover {

    color: #052361

}



.single-team-box:hover .team-thumb:before {

    visibility: visible;

    height: 100%;

    top: 0

}



.team-list .owl-nav {

    position: absolute;

    bottom: 24%;

    left: -42%;

    top: inherit;

    right: inherit

}



.pricing-section,

.team-section.style-two {

    background: #f6f6f6;

    padding: 100px 0 70px

}



.style-two .team-thumb:before {

    opacity: .2

}



.style-two .team-content {

    padding: 15px 0 5px;

    background: #1e3970;

    border-radius: 0 0 5px 5px;

    position: relative;

    z-index: 1;

    transition: .5s

}



ul.team-social-list2 {

    padding: 6px 0 0;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    transition: .5s;

    opacity: 0

}



ul.team-social-list2 li a {

    font-size: 13px;

    color: #fff;

    background: 0 0;

    width: 27px;

    height: 27px;

    line-height: 27px;

    border: 1px solid #fff;

    border-radius: 28px;

    display: inline-block;

    margin-right: 7px;

    transition: .5s

}



ul.team-social-list2 li a:hover {

    background: #fff;

    color: #da242b

}



.style-two .single-team-box:hover .team-content {

    margin-top: -60px;

    padding: 15px 0 64px;

    background: #da242b

}



.project-single-box:hover .project-content,

.style-two .single-team-box:hover ul.team-social-list2 {

    opacity: 1;

    bottom: 30px

}



.testimonial-section {

    padding: 180px 0 0;

    position: relative

}



.testimonial-section:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 84%;

    height: 100%;

    background: url(../images/resource/testi-bg.png) center left/cover no-repeat;

    z-index: -1;

    border-radius: 0 0 60px

}



.teastimonial-single-box {

    margin-bottom: 30px;

    border-radius: 8px;

    padding: 0 66px 0 0

}



.testimonial-thumb img {

    border-radius: 10px 10px 0 0

}



.testimonial-rating {

    position: absolute;

    bottom: 0;

    right: 29px;

    background: #cd0d14;

    padding: 12px 55px 12px 24px;

    border-radius: 5px 30px 0 0

}



.testimonial-rating h4 {

    font-size: 30px;

    color: #fff;

    display: inline-block

}



.testimonial-rating span {

    font-size: 15px;

    font-weight: 400;

    font-family: Poppins;

    position: relative;

    top: -5px;

    left: 22px;

    color: #fff

}



.testimonial-rating span:before {

    position: absolute;

    content: "";

    left: -16px;

    top: 0;

    width: 2px;

    height: 22px;

    background-color: rgba(255, 255, 255, .30196078431372547);

    z-index: 1

}



h4.testi-title {

    color: #fff;

    font-size: 26px;

    font-weight: 500

}



p.testi-desc {

    font-size: 17px;

    color: #fff;

    font-weight: 300;

    font-family: Inter;

    line-height: 30px;

    padding: 21px 0 18px;

    display: inline-block

}



.user-info {

    display: -webkit-box

}



.rpost-thumb,

.user-pic {

    margin-right: 20px

}



.user-name h4 {

    font-size: 18px;

    color: #fff;

    padding: 2px 0 3px

}



span.user-sector {

    font-size: 14px;

    color: #cd0d14;

    font-weight: 500;

    font-style: italic

}



.testi-rating i {

    color: #ffb526;

    letter-spacing: 5px;

    float: right;

    position: relative;

    top: -40px;

    display: inline-block

}



.owl-dots {

    padding: 10px 0 0;

    position: relative;

    z-index: 1

}



.owl-dots:before {

    position: absolute;

    content: "";

    left: 40px;

    bottom: 13px;

    width: 635px;

    height: 1px;

    background: rgba(255, 255, 255, .30196078431372547);

    opacity: .3

}



.owl-dot {

    width: 10px;

    height: 10px;

    border-radius: 10px;

    background-color: rgba(255, 255, 255, .5019607843137255);

    display: inline-block;

    margin-right: 7px;

    transition: .5s

}



.owl-dot.active {

    background-color: #cd0d14

}



.style-two.testimonial-section {

    padding: 100px 0;

    background: #fff

}



.teastimonial-single-box2 {

    padding: 30px 30px 25px;

    border-radius: 5px;

    background: #fcf5f5;

    position: relative;

    z-index: 1

}



.teastimonial-single-box2:before {

    position: absolute;

    content: "";

    z-index: -1;

    right: 0;

    top: 0;

    height: 100%;

    width: 0;

    background: #062462;

    transition: .5s;

    border-radius: 5px

}



h4.people-name {

    font-size: 18px;

    font-weight: 500;

    padding: 2px 0 3px;

    transition: .5s

}



.style-two span.user-sector {

    font-size: 14px;

    color: #da242b;

    font-weight: 400;

    font-family: Inter;

    transition: .5s

}



.testi-icon2 i {

    position: absolute;

    right: 20px;

    top: 14px;

    font-size: 65px;

    transform: rotate(180deg);

    color: #f7d5d7;

    transition: .5s

}



.teastimonial-single-box2 p.testi-desc {

    font-size: 15px;

    color: #616161;

    font-weight: 300;

    line-height: 28px;

    padding: 30px 0 0;

    transition: .5s

}



.teastimonial-single-box2 .testi-rating2 i {

    color: #fd8f15;

    letter-spacing: 5px

}



.testi-shp {

    position: absolute;

    right: 30px;

    bottom: 30px;

    transition: .5s

}



img.dots {

    transition: .5s;

    position: absolute;

    opacity: 0;

    bottom: -27px

}



.contact-form button,

.process-thumb,

.single-process-box,

h3.cntc-info-title {

    position: relative;

    z-index: 1

}



.active.center .teastimonial-single-box2:before,

.category-button a:hover:before,

.product-thumb-icon a:hover:before,

.teastimonial-single-box2:hover:before {

    left: 0;

    width: 100%

}



.active.center .teastimonial-single-box2 .testi-icon2 i,

.teastimonial-single-box2:hover .testi-icon2 i {

    color: #d9242b

}



.active.center .teastimonial-single-box2 img.dots,

.teastimonial-single-box2:hover img.dots {

    bottom: 0;

    opacity: 1

}



.cart-section,

.contact-us,

.project-detalis-section {

    padding: 100px 0

}



.upper.contact-us {

    padding: 0 0 100px

}



.row.cntc-bg2 {

    background: #f6f6f6;

    padding: 60px

}



h4.contact-form-title {

    font-size: 34px;

    line-height: 80px;

    color: #152b63;

    padding: 0 0 18px

}



.form-box input {

    height: 52px;

    background-color: #fff;

    border: 0;

    transition: .5s;

    padding: 0 25px;

    display: block;

    width: 100%;

    color: #0d0e14;

    margin-bottom: 20px;

    border-radius: 5px

}



.contact-form button,

.contacts-icon {

    display: inline-block;

    transition: .5s

}



.form-box select {

    width: 100%;

    height: 52px;

    padding-left: 25px;

    background: #fff;

    border-radius: 5px;

    color: #062461;

    border: 0;

    margin-bottom: 20px;

    transition: .5s

}



.form-box textarea {

    height: 140px;

    width: 100%;

    padding: 15px 22px 0;

    background: #fff;

    border: 0;

    border-radius: 5px;

    color: #0d0e14

}



.contact-form button {

    padding: 11px 38px;

    background: #d9232b;

    border: 1px solid #d9232b;

    border-radius: 5px;

    color: #fff;

    margin-top: 20px;

    font-weight: 500

}



.contact-form button:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    background: #062461;

    transform: scale(0, 1);

    transition: .5s;

    width: 100%;

    height: 100%;

    z-index: -1;

    border-radius: 5px

}



.single-contact-info-box {

    background: url(../images/resource/cntc-bg.png) center/cover no-repeat;

    padding: 30px 50px 40px;

    border-radius: 5px;

    margin-left: 20px

}



h3.cntc-info-title {

    font-size: 26px;

    color: #fff;

    font-weight: 600;

    padding: 0 0 25px 80px

}



h3.cntc-info-title:before {

    position: absolute;

    content: "";

    width: 50px;

    height: 2px;

    background-color: #cd0d14;

    top: 18px;

    left: 12px

}



.contact-information2 {

    border-bottom: 1px solid rgba(255, 255, 255, .12156862745098039);

    padding: 0 0 25px;

    margin-bottom: 12px

}



.contacts-icon {

    float: left;

    margin-right: 20px;

    width: 55px;

    height: 55px;

    line-height: 55px;

    background-color: rgba(255, 255, 255, .5196078431372549);

    text-align: center;

    border-radius: 0 50px 50px

}



.contacts-icon i {

    color: #fff;

    font-size: 22px;

    transition: .5s

}



.contacts-title h5 {

    font-weight: 600;

    font-size: 17px;

    color: #fff

}



.contacts-title h6 {

    font-size: 14px;

    line-height: 23px;

    color: #fff;

    opacity: .702;

    font-weight: 400;

    font-family: Poppins;

    margin-top: 5px

}



.process-number span,

h2.blog-title a {

    font-weight: 600;

    display: inline-block

}



.contact-information2:hover .contacts-icon {

    transform: rotateY(180deg);

    background: #cd0d14

}



.contact-information2.upper2 {

    border-bottom: none;

    margin-bottom: 20px

}



.single-contact-info-box .follow-company-icon2 a {

    font-size: 14px;

    display: inline-block;

    color: #fff;

    margin-right: 7px;

    transition: .5s;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 15px;

    background-color: rgba(255, 255, 255, .2);

    text-align: center

}



.process-section {

    background: center/cover no-repeat #fff;

    padding: 90px 0 60px

}



.single-process-box {

    text-align: center;

    margin-bottom: 30px

}



.single-process-box:before {

    position: absolute;

    content: "";

    right: 51px;

    top: 60px;

    width: 100%;

    height: 100%;

    background: url(../images/resource/arrow.png) no-repeat

}



.blogs-section .meta-blog a:after,

.upper.single-process-box:before {

    position: inherit

}



.process-thumb {

    width: 142px;

    height: 142px;

    line-height: 142px;

    border-radius: 71px;

    background-color: #f5f8fe;

    transition: .5s;

    display: inline-block

}



.process-thumb:before {

    position: absolute;

    content: "";

    left: -9px;

    top: -9px;

    width: 160px;

    height: 160px;

    line-height: 160px;

    border-radius: 50%;

    border: 2px dashed #152b63;

    opacity: .154;

    transition: .5s

}



.meta-blog a:before,

.process-thumb:after {

    left: 0;

    bottom: 0;

    z-index: -1;

    transform: scale(0);

    right: 0

}



.process-number,

.process-thumb:after {

    top: 0;

    position: absolute;

    transition: .5s

}



.process-thumb:after {

    content: "";

    border-radius: 71px;

    background: #cd0d14

}



.footer-bottom-menu ul li a,

.meta-blog a,

.row.footer-bg,

ul.footer-menu li a {

    z-index: 1;

    position: relative

}



.process-number {

    right: -20px

}



.process-number span {

    font-size: 14px;

    color: #fff;

    background: #152b63;

    border-radius: 30px;

    font-family: Inter;

    height: 36px;

    width: 36px;

    line-height: 36px;

    text-align: center

}



h4.process-title {

    font-size: 22px;

    padding: 25px 0 10px

}



p.process-desc {

    opacity: .6;

    font-weight: 300

}



.single-process-box:hover .process-thumb:before {

    border: 2px dashed #cd0d14;

    opacity: 1;

    -webkit-animation-name: rotateme;

    -webkit-animation-duration: 20s;

    -webkit-animation-iteration-count: infinite

}



.footer-bottom-menu ul li a:before,

ul.footer-menu li a:before {

    width: 6px;

    height: 6px;

    background: #da242b;

    border-radius: 6px;

    content: ""

}



.single-process-box:hover .process-number {

    right: -8px;

    top: -45px

}



.blog-section {

    background: #fff;

    padding: 90px 0 70px

}



.project-dtls-box,

.project-single-box,

.sidebar-widget,

.single-blog-box {

    margin-bottom: 30px

}



.blog-thumb:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-image: linear-gradient(10deg, #062462 0, #062462 100%);

    visibility: hidden;

    transition: .5s;

    border-radius: 5px;

    opacity: .45

}



.blog-thumb img {

    border-radius: 5px;

    width: 100%

}



.blog-content {

    padding: 32px 35px 25px;

    transition: .5s;

    background: #f5f8fe;

    border-radius: 0 0 50px 5px

}



h2.blog-title a {

    font-size: 20px;

    font-family: Inter;

    line-height: 30px

}



.meta-blog {

    position: absolute;

    bottom: -20px;

    left: 30px

}



.meta-blog a {

    font-size: 14px;

    padding: 7px 22px 7px 48px;

    background: #152b63;

    color: #fff;

    font-weight: 300;

    display: inline-block;

    border-radius: 5px 30px 30px

}



.meta-blog a:before {

    position: absolute;

    content: "";

    top: 0;

    background: #da242b;

    border-radius: 5px 30px 30px;

    transition: .5s

}



.meta-blog a:after {

    position: absolute;

    content: "";

    left: 20px;

    top: 22px;

    background: #fff;

    width: 20px;

    height: 1px

}



.blog-btn a {

    font-size: 15px;

    color: #141840;

    font-weight: 500;

    padding: 22px 0 0;

    display: inline-block;

    transition: .5s

}



.blog-btn a i {

    font-size: 18px;

    position: relative;

    top: 2px;

    left: 5px;

    transition: .5s

}



.single-blog-box:hover .blog-thumb:before,

.single-blog-dtls-box .blog-thumb:hover:before {

    width: 100%;

    left: 0;

    visibility: visible

}



.single-blog-box:hover .blog-btn a i {

    left: 14px

}



.footer-section {

    background: #052361;

    padding: 0 0 70px

}



.row.footer-bg {

    padding: 70px 0 0

}



h4.widget-title {

    font-size: 22px;

    color: #fff;

    font-weight: 600;

    margin-top: -5px;

    padding: 0 0 13px

}



.company-info-desc p {

    padding: 25px 0 5px;

    color: #cdd3df

}



.follow-company-icon a {

    font-size: 15px;

    display: inline-block;

    color: #fff;

    margin-right: 21px;

    transition: .5s

}



.menu-quick-link-content {

    padding: 10px 0 0

}



ul.footer-menu li {

    display: block;

    list-style: none;

    padding: 10px 0 0

}



ul.footer-menu li a {

    color: #fff;

    transition: .6s;

    font-size: 15px;

    padding: 0 0 0 15px;

    font-weight: 300

}



ul.footer-menu li a:before {

    position: absolute;

    left: 0;

    top: 9px

}



.footer-thumb-post {

    display: flex;

    margin-top: 24px;

    margin-bottom: 24px

}



.footer-thumb-post img {

    border-radius: 3px

}



.footer-post-title {

    margin-left: 20px

}



.footer-post-title h4 {

    margin-top: -5px;

    line-height: 24px

}



.footer-post-title h4 a {

    font-weight: 500;

    transition: .5s;

    line-height: 24px;

    font-size: 15px;

    font-family: Inter;

    color: #fff

}



.footer-post-title span {

    display: inline-block;

    color: #cd0d14;

    font-size: 14px;

    font-weight: 400

}



.footer-bottom-section {

    padding: 23px 0 22px;

    border-top: 1px solid rgba(255, 255, 255, .10196078431372549);

    background: #052361

}



.footer-bottom-content-copy p {

    color: #fff;

    margin: 0 0 5px;

    font-size: 15px

}



.footer-bottom-content-copy span {

    color: #af2436

}



.footer-bottom-menu ul li {

    list-style: none;

    display: inline-block;

    padding-left: 42px

}



.footer-bottom-menu ul li a {

    color: #fff;

    opacity: .8

}



.footer-bottom-menu ul li a:before {

    position: absolute;

    left: -15px;

    top: 8px

}



.footer-shape {

    position: absolute;

    right: -267px;

    text-align: right;

    bottom: -70px;

    z-index: -1;

    animation-name: moveleftbounce;

    animation-duration: 6s;

    animation-iteration-count: infinite

}



.contact-informations {

    background: #ffff;

    padding: 30px 35px 32px;

    border-radius: 5px 5px 60px;

    margin: -40px 3px 30px;

    position: relative;

    z-index: 1;

    transition: .5s;

    overflow: hidden

}



.contact-informations:before {

    position: absolute;

    z-index: -1;

    content: "";

    bottom: 0;

    width: 100%;

    height: 0;

    right: 0;

    transition: .5s;

    background: url(../images/resource/contact-bg.png) no-repeat

}



h2.contact-title {

    font-size: 20px;

    padding: 0 0 8px;

    margin-top: 0;

    transition: .5s

}



span.contact-text {

    line-height: 24px;

    display: inline-block;

    transition: .5s

}



span.contact-text2 {

    font-size: 16px;

    font-weight: 500;

    display: block;

    color: #152b63;

    line-height: 22px;

    transition: .5s

}



h3.counter,

h3.counter1 {

    display: inline-block

}



.contact-informations:hover:before,

.project-detalis-section .project-thumb:hover:before,

.project-single-box:hover .project-btn a:before,

.project-single-box:hover .project-thumb:before,

.single-products-box:hover .products-thumb:before {

    height: 100%;

    top: 0

}



.contact-informations:hover {

    border-radius: 5px 5px 60px 60px

}



.breatcam-content ul li {

    display: inline-block;

    list-style: none;

    font-weight: 400;

    padding: 15px 0 0;

    color: #fff

}



.breatcam-content ul li a {

    font-size: 15px;

    color: #da242b;

    padding-right: 17px;

    position: relative;

    z-index: 1

}



.breatcam-content ul li a:before {

    position: absolute;

    content: "";

    top: 5px;

    right: 6px;

    width: 1px;

    height: 12px;

    background: #fff

}



.breatcam-content ul li a i {

    padding-right: 5px

}



.breatcam-section {

    background: url(../images/banners/team-bg.jpg) center/cover no-repeat;

    height: 300px

}



.breatcam-content h1 {

    color: #fff;

    font-size: 48px

}



h3.counter,

h3.counter-title,

h3.counter1 {

    font-size: 24px;

    transition: .5s

}



a.background:before {

    background: #da242b !important

}



.single-counter-box {

    padding: 35px 32px;

    background: #f5f7fd;

    position: relative;

    z-index: 1;

    margin-bottom: 30px;

    border-radius: 5px

}



.single-counter-box:before {

    position: absolute;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    background: #052361;

    transition: .5s;

    border-radius: 5px;

    z-index: -1

}



.counter-icon {

    float: left;

    padding-right: 20px

}



h3.counter-title {

    color: #121d17

}



span.counter-text2 {

    font-size: 16px;

    color: #616161;

    padding: 6px 0 0 30px;

    display: block;

    position: relative;

    z-index: 1;

    transition: .5s

}



.progress-single-box,

.rs-video2,

.video-vemo-icon2,

.widget-button a,

h3.widget-title2 {

    display: inline-block

}



span.counter-text2:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 12px;

    width: 20px;

    height: 2px;

    background: #da242b;

    transition: .5s

}



.cntr-shape {

    position: absolute;

    right: 20px;

    top: 41px;

    z-index: 1

}



.single-counter-box:hover:before,

.widget-button a:hover:before {

    width: 100%;

    left: 0

}



.single-counter-box:hover .cntr-shape img {

    filter: brightness(1) invert(1)

}



.progress-section {

    background: url(../images/resource/skill-bg.jpg) center/cover no-repeat;

    padding: 100px 0

}



.progress-section .hendrio-section-title p {

    padding: 17px 0 8px

}



.progress-single-box {

    background: url(../images/resource/progress-bg.jpg) center/cover no-repeat;

    text-align: center;

    padding: 40px 0 30px;

    width: 19%;

    position: absolute;

    bottom: 0;

    left: -17%

}



h4.progress-title {

    font-size: 18px;

    color: #fff;

    padding: 15px 0 9px

}



p.progress-desc {

    width: 83%;

    margin: auto;

    color: #fff;

    font-size: 14px;

    opacity: .7;

    font-weight: 300;

    line-height: 26px

}



.progress-right-content {

    padding-left: 42px

}



.process-ber-plugin {

    padding: 34px 0 15px;

    border-bottom: 1px solid #dfe3ef;

    margin-bottom: 12px

}



.process-ber-plugin span {

    color: #152b63;

    font-weight: 500;

    font-size: 16px

}



.barfiller {

    width: 100%;

    height: 8px;

    position: relative;

    margin-bottom: 25px;

    margin-top: 8px;

    border-radius: 5px;

    background-color: #dfe3ef

}



.barfiller .fill {

    display: block;

    position: relative;

    width: 0;

    height: 100%;

    background: #333;

    z-index: 1

}



.barfiller .tip {

    font-size: 16px;

    left: 0;

    border-radius: 2px;

    position: absolute;

    z-index: 2;

    top: -39px

}



.stat-bar:first-of-type .stat-bar-rating {

    animation-delay: .25s;

    -webkit-animation-delay: .25s

}



span.fill {

    background: #cd0d14 !important;

    border-radius: 5px

}



.animate-border {

    position: absolute;

    right: 50%;

    top: 38px

}



.rs-video .animate-border a {

    color: #fff;

    background: 0 0;

    font-size: 16px;

    width: 76px;

    height: 76px;

    line-height: 76px;

    text-align: center;

    display: inline-block;

    border: 2px solid #fff;

    border-radius: 50%;

    text-transform: uppercase

}



.rs-video2 {

    position: absolute;

    top: -100px;

    left: -232px;

    right: 0;

    text-align: center

}



.video-vemo-icon2 {

    background: #d9242b;

    color: #fff;

    font-size: 22px;

    width: 100px;

    height: 100px;

    line-height: 99px;

    text-align: center;

    position: absolute

}



.accordion li a,

.faq-thumb,

.widget-button a,

h4.sidebar-title,

h5.sidebar-title {

    position: relative;

    z-index: 1

}



@keyframes zoomBig {

    0% {

        transform: translate(-50%, -50%) scale(.5);

        opacity: 1;

        border-width: 3px

    }



    40% {

        opacity: .5;

        border-width: 2px

    }



    65% {

        border-width: 1px

    }



    100% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0;

        border-width: 1px

    }

}



.service-details {

    background: #fff;

    padding: 100px 0;

    z-index: 1

}



.service-details:before,

.shop-section:before {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    z-index: -1;

    width: 36%;

    height: 100%;

    background: url(../images/resource/serv-dtls-bg.jpg) 0 0/cover no-repeat;

    background-position-y: center

}



.sidebar-widget input {

    height: 60px;

    width: 100%;

    background: #fff;

    border: 0;

    border-radius: 4px;

    padding: 0 20px

}



.style-three h2.accordion-title,

h4.sidebar-title {

    padding: 0 0 25px

}



.sidebar-widget button.subscribe-btn {

    height: 60px;

    width: 60px;

    border: 0;

    border-radius: 0 4px 4px 0;

    background: #da242b;

    color: #fff;

    position: absolute;

    right: 0

}



.widget-sidebar-box {

    padding: 15px 10px 20px;

    background: #fff;

    border-radius: 4px

}



h4.sidebar-title {

    font-size: 22px

}



h4.sidebar-title:before {

    position: absolute;

    content: "";

    left: -29px;

    top: 0;

    width: 3px;

    height: 30px;

    background: #da242b;

    border-radius: 5px

}



h5.sidebar-title:after,

h5.sidebar-title:before {

    top: 8px;

    margin: auto;

    width: 96px;

    height: 2px;

    background: rgba(255, 255, 255, .2);

    position: absolute;

    content: ""

}



ul.sidebar-menu {

    border-top: 2px solid rgba(6, 36, 97, .10196078431372549);

    padding: 30px 0 0

}



ul.sidebar-menu li {

    padding: 13px 15px;

    display: block;

    border: 1px solid rgba(19, 17, 37, .1);

    margin-bottom: 10px;

    border-radius: 4px;

    transition: .5s

}



ul.sidebar-menu li a {

    font-size: 16px;

    color: #062461;

    font-weight: 400;

    transition: .5s

}



ul.sidebar-menu li a i {

    background: #e5e8ef;

    border-radius: 20px;

    font-size: 16px;

    padding: 0 3px;

    margin-right: 5px;

    transition: .5s

}



ul.sidebar-menu li:hover {

    background: #f6f6f6;

    border: 1px solid #f6f6f6

}



.appoinment-tab li.current a,

ul.sidebar-menu li:hover a i,

ul.social-icon li a:hover {

    background: #da242b;

    color: #fff

}



ul.sidebar-menu2 li {

    display: block;

    list-style: none;

    background: #f6f6f6;

    color: #062461;

    font-weight: 400;

    font-size: 16px;

    margin-bottom: 15px

}



li.sidbr-mb {

    margin: 0 !important

}



img.sidbr-icn {

    padding-right: 15px

}



.widget-sidebar-quick-contact {

    background: url(../images/resource/sidebar-bg.jpg) center/cover no-repeat;

    width: 100%;

    padding: 50px 0;

    margin-bottom: 30px;

    border-radius: 5px

}



.logo-thumb img {

    width: 48%

}



h3.widget-title2 {

    padding: 25px 0 20px;

    font-size: 26px;

    color: #fff;

    font-weight: 600

}



h5.sidebar-title {

    font-size: 16px;

    color: #da242b;

    font-weight: 500

}



h5.sidebar-title:before {

    left: 0;

    right: 168px

}



h5.sidebar-title:after {

    left: 168px;

    right: 0

}



h5.sidebar-title2 {

    font-size: 24px;

    color: #fff;

    padding: 12px 0 48px

}



.widget-button a {

    padding: 12px 35px;

    background: #d9232b;

    color: #fff;

    border-radius: 4px

}



.widget-button a:before {

    position: absolute;

    content: "";

    z-index: -1;

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-image: linear-gradient(10deg, #062462 0, #062462 100%);

    transition: .5s;

    border-radius: 4px

}



.accordion a:after,

.accordion a:before {

    content: " ";

    transition: .2s ease-in-out;

    background: #152b63

}



.service-dtls-all-items {

    padding-left: 85px

}



h2.service-title {

    font-size: 30px;

    line-height: 50px;

    padding: 10px 0

}



p.service-dtls-desc2 {

    padding: 0 0 20px

}



.service-dtls-box {

    display: flex;

    align-items: center;

    background: #f6f6f6;

    border-radius: 5px

}



.faq-section,

.style-two .accordion li p,

.upper.faq-section {

    background: #f5f8fe

}



.sevice-dtls-content {

    padding-left: 25px

}



.sevice-dtls-content h4 {

    font-size: 20px;

    padding: 0 0 11px

}



.service-dtls-itm-pannel {

    border-top: 1px solid rgba(6, 36, 98, .10196078431372549);

    border-bottom: 1px solid rgba(6, 36, 98, .10196078431372549);

    padding: 25px 0 37px;

    margin: 40px 0 20px

}



.service-dtls-items ul li {

    display: block;

    list-style: none;

    padding: 12px 0 0;

    color: #062461;

    font-weight: 400

}



.accordion li a,

.pricing,

h2.price-title,

span.pricing-icn {

    display: inline-block

}



.service-dtls-items ul li i {

    background: #e5e8ef;

    border-radius: 20px;

    color: #062461;

    font-size: 15px;

    padding: 0 3px;

    line-height: 20px;

    margin-right: 5px;

    transition: .5s;

    display: inline-block

}



.service-dtls-items ul li:hover i {

    background: #db232b;

    color: #fff

}



.service-dtls-cont h5 {

    font-size: 16px;

    color: #da242b;

    font-weight: 500;

    text-transform: uppercase

}



.service-dtls-cont h3 {

    font-size: 30px;

    font-weight: 700;

    line-height: 40px;

    padding: 6px 0 0

}



.accordion li a,

span.price-dolar {

    font-weight: 500;

    font-family: Inter

}



.faq-section {

    padding: 100px 0 165px

}



.faq-thumb {

    margin: 0 0 0 -17px

}



.faq-shape2 {

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: right;

    animation: 4s infinite alternate dance3

}



.bounce-animate,

.bounce-animate2 {

    animation-iteration-count: infinite;

    animation-timing-function: linear

}



.tab_container {

    overflow: hidden;

    padding: 20px 0 0

}



h2.accordion-title {

    font-size: 30px;

    padding: 0 0 37px

}



.accordion li {

    list-style: none;

    padding: 2px 0 15px

}



.accordion li a {

    width: 100%;

    cursor: pointer;

    font-size: 17px;

    color: #152b63 !important;

    background-color: #fff;

    padding: 16px 25px;

    border-radius: 5px 5px 30px

}



.accordion a:before {

    width: 2px;

    height: 12px;

    position: absolute;

    right: 33px;

    top: 25px;

    transform: rotate(0)

}



.accordion a:after {

    width: 12px;

    height: 2px;

    position: absolute;

    right: 28px;

    top: 30px

}



.accordion li p {

    display: none;

    font-size: 15px;

    padding: 25px 30px 28px;

    background: #fff;

    overflow: hidden;

    border-radius: 0 0 30px 5px;

    font-weight: 300;

    margin: 0

}



.accordion a.active:after,

.style-three .accordion a.active:after {

    transform: rotate(0);

    -webkit-transition: .2s ease-in-out;

    background: #da242b;

    opacity: 1

}



.accordion a.active {

    border-radius: 5px 0 0;

    background: #152b63;

    color: #fff !important

}



h3.boody-title:before,

span.pricing-icn:before {

    position: absolute;

    background: #da242b;

    transition: .5s;

    content: ""

}



.faq-shape {

    position: absolute;

    bottom: -165px;

    right: -250px;

    text-align: right;

    animation-name: moveleftbounce;

    animation-duration: 6s;

    animation-iteration-count: infinite

}



.style-two .accordion li a {

    border: 1px solid rgba(21, 43, 99, .15)

}



.style-three.faq-section {

    background: #f5f8fe;

    padding: 100px 0

}



.style-three .accordion li a {

    color: #152b63 !important;

    background-color: transparent;

    padding: 16px 25px;

    border-radius: 5px;

    border: 1px solid rgba(19, 17, 37, .15)

}



.style-three .accordion li p {

    display: none;

    font-size: 16px;

    padding: 0 15px 25px 30px;

    margin: 0;

    background: 0 0;

    backdrop-filter: blur(1.9px);

    overflow: hidden;

    border-radius: 0 0 5px 5px;

    border-bottom: 1px solid rgba(19, 17, 37, .15);

    border-right: 1px solid rgba(19, 17, 37, .15);

    border-left: 5px solid #da242b

}



.style-three .accordion a.active {

    border-top: 1px solid rgba(19, 17, 37, .15) !important;

    border-right: 1px solid rgba(19, 17, 37, .15) !important;

    border-left: 5px solid #da242b;

    border-bottom: 0;

    border-radius: 5px 5px 0 0;

    padding: 25px 20px 15px 30px

}



.upper.faq-section {

    padding: 90px 0

}



.pricing-single-box {

    padding: 40px 30px;

    background: #fff;

    border-radius: 5px;

    margin-bottom: 30px;

    position: relative;

    z-index: 1;

    outline-offset: -1px;

    transition: .5s linear;

    outline: 0

}



span.pricing-icn {

    height: 90px;

    width: 90px;

    line-height: 90px;

    text-align: center;

    background: #062462;

    border-radius: 4px;

    transition: .5s;

    position: relative;

    z-index: 1

}



span.pricing-icn:before {

    z-index: -1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-radius: 4px;

    transform: scale(0)

}



.pricing {

    float: right

}



span.price-dolar {

    position: relative;

    font-size: 20px;

    color: #da242b;

    top: -15px;

    transition: .5s

}



h2.price-title {

    font-size: 42px;

    font-weight: 700;

    color: #da242b;

    transition: .5s

}



span.price-mon {

    font-size: 14px;

    display: block;

    letter-spacing: 1px;

    line-height: 18px

}



h3.boody-title {

    font-size: 22px;

    padding: 24px 0 30px;

    position: relative;

    z-index: 1

}



h3.boody-title:before {

    left: -29px;

    top: 18px;

    width: 3px;

    height: 36px

}



.pricing-boody ul li {

    list-style: none;

    display: block;

    padding: 0 0 6px;

    font-weight: 400

}



.pricing-boody ul li i {

    font-size: 22px;

    color: #da242b;

    position: relative;

    top: 3px;

    padding-right: 5px;

    transition: .5s

}



.price-btn a {

    padding: 10px 30px;

    font-weight: 500;

    color: #062462;

    border: 1px solid rgba(6, 36, 98, .2);

    display: inline-block;

    border-radius: 4px;

    margin-top: 29px;

    position: relative;

    z-index: 1

}



.price-btn a:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #062462;

    border-radius: 5px 30px 30px;

    transform: scale(0, 1);

    transition: .5s

}



.nav-btn.navSidebar-button a,

.pricing-single-box:hover .pricing-boody ul li i,

.pricing-single-box:hover h2.price-title,

.pricing-single-box:hover span.price-dolar {

    color: #062462

}



.pricing-single-box:hover .price-btn a {

    color: #fff;

    border-radius: 5px 30px 30px

}



.pricing-single-box:hover h3.boody-title:before {

    opacity: 0

}



.pricing-single-box:hover {

    background-color: #fff !important;

    background: linear-gradient(90deg, #d9242b 50%, transparent 0) repeat-x, linear-gradient(90deg, #d9242b 50%, transparent 0) repeat-x, linear-gradient(0deg, #d9242b 50%, transparent 0) repeat-y, linear-gradient(0deg, #d9242b 50%, transparent 0) repeat-y;

    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;

    background-position: 0 0, 0 100%, 0 0, 100% 0;

    animation: .3s linear infinite linearGradientMove

}



@-webkit-keyframes linearGradientMove {

    100% {

        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px

    }

}



@keyframes linearGradientMove {

    100% {

        background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px

    }

}



.blogs-section,

.shop-section {

    padding: 100px 0;

    position: relative;

    z-index: 1

}



.form_box {

    padding: 11px 0 0

}



p.form-text {

    display: inline-block;

    font-size: 16px;

    font-weight: 300;

    padding-right: 12px

}



.form_box select {

    width: 30%;

    height: 38px;

    padding-left: 15px;

    background: #fff;

    border-radius: 4px;

    font-size: 16px;

    color: #062462;

    border: 1px solid rgba(6, 36, 98, .4);

    transition: .5s

}



.upper.widget_search {

    margin-bottom: 40px;

    background: inherit;

    text-align: right

}



.upper.widget_search input {

    height: 60px;

    width: 73%;

    color: #062461;

    background: #f6f6f6;

    border: 0;

    border-radius: 4px 0 0 4px;

    padding: 0 20px

}



button.icons {

    border: 0;

    font-size: 18px;

    color: #fff;

    padding: 1px 15px;

    position: absolute;

    right: 0;

    top: 0;

    height: 60px;

    width: 60px;

    background: #ed1c24;

    border-radius: 0 4px 4px 0

}



.categories-title h4 {

    font-size: 22px;

    font-weight: 600;

    border-bottom: 2px solid rgba(6, 36, 97, .10196078431372549);

    padding: 0 0 25px;

    margin: 0 0 30px;

    position: relative

}



.categories-title h4:before {

    position: absolute;

    content: "";

    left: -35px;

    top: 0;

    height: 29px;

    width: 3px;

    background: #da242b

}



.widget-check-box {

    padding: 40px 35px 18px;

    background: #fff;

    box-shadow: 0 10px 50px rgba(231, 231, 231, .5);

    border-radius: 4px;

    margin-bottom: 30px

}



.checkmark {

    position: absolute;

    top: 3px;

    left: 0;

    height: 22px;

    width: 22px;

    border-radius: 2px;

    border: 1px solid rgba(6, 36, 98, .1);

    background-color: rgba(7, 72, 131, 0)

}



.widget-check {

    display: block;

    position: relative;

    padding-left: 40px;

    margin-bottom: 20px;

    cursor: pointer;

    font-size: 16px;

    font-family: Inter;

    user-select: none;

    color: #062461

}



.widget-check input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0

}



label.widget-check p {

    display: inline;

    float: right

}



.widget-check:hover input~.checkmark {

    background-color: #ccc

}



.widget-check input:checked~.checkmark {

    background-color: #ed1c24

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none

}



.widget-check .checkmark:after {

    left: 7px;

    top: 2px;

    width: 7px;

    height: 12px;

    border: solid #fff;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg)

}



.range-wrapper-box {

    padding: 40px 35px;

    background: #fff;

    box-shadow: 0 10px 50px rgb(231 231 231 / 50%);

    border-radius: 4px;

    margin-bottom: 30px

}



.slider-labels {

    margin-top: 35px

}



.caption strong {

    width: 74px;

    height: 34px;

    line-height: 35px;

    background: #da242b;

    display: inline-block;

    text-align: center;

    font-size: 14px;

    font-family: Inter;

    color: #fff;

    border-radius: 3px;

    margin-right: 10px

}



span#slider-range-value1,

span#slider-range-value2 {

    font-size: 16px;

    font-family: Inter;

    font-weight: 400;

    color: #062462

}



.noUi-target,

.noUi-target * {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -ms-touch-action: none;

    touch-action: none;

    -ms-user-select: none;

    -moz-user-select: none;

    user-select: none;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.noUi-target {

    position: relative;

    direction: ltr

}



.noUi-base {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1

}



.noUi-origin {

    position: absolute;

    right: 0;

    top: 0;

    left: 0;

    bottom: 0

}



.noUi-stacking .noUi-handle {

    z-index: 10

}



.noUi-state-tap .noUi-origin {

    -webkit-transition: left .3s, top .3s;

    transition: left .3s, top .3s

}



.noUi-state-drag * {

    cursor: inherit !important

}



.noUi-base,

.noUi-handle {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.noUi-horizontal {

    height: 5px

}



.noUi-horizontal .noUi-handle {

    width: 16px;

    height: 16px;

    border-radius: 50%;

    left: -7px;

    top: -6px;

    background-color: #ed1c24

}



.noUi-background {

    background: #ececec

}



.noUi-connect {

    background: #ed1c24;

    -webkit-transition: background 450ms;

    transition: background 450ms

}



.noUi-origin,

.noUi-target {

    border-radius: 2px

}



.noUi-draggable {

    cursor: w-resize

}



.noUi-vertical .noUi-draggable {

    cursor: n-resize

}



.noUi-handle {

    position: relative;

    z-index: 1;

    cursor: default;

    -webkit-box-sizing: content-box !important;

    -moz-box-sizing: content-box !important;

    box-sizing: content-box !important

}



.noUi-handle:active {

    border: 8px solid rgba(237, 28, 37, .38);

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    left: -14px;

    top: -14px

}



.products-thumb img,

.products-thumb:before {

    border-radius: 4px 4px 0 0;

    transition: .5s;

    width: 100%

}



[disabled] .noUi-connect,

[disabled].noUi-connect {

    background: #b8b8b8

}



[disabled] .noUi-handle,

[disabled].noUi-origin {

    cursor: not-allowed

}



.product-categories-box {

    padding: 30px 30px 20px;

    background: #fff;

    box-shadow: 0 10px 50px rgba(231, 231, 231, .5);

    border-radius: 4px;

    margin-bottom: 30px

}



.products-collection {

    margin-bottom: 20px

}



.product-thumb {

    float: left;

    padding-right: 17px

}



.products-title h6 {

    font-size: 16px;

    font-weight: 500;

    line-height: 21px

}



.product-price span {

    font-size: 15px;

    font-weight: 400;

    color: #da242b

}



.product-icon-list ul {

    line-height: 20px

}



.product-icon-list ul li {

    list-style: none;

    display: inline-block;

    color: #ff8d06;

    letter-spacing: 4px;

    font-size: 14px

}



.row.products {

    padding-left: 80px

}



.single-products-box {

    text-align: center;

    margin-bottom: 30px

}



.products-thumb:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    height: 0;

    background: rgba(6, 36, 98, .8);

    opacity: .8

}



.pagination-menu ul li a,

.product-thumb-icon a {

    width: 46px;

    height: 46px;

    display: inline-block;

    z-index: 1;

    position: relative;

    text-align: center

}



.product-sale {

    position: absolute;

    top: 20px;

    left: 20px

}



.product-sale span {

    padding: 4px 20px;

    font-size: 14px;

    font-weight: 400;

    font-family: Inter;

    line-height: 24px;

    background: #da242b;

    color: #fff;

    border-radius: 4px;

    display: inline-block

}



.product-thumb-icon a {

    font-size: 20px;

    line-height: 47px;

    border-radius: 50%;

    background: #fff;

    color: #0d0e14;

    transition: .7s;

    bottom: 40%;

    overflow: hidden

}



.product-thumb-icon a:before {

    position: absolute;

    content: "";

    z-index: -1;

    right: 0;

    height: 100%;

    width: 0;

    border-radius: 50%;

    background: #da242b;

    transition: .6s

}



.product-thumb-icon a:first-child {

    position: absolute;

    left: 0;

    opacity: 0

}



.product-thumb-icon a:nth-child(2) {

    position: absolute;

    right: 0;

    opacity: 0

}



.product-content {

    padding: 23px 0 6px;

    border: 1px solid rgba(6, 36, 98, .1);

    border-top: 0;

    border-radius: 0 0 4px 4px

}



ul.product-rating li {

    list-style: none;

    display: inline-block;

    color: #ff8d06;

    letter-spacing: .3em;

    font-size: 14px

}



.product-title h2 {

    font-size: 18px;

    font-weight: 600;

    color: #062462;

    line-height: 17px

}



.product-price p {

    font-size: 15px;

    font-family: Inter;

    padding: 14px 0 0;

    color: #da242b

}



.product-price p span {

    color: #616161;

    text-decoration: line-through;

    margin-left: 5px

}



.single-products-box:hover .product-thumb-icon a:first-child {

    opacity: 1;

    left: 92px

}



.single-products-box:hover .product-thumb-icon a:nth-child(2) {

    opacity: 1;

    right: 92px

}



.pagination-menu {

    padding-top: 30px

}



.pagination-menu ul li {

    display: inline-block;

    list-style: none;

    margin-right: 8px

}



.pagination-menu ul li a {

    line-height: 46px;

    border-radius: 50%;

    background: #f5f5f5;

    color: #062462;

    font-size: 20px;

    transition: .5s

}



.pagination-menu ul li a:before {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #da242b;

    border-radius: 50%;

    transform: scale(0);

    transition: .5s;

    z-index: -1

}



.style-three.tab {

    position: relative;

    border: 1px solid rgba(6, 36, 98, .1);

    padding: 15px 44px;

    border-radius: 10px;

    margin-right: 15px

}



.style-three .tabs li a {

    background: inherit;

    color: #fff;

    font-weight: 600;

    display: inline-block;

    outline: 0;

    padding: 5px;

    transition: .5s ease-in-out;

    margin-right: 20px;

    border-radius: 5px

}



.style-three .tabs li.current:before {

    background: 0 0;

    border: 0

}



.style-three li.current a {

    border: 1px solid #da242b

}



.shop-dtls-info {

    padding-left: 30px

}



.category-title h2 {

    font-size: 31px;

    font-weight: 700;

    line-height: 26px;

    padding: 0 0 23px

}



.category-icon-list ul li {

    list-style: none;

    display: inline-block;

    color: #ff9d34;

    letter-spacing: .4em;

    font-size: 16px

}



li.category-text {

    letter-spacing: 0 !important;

    color: #67686c !important;

    padding-left: 6px

}



.category-price h1 {

    font-weight: 500;

    font-size: 18px;

    line-height: 26px;

    color: #da242b;

    padding: 6px 0 19px

}



.category-price span {

    color: #616161;

    padding-left: 14px;

    text-decoration: line-through

}



.category-color p {

    color: #062462;

    line-height: 26px;

    font-weight: 500;

    font-size: 16px;

    padding: 18px 0 6px

}



.category-color span {

    color: #67686c;

    padding-left: 20px;

    position: relative

}



.category-color span:before {

    position: absolute;

    content: ":";

    left: 4px;

    top: -3px

}



.category-count-button {

    display: inline-flex;

    padding: 8px 0 30px

}



.quantity-with_btn {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    vertical-align: middle

}



.quantity .cart-plus-minus {

    position: relative;

    width: 170px;

    text-align: left;

    height: 54px;

    overflow: hidden;

    border-radius: 5px

}



.quantity .cart-plus-minus>.ctnbutton {

    cursor: pointer;

    position: absolute;

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    width: 38px;

    -webkit-box-align: center;

    align-items: center;

    vertical-align: middle;

    color: #fff;

    -webkit-transition: .5s;

    background: #da242b

}



.quantity .cart-plus-minus>.cart-plus-minus-box {

    border: 0;

    height: 54px;

    text-align: center;

    width: 170px;

    font-size: 16px;

    font-weight: 600;

    color: #062461;

    background-color: #fff !important;

    background: linear-gradient(90deg, #da242b 50%, transparent 0) repeat-x, linear-gradient(90deg, #da242b 50%, transparent 0) repeat-x, linear-gradient(0deg, #da242b 50%, transparent 0) repeat-y, linear-gradient(0deg, #da242b 50%, transparent 0) repeat-y;

    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;

    background-position: 0 0, 0 100%, 0 0, 100% 0;

    -webkit-animation: .3s linear infinite linearGradientMove;

    animation: .3s linear infinite linearGradientMove

}



.quantity .cart-plus-minus>.ctnbutton.dec {

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-box;

    display: flex;

    -webkit-justify-content: center;

    height: 100%;

    border-radius: 0 30px 30px 0

}



.quantity .cart-plus-minus>.ctnbutton.inc {

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    height: 100%;

    border-radius: 30px 0 0 30px

}



.category-button {

    display: inline-block;

    padding-left: 20px

}



.category-button a {

    padding: 13px 25px;

    font-size: 15px;

    font-weight: 500;

    background: #da242b;

    border-radius: 4px;

    color: #fff;

    display: inline-block;

    position: relative;

    z-index: 1

}



.category-button a:before {

    position: absolute;

    z-index: -1;

    content: "";

    top: 0;

    right: 0;

    height: 100%;

    width: 0;

    background: #062461;

    border-radius: 4px;

    transition: .5s

}



.category-button a i {

    padding-left: 10px;

    font-size: 16px

}



table.category-table {

    padding: 2px 0 0;

    display: inline-block

}



table.category-table tr td {

    padding-right: 25px;

    padding-bottom: 12px

}



table.category-table td.table-title {

    font-size: 16px;

    color: #0d0e14;

    font-weight: 500

}



table.category-table td.table-text {

    color: #616161;

    position: relative;

    z-index: 1;

    font-size: 16px;

    font-weight: 400;

    font-family: Inter

}



table.category-table td.table-text:before {

    position: absolute;

    content: ":";

    left: -15px;

    top: 0;

    font-size: 20px;

    color: #0d0e14

}



.appoinment-tab {

    padding: 60px 0 0

}



.appoinment-tab .tabs li a {

    font-size: 15px;

    background: #fff;

    border: 1px solid rgba(13, 14, 20, .1);

    color: #062462;

    font-family: Inter;

    font-weight: 500;

    display: inline-block;

    outline: 0;

    padding: 9px 29px;

    transition: .5s ease-in-out;

    margin-right: 20px;

    border-radius: 5px

}



table.tab-items-table {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7

}



table.tab-items-table tr {

    background: #fff;

    height: 66px;

    border-radius: 4px;

    width: 100%;

    display: inline-block;

    padding: 20px 0 0 30px

}



tr.tabs-bg {

    background: #f5f5f5 !important

}



table.tab-items-table tr td {

    padding-right: 100px

}



table.tab-items-table td.table-title {

    font-size: 16px;

    color: #062462;

    font-weight: 500

}



table.tab-items-table td.table-text {

    color: #0d0e14;

    font-weight: 400

}



table.tab-items-table td.table-text i {

    color: #ff9d34 !important;

    margin-left: 10px !important

}



ul.comment-icon-list li {

    list-style: none;

    display: inline-block;

    color: #ff9d34;

    letter-spacing: .2em;

    font-size: 14px

}



h4.post-title {

    font-size: 17px;

    font-weight: 500;

    line-height: 26px;

    margin-top: 0;

    padding: 2px 0 9px

}



h4.post-title span {

    padding-left: 31px;

    font-size: 15px;

    color: #616161;

    font-weight: 400;

    position: relative

}



.post-title span:before {

    position: absolute;

    content: "";

    left: 6px;

    top: 9px;

    height: 1px;

    width: 15px;

    background: #0d0e14

}



span.rights-reply {

    font-weight: 500;

    color: #062461;

    cursor: pointer

}



.posts-reply span i {

    display: inline-block;

    margin-right: 5px

}



.product-details-respond {

    padding: 35px 0 0

}



.sidebar-title h2 {

    font-size: 18px;

    font-weight: 500;

    line-height: 26px

}



.sidebar-description p {

    font-size: 15px;

    margin: 6px 0 25px

}



.sidebar-rating-list ul {

    display: inline-block;

    padding-left: 15px

}



.sidebar-rating-list ul li {

    list-style: none;

    display: inline-block;

    color: #ff9d34;

    letter-spacing: .4em;

    font-size: 15px

}



.contact-form-box2 {

    padding: 25px 0 0

}



p.form_text {

    color: #000;

    margin-bottom: 10px;

    padding: 10px 0 0

}



h6.form-title {

    font-size: 15px;

    font-weight: 500;

    padding: 0 0 13px;

    margin: 0

}



.contact-form-box2 .form-box input {

    height: 54px;

    background-color: #fff;

    border: 1px solid rgba(13, 14, 20, .1);

    transition: .5s;

    padding: 0 25px;

    display: block;

    width: 100%;

    color: #616161;

    margin-bottom: 30px;

    border-radius: 4px

}



.contact-form-box2 .from-box input::placeholder {

    color: #616161;

    opacity: .6

}



.contact-form-box2 .form-box textarea {

    height: 155px;

    background-color: #fff;

    border: 1px solid rgba(13, 14, 20, .1);

    transition: .5s;

    padding: 15px 25px;

    display: block;

    width: 100%;

    border-radius: 4px

}



.contact-form-box2 .from-box textarea::placeholder {

    color: #616161;

    opacity: .6

}



.product-item-title h2 {

    font-size: 30px;

    font-weight: 700;

    line-height: 42px;

    padding: 20px 0 30px

}



.style-two.contact-form button {

    padding: 11px 53px;

    color: #fff;

    display: inline-block;

    margin-top: 40px;

    border-radius: 5px;

    position: relative;

    z-index: 1;

    border: 2px solid transparent;

    background: #da242b;

    transition: .5s;

    font-weight: 500

}



.product-thumb-icon2 a:after,

.style-two.contact-form button:before {

    position: absolute;

    z-index: -1;

    height: 100%;

    transition: .5s;

    content: "";

    left: 0

}



.style-two.contact-form button i {

    padding-left: 6px;

    position: relative;

    top: 2px

}



.style-two.contact-form button:before {

    width: 100%;

    bottom: 0;

    background: #fff;

    transform: scale(0, 1);

    opacity: 0

}



.style-two.contact-form button:hover:before {

    transform: scale(1);

    opacity: 1

}



.style-two.contact-form button:hover {

    color: #062461

}



.shops-section {

    padding: 100px 0 40px

}



.shops-section .row.products {

    padding-left: 0

}



.single-products-box2 {

    display: flex;

    margin-bottom: 35px

}



.single-products-box2 .products-thumb img {

    width: inherit;

    transition: .5s;

    border-radius: 4px;

    margin-right: 30px

}



.single-products-box2 .product-content2 {

    text-align: left

}



.single-products-box2 .product-title h2 {

    font-size: 24px;

    line-height: 15px

}



.single-products-box2 .product-price p {

    margin-bottom: 5px

}



p.description {

    padding: 12px 0 4px

}



.product-thumb-icon2 a {

    font-size: 14px;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    border-radius: 30px;

    background-color: #062462;

    color: #ffff;

    transition: .5s;

    margin-right: 6px;

    position: relative;

    z-index: 1;

    display: inline-block

}



.product-thumb-icon2 a:after {

    right: 0;

    top: 0;

    width: 100%;

    border-radius: 50%;

    background: #da242b;

    transform: scale(0)

}



.shops-section .tab {

    position: relative;

    overflow: hidden;

    -webkit-font-smoothing: subpixel-antialiased;

    text-align: right;

    padding: 5px 0 0

}



.shops-section .tabs {

    display: inline

}



.shops-section .tabs li.current:before {

    position: inherit;

    border: 0

}



.shops-section .tabs li a {

    font-size: 35px;

    width: 52px;

    height: 52px;

    line-height: 52px;

    text-align: center;

    color: #fff;

    background: #062462 !important;

    display: inline-block;

    margin-right: 0;

    margin-left: 15px;

    padding: 0

}



.shops-section li.current a {

    color: #fff !important;

    background: #da242b !important

}



.widget select {

    padding: 15px 13px;

    width: 85%;

    display: inline-block;

    position: relative;

    top: -6px;

    color: #6a6e49

}



.row.call-to-bg {

    background: url(../images/resource/call-bg.jpg) center/cover no-repeat;

    margin: -81px 1px -80px;

    position: relative;

    z-index: 1;

    border-radius: 0 55px 0 7px

}



.call-to-action-box {

    display: flex;

    align-items: center

}



.call-to-thumb {

    margin-right: 50px

}



.call-to-thumb img {

    border-radius: 5px 0 0 5px

}



h2.call-title {

    font-size: 30px;

    color: #fff

}



.button i,

span.call-desc {

    font-size: 16px;

    color: #fff

}



span.call-desc {

    opacity: .9;

    padding: 7px 0 0;

    display: inline-block

}



.style-two.call-to-action {

    background: url(../images/resource/call-bg2.jpg) center/cover no-repeat

}



.style-two .hendrio-button a {

    font-size: 15px;

    padding: 13px 40px;

    background: #cd0d14

}



.style-two .call-to-thumb img {

    border-radius: 0

}



.button {

    padding: 13px 38px;

    display: inline-block;

    font-weight: 500;

    background: 0 0;

    border-radius: 5px 30px 30px;

    border: 1px solid #fff;

    color: #fff;

    position: relative;

    z-index: 1;

    float: right;

    margin-right: 36px

}



.button i {

    position: relative;

    top: 2px;

    padding-left: 2px;

    transition: .5s

}



.nav-logo,

h2.form-booking-title {

    padding: 0 0 40px

}



.modal {

    display: none;

    position: fixed;

    z-index: 225;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto

}



.modal-content {

    background-color: #f5f5f5;

    margin: 15% auto;

    padding: 25px 25px 65px;

    border: 1px solid #da242b;

    width: 70%;

    z-index: 22

}



.modal-content .form-box textarea {

    height: 150px

}



.close {

    color: #da242b;

    float: right;

    font-size: 28px

}



.close:focus,

.close:hover {

    color: #000;

    text-decoration: none;

    cursor: pointer

}



.project-thumb:before {

    position: absolute;

    content: "";

    right: 0;

    bottom: 0;

    height: 0%;

    width: 100%;

    background: #052361;

    transition: .5s;

    opacity: .45;

    border-radius: 5px 5px 0 0

}



.project-content {

    position: absolute;

    bottom: -10px;

    left: 30px;

    transition: .5s;

    opacity: 0

}



h6.case-study-title {

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    background: #da242b;

    display: inline-block;

    line-height: 28px;

    padding: 4px 25px;

    border-radius: 5px 5px 0 0

}



.blog-quote,

.pagination1 a,

.project-btn a,

.project-info,

.tag-item a {

    background: #f6f6f6

}



h3.case-study-title {

    margin: 0;

    line-height: 30px

}



h3.case-study-title a {

    padding: 14px 80px 14px 25px;

    font-size: 18px;

    font-weight: 600;

    font-family: Inter;

    color: #062461;

    background: #fff;

    display: inline-block;

    border-radius: 0 5px 5px

}



.project-btn a {

    font-size: 15px;

    padding: 24px 29px;

    font-weight: 500;

    display: block;

    color: #062462;

    position: relative;

    z-index: 1;

    border-radius: 0 0 5px 5px

}



.project-btn a:before {

    position: absolute;

    content: "";

    z-index: -1;

    left: 0;

    bottom: 0;

    height: 0;

    width: 100%;

    background: #062462;

    transition: .5s;

    border-radius: 0 0 5px 5px

}



.project-btn a span {

    float: right;

    font-size: 18px;

    transition: .5s

}



h3.prjct-dtls-title {

    font-size: 30px;

    font-weight: 700;

    padding: 22px 0 21px

}



p.project-desc {

    padding: 0 0 35px

}



p.quote-desc {

    font-size: 17px;

    color: #062462;

    padding: 5px 0 7px 105px;

    position: relative

}



p.quote-desc:before {

    position: absolute;

    content: "";

    left: 0;

    top: 17px;

    height: 1px;

    width: 86px;

    background: #da242b

}



.project-dtls-items-box {

    padding: 45px 0 2px;

    border-top: 1px solid rgba(6, 36, 97, .10196078431372549);

    border-bottom: 1px solid rgba(6, 36, 97, .10196078431372549);

    margin-top: 37px

}



h4.dtls-title {

    font-size: 19px;

    padding: 15px 0 8px

}



.pagination1 {

    padding: 40px 0 0

}



.pagination1 span {

    color: #062462;

    font-weight: 500

}



.pagination1 a {

    font-size: 18px;

    width: 42px;

    height: 42px;

    line-height: 42px;

    border-radius: 5px;

    display: inline-block;

    text-align: center;

    color: #062462;

    transition: .5s;

    margin-right: 12px

}



.pagination1 span:hover a {

    background: #d9232b;

    color: #fff

}



span.pagination2 a {

    margin-right: 0;

    margin-left: 12px

}



span.pagination2 {

    text-align: right;

    float: right

}



.project-info {

    padding: 35px 50px 30px;

    border-radius: 5px;

    margin-left: 10px

}



h3.prct-title {

    font-size: 22px;

    color: #152b63;

    padding: 0 0 23px

}



.project-info ul li {

    display: block;

    list-style: none;

    padding: 0 0 15px;

    margin-bottom: 13px;

    font-weight: 500;

    color: #152b63;

    border-bottom: 1px solid rgba(255, 255, 255, .10196078431372549)

}



.project-info ul li span {

    display: block;

    font-weight: 500;

    font-family: Inter;

    color: #da242b;

    font-size: 15px

}



li.prt-mb {

    margin: 0 !important;

    border: 0 !important

}



.blogs-section:before {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    z-index: -1;

    width: 35%;

    height: 100%;

    background: url(../images/resource/serv-dtls-bg.jpg) 0 0/cover no-repeat;

    background-position-y: center

}



.row.blogs-pr {

    padding-right: 90px

}



.blogs-section .single-blog-box {

    position: relative;

    z-index: 1;

    margin-bottom: 30px

}



.xs-sidebar-group .xs-overlay,

.xs-sidebar-widget {

    position: fixed;

    width: 100%;

    visibility: hidden;

    opacity: 0

}



.blogs-section .single-blog-box:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 68px;

    width: 100%;

    height: 1px;

    background: rgba(6, 36, 98, .1)

}



.blogs-section .blog-content {

    padding: 35px 35px 18px;

    transition: .5s;

    background: #fff;

    border-radius: 5px;

    border: 1px solid rgba(6, 36, 98, .1);

    border-top: 0

}



.blogs-section .meta-blog a {

    font-size: 14px;

    padding: 7px 22px;

    background: #da242b;

    color: #fff;

    display: inline-block;

    border-radius: 5px

}



.blogs-section .meta-blog a:before {

    border-radius: 5px;

    background: #062462

}



.blogs-section h2.blog-title a {

    font-size: 28px;

    font-weight: 700

}



.style-two.blogs-section h2.blog-title a {

    font-size: 22px;

    font-weight: 700

}



p.blog-desc {

    padding: 15px 0 38px

}



ul.blog-author li {

    list-style: none;

    display: inline-block;

    margin-right: 37px;

    font-weight: 500;

    font-family: Inter;

    color: #062462

}



.rpost-content h4 a,

.tag-item a {

    color: #062461;

    transition: .5s;

    display: inline-block

}



ul.blog-author li i {

    color: #da242b;

    margin-right: 7px

}



ul.blog-author li span:before {

    position: absolute;

    content: "";

    right: -20px;

    top: 3px;

    width: 1px;

    height: 12px;

    background-color: rgba(7, 72, 131, .5019607843137255)

}



.blog-post-comment .post-title span:before,

.tag-item a:before,

ul.social-share li a:before {

    position: absolute;

    content: "";

    background: #da242b

}



.blogs-section .widget-sidebar-box {

    padding: 13px 30px 30px

}



.upp.widget-sidebar-box {

    padding: 13px 30px 15px

}



.blogs-section h4.sidebar-title.upp {

    padding: 0 0 24px;

    margin-bottom: 30px;

    border-bottom: 2px solid rgba(6, 36, 97, .10196078431372549)

}



.widget-recent-post {

    border-bottom: 1px solid #e8e8e8;

    padding: 0 0 20px;

    margin-bottom: 20px

}



.widget-recent-post.upper {

    border-bottom: 0;

    margin-bottom: 0;

    padding: 0

}



.rpost-content h4 a {

    font-size: 15px;

    font-weight: 500;

    line-height: 26px;

    font-family: Inter

}



li.item1 {

    padding: 15px 0 0 !important

}



.tag-item a {

    padding: 6px 20px;

    margin: 0 6px 15px 0;

    border: 0;

    font-weight: 400;

    border-radius: 30px;

    position: relative;

    z-index: 1

}



.tag-item a:before {

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-radius: 5px 30px 30px;

    z-index: -1;

    transform: scale(0);

    transition: .5s

}



.single-blog-dtls-box ul.blog-author {

    padding: 8px 0 0

}



.blogs-section .single-blog-dtls-box .blog-content {

    padding: 35px 35px 25px

}



p.blog-desc2 {

    padding: 15px 0 0

}



.blog-quote {

    padding: 25px 35px 15px;

    border-left: 4px solid #da242b;

    border-radius: 2px;

    margin: 25px 0 45px

}



.blog-quote p {

    font-size: 18px;

    font-weight: 500;

    font-style: italic;

    color: #062462

}



ul.product-list {

    padding: 5px 0 0

}



ul.product-list li {

    display: block;

    list-style: none;

    color: #062462;

    padding: 0 0 8px

}



ul.product-list li i {

    color: #da242b;

    font-size: 22px;

    position: relative;

    top: 5px;

    margin-right: 6px

}



.blogs-social-share {

    background: #f6f6f6;

    padding: 20px 20px 25px 30px;

    margin: 35px 0 40px

}



span.social-text {

    font-size: 17px;

    font-weight: 500;

    font-family: Inter;

    color: #062462

}



ul.social-share {

    float: right

}



ul.social-share li a {

    height: 32px;

    width: 32px;

    line-height: 32px;

    background: #fff;

    text-align: center;

    display: inline-block;

    border-radius: 3px;

    font-size: 14px;

    color: #062462;

    margin-right: 7px;

    position: relative;

    z-index: 1

}



.blog-post-comment h4.post-title,

ul.list-style-one li span {

    font-size: 16px;

    font-weight: 600

}



ul.social-share li a:before {

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-radius: 3px;

    z-index: -1;

    transform: scale(0);

    transition: .5s

}



.blog-post-comment {

    border: 1px solid rgba(6, 36, 98, .1);

    padding: 34px 30px 26px;

    border-radius: 5px

}



h3.blog-comment-title {

    font-size: 26px;

    font-weight: 700;

    padding: 0 0 34px

}



.blog-post-comment .post-comment {

    border-bottom: 1px solid rgba(6, 36, 98, .1);

    margin-bottom: 30px;

    padding: 0 0 11px

}



.blog-post-comment .post-comment2 {

    margin-left: 88px

}



.blog-post-comment h4.post-title span {

    font-size: 14px;

    color: #da242b;

    font-weight: 400;

    font-family: Inter;

    padding-left: 25px

}



.blog-post-comment .post-title span:before {

    left: 5px;

    top: 9px;

    height: 1px;

    width: 10px

}



.blog-post-comment span.rights-reply {

    float: right;

    font-weight: 500;

    color: #062462;

    position: relative;

    top: -60px;

    cursor: pointer;

    left: -32px

}



.contact-form-box3 {

    padding: 33px 30px 50px;

    border: 1px solid rgba(6, 36, 98, .1);

    margin: 30px 0 0;

    border-radius: 5px

}



.contact-form-box3 .form-box input,

.contact-form-box3 .form-box textarea {

    background-color: #f6f6f6;

    border: 0

}



.cart-empty p {

    padding: 18px 25px;

    position: relative;

    background-color: #f6f7f9;

    border-bottom: 2px solid #062462;

    display: inline-block;

    width: 100%;

    color: #062462

}



.cart-empty p i {

    color: #062462;

    padding-right: 10px

}



.scroll-area .go-top {

    transition: .9s ease-out

}



.scroll-area .go-top i {

    transition: .5s ease-out

}



.scroll-area .go-top::before {

    content: '';

    transition: .5s ease-out

}



.scroll-area .go-top.active {

    transform: translateY(-98%)

}



.top-wrap .go-top-button::after {

    content: "";

    animation: 1.6s ease-out infinite ripple

}



.bounce-animate {

    animation-name: float-bob;

    animation-duration: 2s;

    -moz-animation-name: float-bob;

    -moz-animation-duration: 2s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob;

    -ms-animation-duration: 2s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob;

    -o-animation-duration: 2s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate2 {

    animation-name: float-bob2;

    animation-duration: 3s;

    -moz-animation-name: float-bob2;

    -moz-animation-duration: 3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob2;

    -ms-animation-duration: 3s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob2;

    -o-animation-duration: 3s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate3,

.bounce-animate4 {

    animation-iteration-count: infinite;

    animation-timing-function: linear

}



.bounce-animate3 {

    animation-name: float-bob3;

    animation-duration: 3s;

    -moz-animation-name: float-bob3;

    -moz-animation-duration: 3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob3;

    -ms-animation-duration: 3s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob3;

    -o-animation-duration: 3s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate4 {

    animation-name: float-bob4;

    animation-duration: 5s;

    -moz-animation-name: float-bob4;

    -moz-animation-duration: 5s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob4;

    -ms-animation-duration: 5s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob4;

    -o-animation-duration: 5s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate-slow,

.bounce-animate5 {

    animation-iteration-count: infinite;

    animation-timing-function: linear

}



.bounce-animate5 {

    animation-name: float-bob5;

    animation-duration: 6s;

    -moz-animation-name: float-bob5;

    -moz-animation-duration: 6s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob5;

    -ms-animation-duration: 6s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob5;

    -o-animation-duration: 6s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate-slow {

    animation-name: float-bob5;

    animation-duration: 15s;

    -moz-animation-name: float-bob5;

    -moz-animation-duration: 15s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob5;

    -ms-animation-duration: 15s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob5;

    -o-animation-duration: 15s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



.bounce-animate-3 {

    animation-name: float-bob6;

    animation-duration: 6s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -moz-animation-name: float-bob6;

    -moz-animation-duration: 6s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob6;

    -ms-animation-duration: 6s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob6;

    -o-animation-duration: 6s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear

}



@keyframes float-bob {



    0%,

    100% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }



    50% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@keyframes float-bob2 {



    0%,

    100% {

        -webkit-transform: translateY(-60px);

        transform: translateY(-60px)

    }



    50% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }

}



@keyframes float-bob3 {



    0%,

    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px)

    }



    50% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }

}



@keyframes float-bob4 {



    0%,

    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px)

    }



    50% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}



@keyframes float-bob5 {



    0%,

    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px)

    }



    50% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px)

    }

}



@keyframes float-bob6 {



    0%,

    100% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px)

    }



    50% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }

}



@keyframes movebounce {



    0%,

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    50% {

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }

}



@keyframes moveleftbounce {



    0%,

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    50% {

        -webkit-transform: translateX(30px);

        transform: translateX(30px)

    }

}



.dance3 {

    -webkit-animation: 8s infinite alternate dance3;

    animation: 8s infinite alternate dance3

}



@keyframes dance3 {

    0% {

        -webkit-transform: scale(.5)

    }



    100% {

        -webkit-transform: scale(1)

    }

}



.dance {

    -webkit-animation: 2s infinite alternate dance;

    animation: 2s infinite alternate dance

}



@keyframes dance {

    0% {

        -webkit-transform: scale(.5)

    }



    100% {

        -webkit-transform: scale(1.2)

    }

}



.dance2 {

    -webkit-animation: 4s infinite alternate dance2;

    animation: 4s infinite alternate dance2

}



@keyframes dance2 {

    0% {

        -webkit-transform: translate3d(0, 0, 0)

    }



    50% {

        -webkit-transform: translate3d(25px, -25px, 0)

    }



    100% {

        -webkit-transform: translate3d(0, -25px, 25px)

    }

}



.watermark-animate {

    -webkit-animation: 8s linear infinite watermark-animate;

    animation: 8s linear infinite alternate-reverse watermark-animate

}



@keyframes watermark-animate {

    0% {

        left: 0

    }



    100% {

        left: 100%

    }

}



.rotateme {

    -webkit-animation-name: rotateme;

    animation-name: rotateme;

    -webkit-animation-duration: 20s;

    animation-duration: 20s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear

}



@keyframes rotateme {

    from {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }



    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-webkit-keyframes rotateme {

    from {

        -webkit-transform: rotate(0)

    }



    to {

        -webkit-transform: rotate(360deg)

    }

}



.hendrio_nav_manu .nav-btn.navSidebar-button {

    display: inline-block;

    float: inherit;

    padding: 10px 25px 0 0

}



.hendrio_nav_manu .nav-btn.navSidebar-button a {

    color: #fff;

    background: #152b63;

    height: 36px;

    width: 36px;

    line-height: 36px;

    text-align: center;

    display: inline-block;

    border-radius: 30px

}



.hendrio_nav_manu .nav-btn.navSidebar-button a i {

    font-size: 20px;

    color: #fff;

    padding-right: 0

}



.nav-btn.navSidebar-button {

    display: inline-block;

    float: left;

    padding: 10px 0 0

}



.nav-btn.navSidebar-button a i {

    padding-right: 10px;

    font-size: 20px

}



.xs-sidebar-group .xs-overlay {

    left: 100%;

    top: 0;

    z-index: 101;

    height: 100%;

    -webkit-transition: .4s ease-in .8s;

    -o-transition: .4s ease-in .8s;

    transition: .4s ease-in .8s

}



.xs-sidebar-group .widget-heading {

    position: absolute;

    top: 12px;

    right: 12px;

    padding: 0

}



.xs-sidebar-widget {

    left: -100%;

    top: 0;

    bottom: 0;

    max-width: 360px;

    z-index: 999999;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    background-color: #fff;

    -webkit-transition: .5s cubic-bezier(.9, .03, 0, .96) .6s

}



.xs-sidebar-group.isActive .xs-overlay {

    opacity: .4;

    visibility: visible;

    -webkit-transition: .8s ease-out;

    -o-transition: .8s ease-out;

    transition: .8s ease-out;

    left: 0

}



.xs-sidebar-group.isActive .xs-sidebar-widget {

    opacity: 1;

    visibility: visible;

    left: 0;

    -webkit-transition: .7s cubic-bezier(.9, .03, 0, .96) .4s;

    transition: .7s cubic-bezier(.9, .03, 0, .96) .4s

}



.sidebar-textwidget {

    padding: 40px 32px

}



.close-side-widget i {

    color: #062462;

    font-size: 28px;

    display: block

}



.sidebar-widget-container {

    position: relative;

    top: 150px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .3s ease-in .3s;

    -o-transition: .3s ease-in .3s;

    transition: .3s ease-in .3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.xs-sidebar-group.isActive .sidebar-widget-container {

    top: 0;

    opacity: 1;

    visibility: visible;

    -webkit-transition: 1s ease-out 1.2s;

    -o-transition: 1s ease-out 1.2s;

    transition: 1s ease-out 1.2s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.xs-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    opacity: .5;

    z-index: 0

}



.xs-bg-black {

    background-color: #062462

}



.sidebar-info-contents .widget-search {

    padding: 0 0 15px

}



.sidebar-info-contents h3.widget-title {

    padding: 15px 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #e9e9e9;

    font-style: italic;

    font-size: 25px

}



.widget input {

    border-radius: 4px;

    padding-left: 20px;

    height: 56px;

    width: 100%;

    color: #fff;

    border: 1px solid #e9e9e9

}



button.icon {

    border: 0;

    font-size: 18px;

    color: #fff;

    padding: 1px 15px;

    position: absolute;

    right: 0;

    top: 0;

    height: 56px;

    width: 60px;

    background: #da242b;

    border-radius: 0 4px 4px 0

}



ul.list-style-one li {

    display: block;

    list-style: none;

    color: #fff;

    padding: 16px 0 0;

    overflow: hidden

}



ul.list-style-one li span {

    color: #062462;

    float: right;

    display: inline-block;

    padding: 0 5px

}



ul.list-style-one li a {

    transition: .5s;

    color: #062462

}



ul.list-style-one li a i {

    background: red;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    display: inline-block;

    border-radius: 30px;

    color: #fff;

    margin-right: 5px

}



a.white-bg i {

    background: #e9e9e9 !important

}



a.yellow-bg i {

    background: #ee2 !important

}



a.green-bg i {

    background: #9bc45c !important

}



.sidebar-tag-menu {

    padding: 12px 0 0

}



.sidebar-tag-menu ul li {

    display: inline-block;

    list-style: none;

    margin-right: 6px;

    color: #062462;

    padding: 0 0 12px

}



ul.social-icon {

    padding: 20px 0 0

}



ul.social-icon li {

    display: inline-block;

    list-style: none;

    margin: 0 10px 0 0

}



ul.social-icon li a {

    display: inline-block;

    width: 35px;

    height: 35px;

    line-height: 36px;

    text-align: center;

    background: #fff;

    color: #062462;

    transition: .5s;

    font-size: 18px;

    border-radius: 3px

}



ul.list-style-one li a:hover span {

    background: #da242b;

    border-radius: 30px;

    color: #fff

}



.loader-wrapper {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    transition: .8s 1s;

    z-index: 999

}



.loader {

    position: relative;

    display: block;

    z-index: 201;

    top: 50%;

    left: 50%;

    width: 100px;

    height: 100px;

    margin: -50px 0 0 -50px;

    border-radius: 50%;

    transition: 1s 1s;

    border: 3px solid transparent;

    border-top-color: #9a241c;

    -webkit-animation: 1.5s linear infinite spin;

    -moz-animation: 1.5s linear infinite spin;

    -o-animation: 1.5s linear infinite spin;

    animation: 1.5s linear infinite spin

}



.loader:after,

.loader:before {

    position: absolute;

    border-radius: 50%;

    content: ''

}



.loader:before {

    top: 6px;

    left: 6px;

    right: 6px;

    bottom: 6px;

    border: 3px solid transparent;

    border-left-color: #ff3c00;

    -webkit-animation: 2s linear infinite spin;

    -moz-animation: 2s linear infinite spin;

    -o-animation: 2s linear infinite spin;

    animation: 2s linear infinite spin

}



.loader:after {

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 3px solid transparent;

    border-right-color: #fff;

    -webkit-animation: 2.5s linear infinite spin;

    -moz-animation: 2.5s linear infinite spin;

    -o-animation: 2.5s linear infinite spin;

    animation: 2.5s linear infinite spin

}



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-moz-keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes spin {

    0% {

        -webkit-transform: rotate(0);

        -moz-transform: rotate(0);

        -o-transform: rotate(0);

        transform: rotate(0)

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.loader-wrapper .loder-section {

    position: fixed;

    top: 0;

    width: 50%;

    height: 100%;

    background: #111;

    z-index: 2

}



.loader-wrapper .loder-section.left-section {

    left: 0;

    transition: 1s 1.4s

}



.loader-wrapper .loder-section.right-section {

    right: 0;

    transition: 1s 1.4s

}



.loaded .loder-section.left-section {

    left: -100%

}



.loaded .loder-section.right-section {

    right: -100%

}



.loaded .loader-wrapper {

    visibility: hidden

}



.loaded .loader {

    top: -100%;

    opacity: 0

}



.search-popup {

    position: fixed;

    left: 0;

    top: 0;

    height: 100vh;

    z-index: 99999;

    margin-top: -540px;

    transform: translateY(-100%);

    background-color: rgba(0, 0, 0, .9);

    -webkit-transition: .5s cubic-bezier(.86, 0, .070, 1);

    -moz-transition: .5s cubic-bezier(.86, 0, .070, 1);

    -o-transition: .5s cubic-bezier(.86, 0, .070, 1);

    transition: 1.5s cubic-bezier(.86, 0, .070, 1);

    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);

    width: 100%

}



.search-active .search-popup {

    transform: translateY(0);

    margin-top: 0

}



.search-popup .close-search {

    position: absolute;

    left: 0;

    right: 0;

    margin: -200px auto 0;

    border-radius: 50%;

    background-color: #da242b;

    width: 70px;

    cursor: pointer;

    box-shadow: 0 0 10px rgba(0, 0, 0, .05);

    border-bottom: 3px solid #fff;

    border-top: 3px solid #fff;

    border-right: 3px solid #062462;

    border-left: 3px solid #062462;

    -webkit-transition: .5s;

    height: 70px;

    line-height: 70px;

    text-align: center

}



.search-active .search-popup .close-search {

    visibility: visible;

    opacity: 1;

    top: 50%;

    -webkit-transition-delay: 1.5s;

    -moz-transition-delay: 1.5s;

    -ms-transition-delay: 1.5s;

    -o-transition-delay: 1.5s;

    transition-delay: 1.5s

}



.search-popup form {

    position: absolute;

    max-width: 700px;

    top: 50%;

    left: 15px;

    right: 15px;

    margin: -35px auto 0;

    transform: scaleX(0);

    transform-origin: center;

    background-color: #111;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.search-active .search-popup form {

    transform: scaleX(1);

    -webkit-transition-delay: 1.2s;

    -moz-transition-delay: 1.2s;

    -ms-transition-delay: 1.2s;

    -o-transition-delay: 1.2s;

    transition-delay: 1.2s

}



.search-popup .form-group {

    position: relative;

    margin: 0;

    overflow: hidden

}



.search-popup .form-group input[type=search],

.search-popup .form-group input[type=text] {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 50px;

    color: #000;

    height: 70px;

    width: 100%;

    padding: 10px 30px;

    background-color: #fff;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    font-weight: 500;

    text-transform: capitalize

}



.search-popup .form-group button,

.search-popup .form-group input[type=submit] {

    position: absolute;

    right: 30px;

    top: 0;

    height: 70px;

    line-height: 70px;

    background: 0 0;

    text-align: center;

    font-size: 24px;

    color: #ed1c24;

    padding: 0;

    cursor: pointer;

    -webkit-transition: .5s;

    border: none

}



.search-popup .form-group button:hover,

.search-popup .form-group input[type=submit]:hover {

    color: #000

}



.search-popup input::placeholder,

.search-popup textarea::placeholder {

    color: #000

}



.search-popup .close-search.style-two {

    position: absolute;

    right: 25px;

    left: auto;

    color: #fff;

    width: auto;

    height: auto;

    top: 25px;

    margin: 0;

    border: none;

    background: 0 0 !important;

    box-shadow: none !important;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.scroll-area .go-top,

.scroll-area .go-top::before,

.scroll-area .go-top:focus i:first-child,

.scroll-area .go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden

}



.search-box-btn {

    display: inline-block;

    padding-left: 22px

}



.search-box-btn i {

    display: inline-block;

    color: #fff;

    line-height: 30px;

    text-align: center;

    font-size: 18px;

    cursor: pointer;

    transition: .5s

}



.scroll-area .go-top i,

.scroll-area .go-top::before {

    -webkit-transition: .5s ease-out;

    -moz-transition: .5s ease-out;

    position: absolute

}



.upp.search-box-btn i,

.upp.search-box-btn.search-box-outer span i {

    color: #9e9fa1

}



.search-box-btn.search-box-outer span i {

    font-size: 20px;

    display: inline-block;

    color: #fff;

    padding-left: 17px;

    position: relative;

    z-index: 1

}



.search-box-btn.search-box-outer span i:after {

    position: absolute;

    content: "0";

    right: -10px;

    top: -4px;

    width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    background: #ed1c24;

    color: #fff;

    border-radius: 50%;

    display: inline-block;

    font-size: 12px

}



.flaticon-multiply:before {

    content: inherit

}



button.close-search i {

    font-size: 25px;

    color: #fff;

    display: inline-block

}



span.flaticon-multiply i {

    display: inline-block;

    color: #ed1c24

}



.header-search-button.search-box-outer {

    padding: 0 8px 0 0;

    display: inline-block

}



.header-search-button.search-box-outer a {

    color: #062462;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 18px;

    background-color: rgba(21, 43, 99, .10196078431372549);

    display: inline-block

}



.scroll-area {

    position: relative;

    z-index: 999

}



.scroll-area .go-top {

    position: fixed;

    cursor: pointer;

    right: 30px;

    color: #fff;

    background-image: -moz-linear-gradient(0deg, #d1651a 0, #c1282a 100%);

    background-image: -webkit-linear-gradient(0deg, #d1651a 0, #c1282a 100%);

    z-index: 9999;

    width: 45px;

    text-align: center;

    height: 45px;

    line-height: 42px;

    -webkit-transition: .9s ease-out;

    -moz-transition: .9s ease-out;

    border-radius: 10px

}



.scroll-area .go-top i {

    top: 50%;

    left: -4px;

    right: 0;

    margin: 0 auto;

    font-size: 15px;

    -o-transform: translateY(-50%);

    transform: translateY(-50%)

}



.scroll-area .go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%

}



.scroll-area .go-top::before {

    content: '';

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-image: linear-gradient(to right, #232353 0, #232353 100%);

    background-image: -ms-linear-gradient(0deg, #232353 0, #232353 100%);

    border-radius: 100%

}



.download-btn,

.download-btn1 {

    color: #d32f2f;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition: background-color .3s ease-in-out, color .3s ease-in-out

}



.scroll-area .go-top:focus::before,

.scroll-area .go-top:hover::before {

    opacity: 1;

    visibility: visible

}



.scroll-area .go-top:focus i:last-child,

.scroll-area .go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%

}



.scroll-area .go-top.active {

    top: 95%;

    -webkit-transform: translateY(-98%);

    -moz-transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

    border-radius: 100%;

    right: 30px

}



.top-wrap .go-top-button {

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    top: 3px;

    z-index: 1;

    background: #da242b

}



.top-wrap .go-top-button i {

    font-size: 20px;

    font-weight: 700;

    padding-left: 4px;

    color: #fff

}



.top-wrap .go-top-button::after {

    z-index: -1;

    content: "";

    position: absolute;

    left: 3px;

    top: 3px;

    width: 45px;

    height: 45px;

    -webkit-animation: 1.6s ease-out infinite ripple;

    -moz-animation: 1.6s ease-out infinite ripple;

    opacity: 0;

    background-image: -moz-linear-gradient(0deg, #da242b 0, #da242b 100%);

    background-image: -webkit-linear-gradient(0deg, #da242b 0, #da242b 100%);

    border-radius: 100%

}



.top-wrap .go-top-button:hover {

    background-color: #222;

    color: #fff

}



@keyframes ripple {



    0%,

    35% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1

    }



    50% {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

        opacity: .8

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        -moz-transform: scale(2);

        -ms-transform: scale(2);

        -o-transform: scale(2);

        transform: scale(2)

    }

}



.service-dtls-box .dtls-thumb {

    position: relative;

    overflow: hidden;

    background-color: #fff;

    border: 1px solid #ddd

}



.service-dtls-box .dtls-thumb .hover-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #d32f2f;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    transition: height .3s ease-in-out

}



.service-dtls-box .dtls-thumb:hover .hover-overlay {

    height: 40%

}



.download-btn1 {

    background-color: #fff;

    padding: 10px 2px;

    border: 1px solid #d32f2f;

    border-radius: 3px

}



.download-btn {

    background-color: #fff;

    padding: 17px 92px;

    border: 1px solid #d32f2f;

    border-radius: 3px

}



.download-btn:hover {

    background-color: #d32f2f;

    color: #fff

}



.about-logo img {

    max-width: 150px;

    height: auto;

    display: block;

    margin: 0 auto;

    padding-top: 30px

}



/* WhatsApp Floating Button */

.whatsapp-button {

    position: fixed;

    bottom: 20px;

    left: 20px;

    width: 55px;

    height: 55px;

    background: #25D366; /* WhatsApp green */

    color: #fff;

    text-align: center;

    line-height: 55px;

    font-size: 28px;

    border-radius: 50%;

    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); */

    cursor: pointer;

    transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;

    z-index: 999; /* Ensures it's above other elements */

    -webkit-transition: .9s ease-out;

    -moz-transition: .9s ease-out;

    

}



/* Hover Effect */

.whatsapp-button:hover {

    background: #1EBE5D; /* Slightly darker green */

    transform: scale(1.1);

    

}



/* WhatsApp Icon */

.whatsapp-button i {

    color: white;

    

   

}