/*
Theme Name: Hookology
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.cmn-btn-style a .elementor-button-icon svg {
    display: block;
    transform-origin: center;
    transform-box: fill-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    transform: rotate(-45deg) translateZ(0);
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    -o-transform: rotate(-45deg) translateZ(0);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.cmn-btn-style a:hover .elementor-button-icon svg {
    transform: rotate(0deg) translateZ(0);
    -webkit-transform: rotate(0deg) translateZ(0);
    -moz-transform: rotate(0deg) translateZ(0);
    -ms-transform: rotate(0deg) translateZ(0);
    -o-transform: rotate(0deg) translateZ(0);
}

.cmn-btn-style a .elementor-button-icon svg path {
    transition: fill 0.25s ease-in-out;
    -webkit-transition: fill 0.25s ease-in-out;
    -moz-transition: fill 0.25s ease-in-out;
    -ms-transition: fill 0.25s ease-in-out;
    -o-transition: fill 0.25s ease-in-out;
}

.cmn-btn-style.white-btn a:focus .elementor-button-icon svg path,
.cmn-btn-style a .elementor-button-icon svg path {
    fill: #FFFFFF;
}

.cmn-btn-style.white-btn a .elementor-button-icon svg path,
.cmn-btn-style a:focus .elementor-button-icon svg path {
    fill: #0A2F40;
}

.cmn-btn-style.white-btn a:hover .elementor-button-icon svg path {
    fill: #FFFFFF;
}

.cmn-btn-style a:hover .elementor-button-icon svg path {
    fill: #0A2F40;
}

.block-progress ul {
    padding: 0px !important;
}

.block-progress ul li {
    background: #fff !important;
    padding: 10px 30px;
    list-style: none;
    color: #1A4E7A !important;
    border-left: 4px solid #1F6F8B;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.cmn-bg-detail-block p strong {
    color: #fff !important;
}

.error-wrp {
    padding: 150px 0;
}

.error-content {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
}

.error-content .error-btn .btn-primary {
    font-size: 18px;
    font-weight: 500;
    margin: 40px auto 0;
    padding: 10px 12px;
    border-radius: 10px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0A2F40;
    color: #FFF;
    gap: 8px;
    border: 1px solid #0A2F40;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.error-content .error-btn .btn-icon {
    display: flex;
    transition: all 0.4s ease-in-out;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.error-content .error-btn .btn-primary:hover {
    background: transparent;
    color: #0A2F40;
    border: 1px solid #0A2F40;
}

.error-content .error-btn .btn-primary:hover .btn-icon {

    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.error-content .error-btn .btn-primary:hover .btn-icon svg path {
    fill: #0A2F40;
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .block-progress ul li {
        padding: 10px 25px;
    }
}

@media (min-width: 881px) and (max-width: 1024px) {
    .block-progress ul li {
        padding: 10px 20px;
    }
}

@media (max-width: 880px) {
    .block-progress ul li {
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .error-wrp {
        padding: 150px 0 100px 0;
    }
}