/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

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

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

:root {
    --font-primary:  "Lexend", sans-serif;
    --color-theme-1: #fb5b21;
    --color-theme-2: #F04C11;
    --color-text:#757575;
    --color-white: #fff;
    --color-black: #222222;
    --color-black-2:#1b1a21;
    --bg-white:#fff;
    --bg-black:#222222;
}

    /* @media (prefers-color-scheme: dark) {
  :root {
    --bg-white: #111111;
     --color-black: #fff;
  }
} */

/*--------------------------------------------------------------
   Typography
--------------------------------------------------------------*/

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;

    line-height:26px;
    background: var(--color-white);
    color: var(--color-text);
    font-family: var(--font-primary);
    overflow-y: auto;
    overflow-x: hidden;
}



.modal-open {
    overflow-y: auto !important;
    padding-right: 0px !important;
}

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

img,
svg {
    vertical-align: middle;
}

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

ul,
li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word;
    font-family: var(--font-primary);
}


/*--------------------------------------------------------------
   Section Divider Margin
--------------------------------------------------------------*/

/*---------- Margin Top and Bottom 100px -----------*/
.MTB-100 {
    margin: 100px 0px;
}

.MTB-90 {
    margin: 90px 0px;
}

.MTB-80 {
    margin: 80px 0px;
}

.MTB-70 {
    margin: 70px 0px;
}

.MTB-60 {
    margin: 60px 0px;
}

.MTB-50 {
    margin: 50px 0px;
}

.MTB-40 {
    margin: 40px 0px;
}

.MTB-30 {
    margin: 30px 0px;
}

.MTB-20 {
    margin: 20px 0px;
}

.MTB-10 {
    margin: 10px 0px;
}

/*---------- Padding Top and Bottom 100px -----------*/
.PTB-100 {
    padding: 100px 0px;
}

.PTB-90 {
    padding: 90px 0px;
}

.PTB-80 {
    padding: 80px 0px;
}

.PTB-70 {
    padding: 70px 0px;
}

.PTB-60 {
    padding: 60px 0px;
}

.PTB-50 {
    padding: 50px 0px;
}

.PTB-40 {
    padding: 40px 0px;
}

.PTB-30 {
    padding: 30px 0px;
}

.PTB-20 {
    padding: 20px 0px;
}

.PTB-10 {
    padding: 10px 0px;
}

/*---------- Margin  Top and Bottom 0px -----------*/
.MT-0 {
    margin-top: 0px;
}

.MT-10 {
    margin-top: 10px;
}

.MT-20 {
    margin-top: 20px;
}

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

.MT-40 {
    margin-top: 40px;
}

.MT-50 {
    margin-top: 50px;
}

.MT-60 {
    margin-top: 60px;
}

.MT-70 {
    margin-top: 70px;
}

.MT-80 {
    margin-top: 80px;
}

.MT-90 {
    margin-top: 90px;
}

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

.MB-0 {
    margin-bottom: 0px;
}

.MB-10 {
    margin-bottom: 10px;
}

.MB-20 {
    margin-bottom: 20px;
}

.MB-30 {
    margin-bottom: 30px;
}

.MB-40 {
    margin-bottom: 40px;
}

.MB-50 {
    margin-bottom: 50px;
}

.MB-60 {
    margin-bottom: 60px;
}

.MB-70 {
    margin-bottom: 70px;
}

.MB-80 {
    margin-bottom: 80px;
}

.MB-90 {
    margin-bottom: 90px;
}

.MB-100 {
    margin-bottom: 100px;
}

/*---------- Padding Top and Bottom -----------*/
.PT-0 {
    padding-top: 0px;
}

.PT-10 {
    padding-top: 10px;
}

.PT-20 {
    padding-top: 20px;
}

.PT-30 {
    padding-top: 30px;
}

.PT-40 {
    padding-top: 40px;
}

.PT-50 {
    padding-top: 50px;
}

.PT-60 {
    padding-top: 60px;
}

.PT-70 {
    padding-top: 70px;
}

.PT-80 {
    padding-top: 80px;
}

.PT-90 {
    padding-top: 90px;
}

.PT-100 {
    padding-top: 100px;
}

.PB-0 {
    padding-bottom: 0px;
}

.PB-10 {
    padding-bottom: 10px;
}

.PB-20 {
    padding-bottom: 20px;
}

.PB-30 {
    padding-bottom: 30px;
}

.PB-40 {
    padding-bottom: 40px;
}

.PB-50 {
    padding-bottom: 50px;
}

.PB-60 {
    padding-bottom: 60px;
}

.PB-70 {
    padding-bottom: 70px;
}

.PB-80 {
    padding-bottom: 80px;
}

.PB-90 {
    padding-bottom: 90px;
}

.PB-100 {
    padding-bottom: 100px;
}

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

    .MTB-100 {
        margin: 60px 0px;
    }

    .MTB-90 {
        margin: 60px 0px;
    }

    .MTB-80 {
        margin: 60px 0px;
    }

    .MTB-70 {
        margin: 60px 0px;
    }

    .MT-70 {
        margin-top: 60px;
    }

    .MT-80 {
        margin-top: 60px;
    }

    .MT-90 {
        margin-top: 60px;
    }

    .MT-100 {
        margin-top: 60px;
    }

    .MB-70 {
        margin-bottom: 60px;
    }

    .MB-80 {
        margin-bottom: 60px;
    }

    .MB-90 {
        margin-bottom: 60px;
    }

    .MB-100 {
        margin-bottom: 60px;
    }

    .PTB-100 {
        padding: 60px 0px;
    }

    .PTB-90 {
        padding: 60px 0px;
    }

    .PTB-80 {
        padding: 60px 0px;
    }

    .PTB-70 {
        padding: 60px 0px;
    }

    .PT-70 {
        padding-top: 60px;
    }

    .PT-80 {
        padding-top: 60px;
    }

    .PT-90 {
        padding-top: 60px;
    }

    .PT-100 {
        padding-top: 60px;
    }

    .PB-70 {
        padding-bottom: 60px;
    }

    .PB-80 {
        padding-bottom: 60px;
    }

    .PB-90 {
        padding-bottom: 60px;
    }

    .PB-100 {
        padding-bottom: 60px;
    }

}


/*--------------------------------------------------------------
   End Media Query
--------------------------------------------------------------*/