/*---------------- Common CSS ----------------*/
body {
    position: relative;
    letter-spacing: 0.1px;
    word-spacing: 0.2px;
    background-color: white;
    overflow-x: hidden;
    /* or scroll */
    -webkit-overflow-scrolling: touch;
}

ul {
    list-style: none;
    padding: 0;
}

body, input, textarea,button {
    font-family: 'TenorSans'!important;
/*    font-family: 'oswald'!important;*/
    font-size: 15px;
    color: #000000;
}

main {
    min-height: 100vh;
    position: relative;
    z-index: 1;
    background: white;
}

img {
    object-fit: cover;
    max-width: 100%;
}

button:not(.no-style) {
    border: none;
    display: inline-block;
    transition: 0.2s;
    cursor: pointer;
}

a,a:hover {
    text-decoration: none;
    color: #000;
}

a,button {
    cursor: pointer;
}

b, strong {
    font-weight: 600;
}

p {
    color: #000000;
    font-size: 20px;
    font-family: 'oswald'!important; 
}

h1,.h1 {
    font-size: 32px;
    font-weight: 900;
    font-family : alata;
}

h2,.h2 {
    font-size: 25px;
    font-weight: 900;
    font-family : alata;
}

h3,.h3 {
    font-size: 18px;
    font-weight: 700;
    font-family : alata;
}

h4,.h4 {
    font-size: 16px;
    font-weight: 500;
    font-family : alata;
}

.material-icons-round {
    font-size: inherit;
}

.bg-gold {
    background-color: #000000 !important;
}

.bg-gold-light {
    background-color: rgb(255 255 255 / 12%) !important;
}

.bg-gold-gradient {
    background-image: linear-gradient(to right, white, #871e187a) !important;
}

.bg-white-after:after {
    background-color: white !important
}

.bg-white-before:after {
    background-color: white !important
}

.bg-color-unset {
    background-color: unset !important;
}

.bg-cover {
    background-size: cover;
}

.bg-fixed {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.bg-position-top {
    background-position: top;
}

.bg-position-center {
    background-position: center;
}

.bg-position-bottom {
    background-position: bottom;
}

.color-gold, .text-gold {
    color: #be1d15 !important;
}

.text-success {
    color: #4caf50 !important
}

.text-light {
    color: #999 !important
}

.text-shadow {
    text-shadow: 0px 2px 0 white;
}

.border-gold-light {
    border-color: rgb(198 165 122 / 28%) !important
}

.border-gold-light-2 {
    border-color: rgb(198 165 122 / 11%) !important;
}

.border-gold {
    border-color: #c6a57a !important
}

.border-10 {
    border-width: 10px !important
}

.object-fit-cover {
    object-fit: cover;
}

.object-fit-contain {
    object-fit: contain;
}

.height-80px {
    min-height: 80px;
    max-height: 80px;
}

.height-66px {
    min-height: 66px;
    max-height: 66px;
}

.min-height-100vh {
    min-height: 100vh;
}

.width-80px {
    min-width: 80px;
    max-width: 80px;
}

.width-100px {
    min-width: 100px;
    max-width: 100px;
}

.overflow-unset {
    overflow: unset !important;
}

.bottom-25px {
    bottom: 25px
}

.shadow-inset-gold {
    box-shadow: inset 0 1px rgb(198 166 123 / 15%);
}

.clip-path-1 {
    clip-path: polygon(calc(100% - 15px) 0, calc(100% + 1px) 15px, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 0);
}

.clip-path-2 {
    clip-path: polygon(calc(100% + 1px) 0, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 15px, 15px 0);
}

.clip-path-3 {
    clip-path: polygon(calc(100% - 15px) 0, calc(100% + 1px) 15px, calc(100% + 1px) calc(100% + 1px), 0 calc(100% + 1px), 0 0);
}

.link {
    transition: 0.3s
}

.link:hover,.link:focus {
    color: #ffffff !important;
    opacity: 0.6;
}

.border-bottom-gradient {
    position: relative;
    z-index: 1;
}

.border-bottom-gradient:after {
    content: '';
    position: absolute;
    height: 10px;
    background: linear-gradient(to left, #be1d15,#be1d1585);
    bottom: 0px;
    left: -5px;
    right: -5px;
    z-index: -1;
    clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
}

.section {
    /* position:relative; */
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 1;
    overflow: hidden;
}

.font-weight-300 {
    font-weight: 300
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.font-weight-600 {
    font-weight: 600
}

.font-weight-700 {
    font-weight: 700
}

.font-weight-800 {
    font-weight: 800
}

.font-weight-900 {
    font-weight: 900
}

.font-size-10 {
    font-size: 10px
}

.font-size-11 {
    font-size: 11px
}

.font-size-12 {
    font-size: 12px
}

.font-size-13 {
    font-size: 13px
}

.font-size-14 {
    font-size: 14px
}

.font-size-15 {
    font-size: 15px
}

.font-size-16 {
    font-size: 16px
}

.font-size-17 {
    font-size: 17px
}

.font-size-18 {
    font-size: 18px
}

.font-size-19 {
    font-size: 19px
}

.font-size-20 {
    font-size: 20px
}

.font-size-21 {
    font-size: 21px
}

.font-size-22 {
    font-size: 22px
}

.font-size-23 {
    font-size: 23px
}

.font-size-24 {
    font-size: 24px
}

.font-size-25 {
    font-size: 25px
}

.font-size-26 {
    font-size: 26px
}

.font-size-27 {
    font-size: 27px
}

.font-size-28 {
    font-size: 28px
}

.font-size-29 {
    font-size: 29px
}

.font-size-30 {
    font-size: 30px
}

.font-size-31 {
    font-size: 31px
}

.font-size-32 {
    font-size: 32px
}

.font-size-33 {
    font-size: 33px
}

.font-size-34 {
    font-size: 34px
}

.font-size-35 {
    font-size: 35px
}

.font-size-36 {
    font-size: 36px
}

.font-size-37 {
    font-size: 37px
}

.font-size-38 {
    font-size: 38px
}

.font-size-39 {
    font-size: 39px
}

.font-size-40 {
    font-size: 40px
}

.font-size-41 {
    font-size: 41px
}

.font-size-42 {
    font-size: 42px
}

.font-size-43 {
    font-size: 43px
}

.font-size-44 {
    font-size: 44px
}

.font-size-45 {
    font-size: 45px
}

.font-size-46 {
    font-size: 46px
}

.font-size-47 {
    font-size: 47px
}

.font-size-48 {
    font-size: 48px
}

.font-size-49 {
    font-size: 49px
}

.font-size-50 {
    font-size: 50px
}

.font-size-75 {
    font-size: 75px
}

.font-size-100 {
    font-size: 100px
}

.font-size-125 {
    font-size: 125px
}

.letter-spacing-0-1 {
    letter-spacing: 0.1px
}

.letter-spacing-0-2 {
    letter-spacing: 0.2px
}

.letter-spacing-0-3 {
    letter-spacing: 0.3px
}

.letter-spacing-0-4 {
    letter-spacing: 0.4px
}

.letter-spacing-0-5 {
    letter-spacing: 0.5px
}

.letter-spacing-0-6 {
    letter-spacing: 0.6px
}

.letter-spacing-0-7 {
    letter-spacing: 0.7px
}

.letter-spacing-0-8 {
    letter-spacing: 0.8px
}

.letter-spacing-0-9 {
    letter-spacing: 0.9px
}

.letter-spacing-1 {
    letter-spacing: 1px
}

.letter-spacing-2 {
    letter-spacing: 2px
}

.border-top-unset {
    border-top: unset !important
}

.border-bottom-unset {
    border-bottom: unset !important
}

.border-left-unset {
    border-left: unset !important
}

.border-right-unset {
    border-right: unset !important
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-6 {
    z-index: 6
}

.z-index-7 {
    z-index: 7
}

.z-index-8 {
    z-index: 8
}

.z-index-9 {
    z-index: 9
}

.opacity-0-1 {
    opacity: 0.1
}

.opacity-0-2 {
    opacity: 0.2
}

.opacity-0-3 {
    opacity: 0.3
}

.opacity-0-4 {
    opacity: 0.4
}

.opacity-0-5 {
    opacity: 0.5
}

.opacity-0-6 {
    opacity: 0.6
}

.opacity-0-7 {
    opacity: 0.7
}

.opacity-0-8 {
    opacity: 0.8
}

.opacity-0-9 {
    opacity: 0.9
}

.opacity-1 {
    opacity: 1
}

.p-10 {
    padding: 10px
}

.p-15 {
    padding: 15px
}

.p-20 {
    padding: 20px
}

.p-25 {
    padding: 25px
}

.p-30 {
    padding: 30px
}

.p-35 {
    padding: 35px
}

.p-40 {
    padding: 40px
}

.p-45 {
    padding: 45px
}

.p-50 {
    padding: 50px
}

.p-55 {
    padding: 55px
}

.p-60 {
    padding: 60px
}

.p-65 {
    padding: 65px
}

.p-70 {
    padding: 70px
}

.p-75 {
    padding: 75px
}

.p-80 {
    padding: 80px
}

.p-85 {
    padding: 85px
}

.p-90 {
    padding: 90px
}

.p-95 {
    padding: 95px
}

.p-100 {
    padding: 100px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pt-65 {
    padding-top: 65px
}

.pt-70 {
    padding-top: 70px
}

.pt-75 {
    padding-top: 75px
}

.pt-80 {
    padding-top: 80px
}

.pt-85 {
    padding-top: 85px
}

.pt-90 {
    padding-top: 90px
}

.pt-95 {
    padding-top: 95px
}

.pt-100 {
    padding-top: 100px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pl-55 {
    padding-left: 55px
}

.pl-60 {
    padding-left: 60px
}

.pl-65 {
    padding-left: 65px
}

.pl-70 {
    padding-left: 70px
}

.pl-75 {
    padding-left: 75px
}

.pl-80 {
    padding-left: 80px
}

.pl-85 {
    padding-left: 85px
}

.pl-90 {
    padding-left: 90px
}

.pl-95 {
    padding-left: 95px
}

.pl-100 {
    padding-left: 100px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-35 {
    padding-right: 35px
}

.pr-40 {
    padding-right: 40px
}

.pr-45 {
    padding-right: 45px
}

.pr-50 {
    padding-right: 50px
}

.pr-55 {
    padding-right: 55px
}

.pr-60 {
    padding-right: 60px
}

.pr-65 {
    padding-right: 65px
}

.pr-70 {
    padding-right: 70px
}

.pr-75 {
    padding-right: 75px
}

.pr-80 {
    padding-right: 80px
}

.pr-85 {
    padding-right: 85px
}

.pr-90 {
    padding-right: 90px
}

.pr-95 {
    padding-right: 95px
}

.pr-100 {
    padding-right: 100px
}

.mt--5 {
    margin-top: -5px
}

.mt--10 {
    margin-top: -10px
}

.mt--15 {
    margin-top: -15px
}

.mt--20 {
    margin-top: -20px
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*---------------- Animation ----------------*/
.ripple-animation, .link {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.link:after {
    content: '';
}

.ripple-animation .ripple-helper, .link:after {
    position: absolute;
    height: 1px;
    width: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}

.ripple-animation:focus .ripple-helper, .link:focus:after {
    animation: ripple 1s forwards;
}

.ripple-animation:active .ripple-helper, .link:active:after {
    animation: unset;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0px rgb(0, 0, 0, 40%);
        background-color: rgb(0, 0, 0, 40%);
    }

    100% {
        box-shadow: 0 0 0 150px rgba(0, 0, 0, 0);
        background: rgba(0, 0, 0, 0);
    }
}

/*---------------- Loader ----------------*/
#loader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: white;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*---------------- Heading ----------------*/
.heading_style_1 {
    font-size: 18px;
    font-weight: 700;
    color: black;
    position: relative;
    padding-left: 80px;
    letter-spacing: 2px;
    margin-bottom: 35px;
}

.heading_style_1:before, .heading_style_1:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 70px;
    top: calc(50% - 1px);
    left: 0;
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    background: linear-gradient(to left,#be1d15,transparent);
}

.heading_style_2 {
    text-align: center;
    font-weight: 800;
    color: #212529;
    font-size: 35px;
    color: #be1d15;
    text-shadow: 2px 2px #0000000f;
}

.heading_description {
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    word-spacing: 1px;
    color: rgb(0 0 0 / 50%);
    font-weight: 500;
}

.heading-border-left {
    position: relative;
    padding-left: 13px;
}

.heading-border-left:before {
    content: '';
    position: absolute;
    height: calc(100% - 6px);
    top: 3px;
    background: #c6a57a;
    left: 0;
    width: 3px;
}

/* Page Heading */
.page-heading {
    position: relative;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 21px;
    text-transform: capitalize;
    display: inline-flex;
    color: #444;
    margin-left: 10px;
    align-items: center;
    margin-right: 30px;
    padding-left: 75px;
    min-height: 60px;
}

.page-heading:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    top: 0;
    left: 25px;
    z-index: -1;
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
    border-radius: 6px 0 0 6px;
}

.page-heading .icon {
    font-size: 22px;
    position: absolute;
    padding: 15px;
    height: 50px;
    width: 50px ;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page-heading .icon:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    left: 0;
    top: 0;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: inset 0 0 0 4px white,inset 0 0 0 5px #c6a57a, 2px 0 #f0f1f5,0 -2px #f0f1f5
}

.remove-heading-clip-path:before {
    clip-path: unset;
    border-radius: 10px;
}

.remove-heading-clip-path {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*---------------- Shape ----------------*/
.shape-1 {
    z-index: 1;
    position: relative;
}

.shape-1:before, .shape-1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9f9f9;
    z-index: -2;
    clip-path: polygon(100% 0%, calc(100% - 10px) 0, 100% 10px, 100% calc(10px + 10px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 15px 100%, 0 calc(100% - 15px), 0 10px, 10px 0);
}

.shape-1:before {
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    background-image: linear-gradient(to right, #d81712, transparent, #d81712);
}

/* Shape 2 */
.shape-2 {
    position: relative;
    background: unset;
    position: relative;
    /* clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 0); */
    /* border: 1px solid #d817127a; */
}

/* Shape Hover Style 1 */
.shape-1-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    clip-path: polygon(100% 0%, calc(100% - 10px) 0, 100% 10px, 100% calc(10px + 10px), 100% calc(100% - 10px), calc(100% - 10px) 100%, 15px 100%, 0 calc(100% - 15px), 0 10px, 10px 0);
}

.shape-1-hover:before {
    content: '';
    position: absolute;
    height: 200px;
    width: 200px;
    background: #be1d15;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #c6a57a3b;
    opacity: 0;
    transition: 0.3s;
}

.shape-1:hover .shape-1-hover:before {
    transform: translate(-50%,-50%) scale(2);
    transition: 0.5s;
    opacity: 1;
}

/* Shape Shadow */
.shape-shadow {
    position: absolute;
    height: calc(100% - 15px);
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    left: 0;
    bottom: 0;
    z-index: -5;
    filter: blur(10px);
    opacity: 0.5;
}

/* Inner Border */
.inner-border-cotainer {
    position: relative;
    z-index: 1;
}

.inner-border {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #dee2e6;
    z-index: -1;
}

/*---------------- Overlayer ----------------*/
.overlayer, .overlayer-black, .overlayer-black-100, .overlayer-black-200, .overlayer-black-300, .overlayer-black-400, .overlayer-black-500, .overlayer-black-600, .overlayer-black-700, .overlayer-black-800, .overlayer-black-900, .overlayer-black-1000 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
}

.overlayer-black-100 {
    background: rgba(0, 0, 0, 0.100)
}

.overlayer-black-200 {
    background: rgba(0, 0, 0, 0.200)
}

.overlayer-black-300 {
    background: rgba(0, 0, 0, 0.300)
}

.overlayer-black-400 {
    background: rgb(0 0 0);
}

.overlayer-black-500 {
    background: rgba(0, 0, 0, 0.500)
}

.overlayer-black-600 {
    background: rgba(0, 0, 0, 0.600)
}

.overlayer-black-700 {
    background: rgba(0, 0, 0, 0.700)
}

.overlayer-black-800 {
    background: rgba(0, 0, 0, 0.800)
}

.overlayer-black-900 {
    background: rgba(0, 0, 0, 0.900)
}

.overlayer-black-1000 {
    background: rgba(0, 0, 0, 0.1000)
}

/*---------------- Button Designs ----------------*/
.btn-design-1 {
    padding: 4px 9px;
    font-size: 14px;
    border: unset;
    outline: unset;
    text-decoration: unset;
    display: inline-block;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
    z-index: 1;
    transition: 0.3s;
    background: #be1d15;
    border: 1px solid #be1d15 !important;
    box-shadow: inset 0 0 0 1px white;
}

.btn-design-1:hover, .btn-design-1:focus {
    color: #be1d15;
    background: white;
}

.btn-design-2, .btn-design-3 {
    position: relative;
    z-index: 1;
    padding: 15px 20px;
    display: inline-block;
    color: white !important;
    transition: 0.2s;
    background: transparent;
}

.btn-design-2:before, .btn-design-2:after, .btn-design-3:before, .btn-design-3:after {
    content: '';
    background: #be1d15;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    z-index: -1;
    transition: 0.2s;
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}

.btn-design-2:before {
    top: -1px;
    left: -1px;
    background: linear-gradient(to bottom, #be1d15,white , #be1d15);
    bottom: -1px;
    right: -1px;
}

.btn-design-2:hover:before, .btn-design-3:hover:before {
    top: 3px;
    left: 3px;
    bottom: -2px;
    right: -3px;
    background: white;
}

.btn-design-3:hover:before {
    background: #41464b
}

/*---------------- Header ----------------*/
header {
    position: absolute;
    /* position: relative; */
    background: transparent;
    top: 0;
    left: 0;
    /* display: flex; */
    /* align-items: center; */
    filter: blur(-51px);
    right: 0;
    z-index: 2;
}

.menu-1 > ul {
    list-style-type: none;
    clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, -1px 100%, -1px 0);
    display: flex;
    padding: unset;
    margin-top: 27px;
    background: #be1d15;
    align-items: center;
    margin-bottom: 0;
}

.menu-1 .nav-link:not(.header-btn) {
    color: #fff;
}

.menu-1 > ul > li {
    display: flex;
    flex-wrap: wrap;
}

.menu-1 a {
    font-size: 17px;
    font-weight: 500;
    padding: 15px 20px !important;
    /* display: inline-block; */
    line-height: 22px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.1px;
}

.menu-1 > ul > li > a .icon {
    font-size: 21px;
    margin-right: 5px;
    color: white;
    position: absolute;
    top: -30px;
    transition: 0.3s;
    left: 50%;
    transform: translateX(-50%);
    /* opacity:0.7; */
}

.menu-1 > ul > li > a:before {
    content: '';
    position: absolute;
    transform: rotate(45deg);
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border: 5px solid #fff;
    transition: 0.3s;
    /* opacity:0.7; */
}

.menu-1 > ul > li > a:hover:before {
    bottom: -5px;
}

.menu-1 > ul > li > a:hover .icon {
    top: -3px;
}

.menu-1 .navbar-nav > li > a.active {
    color: #be1d15;
    font-weight: bold;
}

.menu-1 .active:before {
    border-color: #d81712;
}

.menu-1 > ul > li > a:not(.header-btn) {
    background: unn;
}

.header-btn, .header-btn:hover, .header-btn:focus {
    background: #ffffff;
    border: 1px solid #be1d1547!important;
    color: black !important;
    clip-path: polygon(100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, -1px 100%, -1px 0);
}

.menu-1 .header-btn .icon {
    opacity: 1;
}

.menu-1 .dropdown-menu {
    border: unset;
    box-shadow: 0 6px 5px #0000002b, 0 2px 5px #ffffff38;
    border-radius: 0;
    margin-top: unset;
    top: 100%;
    border-top: 1px solid #f0f0f0;
    animation: fadeInUp 0.5s forwards;
}

.logo img {
    width: 150px !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #c6a57a;
}

.header_fixed {
    position: fixed;
    top: unset;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 2px 2px #3333330a;
    animation: fadeInDown 0.5s forwards;
    z-index: 9;
}

.header_fixed .logo img {
    /* max-height: 47px; */
    width: 85px!important;
}

.header_fixed nav[class] {
    align-items: center !important;
    padding: 5px!important;
}

.header_fixed .navbar-brand {
    border: unset;
    padding: 7px 0 !important;
    clip-path: unset;
}

.header_fixed .navbar-brand:before {
    display: none;
}

/*---------------- Hero Section ----------------*/
.line-show-1, .line-show-2, .line-show-3, .line-show-4, .line-show-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-show-2 {
    -webkit-line-clamp: 2;
}

.line-show-3 {
    -webkit-line-clamp: 3;
}

.line-show-4 {
    -webkit-line-clamp: 4;
}

.line-show-5 {
    -webkit-line-clamp: 5;
}

/*---------------- Hero Section ----------------*/
.hero-section {
    min-height: 100vh;
    padding: 0;
}
    .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

     .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

    ; .hero-empowerment-area {
        background: linear-gradient(180deg, rgba(243, 246, 253, 0.7) 0%, rgba(243, 246, 253, 0) 86.26%);
        padding-top: 124px;
    }

 

.hero-content {
    max-width: 500px;
    position: relative;
}

.hero-expirence-png {
    position: absolute;
    width: 112px;
    top: -70px;
    right: 15px;
    transform: rotate(25deg);
    z-index: 2;
}

.hero-content .shape-1:after {
    background: white;
}

/* Hero Slider */
.heroSlider .swiper-slide {
    min-height: 100vh;
    display: flex;
    overflow: hidden;
    justify-content: center;
    flex-flow: column;
}

.heroSlider .slider-bg-image {
    width: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}

.heroSlider .swiper-prev, .heroSlider .swiper-next {
    background: #0000007a;
    z-index: 1;
    display: flex;
    padding: 15px;
    padding-right: 20px;
    display: flex;
    align-items: end;
    color: white;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
}

.heroSlider .swiper-prev span, .heroSlider .swiper-next span {
    font-size: 23px;
    color: #be1d15;
    font-weight: bold;
    padding: 9px;
    height: 30px;
    margin: 4px;
    width: 30px;
    border: 1px solid #be1d15;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heroSlider .swiper-prev:hover span {
    animation: fadeInRight 0.5s
}

.heroSlider .swiper-next:hover span {
    animation: fadeInLeft 0.5s ;
}

.heroSlider .swiper-next {
    padding: 15px;
    padding-left: 20px;
    background: unset;
    display: flex;
    align-items: center;
}

.hero-slider-arrow {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.hero-slider-arrow > * {
    position: relative !important;
    display: flex;
}

/* Hero Slider Thumbnails */
.heroSlider .swiper-slide-active {
    animation: fadeIn 1.2s
}

.heroSlider_thumbnails {
    position: absolute !important;
    right: 15px;
    bottom: 0;
    display: flex;
    overflow: visible;
    justify-content: flex-end;
}

.heroSlider_thumbnails > * {
    width: unset !important;
    margin: unset !important;
    background: unset;
    padding: 8px;
    padding-right: unset;
    transform: rotate(90deg)!important;
}

.heroSlider_thumbnails img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    z-index: -2;
    position: relative;
}

.heroSlider_thumbnails button {
    width: 70px;
    padding: unset;
    height: 70px;
    border-radius: 10px;
    padding: 0px;
    transform: rotate(-90deg);
    background: unset;
    border: 3px solid #dee2e6;
}

.heroSlider_thumbnails .swiper-slide-thumb-active {
    border-color: #d817124f;
    border-width: 3px;
}

.swiper-pagination-bullet-active {
    background: #be1d15;
}

/* Other Pages - "Hero Section" */
.hero-section-2 {
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    padding-bottom: 19px;
    min-height: 50vh;
    display: flex;
    align-items: end;
}

.hero-section-2 .overlayer {
    z-index: -1;
    background: linear-gradient(to top, rgb(198 165 122 / 51%),rgb(0 0 0 / 25%));
}

.hero-section-2:after {
    content: '';
    position: absolute;
    background: white;
    left: 0;
    right: 0;
    height: 20px;
    clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%);
    bottom: -1px;
}

.breadcrumb-style-1 {
    padding: 10px 20px;
    position: relative;
    margin-right: 23px;
    margin-bottom: unset;
}

.breadcrumb-style-1:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
    z-index: -1;
    top: 0;
    left: 0;
    transform: skew(-20deg);
}

.breadcrumb-style-1:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 35px;
    background: #f0f1f5;
    right: -17px;
    top: 0;
    transform: skew(20deg);
    z-index: -1;
}

/*---------------- Our Project Section ----------------*/
.projetsSlider .swiper-cube-shadow:before {
    display: none !important;
}

.swiper-prev-arrow, .swiper-next-arrow {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 80px);
    z-index: 11;
    padding: 10px;
    color: black;
    user-select: none;
}

.swiper-next-arrow {
    right: calc(50% - 80px);
    left: unset;
}

.projetsSlider .swiper-pagination-current {
    font-size: 20px;
    font-weight: 700;
    color: #41464b;
}

.projetsSlider .swiper-pagination-total {
    font-size: 13px;
}

.swiper-button-disabled {
    pointer-events: none;
    color: #999;
}

/*---------------- Blog Section ----------------*/
.grid-post {
    min-height: 375px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 25px 15px;
    color: white;
    position: relative;
    z-index: 1;
    align-items: flex-start;
    transition: 0.3s;
    overflow: hidden ;
    border: 1px solid #00000014;
}

.grid-post:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), #000000bf);
    z-index: -1;
}

.grid-post-image {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -2;
    transition: 0.3s;
}

.grid-post:hover .grid-post-image {
    transform: scale(1.1)
}

.tag {
    /* clip-path: polygon(calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%, 0 0); */
    /* background-color: #c6a57a; */
    /* padding: 5px 15px; */
    /* font-size: 13px; */
    /* color: white; */
    /* display: inline-block; */
}

/*---------------- Contact Section ----------------*/
.map {
    width: 100%;
    min-height: 300px;
    filter: grayscale(1);
}

.input_customDesign {
    border-radius: 0;
    font-size: 14px;
    border-color: #ffffff;
    transition: 0.3s;
    background: #ddd;
    caret-color: #be1d15;
    font-weight: 500;
    color: black!important;
}

.input_customDesign::placeholder {
    color: black;
    font-weight: 400;
}

.input_customDesign:hover {
    border-color: #c6a57a47;
}

.input_customDesign:focus {
    border-color: #c6a57a47;
    transform: translateY(-4px);
    box-shadow: 0 5px 15px -10px #c6a57a8c !important
}

/*---------------- Pagination Circle ----------------*/
nav {
    margin: 0 auto;
    padding-top: 60px;
}

.pagination .page-item .page-link:hover {
    transition: all .3s linear;
    background-color: rgb(198 165 122 / 13%);
    color: #c6a57a;
}

.pagination.pg-blue .page-item.active .page-link:hover {
    background-color: #c6a57a;
}

.pagination .page-item.active .page-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: .125rem;
    background-color: #c6a57a;
    color: #fff;
}

.pagination .page-item .page-link {
    color: #6c757d;
    font-weight: 500;
}

.pagination.pagination-circle .page-item .page-link {
    margin-left: 2px;
    margin-right: 2px;
    min-width: 45px;
    min-height: 45px;
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c6a57a47;
    box-shadow: unset;
}

/*---------------- Custom Tootltip ----------------*/
.custom-tooltip-top {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.custom-tooltip-top:before {
    content: '';
    left: 0;
    background: white;
    animation: pulse-animation-2 2s infinite;
    border-radius: 50px;
    padding: 5px;
    position: absolute;
    top: -5px;
}

.custom-tooltip-top:after {
    content: '';
    position: absolute;
    height: 26px;
    width: 2px;
    background: #41464b;
    left: 4px;
    bottom: 100%;
    box-shadow: 0 0 3px 1px white;
    z-index: -5;
}

.custom-tooltip-top span {
    background: #41464b;
    padding: 8px 20px;
    color: white;
    position: absolute;
    top: -88px;
    white-space: nowrap;
    right: 22px;
    box-shadow: 0 0 5px 1px white;
    pointer-events: none;
    border-radius: 2px;
    font-size: 14px;
}

.custom-tooltip-top span:before {
    content: '';
    position: absolute;
    height: 32px;
    width: 2px;
    background: #41464b;
    top: calc(100% - 7px);
    right: -11px;
    transform: skew(46deg);
    z-index: -1;
    box-shadow: 0 1px #c6a57a, 0 -1px 1px 1px white;
}

@keyframes pulse-animation-2 {
    0% {
        box-shadow: 0 0 0 0px rgb(255 255 255)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0)
    }
}

/*---------------- 404 Page ----------------*/
.text-404 {
    font-weight: 900;
    color: #c6a57a;
    text-shadow: 5px 5px #e9e9e9;
    font-size: 90px;
    white-space: nowrap;
}

/* ========== Demo Page ============= */
.text-gradient {
    background: linear-gradient(-163deg, #c6a57a,#f1e3d0, #c6a57a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.demo-box, .demo-box img {
    transition: 0.3s;
    position: relative;
    display: block;
}

.demo-box .icon {
    transition: 0.3s;
    font-size: 0;
}

.demo-box:hover .icon, .demo-box:focus .icon {
    display: unset;
    font-size: 18px;
    color: #c6a57a;
}

.demo-box:hover {
    transform: translate(10px, -10px);
}

.demo-box:hover img {
    opacity: 0.5
}

.shape-2::before {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    display: none;
    bottom: 0px;
    right: 0px;
    background: rgb(216 23 18 / 35%);
}

.position-ab {
    position: absolute;
    right: 0;
    top: 60%;
}

.zoom {
    animation: scale 40s linear infinite;
}

@keyframes scale {
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.header_fixed .menu-1 .nav-link:not(.header-btn) {
    color: #000;
}

.header_fixed .menu-1 > ul {
    margin-top: 0px;
}

.padding-l-0 {
    padding-left: 0!important
}

.margin-top-100 {
    margin-top: 30px;
}

.text-black-50 {
    color: rgb(0 0 0)!important;
}

.height-100 {
    height: 100%;
}

#team_section {
    padding-top: 0!important
}

.contact-form {
    padding: 20px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}

.text-secondary {
    color: #000000!important;
}

.for-query {
    font-size: 19px!important
}

.header_fixed .menu-1 > ul {
    background: none;
}

.header_fixed .header-btn {
    background: unset;
    color: unset;
    border: unset!important;
    clip-path: unset;
    color: #444;
}

div.ruby-menu-demo-header {
    /* position: relative; */
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    justify-content: flex-end;
    padding: 0;
    display: flex;
    margin: 0;
    z-index: 99999
}

/* div.ruby-menu-demo-header-bg {
    background: url(../img/bg.jpg)
} */

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span {
    color: #efefef
}

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span > span {
    color: #efefef
}

div.ruby-menu-demo-description {
    position: relative;
    width: 980px;
    height: 160px;
    margin: 0 auto;
    padding: 0
}

div.ruby-menu-demo-description img {
    max-width: 200px;
    float: left;
    margin: 50px 20px 0 0
}

span.ruby-menu-demo-highlight {
    color: #333
}

div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
    width: 980px;
    height: auto;
    position: relative;
    background: #fff;
    margin: 0 auto;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px
}

div.ruby-menu-demo-bg-dark {
    background: efefef
}

div.ruby-menu-demo-bg-light-c:after,div.ruby-menu-demo-bg-dark-c:after {
    content: "";
    display: table;
    clear: both
}

div.ruby-menu-demo-cv-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cv-2 {
    float: left;
    width: 67%
}

div.ruby-menu-demo-cv-3 {
    float: left;
    width: 48%
}

div.ruby-menu-demo-cv-4 {
    float: left;
    width: 52%
}

div.ruby-menu-demo-cr-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cr-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cs-1 {
    float: left;
    width: 33%
}

div.ruby-menu-demo-cs-2 {
    float: left;
    width: 66%
}

div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
    float: left;
    width: 25%;
    text-align: center
}

div.ruby-menu-demo-f-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 22px;
    font-size: 30px;
    background: #efefef;
    color: #aaa
}

div.ruby-menu-demo-f-title {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px
}

div.ruby-menu-demo-f-desc {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    padding: 15px
}

div.ruby-menu-demo-cs-1 table {
    line-height: 20px
}

div.ruby-menu-demo-cs-1 table tr,div.ruby-menu-demo-cs-1 table td {
    padding: 0;
    font-weight: 700
}

div.ruby-menu-demo-cs-1 table td:last-child {
    padding-top: 5px
}

h2.ruby-menu-demo-slogan-1,h3.ruby-menu-demo-slogan-1 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #b1b1b1;
    margin: 0
}

h1.ruby-menu-demo-slogan-2,h3.ruby-menu-demo-slogan-2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: none;
    color: #222;
    margin: 0
}

p.ruby-menu-demo-slogan-description,p.ruby-menu-demo-slogan-description-2 {
    font-size: 16px;
    line-height: 24px;
    color: #444;
    margin: 35px 0
}

p.ruby-menu-demo-slogan-description-2 {
    color: #666;
    font-weight: 600;
    margin: -10px 0
}

span.ruby-menu-demo-code {
    color: #888;
    text-decoration: underline
}

td.ruby-menu-demo-theme-td-1 {
    max-width: 30px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-2 {
    min-width: 120px;
    text-align: left;
    padding: 6px
}

td.ruby-menu-demo-theme-td-1:hover {
    cursor: pointer
}

.ruby-menu-demo-circle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 4px solid #222;
    display: inline-block;
    margin: 0
}

.ruby-menu-demo-color-1 {
    background: #1aad86
}

.ruby-menu-demo-color-2 {
    background: #0c67c2
}

.ruby-menu-demo-color-3 {
    background: #ce0661
}

.ruby-menu-demo-color-4 {
    background: #ea7500
}

.ruby-menu-demo-color-5 {
    background: #74ba27
}

.ruby-menu-demo-color-6 {
    background: #ff3264
}

.ruby-menu-demo-color-7 {
    background: #fad814
}

.ruby-menu-demo-color-8 {
    background: #ccc
}

.ruby-menu-demo-color-9 {
    background: #111;
    border-color: #ccc
}

.ruby-menu-demo-color-10 {
    background: #036de2;
    border-color: #489efd
}

.ruby-menu-demo-color-11 {
    background: #f85252;
    border-color: #444
}

.ruby-menu-demo-color-12 {
    background: #ca79d0;
    border-color: #f2def3
}

.ruby-menu-demo-color-13 {
    background: #efefef;
    border-color: #222
}

.ruby-menu-demo-color-14 {
    background: #ccc
}

div.ruby-menu-demo-download {
    position: absolute;
    width: auto;
    top: 55px;
    right: 0
}

div.ruby-menu-demo-download .fa {
    font-size: 20px;
    margin-right: 10px
}

div.ruby-menu-demo-download > span {
    font-size: 16px;
    display: block;
    margin: 10px 26px
}

div.ruby-menu-demo-download > span > span {
    font-size: 20px;
    color: #555;
    font-weight: 700
}

button.ruby-btn {
    background: #be1d15;
    ; border: 2px solid #be1d15;
    ; color: #fff;
    border-radius: 0;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

button.ruby-btn:hover {
    background: #fff;
    color: #be1d15;
}

.switch {
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round + label {
    padding: 2px;
    margin-top: -10px;
    width: 40px;
    height: 20px;
    background-color: #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: ""
}

input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round + label:after {
    width: 18px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-transition: margin .4s;
    -moz-transition: margin .4s;
    -o-transition: margin .4s;
    transition: margin .4s
}

input.cmn-toggle-round:checked + label:before,input.cmn-toggle-on + label:before {
    background-color: #8ce196
}

input.cmn-toggle-round:checked + label:after,input.cmn-toggle-on + label:after {
    margin-left: 20px
}

input.cmn-toggle-on:checked + label:before {
    background-color: #f1f1f1
}

input.cmn-toggle-on:checked + label:after {
    margin-left: 0
}

img.iphone7 {
    max-width: 350px;
    float: right;
    margin-right: 0
}

@media(min-width: 768px) and (max-width:991px) {
    div.ruby-menu-demo-description {
        position: relative;
        width: 760px;
        height: 160px;
        margin: 0 auto;
        padding: 0
    }

    div.ruby-menu-demo-description img {
        max-width: 200px;
        float: left;
        margin: 50px 20px 0 0
    }

    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
        width: 760px;
        font-size: 14px
    }

    div.ruby-menu-demo-cs-1 {
        width: 27%
    }

    div.ruby-menu-demo-cs-2 {
        width: 73%
    }

    td.ruby-menu-demo-theme-td-1 {
        max-width: 27px;
        padding: 7px
    }

    td.ruby-menu-demo-theme-td-2 {
        min-width: 100px;
        padding: 7px
    }

    .ruby-menu-demo-circle {
        width: 22px;
        height: 22px;
        border: 3px solid #222
    }

    img.iphone7 {
        max-width: 320px;
        float: right;
        margin-right: 20px
    }
}

@media(max-width: 767px) {
    div.ruby-menu-demo-header {
        width:100%;
        height: auto
    }

    div.ruby-menu-demo-description {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 220px;
        padding: 10px;
        text-align: center
    }

    div.ruby-menu-demo-description img {
        float: none;
        margin: 90px 0 0
    }

    div.ruby-menu-demo-download {
        position: relative;
        width: auto;
        top: 25px;
        right: auto;
        left: auto
    }

    div.ruby-menu-demo-download > span {
        font-size: 20px;
        margin: 25px auto
    }

    div.ruby-menu-demo-download > span > span {
        font-size: 26px
    }

    button.ruby-btn {
        padding: 14px 25px;
        font-size: 16px;
        text-transform: uppercase
    }

    div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
        display: none
    }

    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
        width: 100%;
        font-size: 16px;
        padding: 25px;
        margin-bottom: -100px
    }

    div.ruby-menu-demo-cv-1 {
        width: 100%
    }

    div.ruby-menu-demo-cv-2 {
        width: 100%
    }

    div.ruby-menu-demo-cv-3 {
        width: 100%
    }

    div.ruby-menu-demo-cv-4 {
        width: 100%
    }

    div.ruby-menu-demo-cr-1 {
        width: 100%
    }

    div.ruby-menu-demo-cr-2 {
        width: 100%;
        margin-top: 40px
    }

    div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
        float: left;
        width: 50%;
        text-align: center
    }

    div.ruby-menu-demo-f-desc {
        margin-bottom: 30px
    }

    img.iphone7 {
        max-width: 300px;
        float: none;
        margin-right: 0 auto
    }
}

/* theme */
div.ruby-wrapper,div.ruby-wrapper.ruby-vertical {
    /* background: #f9f9f9; */
    color: #222;
}

ul.ruby-menu > li > a {
    color: white;
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
    color: #ebebeb;
}

ul.ruby-menu > li.ruby-active-menu-item > a {
    background: #efefef;
    color: #222
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-left: 1px solid #222;
    border-right: 1px solid #222
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #222
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-left: 1px solid #efefef;
    border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border-left: none;
    border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item:hover > a {
    border-bottom: 1px solid #222;
    border-left: none
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    border-top: 4px solid #222
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
    background: #fff;
    color: #666
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
    background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
    background: #fff;
    border-top: 4px solid #222
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
    background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
    background: #efefef;
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
    background: #e6e6e6
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
    background: #be1d15!important;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
    background: #efefef;
    border-bottom: 1px solid #ddd
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
    color: #555
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
    color: #222
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
    color: #999
}

span.ruby-c-title,span.ruby-c-title a {
    color: #222
}

span.ruby-c-title a:hover,span.ruby-c-category,span.ruby-c-category a,span.ruby-c-date,span.ruby-c-date a {
    color: #444
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
    color: #222
}

@media(min-width: 768px) {
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        background-color:#222
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover {
        color: #333
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        border-color: transparent #fff transparent transparent
    }
}

@media(max-width: 767px) {
    ul.ruby-menu > li > a {
        background:#efefef
    }

    ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {
        background: #ccc;
        color: #111
    }

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #ccc
    }

    ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        background: #d1d1d1
    }

    ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #d9d9d9;
        color: #111
    }

    ul.ruby-menu > li > ul > li > ul > li > a {
        background: #e5e5e5
    }

    ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
        background: #e1e1e1
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        background: #efefef
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #fff
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #d9d9d9
    }

    span.ruby-dropdown-toggle:after {
        color: #fff
    }

    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        /* background: #333; */
    }

    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: #555
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: #777
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        /* background: #999; */
    }

    .c-hamburger span {
        background: #222
    }

    .c-hamburger span::before,.c-hamburger span::after {
        background-color: #222
    }

    .c-hamburger--htx {
        background-color: #efefef;
        color: #222
    }

    .c-hamburger--htx.is-active {
        background-color: #ddd
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        border-top: none
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        border-top: none
    }

    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }
}

/* transision */
span.ruby-dropdown-toggle {
    transition: transform .3s ease
}

span.ruby-dropdown-toggle:after {
    transition: transform .3s ease
}

@media(min-width: 767px) {
    ul.ruby-menu > li > a:after {
        transition:all .3s ease
    }

    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > div {
        transform: translateY(25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li > ul,ul.ruby-menu.ruby-vertical > li > div {
        transform: translateX(25px);
        transition: all .3s ease
    }

    ul.ruby-menu.ruby-vertical > li:hover > ul,ul.ruby-menu.ruby-vertical > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li > ul {
        transform: translateX(25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > ul {
        transform: translateX(-25px);
        transition: all .3s ease
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > ul {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateY(-50px);
        transition: all .5s ease
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateY(0)
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li > div {
        transform: translateX(50px);
        transition: all .5s ease
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        transform: translateX(0)
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }
}

/* main */
*,:before,:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: 'Open Sans',sans-serif
}

div.ruby-wrapper {
    /* position: relative; */
    width: 980px;
    height: 50px;
    /* margin: 0 auto; */
}

div.ruby-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none
}

div.ruby-wrapper > ul {
    /* position: relative; */
}

ul.ruby-menu > li {
    float: left;
    font-size: 14px
}

ul.ruby-menu > li.ruby-menu-right {
    float: right
}

ul.ruby-menu > li > a {
    display: block;
    text-decoration: none;
    font-family: LexendDeca!important;
}

ul.ruby-menu > li > a:only-child {
    padding: 0 15px
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
    /* background: #be1d15;; */
}

ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after {
    content: ''
}

ul.ruby-menu > li.ruby-active-menu-item > a {
    background: unset;
    color: white;
}

ul.ruby-menu > li > a .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li > a > img {
    max-width: 16px;
    display: block
}

ul.ruby-menu > li.ruby-menu-social > a {
    padding: 0;
    width: 30px;
    padding: 0 8px;
    font-size: 16px
}

ul.ruby-menu > li.ruby-menu-social > a > span {
    display: none
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {
    transition: all .5s ease;
    max-height: 50px;
    width: 30px;
    transition: all .5s ease;
    transition-delay: .3s
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {
    width: 120px
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {
    transform: scaleY(1);
    max-width: 80px
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {
    display: inline
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {
    position: absolute;
    width: 80px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    background: none;
    color: #efefef;
    border: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 0;
    transform: scaleY(0);
    transition: all .5s ease;
    transition-delay: .3s
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {
    outline: none;
    color: #efefef
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {
    color: #efefef
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
    border-left: 1px solid #111;
    border-right: 1px solid #666
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
    border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
    border: none;
    border-top: 1px solid #111;
    border-bottom: 1px solid #666
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
    border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
    border-right: 1px solid #be1d15;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
    border-bottom: 1px solid #be1d15;
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-right: 1px solid #17a47d
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
    border-bottom: 1px solid #17a47d
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    position: absolute;
    top: 100px;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc;
    border-top: 4px solid #be1d15;
}

ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li {
    position: relative
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
    display: block;
    width: 300px;
    line-height: 40px;
    padding: 0 35px 0 25px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-size: 14px
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
    background: #efefef
}

ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {
    content: ""
}

ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li.ruby-menu-right > ul {
    right: 0
}

ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
    left: 300px;
    top: -4px;
    z-index: 100
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
    left: auto;
    right: 300px;
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
    position: absolute;
    width: 100%;
    height: 510px;
    top: 100px;
    left: 0px;
    background: #ffffff;
    border-top: 4px solid #be1d15;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 24px -5px #ccc;
    -moz-box-shadow: 0 8px 24px -5px #ccc;
    box-shadow: 0 8px 24px -5px #ccc
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
    position: relative;
    width: 268px;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
    font-size: 14px;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
    display: block;
    line-height: 40px;
    background: black!important;
    padding: 0 15px;
    background: #efefef;
    color: #fff;
    text-decoration: none
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
    background: #e6e6e6
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
    position: absolute;
    width: 1000px;
    height: auto;
    min-height: 100%;
    left: 268px;
    top: 0;
    background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
    background: #be1d15;
    color: white;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div {
    text-align: center;
    z-index: 999999
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
    width: 100%;
    background: #efefef;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #ddd;
    font-size: 0;
    z-index: 100
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
    display: inline-block;
    margin: 0
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    display: block;
    padding: 20px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-stretch: expanded;
    color: #666
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
    text-decoration: none
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
    position: relative;
    text-decoration: none;
    display: inline-block
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
    position: absolute;
    width: 100%;
    left: 0;
    top: auto;
    margin-top: 1px;
    text-align: left;
    background: #fff;
    z-index: -1
}

div.ruby-grid,div.ruby-grid-lined {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

div.ruby-grid > div.ruby-row {
    position: relative;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #D9D9D9;
}

div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
    margin-top: 16px
}

div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
    margin-top: 0
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {
    height: 0
}

div.ruby-grid > div.ruby-row::after {
    content: "";
    display: table;
    clear: both
}

div.ruby-grid > div.ruby-row [class^="ruby-col"] {
    position: relative;
    float: left;
    height: 100%;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
    padding: 16px
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
    padding-left: 16px
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
    padding-left: 0
}

div.ruby-grid > div.ruby-row div.ruby-col-1 {
    width: 8.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-2 {
    width: 16.66%;
    padding: 0;
}

div.ruby-grid > div.ruby-row div.ruby-col-3 {
    width: 25%;
    padding-left: 0;
    padding-bottom: 20px;
    padding: 0;
}

div.ruby-grid > div.ruby-row div.ruby-col-4 {
    width: 33.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-5 {
    width: 41.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-6 {
    width: 50%
}

div.ruby-grid > div.ruby-row div.ruby-col-7 {
    width: 58.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-8 {
    width: 66.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-9 {
    width: 75%
}

div.ruby-grid > div.ruby-row div.ruby-col-10 {
    width: 83.33%
}

div.ruby-grid > div.ruby-row div.ruby-col-11 {
    width: 91.66%
}

div.ruby-grid > div.ruby-row div.ruby-col-12 {
    width: 100%
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: 0;
    background: -webkit-linear-gradient(top,rgb(183 183 183) 0%,rgb(203 203 203) 24%,rgb(197 197 197) 50%,rgb(205 205 205) 79%,rgb(219 219 219) 100%);
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {
    width: 0
}

div.ruby-grid img {
    position: relative;
    max-width: 100%;
    display: block
}

h3.ruby-list-heading {
    font-size: 16px;
    line-height: 11px;
    color: black;
    font-weight: unset;
    border-bottom: 1px solid #cdcdcd;
    margin: 0;
    margin-top: 20px;
    /* margin-left: 20px; */
    /* text-align: center; */
    padding: 20px;
    position: relative;
}

ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {
    margin: 0;
    margin-top: 10px
}

ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {
    position: relative;
    font-size: 14px;
    line-height: 28px;
    display: block;
    width: 100%
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
    text-decoration: none;
    color: #000;
    display: inline-block
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
    color: #000000;
    text-decoration: underline
}

ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {
    position: relative;
    width: 24px
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {
    height: 50px
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
    font-size: 11px;
    display: block;
    position: absolute;
    top: 16px;
    left: 72px;
    color: #999
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {
    float: left;
    width: 60px;
    margin-right: 12px
}

span.ruby-c-title,span.ruby-c-category,span.ruby-c-date {
    position: relative;
    display: block
}

span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a {
    text-decoration: none
}

span.ruby-c-title,span.ruby-c-title a {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 20px;
    margin-top: -5px;
    color: #222!important;
}

span.ruby-c-title a:hover {
    color: #444;
    text-decoration: underline
}

span.ruby-c-category,span.ruby-c-category a {
    font-size: 11px;
    margin: 9px 0;
    color: #444
}

span.ruby-c-date,span.ruby-c-date a {
    font-size: 11px;
    color: #444
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
    color: #be1d15;
}

div.ruby-c-inline {
    display: block;
    position: relative;
    height: 14px;
    margin: 7px 0
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date {
    position: absolute;
    display: inline-block
}

div.ruby-c-inline span.ruby-c-date {
    right: 0
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a {
    margin: 0
}

span.ruby-c-content {
    display: block;
    position: relative;
    top: 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: justify
}

.ruby-wrapper .visible-xs {
    visibility: hidden;
    position: absolute
}

@media(min-width: 768px) {
    div.ruby-wrapper.ruby-menu-transparent {
        background:none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
        background: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {
        background: none;
        color: #e2e2e2
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {
        background: none
    }

    div.ruby-wrapper.ruby-menu-full-width {
        width: 100%
    }

    div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {
        width: 980px;
        margin: 0 auto
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
        visibility: visible;
        opacity: 1;
        z-index: 101
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        visibility: hidden;
        opacity: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
        visibility: visible;
        opacity: 1
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        height: 1px;
        position: absolute;
        content: '';
        background-color: #be1d15;
        ; width: 0
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        top: 10px;
        left: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
        bottom: 10px;
        right: 5%
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,.snip1217 .current a {
        color: #000
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after {
        width: 90%
    }

    ul.ruby-menu > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        content: '\f0d7';
        font-size: 13px;
        position: absolute;
        margin-left: 5px
    }

    ul.ruby-menu > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
        font-family: "FontAwesome";
        text-decoration: none;
        font-size: 16px;
        padding: 0;
        content: '\f105';
        position: absolute;
        right: 15px
    }

    ul.ruby-menu > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after {
        content: '\f104';
        right: auto;
        left: 10px
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
        content: "";
        position: absolute;
        right: 0;
        margin-top: 13px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 8px 6px 0;
        border-color: transparent #fff transparent transparent
    }
}

/* responsive */
@media(max-width: 767px) {
    div.ruby-wrapper .hidden-xs {
        visibility:hidden;
        display: none
    }

    div.ruby-wrapper {
        /* position: absolute; */
        width: 100%;
        top: 0;
        /* background: #111; */
    }

    .ruby-wrapper .visible-xs {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0
    }

    div.ruby-wrapper > ul {
        position: absolute;
        top: 95px;
        left: 0;
        height: 100vh;
        overflow: auto;
        background: white;
        width: 100%;
    }

    ul.ruby-menu > li,ul.ruby-menu > li.ruby-menu-right {
        float: none
    }

    ul.ruby-menu > li > a {
        padding: 0 65px;
        background: #ffffff;
        border-bottom: 1px solid #ddd;
    }

    ul.ruby-menu > li > a:only-child {
        padding: 0 65px
    }

    ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {
        /* background: #127e61; */
    }

    ul.ruby-menu > li.ruby-active-menu-item > a {
        background: #cbcbcb00;
    }

    ul.ruby-menu > li.ruby-menu-social > a > span {
        display: block
    }

    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        position: relative;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none
    }

    ul.ruby-menu > li,ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li,ul.ruby-menu > li > ul > li > ul > li > ul > li {
        position: relative
    }

    ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        width: 100%;
        line-height: 20px;
        padding: 0 80px;
        background: #d1d1d100;
    }

    ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #d9d9d9;
        color: #111
    }

    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
        left: auto;
        top: auto;
        z-index: auto
    }

    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
        left: auto;
        right: auto
    }

    ul.ruby-menu > li > ul > li > ul > li > a {
        background: #ffffff;
        padding: 0 95px
    }

    ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
        background: #e1e1e1
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
        /* background: #efefef; */
        padding: 0 110px
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
        background: #fff
    }

    ul.ruby-menu > li.ruby-menu-social > a {
        border: none
    }

    ul.ruby-menu > li.ruby-menu-mega,ul.ruby-menu > li.ruby-menu-mega-blog,ul.ruby-menu > li.ruby-menu-mega-shop {
        position: relative
    }

    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        position: relative;
        top: auto;
        left: auto;
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        width: 100%;
        height: auto;
        left: auto;
        top: auto
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
        position: relative
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
        line-height: 21px;
        padding: 0 75px;
        background: #d1d1d1;
        color: #222
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
        background: #bcbcbc00;
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        position: relative;
        width: 100%;
        min-height: auto;
        left: auto;
        padding: 20px;
        top: auto;
        z-index: auto
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div {
        position: relative;
        text-align: left
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
        position: relative;
        border: none;
        font-size: 14px;
        margin-bottom: -1px
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
        position: relative;
        display: block;
        margin-top: -1px
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        padding: 0 80px;
        line-height: 50px;
        max-height: 50px;
        text-transform: none;
        font-weight: 400;
        background: #d1d1d1;
        color: #222;
        border: none
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #bcbcbc
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
        background: #d9d9d9
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        display: block
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
        position: relative;
        top: 0;
        z-index: 9999;
        margin: 0
    }

    ul.ruby-menu > li.ruby-menu-social img {
        display: inline-table;
        position: absolute;
        top: 15px
    }

    ul.ruby-menu > li.ruby-menu-social > a {
        width: 100%
    }

    ul.ruby-menu > li.ruby-menu-social .fa {
        position: absolute;
        top: 17px
    }

    ul.ruby-menu > li.ruby-menu-social span {
        line-height: 50px;
        padding: 0 25px
    }

    span.ruby-dropdown-toggle {
        position: absolute;
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px;
        right: 0;
        top: 6px;
        /* background: black; */
        padding: 10px 12px;
        z-index: 1000000;
        cursor: pointer
    }

    span.ruby-dropdown-toggle:after {
        font-family: "FontAwesome";
        text-decoration: none;
        content: '\f107';
        color: #000;
        font-size: 18px;
        right: 0
    }

    span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        content: "";
        width: 50px;
        height: 50px;
        /* background: #333; */
        position: absolute;
        left: 0;
        top: 0
    }

    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
        background: transparent;
    }

    ul.ruby-menu > li > ul > li > ul > li > a:before {
        background: transparent;
    }

    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
        /* background: #555; */
    }

    ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul,ul.ruby-menu,ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
        /* max-height: 0; */
        /* transform: scaleY(0); */
        /* overflow: hidden; */
    }

    ul.ruby-menu > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show {
        max-height: 20000px;
        transform: scaleY(1)
    }

    div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
        margin-top: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
        margin-top: 0
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
        height: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
        padding: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
        padding-left: 0
    }

    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
        padding-left: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-col-1,div.ruby-grid > div.ruby-row div.ruby-col-2,div.ruby-grid > div.ruby-row div.ruby-col-3,div.ruby-grid > div.ruby-row div.ruby-col-4,div.ruby-grid > div.ruby-row div.ruby-col-5,div.ruby-grid > div.ruby-row div.ruby-col-6,div.ruby-grid > div.ruby-row div.ruby-col-7,div.ruby-grid > div.ruby-row div.ruby-col-8,div.ruby-grid > div.ruby-row div.ruby-col-9,div.ruby-grid > div.ruby-row div.ruby-col-10,div.ruby-grid > div.ruby-row div.ruby-col-11,div.ruby-grid > div.ruby-row div.ruby-col-12 {
        width: 100%;
        /* padding: 20px 30px; */
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        width: 0
    }

    div.ruby-grid img {
        position: relative;
        max-width: 100%;
        height: auto;
        width: 100%;
        display: block
    }

    div.ruby-grid > div.ruby-row::after {
        content: "";
        display: table;
        clear: both
    }

    .c-hamburger {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border-radius: none;
        border: none;
        cursor: pointer;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .c-hamburger:focus {
        outline: none
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 24px;
        left: 8px;
        right: 8px;
        height: 3px;
        background: #fff
    }

    .c-hamburger span::before,.c-hamburger span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fff;
        content: ""
    }

    .c-hamburger span::before {
        top: -10px
    }

    .c-hamburger span::after {
        bottom: -10px
    }

    .c-hamburger--htx {
        background-color: #be1d15;
    }

    .c-hamburger--htx span {
        -webkit-transition: background 0 .3s;
        transition: background 0 .3s
    }

    .c-hamburger--htx span::before,.c-hamburger--htx span::after {
        -webkit-transition-duration: 0.3s,.3s;
        transition-duration: 0.3s,.3s;
        -webkit-transition-delay: 0.3s,0;
        transition-delay: 0.3s,0
    }

    .c-hamburger--htx span::before {
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,transform
    }

    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom,-webkit-transform;
        transition-property: bottom,transform
    }

    .c-hamburger--htx.is-active {
        background-color: #333
    }

    .c-hamburger--htx.is-active span {
        background: none
    }

    .c-hamburger--htx.is-active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-hamburger--htx.is-active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {
        -webkit-transition-delay: 0s,.3s;
        transition-delay: 0s,.3s
    }

    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
        border: none
    }

    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
        padding-left: 45px
    }

    ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .ruby-wrapper .hidden-md {
        visibility:hidden;
        display: none
    }

    div.ruby-wrapper {
        width: 760px
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
        width: 170px
    }

    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        width: 590px;
        left: 170px
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {
        width: 560px
    }

    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
        width: 360px
    }

    span.ruby-c-date {
        display: none;
        visibility: hidden;
        opacity: 0
    }

    div.ruby-grid > div.ruby-row div.ruby-col-3-md {
        width: 25%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-4-md {
        width: 33.33%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-6-md {
        width: 50%
    }

    div.ruby-grid > div.ruby-row div.ruby-col-12-md {
        width: 100%
    }

    div.ruby-grid.ruby-grid-lined > div.ruby-row:after,div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
        background: none
    }

    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
        padding: 20px 5px;
        font-size: 12px;
        font-stretch: condensed;
        color: #666
    }
}

.navbar {
    position: unset!important;
}

.phone-number {
    display: flex;
    flex-flow: column;
    position: relative;
}

.phone-number p {
    margin: 0;
    color: #ffffff;
}

.phone-number a {
    padding-left: 0!important;
    padding-bottom: 0!important;
    display: block;
    color: white;
    padding-top: 1px!important;
}

.phone-number:before {
    content: '';
    width: 2px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    left: -20px;
    background: #ffffff;
    top: 60%;
    margin-top: -17px;
}

.phone-number:after {
    content: '';
    width: 2px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    right: 0px;
    background: #ffffff;
    top: 60%;
    margin-top: -17px;
}

.header-contact-info .theme-btn {
    font-size: 17px;
    font-weight: 400;
    color: white!important;
    background: #be1d15;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px!important;
    border-radius: 50px;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 10px;
}

.section-subtitle {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 5px;
    color: #be1d15;
    margin: 0;
    text-transform: uppercase;
}

.section-title {
    font-size: 60px;
    /* font-weight: 700; */
    margin-bottom: 30px;
    letter-spacing: -1px;
    line-height: 61.5px;
}

.top-content img {
    display: block;
    border-radius: 10px;
    width: 100%;
}

.top-content {
    position: relative;
    margin-bottom: 24px;
}

.top-content .mobile {
    display: none;
}

.top-content .experience-box {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 41px 71px;
    padding: 30px 38px;
}

.simple-shadow {
    box-shadow: 0px 4px 20px 5px rgba(0,0,0,0.03);
    border-radius: 10px;
    /* background: #ffffff; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
}

.our-expert-team-box {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 40px 30px 40px 37px;
    max-width: 360px;
    background: white;
    width: 100%;
    padding: 21px 46px;
    flex: none;
}

.bottom-content {
    gap: 24px;
}

.our-expert-team-box .imgs img {
    width: 30px;
}

.our-expert-team-box .our-expert-team-box-inner p {
    line-height: 1;
    font-weight: 500;
    color: #be1d15;
    margin-bottom: 0;
}

.our-expert-team-box-inner {
    gap: 10px;
}

.experience-body {
    gap: 30px;
}

.veri {
    font-size: 40px;
    color: #be1d15;
}

.experience-content {
    gap: 10px;
}

.experience-content p {
    font-size: 16px;
    font-weight: 400;
    color: #be1d15;
    line-height: 1.3;
}

.experience-content p span {
    color: black!important;
    opacity: .85;
    display: block;
}

.our-expert-team-box-inner p span {
    opacity: 0.85;
    color: black;
}

.google-reviews-box {
    display: flex;
    align-items: flex-start;
    padding: 29px 35px;
    padding: 16px 25px;
    background: white;
    gap: 21px;
    align-items: center;
}

.google-reviews-box .left span {
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: black;
    margin-bottom: 6px;
}

.google-reviews-box .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.google-reviews-box .stars {
    gap: 3px;
    margin-bottom: 9px;
    margin-top: 0px;
}

.google-reviews-box .right p span {
    color: black;
    opacity: 0.82;
}

.google-reviews-box .right p {
    font-size: 12px;
    color: #be1d15;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
}

.our-expert-team-box .imgs img + img {
    margin-left: -12px;
}

.our-expert-team-box .imgs img {
    display: block;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.section-subtitle {
    margin-bottom: 16px;
}

.hero-empowerment-area .hero-empowerment-left-content p {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 30px;
}

.hero-left-content p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
    /* text-align: justify; */
    max-width: 439px;
}

.btns-group {
    gap: 16px;
}

.theme-btn2 {
    font-size: 15px;
    font-weight: 400;
    color: #be1d15;
    background: #ffffff;
    border: 1px solid #1351D81A;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 0px;
}

.theme-btn2:hover {
    color: white;
    background: none;
    border: 1px solid white;
}

.theme-btn {
    font-size: 15px;
    font-weight: 400;
    color: white;
    background: #be1d15;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px!important;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 10px;
    border: 1px solid #be1d15!important;
}

.theme-btn:hover {
    background: none;
    color: #be1d15;
}

.default-padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.shape-animated-left img {
    position: absolute;
    left: 0;
    bottom: 30%;
}

.shape-animated-left img:nth-child(2) {
    position: absolute;
    left: 90px;
    top: 30px;
}

.sub-heading {
    text-transform: uppercase;
    color: #DF0A0A;
    background: transparent linear-gradient(90deg, #810f09 0%, #e92f25 100%) 0% 0% no-repeat padding-box;
    font-weight: 600;
    /* background: -webkit-linear-gradient(#be1d15, #67130f); */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
    position: relative;
    font-size: 21px;
    z-index: 1;
    margin-bottom: 15px;
}

.title {
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 15px;
}

.mb-7 {
    margin-bottom: 7px;
}

.about-style-one p {
    color: #000000;
    margin: 0 0 15px;
    font-size: 20px;
    text-align: justify;
    text-transform: none;
    font-weight: 400;
}

.owner-info {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.owner-info .left-info {
    margin-right: 30px;
    border-right: 1px solid #e7e7e7;
    padding-right: 30px;
}

.owner-info h4 {
    font-weight: 600;
    margin-bottom: 5px;
}

.owner-info img {
    height: 56px;
}

.about-thumb {
    position: relative;
    margin-bottom: 80px;
}

.about-style-one .about-card {
    position: absolute;
    left: -80px;
    bottom: -80px;
}

.about-card {
    display: inline-block;
    padding: 50px;
    /* border-radius: 10px; */
    background: #0000009e;
    backdrop-filter: blur(7px);
}

.about-card li:first-child {
    margin: 0;
}

.about-card li {
    display: flex;
    margin-top: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
}

.about-card li i {
    display: inline-block;
    font-size: 60px;
    min-width: 85px;
    position: relative;
    top: 30px;
    color: #DF0A0A;
}

.fun-fact {
    display: inline-block;
    text-align: left;
}

.about-card .fun-fact .counter {
    color: white;
    line-height: 1;
    font-size: 50px;
}

.fun-fact .counter {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 70px;
    font-weight: 600;
    color: #0e0e0e;
    line-height: 1;
    margin-bottom: 5px;
}

.about-card .fun-fact .counter {
    color: white;
    line-height: 1;
    font-size: 50px;
}

.about-card .fun-fact .medium {
    color: white;
    font-weight: 600;
    opacity: 0.8;
}

.thumb-shape-bottom {
    position: absolute;
    right: -50px;
    bottom: -50px;
    text-align: right;
}

.thumb-shape-bottom img:first-child {
    position: absolute;
    right: -50px;
    height: 140px;
}

.thumb-shape-bottom img {
    position: relative;
}

.default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx {
    position: relative;
}

.icon2 img {
    width: 65px;
    margin-right: 14px;
    min-width: 69px;
}

.stars i {
    color: #d37d11;
}

.bg-gray {
    background: #F7F7F7;
}

.triangle-shape {
    max-width: 12%;
    position: absolute;
    left: 0;
    top: -58px;
}

.center-shape {
    position: absolute;
    left: 75%;
    top: -42px;
    height: 100%;
    width: 27%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/image/shape/5.png);
}

.service-nav-info {
    /* padding: 33px 0px; */
    height: 100%;
    margin-right: 50px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    /* box-shadow: 0 5px 3px rgb(3 27 78 / 8%); */
}

.service-nav-info::before {
    /* position: absolute; */
    /* right: -30px; */
    /* bottom: -30px; */
    content: "";
    /* height: 100%; */
    /* width: 100%; */
    /* border-right: 30px solid #1D2027; */
    /* border-bottom: 30px solid #1D2027; */
    /* z-index: -1; */
    /* opacity: 0.06; */
}

.service-nav-info h2 {
    /* font-weight: 600; */
    /* margin: 0; */
    /* font-size: 28px; */
}

.service-tab-navs {
    border: none;
    margin: 0;
    margin-top: 20px;
}

.service-tab-navs .nav-link.active {
    background: #1D2027;
    border-color: #1D2027 !important;
    color: white;
}

.service-tab-navs .nav-link {
    display: block;
    width: 100%;
    border: none;
    margin: 5px;
    border: 1px solid #8b8b8b !important;
    margin-top: 15px;
    border-radius: 10px;
    text-align: center;
    color: #0e0e0e;
    padding: 11px 35px;
    font-weight: bold;
    display: flex;
    font-size: 17px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: auto;
    position: relative;
    z-index: 1;
}

/*.service-tab-navs .nav-link::before {
    right: 42px;
    bottom: -1px;
    content: "";
    height: 0;
    width: 40px;
    position: absolute;
    background: #a63131;
    z-index: -1;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}*/

.service-tab-navs .nav-link.active::after, .service-tab-navs .nav-link.active::before {
    opacity: 1;
}

.service-tab-navs .nav-link.active::before {
    height: 50px;
}

.service-tab-navs .nav-link.active {
    background: #1D2027;
    border-color: #1D2027 !important;
    color: white;
}

.service-tab-navs .nav-link.active::after {
    height: 30px;
}

.service-tab-navs .nav-link.active::after, .service-tab-navs .nav-link.active::before {
    opacity: 1;
}

/*.service-tab-navs .nav-link::after {
    right: 63px;
    bottom: -1px;
    content: "";
    height: 0;
    width: 30px;
    position: absolute;
    background: #DF0A0A;
    z-index: -1;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: all 0.35s ease-in-out;
    opacity: 0;
}*/

.mt-60 {
    margin-top: 24px;
}

.services-style-one {
    position: relative;
    z-index: 1;
    background: white;
    height: 222px;
    padding: 16px;
    box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.services-style-one i {
    display: inline-block;
    font-size: 60px;
    margin-bottom: 30px;
    color: #df0a0a;
}

.services-style-one p {
    margin: 0;
    font-size: 20px;
}

.logo {
    padding-left: 0!important
}

.services-style-one h4 {
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 21px;
}

.services-style-one img {
    width: 100%;
    object-fit: cover;
}

.services-style-one .round-img {
    width: 50px;
    margin-bottom: 10px;
    height: 50px;
    background: white;
    border: 1px dashed red;
    border-radius: 50px;
    padding: 9px;
}

.site-heading {
    margin-bottom: 30px;
}

.site-heading .devider {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #be1d15;
    position: relative;
    z-index: 1;
    left: 10px;
}

.site-heading .devider:before {
    position: absolute;
    left: -15px;
    top: 0;
    content: "";
    height: 2px;
    width: 10px;
    background: black;
}

.process-style-one {
    padding: 15px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    position: relative;
}

.process-style-one:before {
    content: close-quote;
    position: absolute;
    top: 63px;
    height: 88%;
    width: 10px;
    transform: rotate(-56deg);
    border-right: 1px dashed #000;
    right: -29px;
}

.process-style-one:after {
    content: close-quote;
    position: absolute;
    top: 57px;
    height: 82%;
    width: 10px;
    transform: rotate(51deg);
    border-right: 1px dashed #000;
    right: 3px;
}

.process-style-one .thumb {
    position: relative;
    z-index: 1;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto auto 15px;
}

/*.process-style-one .thumb::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 40%;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 130%) repeat scroll 0 0;
    mix-blend-mode: multiply;
}*/

.process-style-one img {
    transition: all 0.35s ease-in-out;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.process-style-one .thumb span {
    font-weight: 600;
    position: absolute;
    bottom: 4px;
    font-size: 80px;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    text-transform: uppercase;
    font-family: Calibri;
    left: 55px;
    z-index: 1;
    transition: all 0.35s ease-in-out;
}

.active.process-style-one .thumb::after {
    bottom: 0;
}

/*.process-style-one .thumb::after {
    position: absolute;
    left: 0;
    bottom: -100%;
    content: "";
    height: 100%;
    width: 110%;
    background: url(/image/shape/14.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all 0.35s ease-in-out;
}*/

.process-style-one h4 {
    font-weight: 600;
    font-size: 23px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.process-style-one p {
    margin: 0;
    font-size: 18px;
}

.process-style-one:hover .thumb::after {
    bottom: 0;
}

.active.process-style-one .thumb::after {
    bottom: 0;
}

.project-section {
    overflow: hidden;
    background: unset;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
}

.project-section .project-left-details {
    max-width: 417px;
    min-width: 417px;
}

.project-section .project-left-details::before {
    content: '';
    height: 100%;
    position: absolute;
    width: 1500px;
    z-index: -1;
    /* background: #f4f6fe; */
    right: 56%;
}

.project-section .project-left-details .section-subtitle {
    margin-bottom: 22px;
    font-size: 21px;
    letter-spacing: 1px;
}

.project-section .project-left-details .section-title {
    margin-bottom: 25px;
    letter-spacing: -2px;
    font-size: 45px;
    line-height: 42px;
}

.project-section .project-left-details p {
    font-size: 17px;
    font-weight: 300;
    line-height: 29px;
    color: rgb(28 28 28 / 80%);
    margin-bottom: 35px;
}

.project-section .project-left-details ul {
    border-top: 1px solid rgb(28 28 28 / 20%);
    padding-top: 25px;
    padding-left: 0;
}

.project-section .project-left-details ul li {
    color: rgb(0 0 0);
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    gap: 18px;
}

.project-section .project-left-details ul li i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background: #be1d15;
    color: #ffffff;
    font-size: 14px;
}

.project-section .project-right-slider {
    max-width: 1086px;
    width: 100%;
    transform: translateX(198px);
}

.project-section .project-right-slider .project-right-slider-inner .project-slider {
    padding-bottom: 55px;
}

.project-item .project-item-inner {
    position: relative;
    transition: all .2s;
}

.project-item .project-item-inner h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0px;
    position: absolute;
    left: 24px;
    top: 34px;
    margin-bottom: 0;
}

.project-item:first-child h2 a {
    color: #ffffff;
}

.project-item .project-item-inner h2 a {
    color: black;
}

.project-item .project-item-inner img {
    display: block;
    height: 550px;
    object-fit: cover;
    border-radius: 10px;
}

.c-row {
    display: flex;
    width: 100%;
}

.project-section .swiper-pagination {
    bottom: 0;
    width: max-content!important;
    display: inline-flex;
    left: auto;
    right: 80px;
    background: #D9D9D9;
    border-radius: 10px;
}

.project-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1C1C1C;
}

.project-section .swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 0;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 10px;
    transition: .3s;
}

.project-item:first-child h2 a {
    color: #ffffff;
}

.project-item:nth-child(4) h2 a, .project-item:first-child h2 a {
    color: #ffffff;
}

.project-item .project-item-inner:hover {
    transform: scale(1.05);
    transition: all .2s;
}

.testimonios {
    position: relative;
    background: white;
    height: 100vh;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-100 {
    padding-top: 100px;
}

.testimonial-active .slick-arrow {
    position: absolute;
    bottom: 93px;
    left: -39px;
    border: none;
    background: none;
    padding: 0;
    font-size: 24px;
    color: #fff;
    z-index: 9;
    cursor: pointer;
    transition: .3s;
    width: 94%;
}

.testimonial-active i {
    color: #ac0e08;
    position: absolute;
    font-size: 29px;
    left: 50%;
}

.testimonial-active .swiper-next {
    left: 40px;
}

.single-testimonial {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 4px 15px #0000001A;
    border-radius: 10px;
    margin-left: 51px;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.testi-author {
    overflow: hidden;
    display: flex;
    margin-left: -78px;
}

.testi-author img {
    margin-top: -11px;
}

.ta-info {
    overflow: hidden;
    display: block;
    padding-top: 20px;
}

.ta-info h6 {
    font-size: 20px;
    margin-bottom: 5px;
}

.ta-info span {
    font-size: 14px;
    color: #be1d15;
}

.single-testimonial .qutation {
    position: absolute;
    right: 8%;
    top: 8%;
}

.single-testimonial p {
    padding-left: 42px;
    text-align: justify;
    margin-bottom: 0;
    margin-top: -20px;
}

#testimonios::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 100%;
    background: url(/image/shape/header-sape8.png);
    top: 0;
}

.section-title h2 {
    font-size: 45px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    position: relative;
    line-height: inherit;
}

.section-title p {
    line-height: 1.7;
}

.swiper-button-prev1 {
    margin-left: 47px;
}

.partner-map {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    background-image: url(/image/shape/map.png);
}

.partner-map h2 {
    font-size: 350px;
    font-weight: 600;
    display: inline-block;
    line-height: 0.8;
    position: relative;
    margin-top: -10px;
    margin-bottom: 20px;
}

.mask-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    background-image: url(/image/about.jpg);
}

.partner-map h4 {
    margin: 0;
    font-weight: 600;
    font-size: 36px;
}

.partner-items ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
   text-align: center;
    }

.partner-items ul li {
    position: relative;
    padding: 21px;
    display: flex;
    align-items: center;
}

./*partner-items ul li {
    position: relative;
    padding: 10px;
     clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); 
    width: 130px;
    height: 130px;
    border-radius: 50%;
     background: #d3d3d3; 
     position: absolute; 
    display: flex;
    top: 0;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    align-items: center;
}*/

.partner-items ul img {
    width: auto;
    text-align: center;
    margin: auto;
}



/*.partner-items ul li::after {
    position: absolute;
    right: -1px;
    top: 0;
    content: "";
    height: 100%;
    width: 1px;
 background: #e7e7e7; 
}*/


.partner-items ul li::after {
    position: absolute;
    right: -1px;
    top: 0;
    content: "";
    height: 100%;
    width: 1px;
    background: #e7e7e7;
}
.list-unstyled li a span {
    color: white!important;
    opacity: 1!important;
}

.footer-h h3 {
    color: white!important;
}

.mt-100 {
    margin-top: 100px;
}

.blog-style-one {
    background: white;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 5px 3px rgb(3 27 78 / 8%);
}

.blog-style-one .thumb {
    padding: 15px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.blog-style-one .thumb img {
    margin-bottom: 10px;
    border-radius: 5px;
}

.blog-style-one .info {
    padding: 20px;
    padding-top: 0;
}

.blog-meta {
    display: block;
    margin-bottom: 5px;
}

.blog-meta ul {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}

.blog-meta ul li {
    position: relative;
    z-index: 1;
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 52px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.blog-meta ul li, .blog-meta ul li a {
    color: #666666;
}

.blog-meta ul li a {
    /* margin-left: 3px; */
    display: inline-block;
    line-height: 1.4;
}

.blog-style-one h4 {
    font-size: 24px;
    line-height: 1.3;
}

.blog-style-one h4:hover a {
    color: #be1d15;
}

.blog-style-one .btn-simple {
    margin-top: 5px;
}

.btn-simple {
    line-height: 1;
    text-transform: capitalize;
    display: inline-block;
    font-size: 17px;
}

.btn-simple i {
    display: inline-block;
    margin-left: 2px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #1D2027;
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.35s ease-in-out;
    font-weight: 400;
    font-size: 16px;
    background: #1D2027;
    color: white;
}

.btn-simple:hover {
    color: #be1d15;
}

.blog-meta ul li a {
    font-size: 14px;
    background: #be1d15;
    text-transform: uppercase;
    color: #fff;
    /* background: transparent linear-gradient(90deg, #810f09 0%, #e92f25 100%) 0% 0% no-repeat padding-box; */
    box-shadow: 3px 4px 15px #a509254d;
    border-radius: 13px;
    padding: 5px 20px;
    margin-top: 10px;
}

.f-social img {
    filter: brightness(0) invert(1);
}

.about-section {
    background: white;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(/image/pattern/ptrn1.png);
}

.default-1-padding {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #607D8B;
    position: relative;
}

ul.list-unstyled li {
    margin-top: 17px;
}

ul.list-unstyled li a {
    font-size: 17px!important;
}

.blog-section:before {
    /*content: "";*/
    /* background-image: url(/image/banner-right.png); */
    background-repeat: no-repeat;
    background-position: 100% 0;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.blog-section:after {
    content: "";
    background-image: url(/image/h2_about_shape03.png);
    background-repeat: no-repeat;
    background-position: 106% 0;
    height: 63%;
    transform: rotate(180deg);
    width: 100%;
    position: absolute;
    top: -304px;
    display: none;
    left: -58px;
}

.t-rever {
    margin-top: 15px!important;
}

.remove-after:after {
    visibility: hidden;
}

.remove-before:before {
    visibility: hidden;
}

/*.process-section:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 27%;
    background: url(/image/shape/14.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    transition: all 0.35s ease-in-out;
}

.process-section:after {
    position: absolute;
    right: 0;
    top: -76.3%;
    content: "";
    height: 100%;
    width: 27%;
    background: url(/image/shape/14.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-180deg);
    background-position: top right;
    transition: all 0.35s ease-in-out;
}*/

.f-btn .btn-design-2:after {
    clip-path: unset;
}

.f-btn .btn-design-2:before {
    clip-path: unset;
}

.c-section {
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    padding: 24px;
    /* background: white; */
    position: relative;
}

.text-section__heading {
    color: white;
    margin-top: -74px;
    font-weight: 400;
    font-size: 60px;
}

.text-section__bg {
    position: absolute;
    bottom: -68px;
    filter: brightness(0) invert(1);
    display: none;
    /* filter: blur(0px); */
    right: 0;
    pointer-events: none;
    display: none;
}

.cta-section {
    position: relative;
    background: #f7f7f7;
    background-image: url(/image/pattern/ptrn3.png);
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
}

.text-section__title {
    font-size: 25px;
    line-height: 60px;
    color: white;
    /* margin-top: -50px; */
}

.text-section__bg {
    display: initial;
    /* display: none; */
}

.button-designs {
    display: inline-block;
    color: #fff;
    background: #be1d15;
    font-size: 15px;
    margin-top: 21px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 29px;
    border-radius: 50px;
    min-width: 145px;
    letter-spacing: .050em;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.button--primary {
    border: 2px solid #be1d15;
}

.button-designs:hover {
    color: #e3e1e1;
    background-color: transparent;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 20px 38px rgba(0,0,0,.16);
    box-shadow: 0 20px 38px rgba(0,0,0,.16);
}

.v-para {
    z-index: 1000;
    position: relative;
}

.process-section {
    height: 100vh;
    flex-flow: column;
    background-image: url(/image/pattern/ptrn6.png);
    align-items: center;
    justify-content: center;
    background-position: center;
    display: flex;
    background-size:cover;
    width:100%;
    background-repeat: no-repeat;
}

.client-section {/*    background: black;*/height: 100vh;display: flex;align-items: center;}

.c--details > div {
    margin-top: 17px;
}

.mt--17 {
    margin-top: 17px;
}

.mt--30 {
    margin-top: 30px;
}

.no-csstransforms3d .fallback-message {
    display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fallback-message {
        display: block;
    }
}

.full-size, .flip-box .object, .flip-box .front, .flip-box .back {
    width: 100%;
    height: 100%;
}

.slice, .flip-box .front, .flip-box .back, .flip-box .flank {
    display: block;
    overflow: hidden;
    position: absolute;
}

.flip-box {
    float: left;
    display: block;
    position: relative;
    z-index: 2;
    height: 300px;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}

.flip-box .object {
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-75px);
    -moz-transform: translateZ(-75px);
    -ms-transform: translateZ(-75px);
    -o-transform: translateZ(-75px);
    transform: translateZ(-75px);
}

.flip-box .object:hover, .flip-box .object:focus {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateZ(-75px) rotateY(180deg);
    -moz-transform: translateZ(-75px) rotateY(180deg);
    -ms-transform: translateZ(-75px) rotateY(180deg);
    -o-transform: translateZ(-75px) rotateY(180deg);
    transform: translateZ(-75px) rotateY(180deg);
}

.flip-box .front {
    z-index: 1;
    background-color: #789e13;
    -webkit-transform: rotateY(0deg) translateZ(75px);
    -moz-transform: rotateY(0deg) translateZ(75px);
    -ms-transform: rotateY(0deg) translateZ(75px);
    -o-transform: rotateY(0deg) translateZ(75px);
    transform: rotateY(0deg) translateZ(75px);
}

.flip-box .back {
    z-index: 0;
    padding: 20px;
    background-color: #ffffff;
    -webkit-transform: rotateY(180deg) translateZ(75px);
    -moz-transform: rotateY(180deg) translateZ(75px);
    -ms-transform: rotateY(180deg) translateZ(75px);
    -o-transform: rotateY(180deg) translateZ(75px);
    transform: rotateY(180deg) translateZ(75px);
}

.flip-box .flank {
    width: 150px;
    height: 300px;
    left: 75px;
    background-color: #ffffff;
    -webkit-transform: rotateY(-90deg) translateZ(150px);
    -moz-transform: rotateY(-90deg) translateZ(150px);
    -ms-transform: rotateY(-90deg) translateZ(150px);
    -o-transform: rotateY(-90deg) translateZ(150px);
    transform: rotateY(-90deg) translateZ(150px);
}

.flip-box.flip-up .object:hover, .flip-box.flip-up .object:focus {
    -webkit-transform: translateZ(-75px) rotateX(180deg);
    -moz-transform: translateZ(-75px) rotateX(180deg);
    -ms-transform: translateZ(-75px) rotateX(180deg);
    -o-transform: translateZ(-75px) rotateX(180deg);
    transform: translateZ(-75px) rotateX(180deg);
}

.flip-box.flip-up .back {
    -webkit-transform: rotateX(180deg) translateZ(75px);
    -moz-transform: rotateX(180deg) translateZ(75px);
    -ms-transform: rotateX(180deg) translateZ(75px);
    -o-transform: rotateX(180deg) translateZ(75px);
    transform: rotateX(180deg) translateZ(75px);
}

.flip-box.flip-up .flank {
    width: 100%;
    height: 150px;
    left: 0;
    top: 123px;
    -webkit-transform: rotateX(-90deg) translateZ(100px);
    -moz-transform: rotateX(-90deg) translateZ(100px);
    -ms-transform: rotateX(-90deg) translateZ(100px);
    -o-transform: rotateX(-90deg) translateZ(100px);
    transform: rotateX(-90deg) translateZ(100px);
}

.flip-box.alternative .front {
    background-color: #000000;
    height: 100%;
}

.flip-box.alternative .back {
    background-color: #000000;
}

.flip-box.alternative .flank {
    background-color: #000000;
}

.flip-box .flip-content {
    /* padding: 10px 20px; */
    color: #fff;
    height: 100%;
}

.flip-box .flip-content a {
    color: #fff;
}

.flip-box .back .flip-content {
    color: #ffffff;
}

.no-csstransforms3d .flip-box .object {
    position: relative;
    overflow: hidden;
    -webkit-transform-style: none;
    -moz-transform-style: none;
    -ms-transform-style: none;
    -o-transform-style: none;
    transform-style: none;
}

.no-csstransforms3d .flip-box .object .back {
    top: 300px;
    z-index: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.no-csstransforms3d .flip-box .object:hover .back {
    top: 0;
    z-index: 1;
}

.no-csstransforms3d .flip-box .flank {
    display: none;
}

/* Internet Explorer 10 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .object {
        position: relative;
        overflow: hidden;
        transform: none !important;
    }

    .object .back {
        top: 300px;
        z-index: 0;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .object:hover .back {
        top: 0;
        z-index: 1;
        transform: rotateY(0deg) translateZ(0);
    }
}

.project-section h1 {
    /* font-size: 45px!important; */
}

.flip-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
}

.flip-box img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: red;
}

.flip-content p {
    color: white;
}

.flip-box .back .flip-content p {
    color: black;
}

footer {
    height: 100vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.p-absolute {
    font-size: 60px;
    font-weight: bold;
    font-family: 'LexendDeca';
    position: absolute;
    top: -33px;
    text-shadow: rgb(190 29 21 / 52%) 0px 5px 15px;
    color: #be1d15;
    right: -26px;
}

/* .section-all:nth-child(even) {
      background-color: #ffe3c0;
    }

    .section-all:nth-child(odd) {
      background-color: #e6e6e6;
    }*/
.prt-links .ruby-col-3 {
    padding: 15px!important;
}

.width-400 {
    background: white;
    width: 300px;
}

.bg-chocolate {
    background: white!important;
}

.header_fixed .port-menu {
    top: 69px!important;
}

#description {
    font-size: 24px;
}

.form-wrap {
    background: rgb(255 255 255);
    width: 100%;
    /* max-width: 500px; */
    padding: 18px;
    /* background: linear-gradient(145deg, rgb(255 255 255 / 67%) 0%, rgb(255 255 255 / 30%) 100%); */
    border-radius: 30px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 2px outset rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 24px -1px rgba(0, 0, 0, 0.2);
    /* backdrop-filter: blur(21px); */
    margin: 0 auto;
    /* z-index: 10; */
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: unset;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.form-wrap:before {
    /* content: ""; */
    width: 90%;
    height: calc(100% + 60px);
    left: 0;
    right: 0;
    margin: 0 auto;
    /* position: absolute; */
    top: -30px;
    /* background: #be1d15; */
    z-index: -1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.form-group {
    margin-bottom: 25px;
}

.form-group > label {
    display: block;
    font-size: 18px;
    color: #000;
}

.custom-control-label {
    color: #000;
    font-size: 16px;
}

.form-control {
    height: 40px;
    background: #ffffff;
    border-color: #ced4da;
    padding: 0 15px;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-control:focus {
    border: unset;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

textarea.form-control {
    height: 80px;
    padding-top: 15px;
    resize: none;
}

.btn {
    padding: .657rem .75rem;
    font-size: 18px;
    letter-spacing: 0.050em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-primary:focus, .btn-primary.focus {
    color: #00bcd9;
    background-color: #ffffff;
    border-color: #00bcd9;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #00bcd9;
    background-color: #ffffff;
    border-color: #00bcd9;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}

.vh-100 {
    height: 100vh;
}

.header-position {
    position: unset;
}

.form-section {
    position: relative;
}

.form-control:focus {
    border: ;
}

.ball {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    Left: 50%;
}

.ball1 {
    transform: translate(175px, -289px);
    height: 300px;
    width: 300px;
    filter: blur(81px);
    /* background: linear-gradient(90deg,#000000,#0ff); */
}

.ball2 {
    transform: translate(160px, 100px);
    height: 150px;
    filter: blur(87px);
    width: 150px;
    /*background: linear-gradient(90deg,#a200ff,#000dff);*/
}

.ball3 {
    transform: translate(-331px, -295px);
    height: 240px;
    width: 240px;
    background: linear-gradient(90deg,#00ffd9,#00ff84);
    /* filter: blur(56px); */
    visibility: hidden;
}

.sub-btn {
    width: 130px;
}

/*Recaptcha Css Start*/
.rc-anchor {
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08)
}

.rc-inline-block {
    display: inline-block;
    height: 100%;
}

.rc-anchor-center-item {
    display: table-cell;
    vertical-align: middle;
}

.rc-anchor-center-container {
    display: table;
    height: 100%;
}

.rc-anchor-light {
    background: #f9f9f9;
    border: 1px solid #d3d3d3;
    color: #000
}

.rc-anchor-normal {
    height: 77px;
    width: 246px;
    display: flex;
    align-items: center;
    padding-left: 5px;
    position: relative;
}

.rc-anchor-normal .rc-anchor-content {
    height: 74px;
    width: 150px;
    float: left;
}

.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 101px;
}

.rc-anchor-checkbox {
    margin: 0 12px 2px 12px;
}

.recaptcha-checkbox {
    border: none;
    font-size: 1px;
    height: 28px;
    margin: 4px;
    width: 28px;
    overflow: visible;
    outline: 0;
    vertical-align: text-bottom;
    display: block;
}

.recaptcha-checkbox-border {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    font-size: 1px;
    height: 24px;
    position: absolute;
    width: 24px;
}

.rc-anchor-checkbox-label {
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.rc-anchor-normal-footer {
    display: inline-block;
    height: 74px;
    vertical-align: top;
}

.rc-anchor-logo-portrait {
    margin: 10px 0 0 26px;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.rc-anchor-logo-img-portrait {
    background-size: 32px !important;
    height: 32px;
    margin: 0 13px 0 13px;
    width: 32px;
}



.rc-anchor-logo-text {
    color: #9b9b9b;
    cursor: default;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    text-align: center;
}

.rc-anchor-normal .rc-anchor-pt, .rc-anchor-compact .rc-anchor-pt {
    color: #9b9b9b;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 8px;
    font-weight: 400;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 4px 13px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 276px;
}

.rc-anchor-pt a:link, .rc-anchor-pt a:visited {
    color: #9b9b9b;
    text-decoration: none;
}



/*Recapcha Css End*/
.last-nav .menu-1 a {
    color: white;
}

.last-nav ul.ruby-menu > li > a:hover {
    color: #fff;
}

.last-nav .black-menu li a {
    color: black!important;
}

.partner-items {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.custom-row {
    display: flex;
    justify-content: space-between;
}

.partner-items > ul {
    margin-bottom: 0
}

.t-translate {
    /* transform: translate(19px, -42px); */
}

.t-translate1 {
    /* transform: translate(28px, 29px); */
}

.t-translate2 {
    /* transform: translate(-1px, -42px); */
}

.t-translate3 {
    /* transform: translate(-12px, 46px); */
}

.consulting-pattern {
    position: absolute;
    /* z-index: 0!important; */
    right: 0;
    bottom: 0;
}

.page-title {
    position: relative;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 230px 0 110px;
    /* min-height: 147px; */
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #13131394;
    opacity: 0.8;
    content: "";
}

.page-title .title {
    font-size: 34px;
    color: #ffffff;
    margin-bottom: 17px;
}

.page-breadcrumb {
    position: relative;
    margin-top: 5px;
    padding-left: 0;
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    padding-right: 13px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.page-breadcrumb li a {
    color: white;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page-breadcrumb li:after {
    position: absolute;
    content: "\f105";
    right: -6px;
    top: 1px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    font-family: "FontAwesome";
    color: #ffffff;
}

.title-outer {
    position: relative;
    text-align: center;
}

#about-us header {
    background: transparent;
}

#about-us .menu-1 a {
    color: white;
}

#about-us .services-menu li a {
    color: black!important;
}

.about-active {
    color: #be1d15;
}

#about-us .portfolio-menu {
    color: black!important;
}

#mega-menus1 li a {
    color: black!important;
}

.ruby-c-title a {
    color: black;
}

.about-section1 {
    position: relative;
    padding: 120px 0 70px;
    /* background: rgb(162 212 236); */
}

.about-section1::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/image/shape/shape.png);
    content: "";
}

.about-section1 .content-column {
    position: relative;
    margin-bottom: 40px;
}

.about-section1 .content-column .inner-column {
    position: relative;
    padding-left: 70px;
}

.about-section1 .content-column .sec-title {
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.sec-title .sub-title {
    position: relative;
    top: -8px;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2em;
    font-weight: BOLD;
    display: inline-block;
    padding-left: 27px;
}

.sec-title .sub-title:before {
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 0.2em;
    content: "//";
    color: #be1d15;
}

/*.sec-title h2 {
    position: relative;
    font-size: 46px;
    color: #0f0f0f;
    font-weight: 700;
    margin-top: -5px;
    margin-bottom: 0;
}
*/
.sec-title .text {
    margin-top: 30px;
}

.about-section1 .content-column .list-style-two {
    margin-bottom: 40px;
}

.list-style-two li {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #0f0f0f;
    padding-left: 35px;
    margin-bottom: 10px;
}

.list-style-two li i {
    position: absolute;
    left: 0;
    top: 0;
    color: #be1d15;
    font-size: 18px;
    line-height: 26px;
}

.about-section1 .content-column .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about-section1 .content-column .info-btn {
    position: relative;
    display: block;
    font-size: 22px;
    padding: 8px 0;
    padding-left: 90px;
    color: #181818;
    text-align: left;
    font-weight: 800;
    white-space: nowrap;
    line-height: 20px;
    margin-right: 30px;
}

.about-section1 .content-column .info-btn i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -34px;
    line-height: 68px;
    height: 68px;
    width: 68px;
    text-align: center;
    border-radius: 50%;
    color: #be1d15;
    background-color: #edf0f5;
    font-size: 24px;
}

.btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 50px;
    margin-left: 15px;
    font-weight: 800;
    overflow: hidden;
    color: #ffffff;
    background: #be1d15;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    overflow: hidden;
}

.about-section1 .image-column {
    position: relative;
    margin-bottom: 35px;
}

.about-section1 .image-column .inner-column {
    position: relative;
    padding-right: 110px;
}

.about-section1 .image-column .inner-column:before {
    position: absolute;
    right: 65px;
    top: 70px;
    width: 451px;
    height: 381px;
    background-image: url(/image/shape/pattern-5.png);
    content: "";
}

.about-section1 .image-column .image-1 {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0px;
}

.about-section1 .image-column .image-1 img {
    width: 100%;
}

.overlay-anim:after {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}

.about-section1 .image-column .image-2 {
    position: absolute;
    right: 0;
    top: 60px;
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid #ffffff;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}

.overlay-anim:after {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}

.about-section1 .experience {
    position: absolute;
    left: -110px;
    bottom: 60px;
    min-width: 220px;
    background: #be1d15;
    padding: 20px 30px;
    border-radius: 10px 10px 0 10px;
    -webkit-box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08);
    box-shadow: 0 15px 60px rgba(68, 67, 67, 0.08);
}

.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear;
}

.about-section1 .experience::before {
    position: absolute;
    right: -20px;
    bottom: 0;
    border-left: 20px solid #be1d15;
    border-top: 20px solid transparent;
    content: "";
}

.about-section1 .experience .inner {
    position: relative;
    padding-left: 68px;
}

.about-section1 .experience .icon {
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 64px;
    color: #ffffff;
}

.about-section1 .experience .icon {
    position: absolute;
    left: -4px;
    top: 6px;
    font-size: 50px;
    color: #ffffff;
}

.about-section1 .experience .text {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}

.about-section1 .experience strong {
    position: relative;
    margin-top: 7px;
    font-size: 24px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    display: block;
}

.overlay-anim:hover:after {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.bounce-y {
    -webkit-animation: bounce-y 10s infinite linear;
    animation: bounce-y 10s infinite linear;
}

.bounce-x {
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}

.zoom-one {
    -webkit-animation: zoom-one 10s infinite linear;
    animation: zoom-one 10s infinite linear;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes zoom-one {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@-webkit-keyframes zoom-two {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoom-two {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.about-section1 .content-column .info-btn small {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #6a6a6a;
    margin-bottom: 10px;
}

.theme-btn .btn-title {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ruby-c-title {
    margin-bottom: 15px;
}

.about__solution {
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-image: url(/image/about/about-solution.jpg);
}

.about__solution::after {
    content: "";
    position: absolute;
    background: #131313;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    left: 0;
    top: 0;
    z-index: -1;
}

.about__solution-left h2 {
    color: white;
    font-size: 40px;
}

.about__solution-right {
    position: relative;
    z-index: 1;
    padding: 40px 0;
}

.btn-one {
    background: #be1d15;
    color: white;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    padding: 17px 43px;
    text-align: center;
    font-weight: 700;
    z-index: 3;
    position: relative;
    transition: 0.4s;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 6px;
}

.about__solution-right .btn-one::before {
    background: white;
    ; }

.btn-one::before {
    content: "";
    position: absolute;
    height: 400px;
    width: 430px;
    top: 50%;
    left: 50%;
    background: #131313;
    border-radius: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0);
    transition: all 0.5s ease-out 0s;
    z-index: -1;
}

.about__solution-right-shape {
    position: absolute;
    top: 0;
    right: 150px;
}

.left-right-animate {
    animation-name: left-right;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes left-right {
    0% {
        transform: translateX(20px);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(20px);
    }
}

.about-active a {
    color: #ffffff!important;
}

#about-us .header_fixed .menu-1 a {
    color: black;
}

.btn-one i {
    margin-left: 15px;
    font-size: 20px;
}

.subscribe__area {
    position: relative;
    margin-top: 100px;
    z-index: 4;
    margin-bottom: -100px;
}

.subscribe__area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: white;
}

.subscribe__area-bg {
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 70px;
    overflow: hidden;
    margin: 0;
    background-image: url(/image/about/subscribe.jpg);
}

.subscribe__area-bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #131313;
    opacity: 0.7;
    z-index: -1;
}

.subscribe__area-left h2 {
    color: white;
    margin-bottom: 20px;
    font-size: 40px;
}

.subscribe__area-left-notification {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
}

.subscribe__area-left-notification h6 {
    color: white;
    max-width: 113px;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out infinite;
    position: relative;
}

.video-pulse::before {
    animation-delay: 1s;
}

.video-pulse::after, .video-pulse::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid var(--border-white);
    opacity: 0.3;
    left: 0;
    top: 0;
    border-radius: 50%;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-name: video-animation;
    animation-iteration-count: infinite;
}

.video-pulse::before {
    animation-delay: 1s;
}

@keyframes video-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.subscribe__area-left-notification-icon.all-page i {
    color: #be1d15;
}

.subscribe__area-left-notification-icon i {
    color: #FCA028;
    background: white;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
}

.video-pulse::after, .video-pulse::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid white;
    opacity: 0.3;
    left: 0;
    top: 0;
    border-radius: 50%;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-name: video-animation;
    animation-iteration-count: infinite;
}

.subscribe__area-form {
    margin-left: 130px;
}

.subscribe__area-form form {
    position: relative;
}

.subscribe__area-form form input {
    border: 0;
    height: 70px;
    border-radius: 35px;
    color: #000000;
    padding-left: 30px;
}

.subscribe__area-form.all-page button {
    background: #be1d15;
    color: white;
    /* width: fit-content; */
}

.subscribe__area-form form button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 35px;
    background: #FCA028;
    font-weight: 700;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}

.subscribe__area-bg.all-page::after {
    background: #be1d15;
    animation-name: left-right;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.subscribe__area-bg::after {
    content: "";
    position: absolute;
    width: 303px;
    height: 303px;
    border-radius: 50%;
    bottom: -155px;
    left: -10px;
    background: #FCA028;
    mix-blend-mode: overlay;
    z-index: -1;
    animation-name: left-right2;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.subscribe__area-form form input {
    border: 0;
    height: 50px;
    border-radius: 35px;
    color: #000000;
    font-size: 18px;
    padding-left: 30px;
    width: 100%;
    padding: 0 15px;
    background: white;
}

.title-outer .shape-box {
    position: absolute;
    top: 166px;
    left: 160px;
    bottom: 60px;
    width: calc(100% - 85%);
    background-color: #20bad1;
    mix-blend-mode: soft-light;
    -moz-transform: skew(20deg, 0deg);
    -webkit-transform: skew(20deg, 0deg);
    -o-transform: skew(20deg, 0deg);
    -ms-transform: skew(20deg, 0deg);
    transform: skew(20deg, 0deg);
    z-index: 1;
}

#about-us .header_fixed {
    background: white!important;
}

/*Services section*/
.services-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    /* height: 100vh; */
    z-index: 1;
    /*background: #d9d9d9;*/
    background-image: url(/image/pattern/ptrn4.jpg);
    width: 100%;
    height: 100%;
    background-size: cover;
}

.services-section .row {
    margin: 0 -8px;
}

.services-section .row > div {
    padding: 0 8px;
}

.services-section .bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.services-section .bottom-box .text {
    line-height: 28px;
    padding: 15px 30px;
    background-color: #f3f3f3;
}

.services-section .bottom-box .theme-btn {
    margin-left: 10px;
}

.service-block {
    position: relative;
    margin-bottom: 15px;
    z-index: 1;
}

.service-block .inner-box {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 45px 25px 50px 50px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-radius: 10px;
    overflow: hidden;
}

.service-block .inner-box::before {
    position: absolute;
    width: 124px;
    height: 121px;
    left: 0;
    top: 0;
    background-image: url(/image/shape/dots.png);
    content: "";
}

.service-block .inner-box:hover {
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-15px);
    transform: translateY(-5px);
}

.service-block .inner-box:hover .icon-box {
    background-color: #be1d15;
}

.service-block .inner-box:hover .icon-box .icon {
    color: #ffffff;
}

.service-block .inner-box:hover .read-more i {
    color: #ffffff;
    background-color: #be1d15;
}

.service-block .icon-box {
    position: absolute;
    right: -52px;
    bottom: -52px;
    height: 210px;
    width: 210px;
    background: #f3f3f3;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 40px 50px;
    border-radius: 50%;
}

.service-block .icon-box .icon {
    color: #be1d15;
    font-size: 72px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.service-block .title {
    font-weight: 800;
    margin-bottom: 14px;
}

.service-block .title:hover {
    color: var(--theme-color2);
}

.service-block .text {
    position: relative;
    margin-bottom: 60px;
}

.service-block .read-more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    color: #6a6a6a;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}

.service-block .read-more i {
    margin-right: 20px;
    height: 52px;
    width: 52px;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    color: black;
    display: flex;
    border-radius: 50%;
    transition: all 100ms linear;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.title a {
    font-size: 25px;
}

.sec-title {
    position: relative;
    margin-bottom: 50px;
    z-index: 2;
}

.cta__two {
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.cta__two-shape {
    position: absolute;
    right: 200px;
    top: 0;
    z-index: -1;
    mix-blend-mode: soft-light;
    height: 100%;
}

.cta__two-shape {
    position: absolute;
    right: 200px;
    top: 0;
    z-index: -1;
    mix-blend-mode: soft-light;
    height: 100%;
}

.cta__two::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #131313;
    opacity: 0.85;
    z-index: -2;
}

.subtitle-one {
    position: relative;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    padding-left: 55px;
    display: inline-block;
    margin-bottom: 14px;
}

.subtitle-one::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #be1d15;
}

.subtitle-one::after {
    position: absolute;
    content: "";
    bottom: 6px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #be1d15;
}

.cta__two-title h2 {
    color: white;
    font-size: 48px;
    line-height: 60px;
    padding: 0;
    font-weight: 700;
    margin: 0;
}

.cta__two-info {
    display: flex;
    gap: 20px;
    justify-content: end;
}

.cta__two-info-item {
    display: inline-block;
    background: white;
    padding: 30px 45px;
    border-radius: 6px;
}

.cta__two-info-item-icon {
    margin-bottom: 15px;
}

.cta__two-info-item-icon i {
    color: #be1d15;
    font-size: 20px;
    background: #F4F4F4;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    transition: 0.4s;
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out ;
}

.cta__two-info-item span {
    font-size: 14px;
    font-weight: 600;
}

.cta__two-info-item h6 {
    text-transform: lowercase;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-weight: 700;
}

.cta__two-info-item h6 a {
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 2px no-repeat;
    transition: all 400ms ease;
}

.left-right-animate2 {
    animation-name: left-right2;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes left-right2 {
    0% {
        transform: translateX(10px);
    }

    50% {
        transform: translateX(110px);
    }

    100% {
        transform: translateX(10px);
    }
}

.icon-animation {
    animation: icon-animation 1.5s ease-in-out infinite;
}

@keyframes icon-animation {
    from {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }

    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }

    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }

    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.cta__two-info-item:hover .cta__two-info-item-icon i {
    background: #be1d15;
    color: white;
}

.rotate {
    transform: rotate(-272deg);
}

.services-section::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/image/shape/shape.png);
    content: "";
}

.height-510 {
    height: 510px;
}

.h-350 {
    height: 350px;
}

.hero-img {
    background-image: url(/image/header-sape.png);
}

.our-project {
    background: url(/image/contact-bg-6.jpg);
    background-repeat: no-repeat!important;
    background-position: 50%!important;
    background-size: cover!important;
    background-attachment: fixed;
}

.testi-img {
    background-image: url(/image/pattern/ptrn5.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    width:100%;
    background: #8080803d;
}

.footer-img {
    background-image: url(/image/footer-bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000000!important;
}

.abt-hero {
    background-image: url(/image/about.jpg);
}

.service-hero {
    background-image: url(/image/services1.jpg);
}

.cta__two {
    background-image: url(/image/getInTouchThree.jpg);
    background-attachment: fixed;
}

.services--main .services-section {
    height: unset;
}

.services--main .phone-number p {
    color: #ffffff;
}

.services--main .phone-number:before {
    background: white;
}

.services--main .phone-number:after {
    background: white;
}

#about-us .about-section1 .content-column .info-btn small {
    font-weight: bold;
    color: #be1d15;
}

#about-us .sec-title .sub-title {
    color: #be1d15;
    font-weight: bold;
}

#about-us .phone-number p {
    margin: 0;
    color: white;
}

.header_fixed .phone-number p {
    margin: 0;
    color: #be1d15!important;
}

.service-sidebar {
    position: relative;
    display: block;
    max-width: 365px;
    width: 100%;
}

.service-sidebar .service-sidebar-single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.service-sidebar .service-sidebar-single-services {
    position: relative;
    display: block;
    background: #f6f4ec;
    border-radius: 10px;
    padding: 35px 30px 25px;
}

.service-sidebar .service-sidebar-single-services .title {
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding-left: 20px;
}

.service-sidebar .service-sidebar-single-services .title h3 {
    color: var(--headings-color);
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02em;
}

.service-sidebar .service-sidebar-single-services ul {
    position: relative;
    display: block;
    margin-top: 10px;
}

.service-sidebar .service-sidebar-single-services ul li {
    position: relative;
    display: block;
    margin-bottom: 5px;
    margin-top: -10px;
}

.service-sidebar .service-sidebar-single-services ul li:last-child {
    margin-bottom: 0;
}

.service-sidebar .service-sidebar-single-services ul li a {
    position: relative;
    display: block;
    color: var(--agriox-color-1, #687469);
    font-size: 18px;
    padding: 22px 20px 22px;
    border-radius: 10px;
    background: transparent;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-sidebar .service-sidebar-single-services ul li a:hover {
    color: var(--headings-color);
}

.service-sidebar .service-sidebar-single-services ul li a:hover::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li a:hover i {
    color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-services ul li a::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: -1;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.service-sidebar .service-sidebar-single-services ul li a i {
    font-size: 16px;
}

.service-sidebar .service-sidebar-single-services ul li.current a::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li.current a i {
    color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-services ul li.current:first-child {
    margin-top: 20px;
}

.service-sidebar .service-sidebar-single-services ul li.current:last-child {
    margin-bottom: 35px;
}

.service-sidebar .service-sidebar-single-contact-box {
    position: relative;
    display: block;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 50px 0px 44px;
    z-index: 1;
}

.service-sidebar .service-sidebar-single-contact-box::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(109, 140, 84, 0.93);
    border-radius: 10px;
    content: "";
    z-index: -1;
}

.service-sidebar .service-sidebar-single-contact-box .icon {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50%;
    background: var(--theme-color2);
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover {
    background-color: var(--headings-color);
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
    color: #fff;
}

.service-sidebar .service-sidebar-single-contact-box .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--headings-color);
    font-size: 30px;
    line-height: 60px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box .title {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 42px;
}

.service-sidebar .service-sidebar-single-contact-box .title h2 {
    color: #ffffff;
    font-size: 36px;
}

.service-sidebar .service-sidebar-single-contact-box .phone {
    font-size: 24px;
    line-height: 34px;
}

.service-sidebar .service-sidebar-single-contact-box .phone a {
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
    color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-contact-box p {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
}

.service-sidebar .service-sidebar-single-btn {
    position: relative;
    display: block;
}

.service-sidebar .service-sidebar-single-btn .thm-btn {
    font-size: 16px;
    padding: 13px 50px 28px;
}

.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
    position: relative;
    display: inline-block;
    top: 13px;
    color: #334b35;
    font-size: 40px;
    padding-right: 25px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    font-weight: 500;
}

.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
    color: #ffffff;
}

.service-sidebar .banner-widget {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

.service-sidebar .banner-widget .widget-content {
    position: relative;
    display: block;
    width: 100%;
    padding: 45px 30px 40px 30px;
    background-size: cover;
    background-repeat: no-repeat;
}

.service-sidebar .banner-widget .widget-content .shape {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 278px;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-sidebar .banner-widget .content-box {
    position: relative;
    max-width: 200px;
    width: 100%;
}

.service-sidebar .banner-widget .content-box .icon-box {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    background-color: var(--theme-color2);
    color: var(--text-color-bg-theme-color2);
    text-align: center;
    border-radius: 5px;
    margin-bottom: 23px;
}

.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
    position: absolute;
    top: -15px;
    right: -38px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

.service-sidebar .banner-widget .content-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
    background: #0a267a;
}

.service-sidebar .service-sidebar-single-btn .theme-btn {
    padding: 20px 50px;
}

.service-sidebar .service-sidebar-single-btn .btn-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.service-sidebar .service-sidebar-single-btn span::before {
    position: relative;
    display: inline-block;
    font-size: 36px;
    padding-right: 25px;
    margin-top: 7px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    font-weight: 500;
}

.services-details__content .feature-list .single-item {
    position: relative;
    display: block;
    border: 1px solid #e1e8e4;
    padding: 16px 30px 16px 53px;
    margin-bottom: 20px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.services-details__content .feature-list .single-item .icon-box {
    color: var(--theme-color1);
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 18px;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
}

.services-details__content .feature-list .single-item .title {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
    text-transform: uppercase;
}

.services-details__content .feature-list .single-item:hover {
    background-color: var(--theme-color2);
    color: var(--text-color-bg-theme-color2);
}

.services-details__content .feature-list .single-item:hover .icon-box {
    color: var(--text-color-bg-theme-color2);
}

.service-list li {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.service-list li:last-child {
    margin-bottom: 0px;
}

.service-list li a {
    position: relative;
    display: block;
    font-size: 18px;
    color: var(--headings-color);
    font-weight: 600;
    background-color: #fff;
    padding: 17px 20px 17px 50px;
    -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}

.service-list li a:hover, .service-list li a.current {
    color: var(--text-color-bg-theme-color1);
    background-color: var(--theme-color1);
    padding-left: 80px;
}

.service-list li a:hover i, .service-list li a.current i {
    width: 60px;
    color: black;
    background-color: #be1d15;
}

.service-list li i {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 100%;
    background-color: #f6f4ec;
    text-align: center;
    font-size: 16px;
    color: #707582;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar-service-list {
    margin: 0;
}

.sidebar-service-list li + li {
    /* margin-top: 10px; */
}

.sidebar-service-list li a {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 19px 40px;
}

.sidebar-service-list li a:hover {
    color: #be1d15;
}

.sidebar-service-list li a:hover i {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    background-color: #be1d15;
}

.sidebar-service-list li a i {
    height: 32px;
    width: 45px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #191825;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 15px;
}

.sidebar-service-list li.current a {
    color: #be1d15;
}

.sidebar-service-list li.current a i {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    background-color: #be1d15;
}

.service-details-help {
    position: relative;
    display: block;
    padding: 57px 55px 50px;
    margin-top: 30px;
    text-align: center;
    z-index: 1;
    background-color: #be1d15;
    border-radius: 15px;
    overflow: hidden;
}

.help-shape-1 {
    position: absolute;
    bottom: -215px;
    left: -95px;
    width: 220px;
    height: 500px;
    background-color: #303030;
    mix-blend-mode: soft-light;
    border-radius: 150px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.help-shape-2 {
    position: absolute;
    top: -118px;
    right: -130px;
    width: 180px;
    height: 350px;
    background-color: #fff;
    mix-blend-mode: soft-light;
    border-radius: 186px;
    -webkit-transform: rotate(48deg);
    transform: rotate(48deg);
}

.help-icon {
    height: 73px;
    width: 73px;
    background-color: #fff;
    cursor: pointer;
    color: #191825;
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.help-icon:hover {
    background-color: #191825;
    color: #fff;
}

.help-title {
    font-size: 38px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 21px;
    font-weight: 700;
}

.help-contact {
    position: relative;
    display: block;
    margin-top: 21px;
}

.help-contact p {
    font-size: 14px;
    color: #fff;
    margin: 0;
    line-height: 32px;
    font-weight: 600;
    opacity: 0.7;
}

.help-contact a {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.help-contact a:hover {
    color: #191825;
}

.sidebar-service-list ul {
    padding-left: 0px;
    width: 300px;
    margin: 25px auto;
    border-radius: 15px;
}

.services-details__content h3 {
    font-size: 30px;
    margin-bottom: 15px;
}

.blockquote-one {
    position: relative;
    font-size: 17px;
    line-height: 30px;
    color: #242323;
    font-family: 'TenorSans';
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 20px 40px;
}

.blockquote-one::before {
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    background-color: #be1d15;
    content: "";
    border-radius: 5px;
}

.services-details__content ul {
    padding-left: 0;
}

.btn-style-one1:before {
    left: 0;
    top: 0;
    content: "";
    background-color: #be1d15;
    border-radius: 10px;
    height: 100%;
    width: 24px;
    position: absolute;
    -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: -1;
}

.btn-style-one1 {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    padding: 15px 50px;
    font-weight: 800;
    overflow: hidden;
    color: #ffffff;
    background: #be1d15;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 10px;
    overflow: hidden;
}

.accordion-box .accordion-button:not(.collapsed) {
    color: #be1d15;
    background-color: transparent;
    font-weight: bold;
    height: 70px;
    font-size: 17px;
    display: flex;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.services-details {
    position: relative;
}

.services-details::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/image/shape/shape.png);
    content: "";
}

.accordion-box button {
    display: flex;
    font-size: 17px;
    font-weight: bold;
}

.accordion-box .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.accordion-box .accordion-item {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin-top: 15px;
}

.accordion-box .accordion-button:focus {
    z-index: 3;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.service-d-hero {
    background-image: url(/image/services-details/banner.jpg);
}

.ser_vice-list {
    margin-top: 25px;
}

.ser_vice-list::before {
    content: '';
    position: absolute;
    height: 50px;
    top: 40px;
    left: 30%;
    width: 3px;
    background: #be1d15;
}

.ser_vice-list::after {
    content: '';
    position: absolute;
    height: 39px;
    top: 40px;
    right: 30%;
    width: 3px;
    background: #be1d15;
}

.ser_vice-list li {
    /*padding-left: 20px;*/
    /*position: relative;*/
}

.accordion-button {
    position: relative;
}

.ser_vice-list li a {
    font-size: 15px!important;
    border-radius: 0;
}

.sidebar-service-list > ul li {
    margin-top: 10px;
}

.ser_vice-list li a:before {
    content: '';
    position: absolute;
    height: 2px;
    left: 21px;
    background: #be1d15;
    top: 50%;
    width: 9px;
}

.side-services > div button {
    display: flex;
    font-size: 18px;
    font-weight: 700;
    border: none;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: #f5f5f5;
    border-radius: 15px!important;
}

.side-services .accordion-item {
    border: none;
    position: relative;
}

.side-services .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    height: 32px;
    width: 45px;
    position: absolute;
    right: 20px;
    color: #191825;
    background-color: #fff;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 15px;
    font-family: 'FontAwesome';
    content: "\f105";
    background-image: unset;
    background-repeat: no-repeat;
    background-size: 15px;
    transition: transform 2s ease-in-out;
}

.side-services .accordion-button:focus {
    z-index: 3;
    border-color: none!important;
    outline: 0;
    box-shadow: unset!important;
}

.side-services .accordion-button:not(.collapsed)::after {
    background-image: unset!important;
    transform: rotate(451deg);
}

.side-services .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #be1d15;
    /* border-radius: 0px!important; */
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.side-services .accordion-body {
    padding: 0;
}

.accordion-box .accordion-body {
    font-size: 17px;
    font-family: 'TenorSans'!important;
}

/*#about-us .header_fixed .portfolio-menu a {
    color: black!important;
}
*/
#about-us .header_fixed .ruby-menu-mega-blog-nav li a {
    color: black;
}

.about-menu ul li a {
    color: black!important;
}

.service-sidebar .accordion-flush .accordion-collapse {
    border-width: 0;
    transition: all 2s ease!important;
}

.blog-section {
    /* height: 100vh; */
}

#slideout form {
    display: block;
    padding: 20px;
}

#slideout.on {
    right: 0;
}

.right-panel .form-group > label {
    display: block;
    font-size: 16px;
    text-align: left;
    color: #000;
}

.close-btn {
    height: 40px;
    width: 40px;
    top: 0;
    background: transparent;
    position: absolute;
    color: black;
    font-size: 22px;
    font-weight: bold;
}

.close-btn:hover {
    opacity: 0.7;
}

.right-panel input {
    border: 1px solid #ddd;
}

.right-panel textarea {
    border: 1px solid #ddd;
}

.form-title {
    font-size: 30px;
    text-align: center;
    padding-bottom: 25px;
}

.right-panel {
    width: 40%!important;
}

.career-d-hero {
    background-image: url(/image/career/hero.jpg);
}

.job-post.job-post-list:hover {
    box-shadow: 0 10px 25px #1e293b26!important;
    transform: translateY(-6px);
}

.job-post {
    transition: all .5s ease;
}

.rounded {
    border-radius: 6px!important;
}

.job-post.job-post-list .w-310px {
    width: 310px!important;
}

.avatar.avatar-small {
    height: 65px;
    width: 65px;
}

.bg-soft-primary {
    background-color: #c1c1c175!important;
    color: #000000!important;
}

.margin-5 {
    margin-right: 5px;
}

.btn-primary {
    background-color: #be1d15;
    border-color: #be1d15;
}

.shadow1 {
    box-shadow: 0 0 3px #1e293b26!important;
}

.btn-primary:hover {
    color: #000;
    background-color: transparent;
    border-color: #be1d15;
}

.header_fixed .theme-btn {
    color: white!important;
}

.header_fixed .theme-btn:hover {
    color: black!important;
}

.skill-list {
    margin-bottom: 0;
    padding: 0;
    margin-top: 10px;
}

.skill-list li {
    margin: 0px 5px;
}

.avatar.avatar-medium {
    height: 110px;
    width: 110px;
}

.p-color {
    color: #be1d15;
}

.job-details h5 {
    font-weight: 600!important;
    padding-left: 10px;
    background: #dddddd3b;
    line-height: 1.5;
    border-left: 3px solid #bc1d15;
    font-size: 20px;
}

.res-list {
    list-style: disc!important;
}

.res-list li {
    font-weight: bold;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    background-color: #f8f9fc;
    border-radius: 0;
}

.job-details {
    background: white;
    padding: 20px;
}

.job-info small {
    color: #2e2e2ea6!important;
    font-weight: 600;
}

.job-info h6 {
    font-size: 16px;
    font-weight: 600;
}

.font-size-40 {
    font-size: 26px;
}

.margin-10 {
    margin-right: 10px;
}

.job-info .form-control {
    border: 1px solid #ddd;
}

.job-info .text-danger {
    color: #dc3545!important;
    font-weight: 900;
    font-size: 20px;
}

.file-c {
    height: 100%;
    padding: 8px;
}

.theme-btn1 {
    font-size: 15px;
    font-weight: 400;
    color: #be1d15;
    background: transparent;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px!important;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    overflow: hidden;
    text-decoration: none !important;
    gap: 10px;
    border: 1px solid #be1d15!important;
}

.img-before {
    position: relative;
}

.img-before::before {
    content: '';
    position: absolute;
    width: 27%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    background-image: url(/image/career/pattern.png);
}

.job-info form {
    height: 100%;
}

.job-details {
    /* height: 515px; */
    /* overflow-y: auto; */
}

.height-100vh {
    height: 100vh;
}

.height-100vh .modal-body {
    padding: 5px!important;
}

.job-details-section .job-details {
    /* height: 570px; */
}

.job-post-list:hover .h5 {
    color: #be1d15!important;
}

.job-details::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.job-details::-webkit-scrollbar-track {
    background: #f1f1f1;
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.job-details::-webkit-scrollbar-thumb {
    background: #be1d15;
    border-radius: 10px;
}

/* Handle on hover */
.job-details::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.job-details-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: -1;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    background-image: url(/image/contact-bg-6.jpg);
    background-attachment: fixed;
}

.job-details-section {
    position: relative;
}

.header_fixed .c-white li a {
    color: white!important;
}

/*===============PortFolio CSS===============*/
.portfolio-section {
    padding: 50px 0;
    background-color: #fff;
}

.portfolio-section h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.portfolio-menu {
    text-align: center;
}

.control {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #343a40;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
}

.control:hover {
    background: #343a40;
}

.mixitup-control-active {
    color: #fff;
    background: #343a40;
}

.fancybox-container button:focus {
    outline: 0;
    box-shadow: none;
}

.portfolio-item {
    padding-top: 30px;
}

.pd {
    padding: 0;
    padding: 10px;
    position: relative;
}

.pd img {
    height: 380px;
    transition: all 0.5s;
    width: 100%;
    object-fit: cover;
}

.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}

.portfolio-overlay p, .portfolio-overlay a {
    position: relative;
    z-index: 4;
}

.portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}

.portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}

.portfolio-item:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #be1d15;
    border-right: 1px solid #be1d15;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #be1d15;
    border-left: 1px solid #be1d15;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item li:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}

.portfolio-overlay .category {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.portfolio-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #be1d15;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
    background: #000;
}

.portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}

.tab-lists li button {
    padding: 10px 15px;
    background: none!important;
    color: black;
    font-weight: bold;
    border: 1px solid #be1d15!important;
    margin: 10px;
    transition: .8s;
    border-radius: 4px!important;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.tab-lists li button:hover {
    background: #be1d15!important;
    color: white!important;
}

.tab-lists {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.tab-lists .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    /* background-color: #be1d15!important; */
    border-color: #dee2e6 #dee2e6 #fff;
}

.overlay-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

video {
    object-fit: cover;
    width: 100%;
    height: 100vh;
    object-position: left;
}

.digital-hero {
    position: relative;
}

.video-screen {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0000007d;
    /* background-image: linear-gradient(to top, #000000 , #00000000); */
}

.overlay-contetnt {
    position: absolute;
    top: 40%;
    left: 11%;
}

.header_fixed ul.ruby-menu > li > a {
    color: black;
}

.header_fixed .phone-number a {
    color: black;
}

.client-section {
    background-image: url(/image/pattern/ptrn2.png);
    /* height: 100%; */
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}




/*____________________Back to Top CSS________________________*/


.blok:nth-of-type(odd) {
background-color:white;
}
    
.blok:nth-of-type(even) {
background-color:black;
}

@-webkit-keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
    14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
    28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
    42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
    56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
    70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
    84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}


/* #Progress
================================================== */

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: "FontAwesome";
    content: '\f062';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: rgb(190 29 21); 
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
    opacity: 0;
}
.progress-wrap::before {
    position: absolute;
    font-family: "FontAwesome";
    content: '\f062';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: black; /* --- Pijl hover kleur --- */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
    opacity: 1;
}
.progress-wrap svg path { 
    fill: none; 
}
.progress-wrap svg.progress-circle path {
    stroke: rgb(190 29 21)  ; /* --- Lijn progres kleur --- */
    stroke-width: 4;
    box-sizing:border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.contact-hero{
    background-image: url(/image/contact-us/banner.jpg);
}


 .contact_form_box_inner {
    position: relative;
    padding: 50px 45px 35px;
    border-radius: 15px;
    background: #fff;
    /* box-shadow: 0px 3px 16px 0px rgba(0 , 0 , 0 , .05); */
    z-index: 1;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.contact_form_shortcode textarea {
    height: 150px;
    position: relative;
    outline: none;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #e4e7ee;
    width: 100%;
    padding: 4px 15px 0px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    margin-bottom: 20px;
    color:#4a4e56;
}

  .before_title {
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    color: #be1d15;
    padding: 0px 0px 10px 0px;
    text-decoration: underline;

}

.title_sections h2{
   font-size: 38px;
    line-height: 50px;
    font-weight: 700;
    color: #282f3b;
    padding: 0px 0px 10px 0px;
}
.title_sections p {
    font-size: 18px;
    line-height: 27px;
    padding: 0px 0px 10px 0px;
}

 .contact_box_inner {
    position: relative;
    padding: 20px 30px;
    display: block;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border: 1px solid #e4e7ee;
    transition: all 0.5s ease;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    cursor: pointer;
    background: #fff;
}


 .contact_box_inner.icon_yes .icon_bx {
    position: absolute;
    left: 24px;
    bottom: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background:#be1d15;
    margin: auto;
    text-align: center;
    line-height: 40px;
}

.icon_bx span {
    color: #fff;
    font-size: 16px;
}

.contact_box_inner.icon_yes .contnet {
    margin-left: 55px;
}

.contact_box_inner .contnet h3 {
    font-size: 18px;
    font-weight: 700;
    color: #282f3b;
    margin-bottom: 5px;
    line-height: 26px;
}

.contact_box_inner .contnet p {
    margin-bottom: 0px;
    font-size: 16px;
}
.social_media_v_one ul {
    padding: 0;
    margin: 0;
}

.social_media_v_one ul li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px !important;
}

.social_media_v_one.style_two ul li a {
    background-color: #f0f3f9;
    color:#be1d15;
}

.social_media_v_one ul li a {
    width: 40px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    border-radius: 50px;
    background: #282f3b;
    color: #fff;
}

.pd_bottom_40 {
    padding-bottom: 40px;
}

.pd_bottom_15 {
    padding-bottom: 15px;
}

.tab-lists .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    /* background-color: #be1d15!important; */
    border-color: #dee2e6 #dee2e6 #fff;
}
.bg-secondary-light {
    background-color: #e9edf2;
    color: #172b4c;
}

.pys-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.mx-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*.about-section::before{
    content:'J';
    position: absolute;
    top: 0%;
    left: 1%;
    font-size: 302px;
    color: #00000012;
    font-family: Storytella,sans-serif;
}*/
.service-tab-navs {
    flex-wrap: nowrap;
}
img.text-section__bg1 {
    position: absolute;
    filter: brightness(0) invert(1);
    top: -287px;
    transform: rotate(177deg);
    left: 0px;
}
.portfolio-menu .tab-lists li .nav-link.active {
    color: #ffffff;
    background-color: #be1d15!important;
    border-color: #dee2e6 #dee2e6 #fff;
}
.apply-btn{
    width:100%;
    justify-content: center;
}
.submit-btn{
        width: 24%;
    margin: 15px auto;
    display: block!important;
}



/*Services 3 Start*/


.tp-service-bg {
/*  background:#f4f4f4;*/
      background-image: url(/image/pattern/ptrn4.jpg);
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
}

.tp-service-bg::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/image/shape/shape.png);
    content: "";
}
@media (max-width: 767px) {
  .tp-service-section-box {
    margin-bottom: 40px;
  }
}
.tp-service-item:hover .tp-service-icon span {
  color: white;
}
.tp-service-item:hover .tp-service-icon-shape {
  opacity: 1;
  visibility: visible;
}
.tp-service-item:hover .tp-service-arrow {
  margin-left: 0;
}
.tp-service-item:hover .tp-service-shape-1 {
  opacity: 1;
  visibility: visible;
}
.tp-service-item:hover > .tp-service-thumb img {
  transform: scale(1.2);
}
.tp-service-item:hover > .tp-service-thumb::before {
  opacity: 1;
  visibility: visible;
}
.tp-service-item:hover > .tp-service-thumb::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.tp-service-content-box {
  background-color: #fff;
  padding: 40px;
  padding-bottom: 35px;
  margin-top: -95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-content-box {
    padding: 30px;
    margin-top: -95px;
  }
}
@media (max-width: 767px) {
  .tp-service-content-box {
    padding: 40px 20px;
    padding-bottom: 35px;
  }
}
.tp-service-thumb {
  position: relative;
  overflow: hidden;
}
.tp-service-thumb::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 6px;
  position: absolute;
  background-color: #be1d15;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  z-index: 2;
}
.tp-service-thumb::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(22, 22, 22, 0.4);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.tp-service-thumb img {
  width: 100%;
  height: 245px;
  transition: 0.7s;
}
.tp-service-icon {
  display: inline-block;
  position: relative;
  /* padding: 10px; */
  z-index: 2;
}
.tp-service-icon span {
  font-size: 40px;
  color: #be1d15;
  padding: 17px;
  display: inline-block;
  height: 100px;
  /* line-height: 110px; */
  text-align: center;
  width: 100px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 20px 0px rgba(18, 14, 14, 0.06);
  transition: 0.5s;
}
.tp-service-icon span i {
  position: relative;
  z-index: 2;
}
.tp-service-icon-shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.tp-service-icon-shape img {
  max-width: inherit;
}
.tp-service-text {
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-service-text p {
    font-size: 14px;
  }
}
.tp-service-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 14px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-service-title {
    font-size: 22px;
  }
}
.tp-service-title:hover {
  color: var(--tp-theme-1);
}
.tp-service-arrow {
  margin-left: -90px;
  transition: 0.5s;
}
.tp-service-arrow a {
  color:#be1d15;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}
.tp-service-arrow a i {
  font-weight: 700;
  display: inline-block;
  margin-left: 11px;
  transform: translateY(3px);
  font-size: 23px;
}
.tp-service-shape-1 {
  position: absolute;
  right: 40px;
  bottom: 0;
  opacity: 0;
  visibility: visible;
  transition: 0.5s;
}
.tp-service-shape-2 {
  position: absolute;
  right: 0;
  width: 318px;
  top: -28px;
  animation: jumpTwo 3s infinite linear;
}

@keyframes jumpTwo {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 40px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


.tp-section-title {
    font-weight: 700;
    font-size: 45px;
    line-height: 1.2;
    margin-bottom: 0;
}

.tp-service-arrow {
    margin-left: -90px;
    transition: 0.5s;
}

.fix {
    overflow: hidden;
}
.te-service-text p{
    color:#727272;
    font-size: 16px;
}
.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}


.tp-service-item:hover .filter{
   filter: brightness(0) invert(1);
   z-index: 1000;
    position: relative;
}
.filter{
    width: 40px;
}

.services-testi{
    background-image: url(/image/pattern/ptrn2.png)!important;
    height: 100%;
    width: 100%;
    background-size: cover;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
}
.rare img{
    /* width: 300px!important; */
    /* max-width: 157px; */
}
.testimonial-active .swiper{
    position: unset;
}

.testimonial-active .swiper-pagination{
    bottom: 86px!important;
}

.testimonial-active .swiper-pagination-bullet-active{
    background:#be1d15!important;
    transform: scale(1.3);
    transition: .4s;
}
.hero-left-content h1{
    color: transparent!important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}
h6.numbers {
    font-size: 40px;
    font-weight: bold;
    color: #be1d15;
}
.services-style-one:hover{
    background:#be1d15;

}
.services-style-one{
    transition: .8s;
}
.about-card ul{
    padding:0;
}

.bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.bottom-box .text {
    line-height: 28px;
    padding: 15px 30px;
    background-color: #f3f3f3;
}



/*Blog Css */
.blog-style-one .thumb img{
    transition: .8s;

}
.blog-style-one:hover .thumb img{
   transform: scale(1.3);
}

.postbox__wrapper {
    padding-right: 35px;
}
.postbox__thumb {
    position: relative;
}
.postbox__thumb-text-2 {
    position: absolute;
    left: 30px;
    top: 30px;
}


.postbox__thumb-text-2 > span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 7px 20px;
    color: white;
    background-color: #be1d15;
}

.m-img img {
    max-width: 100%;
}
.postbox__wrapper .postbox__content {
    padding: 0;
    padding-top: 30px;
    background-color: transparent;
}
.mb-70 {
    margin-bottom: 70px;
}

.postbox__meta {
    margin-bottom: 20px;
}

.postbox__wrapper .postbox__meta span:not(:last-child) {
    margin-right: 20px;
}

.postbox__wrapper .postbox__meta span {
    font-weight: 400;
    font-size: 14px;
}

.postbox__meta span {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.postbox__wrapper .postbox__meta span i {
    color:#be1d15;
    margin-right: 10px;
}
.postbox__title {
    font-weight: 700;
    font-size: 36px;
    color: black;
    margin-bottom: 22px;
}

.postbox__wrapper .postbox__text > p {
    padding-right: 20px;
    margin-bottom: 20px;
    text-align: justify;
}
.postbox__text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 40px;
}
.postbox__text img {
    max-width: 100%;
}

.postbox__blockquote > blockquote {
    padding-left: 30px;
}
blockquote {
    margin: 0 0 1rem;
}

.postbox__blockquote > blockquote > p {
    font-weight: 500;
    font-size: 26px;
    color: black;
    margin-bottom: 15px;
    line-height: 35px;
}

.postbox__blockquote > blockquote cite {
    font-weight: 400;
    font-size: 16px;
    font-style: inherit;
    position: relative;
}

.postbox__blockquote > blockquote::after {
    position: absolute;
    content: "";
    top: 9px;
    height: 100px;
    width: 2px;
    left: 0;
    background: #be1d15;
}

.postbox__details-share-wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e6e8;
}

.postbox__details-tag span {
    font-size: 20px;
    font-weight: 500;
    color: #121416;
    margin-right: 6px;
}
.tagcloud a {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 2px 15px;
    margin-right: 5px;
    background-color: white;
    margin-bottom: 14px;
    display: inline-block;
}
.postbox__details-tag.tagcloud a {
    padding: 2px 15px;
    background-color: #f5f5f8;
}
.text-lg-end {
    text-align: right!important;
}

.postbox__details-share span {
    font-size: 20px;
    font-weight: 500;
    color: #121416;
    margin-right: 15px;
}

.postbox__details-share a {
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    display: inline-block;
    background-color:black;
    color: white;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}

.postbox__author {
    padding: 45px 60px;
}
.black-bg {
    background-color: black;
}

.white-bg {
    background-color: white;
}

.postbox__author-thumb {
    flex: 0 0 auto;
    margin-right: 25px;
}

.postbox__author-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: white;
}

.postbox__comment ul li {
    margin-bottom: 10px;
    list-style: none;
}
.postbox__comment-box {
    padding-bottom: 60px;
    padding-top: 30px;
    border-bottom: 1px solid #e7e6e8;
}

.postbox__comment-avater {
    flex: 0 0 auto;
}

.mr-40 {
    margin-right: 40px;
}

.postbox__comment-avater img {
    width: 155px;
    height: 155px;
    border-radius: 50%;
}
.postbox__comment-name {
    margin-bottom: 5px;
}
.p-relative {
    position: relative;
}

.postbox__comment-name h5 {
    font-weight: 700;
    font-size: 20px;
    color:black;
    line-height: 1;
    margin-bottom: 15px;
}

.postbox__comment-text > p {
    font-size: 18px;
    color: #838383!important;
    margin-bottom: 15px;
}

.postbox__comment-reply a {
    color:#be1d15!important;
    font-weight: 700;
    font-size: 14px;
}

.postbox__comment-reply a i {
    display: inline-block;
    margin-right: 10px;
    transform: translateY(2px);
}
.postbox__comment ul li.children {
    margin-left: 65px;
}
.postbox__comment ul li {
    margin-bottom: 10px;
    list-style: none;
}
.postbox__comment-form-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
}
.tp-contact-form-input-box input{
    outline: none;
    background-color: #f5f5f8;
    height: 60px;
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    color: black;
    padding-left: 25px;
    padding-right: 25px;
    resize: none;
    border: 1px solid transparent;
}

.tp-contact-form-input-box textarea {
    height: 165px;
    outline: none;
    background-color: #f5f5f8;
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    color: black;
    padding-left: 25px;
    padding-right: 25px;
    resize: none;
    border: 1px solid transparent;
}
.tp-contact-form-input-box textarea {
    line-height: 1.4;
    padding-top: 17px;
    padding-bottom: 17px;
}
.tp-btn span {
     position: relative; 
    z-index: 2;
}
.tp-btn::after {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0%;
    height: 100%;
    content: "";
    background: black;
    transition: all 500ms ease-in-out;
}
.sidebar__widget {
    padding: 30px;
    background: #F4F6F8;
}
.sidebar__search {
    position: relative;
}
.sidebar__search input {
    font-size: 14px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
    text-transform: capitalize;
    border: 1px solid #fff;
    outline: none;
    padding-right: 70px;
    border: 1px solid #e0dddc;
    background: white;
}

.sidebar__search button {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 60px;
    height: 100%;
    line-height: 60px;
    color: white;
    background-color: #be1d15;
}
.mb-30 {
    margin-bottom: 30px;
}
.sidebar__widget-title {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
    padding-left: 7px;
    margin-bottom: 30px;
    color: #16171a;
}

.sidebar__widget-title::after {
    position: absolute;
    content: "";
    left: 0px;
    height: 21px;
    width: 2px;
    top: 50%;
    background:#be1d15;
   
}

.rc__post-thumb {
    flex: 0 0 auto;
    position: relative;
}

.mr-20 {
    margin-right: 20px;
}
.rc__post-thumb::after {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color: #be1d15;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.rc__meta span {
    font-weight: 400;
    font-size: 16px;
    display: block;
    margin-bottom: 7px;
}

.rc__meta span i {
    transform: translateY(-2px);
    margin-right: 3px;
    color:  #be1d15;
}

.rc__post-title {
    font-weight: 700;
    font-size: 16px;
    margin-right: -20px;
    line-height: 22px;
    margin-bottom: 0;
    color: black;
}
.sidebar__widget ul li {
    list-style: none;
    height: 56px;
    line-height: 56px;
    border-radius: 2px;
    padding: 0 30px;
    box-shadow: 0px 4px 20px 0px rgba(30, 22, 22, 0.06);
    background: #fff;
}
.sidebar__widget ul li.active {
    background-color:  #be1d15;;
}
.sidebar__widget ul li.active a {
    color: #fff;
}
.sidebar__widget ul li a {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    color:#16171a;
    display: block;
}
.sidebar__widget ul li a span {
    float: right;
}

.tagcloud a {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    padding: 2px 15px;
    margin-right: 5px;
    background-color: white;
    margin-bottom: 14px;
    display: inline-block;
}

.rc__post-thumb a img{
    height: 70px;
    width:70px;
}

.sidebar__wrapper .sidebar__widget-title::after {
    position: absolute;
    content: "";
    left: 0px;
    height: 21px;
    width: 2px;
    top: 19%;
    background: #be1d15;
}

.postbox__content-thumb img{
    width: 355px;
}
.mb-25 {
    margin-bottom: 25px;
}
.sidebar__widget ul li:hover {
    background-color: #be1d15;
}
.sidebar__widget ul li:hover a {
    color:white
}
.ml-5{
    margin-left: 5px;
}
.postbox__author-content h3,p,a{
}

.postbox__author-social a {
    color: white;
    margin-right: 20px;
    display: inline-block;
    transition: 0.3s;
}
.mb-20 {
    margin-bottom: 20px;
}
.postbox__details-share a:hover {
    background-color: #be1d15;
}
.services-style-one:hover a{
    color:white;
}
.services-style-one:hover p{
    color:white;
}
.blog-hero {
    background-image: url(/image/hero-banner/blog-banner.jpg);
}

.text ul li{
    list-style-type: disc;

}

.text ul {
    padding-left: 30px;
}