@charset "UTF-8";




@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



:root {

    --main-color-one: #495d64;

    --main-color-two: #030749;

    --secondary-color: #006aec;

    --heading-color: #282b2d;

    --paragraph-color: #717171;

    --color-dark: #111111;

    --color-white: #ffffff;

    --heading-font: 'Old Standard TT', serif;

    --body-font: 'Poppins', sans-serif;

    --box-shadow: 2.088px 14.854px 30px 0px rgba(0, 0, 0, 0.1);

}



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    overflow-x: hidden;

    font-family: var(--body-font);

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    outline: none;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

}



body {

    margin: 0;

    color: var(--paragraph-color);

    overflow-x: hidden;

    font-family: var(--body-font);

    font-size: 16px;
    hyphens: none!important;

}



ul,

li {

    list-style: none;

    margin: 0;

    padding: 0;

    letter-spacing: 1px;

}



h1 {

    font-size: 48px;

    line-height: 1.0833333333;

    font-family: var(--heading-font);

}



h2 {

    font-size: 42px;

    line-height: 1.2;

    font-weight: 700;

    font-family: var(--heading-font);

}



h3 {

    font-size: 24px;

    line-height: 1.0833333333;

    font-weight: 700;

}



h4 {

    font-size: 20px;

    line-height: 28px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--heading-color);

    font-weight: 700;

}



p {

    -webkit-hyphens: auto;

    hyphens: auto;

    margin-bottom: 0;

    line-height: 32px;

    font-size: 16px;

    font-weight: 400;

}



p.text {

    color: var(--paragraph-color);

    -webkit-hyphens: auto;

    hyphens: auto;

    margin-bottom: 0;

}



a {

    color: inherit;

    text-decoration: none;

    color: var(--paragraph-color);

}



a,

a:hover,

a:focus,

a:active {

    text-decoration: none;

    outline: none;

    color: inherit;

}



pre {

    word-break: break-word;

}



a i {

    padding: 0 2px;

}



img {

    max-width: 100%;

}



ol {

    counter-reset: counter;

    padding-left: 0;

}



ol li {

    list-style: none;

    margin-bottom: 1rem;

}



ol li:before {

    counter-increment: counter;

    content: counter(counter);

    font-weight: 500;

    margin-right: 10px;

}



blockquote {

    margin: 0;

    padding: 0;

}





/*input and button type focus outline disable*/



input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=number]:focus,

textarea:focus,

input[type=button]:focus,

input[type=reset]:focus,

input[type=submit]:focus,

select:focus {

    outline: none;

    box-shadow: none;

    border: 1px solid #ddd;

}



code {

    color: var(--main-color-one);

}





/*--------------------------------------------------------------

    Accessibility

--------------------------------------------------------------*/





/* Text meant only for screen readers. */



.screen-reader-text {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    -webkit-clip-path: inset(50%);

    clip-path: inset(50%);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important;

    /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

    clip: auto !important;

    -webkit-clip-path: none;

    clip-path: none;

    color: #21759b;

    display: block;

    font-size: 14px;

    font-size: 0.875rem;

    font-weight: bold;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000;

    /* Above WP toolbar. */

}





/* Do not show the outline on the skip link target. */



#content[tabindex="-1"]:focus {

    outline: 0;

}





/*--------------------------------------------------------------

    Globals

--------------------------------------------------------------*/





/* --------------------------------------

    Container width

-------------------------------------- */



#default-home .container {

    max-width: 1200px;

}



@media (max-width: 767px) {

    #hero-section .container {

        max-width: 600px;

    }

    #service-section .container,

    #project-section .container,

    #about-section .container,

    #find-out-more-section .container,

    #testimonial-section .container,

    #team-section .container,

    #blog-section .container,

    #footer-section .container,

    #counter-section .container,

    #features-section .container,

    #customer-review .container,

    #contact-section .container {

        max-width: 500px;

    }

}



.card,

.card-body {

    padding: 0;

    border-radius: 0;

    background: transparent;

    border: 0;

}





/* --------------------------------------

    Contact form success message

-------------------------------------- */



#form-messages {

    color: green;

}





/* --------------------------------------

    Banner section

-------------------------------------- */



.bg-prefix {

    background-position: 50% 0px;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 200px 0;

    width: 100%;

}



#banner-section {

    background-position: top center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;

}



#banner-section .overlay {

    padding: 150px 0 150px;

    background: rgba(0, 0, 0, .8);

}



.breadcrubms h2 {

    color: var(--color-white);

}



.breadcrubms ul li {

    color: var(--color-white);

    font-size: 20px;

    display: inline-block;

    padding: 5px 10px;

    transition: all linear .3s;

}



.breadcrubms ul li:hover {

    color: var(--main-color-one);

}



@media (max-width: 767px) {

    #banner-section .overlay {

        padding: 120px 0;

        background: rgba(0, 0, 0, .5);

    }

    .breadcrubms ul li span {

        font-size: 32px;

    }

}





/* --------------------------------------

    Spacing

-------------------------------------- */



.pt-0 {

    padding-top: 0;

}



.pt-5 {

    padding-top: 5px;

}



.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-90 {

    padding-top: 90px;

}



.pt-100 {

    padding-top: 100px;

}



.pt-105 {

    padding-top: 105px;

}



.pt-110 {

    padding-top: 110px;

}



.pt-115 {

    padding-top: 115px;

}



.pt-120 {

    padding-top: 120px;

}



.pt-125 {

    padding-top: 125px;

}



.pt-130 {

    padding-top: 130px;

}



.pt-135 {

    padding-top: 135px;

}



.pt-140 {

    padding-top: 140px;

}



.pt-145 {

    padding-top: 145px;

}



.pt-150 {

    padding-top: 150px;

}



.pb-0 {

    padding-bottom: 0;

}



.pb-5 {

    padding-bottom: 5px;

}



.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-100 {

    padding-bottom: 100px;

}



.pb-105 {

    padding-bottom: 105px;

}



.pb-110 {

    padding-bottom: 110px;

}



.pb-115 {

    padding-bottom: 115px;

}



.pb-120 {

    padding-bottom: 120px;

}



.pb-125 {

    padding-bottom: 125px;

}



.pb-130 {

    padding-bottom: 130px;

}



.pb-135 {

    padding-bottom: 135px;

}



.pb-140 {

    padding-bottom: 140px;

}



.pb-145 {

    padding-bottom: 145px;

}



.pb-150 {

    padding-bottom: 150px;

}



.mt-0 {

    margin-top: 0;

}



.mt-5 {

    margin-top: 5px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-15 {

    margin-top: 15px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-25 {

    margin-top: 25px;

}



.mt-30 {

    margin-top: 30px;

}



.mt-35 {

    margin-top: 35px;

}



.mt-40 {

    margin-top: 40px;

}



.mt-45 {

    margin-top: 45px;

}



.mt-50 {

    margin-top: 50px;

}



.mt-55 {

    margin-top: 55px;

}



.mt-60 {

    margin-top: 60px;

}



.mt-65 {

    margin-top: 65px;

}



.mt-70 {

    margin-top: 70px;

}



.mt-75 {

    margin-top: 75px;

}



.mt-80 {

    margin-top: 80px;

}



.mt-85 {

    margin-top: 85px;

}



.mt-90 {

    margin-top: 90px;

}



.mt-100 {

    margin-top: 100px;

}



.mt-105 {

    margin-top: 105px;

}



.mt-110 {

    margin-top: 110px;

}



.mt-115 {

    margin-top: 115px;

}



.mt-120 {

    margin-top: 120px;

}



.mt-125 {

    margin-top: 125px;

}



.mt-130 {

    margin-top: 130px;

}



.mt-135 {

    margin-top: 135px;

}



.mt-140 {

    margin-top: 140px;

}



.mt-145 {

    margin-top: 145px;

}



.mt-150 {

    margin-top: 150px;

}



.mb-0 {

    margin-bottom: 0!important;

}



.mb-5 {

    margin-bottom: 5px;

}



.mb-10 {

    margin-bottom: 10px;

}



.mb-15 {

    margin-bottom: 15px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mb-25 {

    margin-bottom: 25px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mb-35 {

    margin-bottom: 35px;

}



.mb-40 {

    margin-bottom: 40px;

}



.mb-45 {

    margin-bottom: 45px;

}



.mb-50 {

    margin-bottom: 50px;

}



.mb-55 {

    margin-bottom: 55px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mb-65 {

    margin-bottom: 65px;

}



.mb-70 {

    margin-bottom: 70px;

}



.mb-75 {

    margin-bottom: 75px;

}



.mb-80 {

    margin-bottom: 80px;

}



.mb-90 {

    margin-bottom: 90px;

}



.mb-100 {

    margin-bottom: 100px;

}



.mb-105 {

    margin-bottom: 105px;

}



.mb-110 {

    margin-bottom: 110px;

}



.mb-115 {

    margin-bottom: 115px;

}



.mb-120 {

    margin-bottom: 120px;

}



.mb-125 {

    margin-bottom: 125px;

}



.mb-130 {

    margin-bottom: 130px;

}



.mb-135 {

    margin-bottom: 135px;

}



.mb-140 {

    margin-bottom: 140px;

}



.mb-145 {

    margin-bottom: 145px;

}



.mb-150 {

    margin-bottom: 150px;

}



@media only screen and (min-width:678px) and (max-width: 991px) {

    /* Margin Top */

    .md-mt-5 {

        margin-top: 5px;

    }

    .md-mt-10 {

        margin-top: 10px;

    }

    .md-mt-15 {

        margin-top: 15px;

    }

    .md-mt-20 {

        margin-top: 20px;

    }

    .md-mt-25 {

        margin-top: 25px;

    }

    .md-mt-30 {

        margin-top: 30px;

    }

    .md-mt-35 {

        margin-top: 35px;

    }

    .md-mt-40 {

        margin-top: 40px;

    }

    .md-mt-45 {

        margin-top: 45px;

    }

    .md-mt-50 {

        margin-top: 50px;

    }

    .md-mt-55 {

        margin-top: 55px;

    }

    .md-mt-60 {

        margin-top: 60px;

    }

    .md-mt-65 {

        margin-top: 65px;

    }

    .md-mt-70 {

        margin-top: 70px;

    }

    .md-mt-75 {

        margin-top: 75px;

    }

    .md-mt-80 {

        margin-top: 80px;

    }

    .md-mt-85 {

        margin-top: 85px;

    }

    .md-mt-90 {

        margin-top: 90px;

    }

    .md-mt-95 {

        margin-top: 95px;

    }

    .md-mt-100 {

        margin-top: 100px;

    }

    /* Margin bottom */

    .md-mb-5 {

        margin-bottom: 5px;

    }

    .md-mb-10 {

        margin-bottom: 10px;

    }

    .md-mb-15 {

        margin-bottom: 15px;

    }

    .md-mb-20 {

        margin-bottom: 20px;

    }

    .md-mb-25 {

        margin-bottom: 25px;

    }

    .md-mb-30 {

        margin-bottom: 30px;

    }

    .md-mb-35 {

        margin-bottom: 35px;

    }

    .md-mb-40 {

        margin-bottom: 40px;

    }

    .md-mb-45 {

        margin-bottom: 45px;

    }

    .md-mb-50 {

        margin-bottom: 50px;

    }

    .md-mb-55 {

        margin-bottom: 55px;

    }

    .md-mb-60 {

        margin-bottom: 60px;

    }

    .md-mb-65 {

        margin-bottom: 65px;

    }

    .md-mb-70 {

        margin-bottom: 70px;

    }

    .md-mb-75 {

        margin-bottom: 75px;

    }

    .md-mb-80 {

        margin-bottom: 80px;

    }

    .md-mb-85 {

        margin-bottom: 85px;

    }

    .md-mb-90 {

        margin-bottom: 90px;

    }

    .md-mb-95 {

        margin-bottom: 95px;

    }

    .xmdmb-100 {

        margin-bottom: 100px;

    }

}



@media (max-width: 767px) {

    /* Margin Top */

    .xs-mt-0 {

        margin-top: 0;

    }

    .xs-mt-5 {

        margin-top: 5px;

    }

    .xs-mt-10 {

        margin-top: 10px;

    }

    .xs-mt-15 {

        margin-top: 15px;

    }

    .xs-mt-20 {

        margin-top: 20px;

    }

    .xs-mt-25 {

        margin-top: 25px;

    }

    .xs-mt-30 {

        margin-top: 30px;

    }

    .xs-mt-35 {

        margin-top: 35px;

    }

    .xs-mt-40 {

        margin-top: 40px;

    }

    .xs-mt-45 {

        margin-top: 45px;

    }

    .xs-mt-50 {

        margin-top: 50px;

    }

    .xs-mt-55 {

        margin-top: 55px;

    }

    .xs-mt-60 {

        margin-top: 60px;

    }

    .xs-mt-65 {

        margin-top: 65px;

    }

    .xs-mt-70 {

        margin-top: 70px;

    }

    .xs-mt-75 {

        margin-top: 75px;

    }

    .xs-mt-80 {

        margin-top: 80px;

    }

    .xs-mt-85 {

        margin-top: 85px;

    }

    .xs-mt-90 {

        margin-top: 90px;

    }

    .xs-mt-95 {

        margin-top: 95px;

    }

    .xs-mt-100 {

        margin-top: 100px;

    }

    /* Margin bottom */

    .xs-mb-0 {

        margin-bottom: 0;

    }

    .xs-mb-5 {

        margin-bottom: 5px;

    }

    .xs-mb-10 {

        margin-bottom: 10px;

    }

    .xs-mb-15 {

        margin-bottom: 15px;

    }

    .xs-mb-20 {

        margin-bottom: 20px;

    }

    .xs-mb-25 {

        margin-bottom: 25px;

    }

    .xs-mb-30 {

        margin-bottom: 30px;

    }

    .xs-mb-35 {

        margin-bottom: 35px;

    }

    .xs-mb-40 {

        margin-bottom: 40px;

    }

    .xs-mb-45 {

        margin-bottom: 45px;

    }

    .xs-mb-50 {

        margin-bottom: 50px;

    }

    .xs-mb-55 {

        margin-bottom: 55px;

    }

    .xs-mb-60 {

        margin-bottom: 60px;

    }

    .xs-mb-65 {

        margin-bottom: 65px;

    }

    .xs-mb-70 {

        margin-bottom: 70px;

    }

    .xs-mb-75 {

        margin-bottom: 75px;

    }

    .xs-mb-80 {

        margin-bottom: 80px;

    }

    .xs-mb-85 {

        margin-bottom: 85px;

    }

    .xs-mb-90 {

        margin-bottom: 90px;

    }

    .xs-mb-95 {

        margin-bottom: 95px;

    }

    .xs-mb-100 {

        margin-bottom: 100px;

    }

}





/* Font Size */



.font-sm {

    font-size: 13px;

}



.font-md {

    font-size: 16px;

}



.font-lg {

    font-size: 17px;

}



.font-xl {

    font-size: 21px;

}



.font-xxl {

    font-size: 30px;

}



.font-xxxl {

    font-size: 40px;

    line-height: 40px;

}



.line-h-sm {

    line-height: 13px;

}



.line-h-md {

    line-height: 16px;

}



.line-h-lg {

    line-height: 17px;

}



.line-h-xl {

    line-height: 21px;

}



.line-h-xxl {

    line-height: 30px;

}



.line-h-xxxl {

    line-height: 40px;

}



.m-auto {

    margin-left: auto;

    margin-right: auto;

}



.min-height-600 {

    min-height: 600px;

}



.overflow-hidden {

    overflow: hidden;

}





/*--------------------------------------------------------------

    Alignments

--------------------------------------------------------------*/



.alignleft {

    float: left;

    clear: both;

}



.alignright {

    float: right;

    clear: both;

}



.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto 1.75em;

}



.alignfull {

    margin: 1.5em 0;

    max-width: 100%;

}



.alignwide {

    max-width: 1100px;

}





/*--------------------------------------------------------------

    Clearings

--------------------------------------------------------------*/



.clear {

    clear: both;

}



.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

    content: "";

    display: table;

    table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

    clear: both;

}





/*--------------------------------------------------------------

    Button

--------------------------------------------------------------*/



.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

    color: var(--color-white);

    border-color: transparent;

}





.btn-primary2:not(:disabled):not(.disabled).active,

.btn-primary2:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

    color: var(--color-white);

    border-color: transparent;

}









.btn-primary.focus,

.btn-primary:focus {

    box-shadow: none;

}



.btn-primary2.focus,

.btn-primary2:focus {

    box-shadow: none;

}



.btn {

    position: relative;

    padding: 26px 60px;

    border-radius: 50px;

    font-weight: 700;

}



.btn2 {

    position: relative;

    padding: 15px 30px;

    border-radius: 30px;

    font-weight: 700;

}



.btn-primary {

    background: var(--main-color-one);

    color: #FFF;

    border: 1px solid var(--main-color-one);

    transition: all 0.3s ease;

    overflow: hidden;

    font-size: 18px;

    letter-spacing: 1px;

}



.btn-primary2 {

    height: 70px;

    line-height: 70px;

    display: inline-block;

    background: #173e76;

    color: #ffffff;

    padding: 0 21px;

    position: relative;

    font-size: 17px;

    font-weight: 600;

    border-radius: 1rem;

}



.btn-primary:hover {

    background: #111111;

    color: #ffffff;

    border: 1px solid var(--main-color-one);

}



.btn-primary2:hover {

    background: #495c64;

    color: #ffffff;

    border: 1px solid #2f2d30;

}



.btn-primary2 .flaticon-call

{



color: #FFF;

font-size: 18px;

}





/* btn primary */



@media (max-width:767px) {

    .btn {

        padding: 15px 20px;

    }

}





/*-------------------------

    Section Title

-------------------------*/



.section-title-one {

    position: relative;

    max-width: 600px;

    margin: auto;

}



.section-title-two {

    position: relative;

    max-width: 700px;

}



.section-title .subtitle {

    position: relative;

    color: var(--main-color-one);

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

}



.section-title-one .subtitle:before {

    content: "";

    position: absolute;

    top: -20px;

    right: 50%;

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

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background-color: var(--main-color-one);

}



.section-title-two .subtitle:before {

    content: "";

    position: absolute;

    top: -25px;

    left: 0;

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background-color: var(--main-color-one);

}



.section-title .title {

    font-size: 56px;

    line-height: 1.2;

    font-weight: 700;

    font-family: var(--heading-font);

    margin: 0;

}



.section-title .title span {

    font-weight: 700 !important;

}



.section-title p {

    font-size: 16px;

    font-weight: 500;

    margin-top: 15px;

}



@media (max-width: 767px) {

    .section-title .title,

    h2 {

        font-size: 24px;

    }

    .section-title .subtitle {

        font-size: 14px;

    }

}





/*--------------------------------------------------------------

    Posts and pages

--------------------------------------------------------------*/



.sticky {

    display: block;

}





/*--------------------------------------------------------------

    Media

--------------------------------------------------------------*/





/* Make sure embeds and iframes fit their containers. */



embed,

iframe,

object {

    max-width: 100%;

}





/* Make sure logo link wraps around logo image. */



.custom-logo-link {

    display: inline-block;

}





/*--------------------------------------------------------------

    Captions

--------------------------------------------------------------*/



.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

    clear: both;

}



.wp-caption img[class*=wp-image-] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption .wp-caption-text {

    margin: 0.8075em 0;

}



.wp-caption-text {

    text-align: center;

}





/*----------------------------------------

    Unit test

------------------------------------------*/



.wp-link-pages a {

    margin: 0 5px;

    transition: 0.3s ease-in;

}



.wp-link-pages {

    margin-bottom: 30px;

    margin-top: 25px;

}



.wp-link-pages span,

.wp-link-pages a {

    border: 1px solid #e2e2e2;

    padding: 5px 15px;

    display: inline-block;

}



.wp-link-pages .current,

.wp-link-pages a:hover {

    background-color: var(--main-color-one);

    color: var(--color-white);

    border-color: var(--main-color-one);

}



.wp-link-pages span:first-child {

    margin-right: 5px;

}



.post-password-form input {

    display: block;

    border: 1px solid #e2e2e2;

    height: 50px;

    border-radius: 3px;

    padding: 0 20px;

}



.post-password-form label {

    font-weight: 600;

    color: #333;

}



.post-password-form input[type=submit] {

    width: 100px;

    height: 50px;

    background-color: var(--main-color-one);

    color: var(--color-white);

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

    border: none;

    cursor: pointer;

    transition: 0.3s ease-in;

}



.post-password-form input[type=submit]:hover {

    background-color: #121A2F;

}



.footer-widget .table td,

.footer-widget .table th {

    padding: 0.5rem !important;

}





/*--------------------------------------------------------------

    Gutenberg   Default Style

--------------------------------------------------------------*/



.single-post-details-item .entry-content>.alignwide {

    max-width: 1100px;

}



.single-post-details-item .entry-content>.alignfull {

    margin: 1.5em 0;

    max-width: 100%;

}



.wp-block-video video {

    max-width: 636px;

}



.wp-block-image img {

    display: block;

}



.wp-block-image.alignleft,

.wp-block-image.alignright {

    width: 100%;

}



.wp-block-image.alignfull img {

    width: 100vw;

}



.wp-block-gallery:not(.components-placeholder) {

    margin: 1.5em auto;

}



.wp-block-cover-text p {

    padding: 1.5em 14px;

}



ul.wp-block-latest-posts.alignwide,

ul.wp-block-latest-posts.alignfull,

ul.wp-block-latest-posts.is-grid.alignwide,

ul.wp-block-latest-posts.is-grid.alignwide {

    padding: 0 14px;

}



.wp-block-table {

    display: block;

    overflow-x: auto;

}



.wp-block-table table {

    border-collapse: collapse;

    width: 100%;

}



.wp-block-table td,

.wp-block-table th {

    padding: 0.5em;

}



.wp-block-embed.type-video>.wp-block-embed__wrapper {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 56.25%;

}



.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.wp-block-quote.is-large {

    margin: 0 auto 16px;

}



.wp-block-pullquote>p:first-child {

    margin-top: 0;

}



.wp-block-separator {

    margin: 3em auto;

    padding: 0;

}



@media screen and (min-width: 768px) {

    .wp-block-cover-text p {

        padding: 1.5em 0;

    }

}



wp-block-video video {

    max-width: 636px;

}



.wp-block-image img {

    display: block;

}



.wp-block-image.alignleft,

.wp-block-image.alignright {

    width: 100%;

}



.wp-block-image.alignfull img {

    width: 100vw;

}



.wp-block-gallery:not(.components-placeholder) {

    margin: 1.5em auto;

}



.wp-block-cover-text p {

    padding: 1.5em 14px;

}



ul.wp-block-latest-posts.alignwide,

ul.wp-block-latest-posts.alignfull,

ul.wp-block-latest-posts.is-grid.alignwide,

ul.wp-block-latest-posts.is-grid.alignwide {

    padding: 0 14px;

}



.wp-block-table {

    display: block;

    overflow-x: auto;

}



.wp-block-table table {

    border-collapse: collapse;

    width: 100%;

}



.wp-block-table td,

.wp-block-table th {

    padding: 0.5em;

}



.wp-block-embed.type-video>.wp-block-embed__wrapper {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 56.25%;

}



.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

}



.wp-block-quote.is-large {

    margin: 0 auto 16px;

}



.wp-block-pullquote>p:first-child {

    margin-top: 0;

}



.wp-block-quote:not(.is-large):not(.is-style-large) {

    border-left: 4px solid #000;

    padding-left: 1em;

}



.wp-block-separator {

    margin: 3em auto;

    padding: 0;

}



@media screen and (min-width: 768px) {

    .wp-block-cover-text p {

        padding: 1.5em 0;

    }

}



.wp-block-pullquote {

    border-top: 4px solid #555d66;

    border-bottom: 4px solid #555d66;

    color: #40464d;

}





/* --------------------------------

        Header Area

-------------------------------- */





/* Header Top 

------------------------- */



.header-top {

    background: #495d64;

    padding: 5px 0;

}



.header-top .header-top-left ul li a {

    text-transform: uppercase;

    color: #FFF;

    border-right: 1px solid var(--color-dark);

    font-size: 12px;

    padding: 0 10px;

    transition: all linear .3s;

}



.header-top .header-top-left ul li:last-child a {

    border-right: none;

}



.header-top .header-top-left ul li {

    color: #FFF;

    font-size: 12px!important;

}



.header-top .header-top-right ul li a {

    color: var(--color-dark);

    padding: 0 10px;

}



.header-top .navbar-area.nav-style-default .nav-container .navbar-collapse .navbar-nav li a {

    color: var(--color-white);

    font-weight: 500;

}



@media (max-width:767px) {

    .header-top ul {

        justify-content: center;

    }

    .header-top-left p {

        letter-spacing: 0;

    }

    .header-top-right ul {

        text-align: center;

    }

}





/* Header close button

-----------------------------*/



.header-overlay-close {

    position: absolute;

    display: block;

    width: 45px;

    height: 45px;

    top: 21px;

    left: 50%;

    margin-left: -23px;

    font: 0/0 a;

    text-shadow: none;

    color: transparent;

}



.header-overlay-close::before,

.header-overlay-close::after {

    content: '';

    position: absolute;

    display: inline-block;

    width: 2px;

    height: 20px;

    top: 12px;

    left: 22px;

    background-color: var(--color-white);

}



.header-overlay-close::before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.header-overlay-close::after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}





/* Header Toggle

-----------------------------*/



.header-toggle-menu {

    display: none;

    width: 40px;

    height: 40px;

    position: absolute;

}



.header-toggle-menu i {

    font-size: 20px;

    color: var(--paragraph-color);

}





/* Header responsive: header components

---------------------------------------*/



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-top .header-top-left ul li {

        padding-right: 15px;

    }

    .header-nav li {

        padding-right: 15px !important;

    }

    .header-nav li.has-children>a::after {

        right: 5px !important;

    }

}



@media only screen and (min-width: 768px) and (max-width: 800px) {

    .header-toggle-menu {

        display: block;

        z-index: 999;

        top: -8px;

        right: 0;

    }

}



@media only screen and (max-width:767px) {

    .header-toggle-menu {

        display: block;

        z-index: 999;

        right: 0;

        top: -8px;

    }

}





/* Header main navigation

---------------------------------------*/



.header-area.style-01 {

    width: 100%;

    z-index: 999;

}



.header-area.style-01 .header-toggle-menu i {

    font-size: 20px;

    color: var(--color-white);

}



.header-area.style-01 .header-nav li a {

    color: #444444;

    font-weight: 600;

    font-size: 12px;

    text-transform: uppercase;

}



.header-area.style-01 .header-nav li ul li a {

    color: var(--paragraph-color);

    font-size: 13px;

}



.header-area.style-01 .header-nav li a:hover,

.header-area.style-01 .header-nav li a.active {

    color: #495d64;

}



.logo-wrapper {

    max-width: 200px;

    margin: 0 auto;

    line-height: 85px;

}



.header-nav-wrap .header-nav-heading {

    text-align: center;

    font-family: "metropolis-semibold", sans-serif;

    font-size: 1.4rem;

    color: var(--color-white);

    text-transform: uppercase;

    letter-spacing: .3rem;

    margin-top: 6rem;

}



.header-nav-wrap .header-nav-heading,

.header-nav-wrap .close-mobile-menu {

    display: none;

}



.header-nav {

    list-style: none;

    margin: 0;

    padding: 0;

    font-family: "metropolis-medium", sans-serif;

    font-size: 15px;

    line-height: 85px;

}



.header-nav li {

    display: inline-block;

    position: relative;

    padding: 0 15px;

}



.header-nav li.has-children {

    padding-right: 25px;

}



.header-nav li a {

    display: block;

    line-height: 39px;

    font-weight: 600;

    font-size: 15px;

    font-family: var(--body-font);

    transition: all linear .3s;

}



.header-nav li a.active {

    display: block;

    color: var(--main-color-one);

}



.header-nav li.has-children>a::after {

    content: '+';

    display: block;

    height: 5px;

    width: 5px;

    position: absolute;

    right: 12px;

    top: 0;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.header-nav li:hover>a,

.header-nav li:focus>a {

    color: var(--main-color-one);

}



.header-nav li:hover li,

.header-nav li:focus li {

    background: transparent;

}



.header-nav li ul {

    position: absolute;

    top: 66px;

    left: 18px;

    width: auto;

    font-size: 14px;

    margin: 0;

    padding: 20px 30px;

    background: var(--color-dark);

    border-radius: 0 0 3px 3px;

    z-index: 500;

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

    -ms-transform: translate3d(0, 15px, 0);

    transform: translate3d(0, 15px, 0);

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    opacity: 0;

    visibility: hidden;

    min-width: 200px;

}



.header-nav li ul ul {

    position: absolute;

    top: 0;

    left: 100%;

    left: calc(100% + 1px);

    border-radius: 0 0 3px 3px;

    padding-top: 1.2rem;

}



.header-nav li ul li {

    display: block;

    text-align: left;

    padding: 0;

    margin: 0;

    min-height: 33px;

    width: 100%;

}



.header-nav li ul li a {

    display: block;

    white-space: nowrap;

    padding: 10px 0;

    font-family: "metropolis-regular", sans-serif;

    line-height: 18px;

    color: var(--paragraph-color);

    font-weight: 500;

}



.header-nav li:hover>ul {

    opacity: 1;

    visibility: visible;

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

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

    transform: translate3d(0, 0, 0);

}





/* Call button */



.call-btn-area {

    position: relative;

}



.call-btn-icon {

    position: absolute;

    left: -30px;

    top: 50%;

    transform: translateY(-50%);

}



.call-btn-icon i {

    height: 60px;

    width: 60px;

    line-height: 65px;

    background-color: #000000;

    border-radius: 50%;

    text-align: center;

    font-size: 26px;

    font-weight: 900;

    color: #495d64;

    border: 3px solid #495d64;

    display: block;

}



.call-btn {

    background: #000000;

    padding: 20px;

    display: flex;

    justify-content: center;

}



.call-btn a span {

    display: block;

}



.call-btn a .call-btn-num {

    color: #495d64;

    font-size: 18px;

    font-weight: 600;

}



.call-btn a .call-btn-text {

    color: #ffffff;

    font-size: 12px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 1px;

}





/* Responsive: main navigation

 * ------------------------------- */



@media only screen and (min-width:992px) and (max-width:1090px) {

    .header-nav li.has-children {

        padding-right: 20px;

    }

    .header-nav li {

        display: inline-block;

        position: relative;

        padding: 0 10px;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .call-btn {

        justify-content: end;

    }

    .call-btn-icon {

        left: 20px;

    }

}



@media only screen and (min-width:801px) {

    .header-nav li ul {

        display: block !important;

    }

}



@media only screen and (min-width:820px) and (max-width:896px) {

    .header-nav li ul {

        left: -52px;

    }

}



@media only screen and (min-width:897px) and (max-width:990px) {

    .header-nav li ul {

        left: -42px;

    }

}



@media only screen and (max-width:800px) {

    .header-nav-wrap {

        background-color: #151515;

        opacity: 0;

        visibility: hidden;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        -webkit-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

        margin: 0;

        border: none;

        z-index: 999999;

        overflow-y: auto;

    }

    .header-nav-wrap .header-nav-heading,

    .header-nav-wrap .close-mobile-menu {

        display: block;

    }

    .header-nav {

        margin: 4.8rem 6rem 3rem 6rem;

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

        font-family: "metropolis-semibold", sans-serif;

        font-size: 16px;

    }

    .header-nav li {

        display: block;

        padding: 0;

        text-align: left;

    }

    .header-nav li ul {

        display: none;

        position: static;

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

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

        transform: translate3d(0, 0, 0);

        opacity: 1;

        visibility: visible;

        background-color: transparent;

        padding: 0 0 1.8rem 0;

        -webkit-transition: none !important;

        transition: none !important;

    }

    .header-nav li ul li a {

        padding: 7.5px 1.5rem 7.5px 1.5rem;

    }

    .header-nav>li {

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

    }

    .header-nav>li a {

        line-height: 54px;

    }

    body.nav-wrap-is-visible {

        overflow: hidden;

    }

    .nav-wrap-is-visible .header-nav-wrap {

        opacity: 1;

        visibility: visible;

    }

}



@media only screen and (min-width: 768px) and (max-width: 800px) {

    .header-top .header-top-left ul li {

        padding-right: 0;

    }

    .header-toggle-menu {

        top: 77px;

        right: 25px;

    }

    .header-area.style-01 .header-toggle-menu i {

        font-size: 20px;

        color: var(--color-dark);

    }

}



@media only screen and (max-width:767px) {

    .header-nav {

        margin: 30px;

    }

    .logo-wrapper {

        max-width: 200px;

        margin: 20px auto;

    }

    .header-content {

        position: relative;

    }

    .header-toggle-menu {

        right: 0;

        top: 32px;

    }

    .call-btn-icon {

        left: 10px;

    }

}





/*--------------------------------------------------------------

    Hero section

--------------------------------------------------------------*/





/* Slider animation */



.hero-slider.style-01 .owl-item.active .subtitle {

    animation: fadeInUp 1s .5s both;

}



.hero-slider.style-01 .owl-item.active .title {

    animation: fadeInUp 1.3s 1s both;

}



.hero-slider.style-01 .owl-item.active p {

    animation: fadeInUp 1.6s 1.5s both;

}



.hero-slider.style-01 .owl-item.active .author-sign {

    animation: fadeInUp 2s 2s both;

}



.hero-slider.style-01 .owl-item.active .hero-btn .btn-primary {

    animation: fadeInUp 2s 1.5s both;

}



.hero-slider.style-01 .owl-item.active .hero-btn .btn-primary2 {

    animation: fadeInUp 2s 1.5s both;

}



.hero-slider.style-01 .owl-item.active .hero-btn .btn-secondary {

    animation: fadeInUp 2.5s 2s both;

}





/* Owl navigations */



.hero-slider.style-01:hover .owl-nav div {

    visibility: visible;

    opacity: 1;

}



.hero-slider.style-01 .owl-nav div {

    position: absolute;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    width: 100px;

    height: 100px;

    text-align: center;

    line-height: 100px;

    color: var(--color-white);

    border-radius: 1%;

    transition: all 0.3s ease-in;

    visibility: hidden;

    opacity: 0;

}



.hero-slider.style-01 .owl-nav div.owl-next {

    left: auto;

    right: 20px;

}





/* Hero Slider Padding */



#hero-section .overlay {

    background: rgba(0, 0, 0, .7);

}



#hero-section .overlay {

    padding: 200px 0;

}





/* Content */



.hero-slider.style-01 .hero-bg-01 {

    position: relative;

    z-index: 0;

    overflow: hidden;

}



.hero-content-one .title,

.hero-content-two .title {

    position: relative;

    font-size: 80px;

    line-height: 70px;

    margin: 0px 0 20px;

    font-weight: 800;

    color: var(--color-white);

}



.hero-content-one .title span,

.hero-content-two .title span {

    color: var(--main-color-one);

    display: block;

    margin-top: 20px;

}



.hero-content-one .text {

    max-width: 650px;

    margin: 40px auto 0;

}



.hero-content-one .text,

.hero-content-two .text {

    font-size: 24px;

    line-height: 1.5;

    color: var(--color-white);

}



.hero-content-two .text {

    width: 650px;

    margin: 40px 0;

}





/* hero two */



#hero-section-two {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



#hero-section-two .overlay {

    padding: 200px 0 200px;

    background: rgba(0, 0, 0, .8);

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .hero-content-one .title {

        font-size: 80px;

    }

    .quote-title {

        max-width: 600px;

        margin-left: 50px;

    }

    .quote-title .text {

        margin-top: 30px;

        margin-bottom: 50px;

    }

}



@media (max-width: 767px) {

    #hero-section .overlay,

    #hero-section-two .overlay {

        padding: 150px 0 150px;

    }

    .hero-content-one .title,

    .hero-content-two .title {

        line-height: 36px !important;

        font-size: 36px;

    }

    .hero-content-one .text {

        font-size: 18px;

        margin: 40px auto 0;

    }

    .hero-content-two .text {

        width: auto;

        font-size: 18px;

    }

    .hero-content-one .subtitle,

    .hero-content-two .subtitle {

        margin: auto;

    }

}





/*---------------------------

    Quote section

---------------------------*/



#quote-section {

    padding: 50px 0 50px;

    background: #2f2d30;

}



.quote-title .title {

    color: var(--color-white);

}



.quote-title .text {

    margin-top: 40px;

    color: #b5b5b5;

}



.request-form {

    padding: 0 50px;

    position: relative;

    z-index: 2;

}



.form-group {

    margin-bottom: 30px;

}



.request-page-form .form-group textarea {

    width: 100%;

    resize: none;

}



.request-page-form .form-group .form-control {

    padding: 25px;

    border-radius: 50px;

    border: none;

    color: #666666;

    background-color: #242424;

}



.request-page-form .form-group .form-control::placeholder {

    color: rgba(255, 255, 255, 0.7);

    font-size: 14px;

    font-weight: 500;

}



.request-page-form .submit-btn {

    background-color: var(--main-color-one);

    width: 100%;

    padding: 25px;

    font-weight: 700;

    text-transform: uppercase;

    color: var(--color-dark);

    transition: all 0.3s ease-in-out;

    border: none;

    cursor: pointer;

    border-radius: 50px;

    border: 1px solid var(--main-color-one);

}



.request-page-form .submit-btn:hover {

    background-color: #111111;

    color: #fff;

    border: 1px solid var(--main-color-one);

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .section-title-two {

        position: relative;

        max-width: 700px;

        padding-left: 30px;

    }

}



@media (max-width: 767px) {

    #quote-section {

        position: relative;

        background: #111111;

    }

    .quote-title {

        text-align: center;

    }

    .request-form {

        padding: 0;

    }

    .quote-title .subtitle::before {

        left: 50%;

        transform: translateX(-50%);

    }

}





/*---------------------------

    About section

---------------------------*/





/* About image */



.about-img {

    position: relative;

    padding-right: 50px;

}



.about-img img {

    border-radius: 5px;

}



.about-img .about-exp {

    position: absolute;

    left: 30%;

    bottom: 55px;

    transform: translateX(-50%);

    width: 80%;

    box-shadow: var(--box-shadow);

    background: var(--main-color-one);

    padding: 50px 30px;

    border-radius: 5px;

    border-top: 15px solid var(--color-dark);

    transition: all linear .5s;

}



.about-img:hover .about-exp {

    background-color: var(--color-dark);

    border-top: 15px solid var(--main-color-one);

}



.about-img .about-exp-number .number {

    font-size: 100px;

    color: var(--color-white);

    border-left: 1px solid #ddd;

    line-height: 42px;

    padding-left: 20px;

}



.about-img .about-exp-text .text {

    padding-left: 20px;

    color: var(--color-white);

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 500;

}





/* about content */



.about-content.style-01 {

    padding-right: 50px;

}



.about-title .info-title span {

    color: var(--main-color-one);

}



.about-list-style li {

    padding: 7px 0;

    color: var(--paragraph-color);

}



.about-list-style li i {

    color: var(--main-color-one);

    padding-right: 10px;

}



.about-video-block {

    background-color: #dddddd;

    overflow: hidden;

    padding-left: 50px;

}



.video-block-cmn {

    float: left;

    width: 50%;

}



.video-block-text p {

    font-size: 20px;

    color: #222222;

    line-height: 36px;

    padding-top: 47px;

    padding-right: 30px;

}



.video-block-play {

    padding: 60px 50px;

    background: #000;

    text-align: center;

    display: flex;

    justify-content: center;

}



.video-popup a {

    width: 60px;

}



.video-popup i {

    height: 80px;

    width: 80px;

    line-height: 85px;

    text-align: center;

    background-color: var(--main-color-one);

    color: #ffffff;

    display: block;

    font-size: 20px;

    border-radius: 50%;

}





/* About call block */



.about-call-block {

    border-top: 1px solid #ddd;

    margin-top: 40px;

    padding-top: 40px;

}



.about-call-block-icon i {

    height: 70px;

    width: 70px;

    line-height: 75px;

    text-align: center;

    background-color: #111111;

    color: #FFF;

    display: block;

    font-size: 26px;

    border-radius: 50%;

}



.about-call-block-number span.number {

    font-size: 28px;

    font-weight: 700;

    color: var(--color-dark);

}



@media only screen and (min-width:991px) and (max-width:1200px) {

    .about-img .about-exp {

        width: 80%;

        bottom: 20px;

    }

    .about-img .about-exp {

        left: 45%;

    }

    .about-img .about-exp-text .text {

        font-size: 18px;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .about-img .about-exp-number .number {

        padding-top: 20px;

        padding-bottom: 30px;

    }

    .about-img .about-exp {

        left: 50%;

    }

    .about-video-block {

        padding-left: 0;

    }

    .video-block-text p {

        padding: 50px 50px 40px 50px;

    }

    .about-content.style-01 {

        margin-top: 70px;

    }

    .about-img {

        padding-right: 0;

        text-align: center;

    }

}



@media (max-width:767px) {

    .about-img {

        padding-right: 0;

    }

    .about-img .about-exp {

        position: inherit;

        left: 50%;

        bottom: -50px;

        width: 100%;

    }

    .about-content.style-01 {

        padding-right: 0;

        margin-top: 100px;

    }

    .video-block-cmn {

        float: inherit;

        width: 100%;

        border-radius: 30px;

    }

    .about-img .about-exp-text .text {

        padding-left: 0;

        margin-top: 40px;

    }

    .about-video-block {

        padding: 30px;

    }

    .video-block-text p {

        padding-top: 0;

        margin-bottom: 30px;

    }

    .about-call-block {

        text-align: center;

    }

    .about-call-block-icon i {

        margin: 0 auto;

    }

    .about-call-block-text {

        margin: 20px 0 10px;

    }

}





/*---------------------------

    About section two

---------------------------*/



.about-title.style-02 .text {

    margin-top: 50px;

}



.about-img.style-02 {

    position: relative;

    padding-top: 50px;

}



.about-img.style-02:before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    height: 92%;

    width: 50%;

    background-color: var(--main-color-one);

    z-index: -1;

    border-radius: 5px;

}



.about-img.style-02 img {

    z-index: 9;

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .about-img.style-02 {

        margin-top: 80px;

        padding-bottom: 0;

    }

}



@media screen and (max-width:767px) {

    .about-content.style-02 {

        margin-top: 50px;

    }

    .about-img.style-02 {

        margin-top: 80px;

        padding: 0;

    }

}





/*----------------------------

    Skill section

-----------------------------*/



#skill-section {

    position: relative;

    background: url(assets/images/skill-bg.jpg);

    background-size: cover;

    background-position: center;

    padding: 100px 0;

}



#skill-section:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

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

}



.skill-img img {

    position: absolute;

    left: -160px;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: var(--box-shadow);

}



.skill-title .title,

.skill-title .text {

    color: var(--color-white);

}



.skill-title .subtitle {

    color: var(--main-color-one);

}



.skill-title .text {

    margin-top: 40px;

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .skill-img img {

        left: -100px;

        top: 50%;

    }

}



@media only screen and (min-width:678px) and (max-width:991px) {

    .skill-area {

        margin-top: 70px;

    }

    .skill-img img {

        position: inherit;

        left: -0;

        top: 0;

        transform: inherit;

        box-shadow: var(--box-shadow);

        margin-bottom: 50px;

    }

}



@media (max-width:767px) {

    .skill-area {

        margin-top: 70px;

        margin-bottom: 0px;

    }

    .skill-img img {

        position: inherit;

        left: -0;

        top: 0;

        transform: inherit;

        box-shadow: var(--box-shadow);

        margin-bottom: 50px;

    }

    .skill-parent {

        padding: 30px;

    }

}





/*----------------------------

    Project section

-----------------------------*/



.practice-area {

    overflow: hidden;

}



.practice-block.style-01 {

    float: left;

    width: 25%;

}



.practice-block {

    position: relative;

    padding: 50px;

    transition: all linear .5s;

    height: 450px;

}



.practice-block-two {

    background: #495d64;

}



.practice-block.active {

    background: rgba(73, 93, 100, .7);



}



.practice-block.active .icon i {

    color: var(--color-dark);

}



.practice-block.active .text {

    color: var(--color-dark);

}



.practice-block .icon i {

    font-size: 70px;

    color: var(--main-color-one);

    transition: all linear .3s;

}



.practice-block .visible {

    position: absolute;

    bottom: -50px;

    right: 0;

    font-size: 170px;

    opacity: .05;

    transition: all linear .5s;

}



.practice-block:hover {

    background: rgba(73, 93, 100, .7);

}



.practice-block:hover .icon i,

.practice-block:hover .text {

    color: var(--color-dark);

}



.practice-block:hover .visible {

    opacity: .2;

    transform: rotate(-20deg);

    bottom: -40px;

    right: 10px;

}



.practice-block .practice-btn a {

    padding: 5px 20px;

    border-radius: 50px;

    background-color: var(--color-dark);

    color: var(--color-white);

}



.practice-block .practice-btn a:hover {

    background-color: var(--main-color-one);

    color: var(--color-white);

}



.case-info {

    padding: 30px;

    background-color: var(--main-color-one);

}



.case-info .title {

    color: var(--color-dark);

    border-bottom: 1px solid #111;

    padding-bottom: 20px;

}



.case-info ul li {

    padding: 10px 0;

    color: var(--color-dark);

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .practice-block.style-01 {

        width: 50%;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .practice-block.style-01 {

        width: 50%;

    }

}



@media only screen and (max-width:767px) {

    .practice-block.style-01 {

        width: 100%;

    }

}





/*----------------------------

    Service section

-----------------------------*/



#service-section {

    background-color: #f3f6fd;

    padding: 150px 0;

}



.service-block .img {

    position: relative;

}



.service-block {

    box-shadow: 0px 0 8px rgba(0, 0, 0, 0.04);

    padding: 50px;

    background-color: var(--color-white);

    transition: all linear .2s;

}



.service-block:hover {

    box-shadow: 0px 0 10px 5px rgba(0, 0, 0, 0.05);

}



.service-block .img {

    height: 110px;

    width: 110px;

    line-height: 110px;

    text-align: center;

    background-color: #f3f6fd;

    color: var(--color-white);

    margin-right: 10px;

    margin: 0 auto 50px;

    border-radius: 50%;

}



.service-block .title {

    margin-bottom: 0;

    text-transform: uppercase;

    font-size: 18px;

    line-height: 30px;

    letter-spacing: 1px;

}



.service-btm-icon-block ul {

    padding: 0 20px;

}



.service-btm-icon-block ul li {

    padding: 0 20px;

    font-size: 24px;

    color: #333333;

    font-weight: 700;

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .service-block {

        padding: 50px 30px;

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .service-card .title {

        font-size: 17px;

    }

}



@media (max-width:767px) {

    .service-btm-icon-block ul li {

        padding: 0 10px;

        font-size: 16px;

    }

    .service-btm-icon-block ul {

        padding: 0 0px;

    }

}





/*----------------------------

    Service single section

-----------------------------*/



.single-service-content .quote {

    position: relative;

    border: 1px solid #ddd;

    padding: 50px;

    border-bottom: 5px solid var(--main-color-one);

}



.single-service-content .quote h5 {

    color: var(--paragraph-color);

    font-style: italic;

    font-size: 20px;

    max-width: 900px;

    line-height: 32px;

    margin-bottom: 0;

}



.single-service-content .quote .quote-icon {

    position: absolute;

    top: 50%;

    right: 50px;

    transform: translateY(-50%);

}



.single-service-content .quote .quote-icon i {

    font-size: 68px;

    color: var(--main-color-one);

}



@media screen and (max-width:767px) {

    .single-service-content .quote .quote-icon {

        position: absolute;

        top: 0;

        right: 5px;

        transform: inherit;

    }

    .single-service-content .quote .quote-icon i {

        font-size: 42px;

    }

}





/*----------------------------

    Find our more section

-----------------------------*/



.find-out-more-list ul li {

    padding: 10px 0;

}



.find-out-more-list ul li i {

    padding-right: 10px;

    color: var(--main-color-one);

}





/*----------------------------

    Testimonial section

-----------------------------*/



.testimonial {

    position: relative;

}



.testimonial-left {

    position: relative;

    background: url(assets/images/testimonial/testimonial.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 100px 50px;

    border-left: 20px solid var(--main-color-one);

    margin-right: 50px;

}



.testimonial-left::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgba(0, 0, 0, .8);

}



.testimonial-title {

    padding-left: 0;

}



.testimonial-left .content {

    z-index: 9;

}



.testimonial-left .content .number {

    font-size: 120px;

    line-height: 100px;

    color: var(--main-color-one);

    font-weight: 700;

}



.testimonial-left .content .text {

    font-style: italic;

    color: var(--color-white);

    margin-top: 30px;

    font-size: 22px;

}



.testimonial-content .text {

    font-size: 20px;

    line-height: 32px;

}



.testimonial .country span {

    font-size: 24px;

}





/* Owl navigations */



.testimonial-active:hover .owl-nav div {

    visibility: visible;

    opacity: 1;

}



.testimonial-active .owl-nav div {

    position: absolute;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    color: var(--color-white);

    border: 1px solid var(--main-color-one);

    background-color: var(--main-color-one);

    border-radius: 50%;

    transition: all 0.3s ease-in;

    visibility: hidden;

    opacity: 0;

}



.testimonial-active .owl-nav div:hover {

    background: var(--main-color-one);

    border-color: var(--main-color-one);

}



.testimonial-active .owl-nav div.owl-next {

    left: auto;

    right: 20px;

}





/* Owl dots */



.testimonial-active .owl-dots {

    margin-top: 30px;

}



.owl-carousel .owl-controls .owl-dot {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background: var(--main-color-one);

    height: 5px;

    width: 5px;

    border-radius: 50%;

    display: inline-block;

    margin: 0 2px;

}



.testimonial-active .owl-dot.active {

    background: linear-gradient(to right, var(--main-color-one), var(--main-color-one));

    width: 40px;

    border-radius: 50px;

    border: 1px solid var(--main-color-one);

}



@media only screen and (min-width:768px) and (max-width:991px) {}



@media (max-width:767px) {

    .testimonial-left {

        text-align: center;

        margin-right: 0;

    }

    .testimonial-content .text {

        font-size: 22px;

        line-height: 36px;

    }

    .testimonial-content,

    .testimonial-active .owl-dots {

        text-align: center;

    }

}





/*----------------------------

    Call to section

-----------------------------*/



#call-to-section {

    background: url(assets/images/banner.jpg);

}



#call-to-section .overlay {

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

    padding: 150px 0 170px;

}



.call-to-content .title {

    color: var(--color-white);

    margin: 20px 0;

}





/*----------------------------

    Counter section

-----------------------------*/



.client-area {

    background: #111111;

    padding: 50px 0;

}





/*----------------------------

    Counter section

-----------------------------*/



.counter-content {

    position: relative;

    padding: 50px;

    border: 1px solid #ddd;

    transition: all linear .2s;

}



.counter-content:before {

    position: absolute;

    content: "";

    left: 15px;

    top: 15px;

    height: 100%;

    width: 100%;

    transition: all linear .2s;

}



.counter-content .counter-icon i {

    font-size: 36px;

    color: var(--main-color-one);

}



.counter-content h3 {

    padding: 20px 0 10px;

}



.counter-content:hover.counter-content:before {

    left: 0;

    top: 0;

    background: linear-gradient(var(--main-color-one), var(--main-color-one));

    z-index: -1;

}



.counter-content:hover .counter-icon i,

.counter-content:hover h3,

.counter-content:hover p {

    color: var(--color-white);

}



.counter-content:hover {

    border: 1px dashed transparent;

}



@media only screen and (min-width:991px) and (max-width:1200px) {

    #counter-section {

        margin-top: 70px;

    }

}





/*----------------------------

    Team section

-----------------------------*/



.team-content {

    position: relative;

}



.team-content .content {

    background: #ffffff;

    box-shadow: 0 0 25px rgba(0, 0, 0, .15);

    padding: 30px 20px;

    width: 100%;

    transition: all linear .3s;

}



.team-content h5 {

    font-weight: 600;

    color: var(--color-dark);

}



.team-content h6 {

    font-weight: 500;

    color: #666;

    margin: 15px 0;

}



.team-content .social li a {

    padding: 10px;

    color: var(--color-dark);

    transition: all linear .3s;

}



.team-content .social li a:hover {

    color: var(--main-color-one);

}





/*----------------------------

    Group team section

-----------------------------*/



.group-team {

    background: var(--color-dark);

}



.group-team-text {

    padding: 50px;

}



.group-team-text .text {

    font-size: 20px;

    color: var(--main-color-one);

    line-height: 36px;

}





/*----------------------------

    Blog section

-----------------------------*/



.meta-info {

    text-align: right;

}



.blog-post-item {

    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);

}



.blog-post-item .content {

    padding-top: 30px;

    padding-right: 30px;

    padding-bottom: 30px;

}



.blog-post-item .content .title {

    line-height: 32px;

    transition: all linear .3s;

}



.blog-post-item .content .title:hover {

    color: var(--main-color-one);

}



.blog-post-item .blog-btn a,

.blog-post-item .meta-info li a {

    padding: 5px;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 2px;

}



.blog-post-item .blog-btn a {

    position: relative;

    padding-left: 0;

    padding-right: 0;

    transition: all linear .3s;

}



.blog-post-item:hover .blog-btn a {

    color: var(--main-color-one);

}



.blog-post-item .blog-btn a:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    height: 1px;

    width: 100%;

    background: var(--main-color-one);

}



.blog-post-item .meta-info li {

    display: inline-block;

    padding: 0 10px;

}



.blog-post-item .meta-info li a i {

    margin-right: 5px;

}



.blog-pagination ul li {

    display: inline-block;

}



.blog-pagination ul li a {

    height: 30px;

    width: 20px;

    line-height: 30px;

    margin-right: 10px;

    text-align: center;

    display: block;

    border-top: 1px solid transparent;

    border-bottom: 1px solid var(--main-color-one);

    transition: all linear .3s;

}



.blog-pagination ul li a:hover {

    border-top: 1px solid var(--main-color-one);

    border-bottom: 1px solid var(--main-color-one);

    color: var(--main-color-one);

}





/* Sidebar */



.search-form {

    position: relative;

}



.search-form input {

    width: 100%;

    padding: 17px;

    border-radius: 0;

    border: none;

    background: #ffffff;

}



.search-form button {

    position: absolute;

    right: 6px;

    top: 5px;

    padding: 12px;

    border: none;

    width: 60px;

    text-align: center;

    background: var(--main-color-one);

    cursor: pointer;

}



.search-form button i {

    color: var(--color-white);

}



.widgets {

    background-color: #f3f3f3;

    padding: 30px;

}



.widgets .title {

    color: var(--color-dark);

    font-weight: 600;

    border-bottom: 1px solid #c3c3c3;

    padding-bottom: 20px;

}



.widgets .count-text {

    float: right;

}



.widgets .category-list li {

    padding: 15px 0;

    border-bottom: 1px solid #ddd;

}



.widgets .category-list li:last-child {

    border-bottom: 1px solid transparent;

}



.widgets .tags li {

    display: inline-block;

}



.widgets .tags li a {

    padding: 7px 15px;

    display: block;

    background: #ffffff;

    margin: 5px 0;

    border-radius: 25px;

    transition: all linear .3s;

    text-transform: uppercase;

    letter-spacing: 1px;

}



.widgets .tags li a:hover {

    background: var(--main-color-one);

    color: var(--color-white);

}





/* Comment area */



.single-comment-wrap .thumb {

    padding-right: 30px;

}



.single-comment-wrap .thumb img {

    width: 200px;

    border-radius: 50%;

}



.single-comment-wrap .content h5 {

    font-weight: 500;

}



.single-comment-wrap .content h5 span {

    float: right;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 400;

}



.single-comment-wrap .content h5 span i {

    margin-right: 5px;

    color: var(--main-color-one);

}



.single-comment-wrap .content .reply {

    position: relative;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 400;

    color: var(--main-color-one);

}



.single-comment-wrap .content .reply:before {

    position: absolute;

    content: "";

    left: 0;

    bottom: -5px;

    height: 1px;

    width: 100%;

    background: var(--main-color-one);

}





/* Comment form */



.comment-form-wrap input {

    padding: 15px;

}



.comment-form-wrap input:focus,

.comment-form-wrap input:active,

.comment-form-wrap textarea:focus,

.comment-form-wrap textarea:active {

    border: 1px solid #ced4da;

    box-shadow: none;

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .blog-post-item .categories a,

    .blog-post-item .blog-btn a,

    .blog-post-item .meta-info li a {

        font-size: 12px;

    }

}



@media (max-width:575px) {

    .meta-info {

        text-align: inherit;

    }

    .blog-post-item .meta-info li {

        padding: 0;

    }

}





/*----------------------------

    Contact section

-----------------------------*/



.contact-details {

    position: relative;

}



.contact-details .img {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    height: 100%;

    width: 100%;

    opacity: .3;

}



.contact-info-title .title {

    font-weight: 500;

}



.contact-info .subtitle {

    color: var(--main-color-one);

}



.contact-info ul li:first-child {

    padding-right: 20px;

}



.contact-info ul li i {

    height: 40px;

    width: 40px;

    line-height: 40px;

    border: 1px solid var(--main-color-one);

    text-align: center;

    border-radius: 50%;

    color: var(--main-color-one);

}



.contact-info ul li span {

    display: block;

}



.google-map iframe {

    width: 100%;

    height: 500px;

    border: none;

}





/*----------------------------

    Footer section

-----------------------------*/



#footer-section {

    padding: 70px 0 0;

    background-image: url(./assets/img/footer-bg.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.footer-logo img {

    width: 220px !important;

}



.footer-widget .title {

    color: var(--color-white);

}



.footer-widget p {

    color: #90979e;

}



.footer-widget ul li a {

    color: #878787;

    padding: 5px 0;

    display: block;

    transition: all linear .3s;

}



.footer-widget ul li a:hover {

    color: var(--main-color-one);

}



.footer-widget .footer-widget-social ul li a {

    height: 50px;

    width: 50px;

    line-height: 40px;

    text-align: center;

    margin: 0 5px;

    color: #878787;

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

    display: block;

    border-radius: 50%;

    transition: all linear .3s;

}



.footer-widget .footer-widget-social ul li a:hover {

    background: var(--main-color-one);

    color: var(--color-white);

}



.copyright-area {

    margin-top: 110px;

    padding: 20px 0;

    border-top: 1px solid #222222;

}



@media only screen and (min-width:991px) and (max-width:1200px) {

    .footer-widget .footer-widget-social ul li a {

        height: 40px;

        width: 40px;

        line-height: 30px;

    }

}





/*---------------------------------------

    Back Top

---------------------------------------*/



.back-to-top {

    position: fixed;

    right: 30px;

    bottom: 30px;

    width: 50px;

    height: 50px;

    background-color: var(--main-color-one);

    color: var(--color-white);

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    z-index: 99;

    font-size: 25px;

    cursor: pointer;

    display: none;

}





/*-------------------------

    Preloader Css

---------------------------*/



.pre-wrap {

    position: fixed;

    content: "";

    transform: translate(-100%, -240%);

    font-size: 62px;

}



.preloader-inner {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9;

    background-color: var(--color-white);

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.preloader-inner .center {

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.preloader-inner .center span {

    position: absolute;

    width: 20px;

    height: 20px;

    background: #262626;

    animation: animate 4s infinite forwards ease-in-out;

}



.preloader-inner .center span:nth-child(1) {

    background: var(--main-color-one);

    left: -24px;

    top: -24px;

    animation-delay: 0.5s;

}



.preloader-inner .center span:nth-child(2) {

    background: var(--main-color-one);

    left: 0px;

    top: -24px;

    animation-delay: 1s;

}



.preloader-inner .center span:nth-child(3) {

    background: var(--main-color-one);

    left: 0px;

    top: 0px;

    animation-delay: 2s;

}



.preloader-inner .center span:nth-child(4) {

    background: var(--main-color-one);

    left: -24px;

    top: 0px;

    animation-delay: 1.5s;

}



@keyframes animate {

    0% {

        transform: rotateY(0deg);

    }

    20% {

        transform: rotateY(360deg);

    }

    40% {

        transform: rotateX(180deg);

    }

    60% {

        transform: rotateX(0deg);

    }

    80% {

        transform: rotateX(360deg);

    }

    100% {

        transform: rotateY(180deg);

    }

}



.preloader-inner .cancel-preloader {

    position: absolute;

    bottom: 30px;

    right: 30px;

}



.preloader-inner .cancel-preloader a {

    background-color: var(--main-color-one);

    font-weight: 600;

    text-transform: capitalize;

    color: var(--color-white);

    width: 200px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border-radius: 30px;

    display: block;

    transition: all 0.3s ease-in;

}



.preloader-inner .cancel-preloader a:hover {

    background-color: var(--secondary-color);

    color: var(--color-white);

}







.video-wrapper {

  /* Telling our absolute positioned video to 

  be relative to this element */

  position: relative;



  width: 100%;

  height: 400px!important;



  /* Will not allow the video to overflow the 

  container */

  overflow: hidden;



  /* Centering the container's content vertically 

  and horizontally */

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}



.video-wrapper:before {

  content: '';

  position: absolute;

  background: rgba(73, 93, 100, 0.54);

  border-radius: 5px;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}





.practice-block2:hover {

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

}

.custom-list {
  color: #000;
}

.custom-list li::before {
  content: "- ";
}