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

    Theme Name: Insurs - Insurance HTML Template
    Description: Insurance HTML Template
    Author: Website Design Templates
    Version: 2.0

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

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

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Border
    07. Background image
    08. Margin
    09. Padding
    10. Display
    11. Position
    12. Width
    13. Responsive Media Query
    
---------------------------------- */

/* ===================================
    Google font
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

/* ===================================
    Reset
====================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
body{ font-family: 'Mulish', sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; font-size:16px; letter-spacing: 0.5px; color:#6b7078; font-weight: 500; line-height: 1.7; }
body, html { -moz-osx-font-smoothing: grayscale; }
a, a:active, a:focus { color: #6b7078; text-decoration: none; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;  }
a:hover, a:active{color: #1e2022; text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none;}
img {max-width:100%; height:auto; vertical-align: top; }
.form-control { min-height: 46px; }
.form-control:focus { border-color: #4e86ff; }
.form-control::-webkit-input-placeholder { color: #d0d4d9; opacity: 1; }
.form-control::-moz-placeholder { color: #d0d4d9; opacity: 1; }
.form-control:-ms-input-placeholder { color: #d0d4d9; opacity: 1; }
.form-control::-ms-input-placeholder { color: #d0d4d9; opacity: 1; }
.form-control::placeholder { color: #d0d4d9; opacity: 1; }
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}
input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none; }
select::-ms-expand{ display:none;}
iframe { border: 0; vertical-align: top; }
p {margin: 0 0 20px; }
.height-50 { height: 50%; }
.white-space { white-space: normal; }
.word-wrap { word-wrap: break-word; }
.valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.transition-hover { transition: all .3s cubic-bezier(.645,.045,.355,1); }
.transition-hover:hover, .transition-hover:focus { transform: translateY(-8px); }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
.media { display: -ms-flexbox;  display: flex; -ms-flex-align: start; align-items: flex-start; }
.media-body { -ms-flex: 1; flex: 1; word-break: break-word; }
@media (min-width: 1200px){ .container { max-width: 1170px; } }
@media (min-width: 1400px){ .container {  max-width: 1320px;} }
_:-ms-lang(x), .container, _:-ms-lang(x), .container-fluid, _:-ms-lang(x), .container-lg, _:-ms-lang(x), .container-md, _:-ms-lang(x), .container-sm, _:-ms-lang(x), .container-xl, _:-ms-lang(x), .container-xxl { padding-right: 15px; padding-left: 15px; }
_:-ms-lang(x), .row.g-0 { margin-right: 0; margin-left: 0; }
_:-ms-lang(x), .row.g-0 > * { padding-right: 0; padding-left: 0; }
_:-ms-lang(x), .row { margin-right: -15px; margin-left: -15px; }
_:-ms-lang(x), .row > * { padding-right: 15px; padding-left: 15px; }

/* ===================================
    Typography
====================================== */

/* font family */
.alt-font { font-family: 'Mulish', sans-serif; }
.main-font { font-family: 'Mulish', sans-serif; }

/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  font-weight: 800; font-family: 'Mulish', sans-serif; color: #002a5c;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {  font-weight: 800; font-family: 'Mulish', sans-serif; color: #002a5c;}

/* font size */
.display-7 {font-size:3.2rem;}
.display-8 {font-size:3.1rem;}
.display-9 {font-size:3.0rem;}
.display-10 {font-size:2.9rem;}
.display-11 {font-size:2.8rem;}
.display-12 {font-size:2.7rem;}
.display-13 {font-size:2.6rem;}
.display-14 {font-size:2.5rem;}
.display-15 {font-size:2.4rem;}
.display-16 {font-size:2.3rem;}
.display-17 {font-size:2.2rem;}
.display-18 {font-size:2.1rem;}
.display-19 {font-size:2.0rem;}
.display-20 {font-size:1.9rem;}
.display-21 {font-size:1.8rem;}
.display-22 {font-size:1.7rem;}
.display-23 {font-size:1.6rem;}
.display-24 {font-size:1.5rem;}
.display-25 {font-size:1.4rem;}
.display-26 {font-size:1.3rem;}
.display-27 {font-size:1.2rem;}
.display-28 {font-size:1.1rem;}
.display-29 {font-size:1.0rem;}
.display-30 {font-size:0.9rem;}
.display-31 {font-size:0.8rem;}
.display-32 {font-size:0.7rem;}
.display-33 {font-size:0.6rem;}
.display-34 {font-size:0.5rem;}

/* text color */
.text-black {color:#000;}
.text-extra-dark-gray {color:#1e2022;}
.text-dark-gray {color:#626262;}
.text-extra-medium-gray {color:#757575;}
.text-medium-gray {color:#939393;}
.text-extra-light-gray {color:#b7b7b7;}
.text-light-gray {color:#d6d5d5;}
.text-very-light-gray {color:#ededed;}
.text-default-color { color: #6f6f6f; }

/* letter spacing */
.no-letter-spacing {letter-spacing:0px;}
.letter-spacing-1 {letter-spacing:1px;}
.letter-spacing-2 {letter-spacing:2px;}
.letter-spacing-3 {letter-spacing:3px;}
.letter-spacing-4 {letter-spacing:4px;}
.letter-spacing-5 {letter-spacing:5px;}

/* font weight */
.font-weight-100 {font-weight:100;}
.font-weight-200 {font-weight:200;}
.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;}

 /* ===================================
    Background color
====================================== */

.bg-transparent {background-color: transparent;}
.bg-black {background-color:#000;}
.bg-extra-dark-gray {background-color:#1c1c1c;}
.bg-dark-gray {background-color:#757575;}
.bg-extra-medium-gray {background-color:#939393;}
.bg-medium-gray {background-color:#dbdbdb;}
.bg-extra-light-gray {background-color:#e0e0e0;}
.bg-medium-light-gray {background-color:#ededed;}
.bg-light-gray {background-color:#f1f7ff;}
.bg-very-light-gray {background-color:#fafafa;}
.bg-grey {background-color:#f9f9f9;}
.bg-red {background-color:#ed1b24;}
.bg-dark-theme { background: #1e2022; }
.bg-transparent-white { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.bg-transparent-black { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.85); }
.bg-black-opacity { background-color: rgba(0, 0, 0, 0.85); }
.bg-black-opacity-light { background-color: rgba(0, 0, 0, 0.5); }

/* ===================================
    Custom
====================================== */

section { padding: 120px 0; overflow: hidden; background: #fff; position: relative;}
section.md { padding: 90px 0; }

.big-input, .big-textarea, .big-select select { padding: 18px 25px; font-size: 14px; border-radius: 0;}
.medium-input, .medium-textarea, .medium-select select { padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}
.small-input, .small-textarea { padding: 12px 15px; font-size: 11px; line-height: normal;}
.small-select select {padding: 15px 15px; line-height: normal;}
.medium-input-light, .medium-textarea-light, .medium-select-light select { padding: 12px 25px; font-size: 12px; line-height: normal;}
 
/* data overlay */
[data-overlay-dark],[data-overlay-light] { position: relative;}
[data-overlay-dark] .position-unset,[data-overlay-light] .position-unset { position: unset !important;}
[data-overlay-dark] .container,[data-overlay-light] .container {  position: relative;  z-index: 2;}
[data-overlay-dark]:before,[data-overlay-light]:before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 1;}
[data-overlay-dark]:before { background: #000; }
[data-overlay-light]:before { background: #fff;}
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {  opacity: 0; }
[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {opacity: 0.1;}
[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before { opacity: 0.2; }
[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before { opacity: 0.3; }
[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before { opacity: 0.4; }
[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before { opacity: 0.5; }
[data-overlay-dark="55"]:before,
[data-overlay-light="55"]:before { opacity: 0.55; }
[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before { opacity: 0.6; }
[data-overlay-dark="65"]:before,
[data-overlay-light="65"]:before { opacity: 0.65; }
[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before { opacity: 0.7; }
[data-overlay-dark="75"]:before,
[data-overlay-light="75"]:before { opacity: 0.75; }
[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before { opacity: 0.8; }
[data-overlay-dark="85"]:before,
[data-overlay-light="85"]:before { opacity: 0.85; }
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before { opacity: 0.9; }
[data-overlay-dark="91"]:before,
[data-overlay-light="91"]:before { opacity: 0.91; }
[data-overlay-dark="92"]:before,
[data-overlay-light="92"]:before { opacity: 0.92; }
[data-overlay-dark="93"]:before,
[data-overlay-light="93"]:before { opacity: 0.93; }
[data-overlay-dark="94"]:before,
[data-overlay-light="94"]:before { opacity: 0.94; }
[data-overlay-dark="95"]:before,
[data-overlay-light="95"]:before { opacity: 0.95; }
[data-overlay-dark="96"]:before,
[data-overlay-light="96"]:before { opacity: 0.96; }
[data-overlay-dark="97"]:before,
[data-overlay-light="97"]:before { opacity: 0.97; }
[data-overlay-dark="98"]:before,
[data-overlay-light="98"]:before { opacity: 0.98; }
[data-overlay-dark="99"]:before,
[data-overlay-light="99"]:before { opacity: 0.99; }
[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {  opacity: 1; }

/* separator */
.separator-line-verticle-extra-small {width:1px; height: 8px;}
.separator-line-verticle-small-thick {width:17px; height: 3px;}
.separator-line-verticle-small {width:1px; height: 13px;}
.separator-line-verticle-small-thick2 {width:64px; height: 7px;}
.separator-line-verticle-large {width:1px; height:20px;}
.separator-line-verticle-extra-large {width:1px; height:30px;}
.separator-line-verticle-medium-thick-full {width:8px; height: 40px;}
.separator-line-verticle-large-thick {width:109px; height: 11px;}
.separator-line-horrizontal-medium-light {width:36px; height: 3px;}
.separator-line-horrizontal-medium-light2 {width:50px; height: 1px;}
.separator-line-horrizontal-medium-light3 {width:18%; height: 1px;}
.separator-line-horrizontal-medium-thick {width:50px; height: 5px;}
.separator-line-horrizontal-full {width:100%; height: 1px;}

/* divider */
.divider-full {width:100%; height: 1px; display: inline-block}

/* opacity */
.opacity-very-light {position: absolute; height: 100%; width: 100%; opacity: 0.2; top:0; left: 0;}
.opacity-light {position: absolute; height: 100%; width: 100%; opacity: 0.3; top:0; left: 0;}
.opacity-extra-medium {position: absolute; height: 100%; width: 100%; opacity: 0.5; top:0; left: 0;}
.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}
.opacity-full {position: absolute; height: 100%; width: 100%; opacity: 0.8; top:0; left: 0;}
.opacity-full-dark {position: absolute; height: 100%; width: 100%; opacity: 0.9; top:0; left: 0;}

.opacity01 {opacity:.01;}
.opacity02 {opacity:.02;}
.opacity03 {opacity:.03;}
.opacity04 {opacity:.04;}
.opacity05 {opacity:.05;}
.opacity06 {opacity:.06;}
.opacity07 {opacity:.07;}
.opacity08 {opacity:.08;}
.opacity09 {opacity:.09;}
.opacity1 {opacity:.1;}
.opacity2 {opacity:.2;}
.opacity3 {opacity:.3;}
.opacity4 {opacity:.4;}
.opacity5 {opacity:.5;}
.opacity6 {opacity:.6;}
.opacity7 {opacity:.7;}
.opacity8 {opacity:.8;}
.opacity9 {opacity:.9;}

/* box-shadow */
.box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow { box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark { box-shadow: 0 0 4px rgba(0,0,0,.4);}
.box-shadow-large { box-shadow: 0 0 12px rgba(0,0,0,.1);}
.box-shadow-primary { -webkit-box-shadow: 0 18px 38px rgba(0,0,0,.2); box-shadow: 0 18px 38px rgba(0,0,0,.2);}
.box-shadow-none{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

/* text-shadow */
.text-shadow-light { text-shadow: 0 0 3px rgba(0,0,0,.1);}
.text-shadow { text-shadow: 0 0 3px rgba(0,0,0, .2);}
.text-shadow-dark { text-shadow: 0 0 4px rgba(0,0,0,.4);}
.text-shadow-large { text-shadow: 0 0 12px rgba(0,0,0,.1);}
.text-shadow-primary { text-shadow: 0 18px 38px rgba(0,0,0,.2);}
.text-shadow-none{ text-shadow: none !important; }

/* z-index */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.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-9 {z-index:9;}
.z-index-99 {z-index:99;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}

/* verticle align */
.vertical-align-middle {vertical-align: middle;}
.vertical-align-top {vertical-align: top;}
.vertical-align-bottom {vertical-align: bottom;}
.clear-both{ clear:both;}
.line-break { display:block;}
.no-transition *  { transition-timing-function: none !important; -moz-transition-timing-function: none !important; -webkit-transition-timing-function: none !important; -o-transition-timing-function: none !important; -ms-transition-timing-function: none !important; transition-duration: 0s !important; -moz-transition-duration: 0s !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; -ms-transition-duration: 0s !important; }

/* ===================================
    Border
====================================== */

/* border */
.borders-top { border-top: 1px solid; }
.borders-end { border-right: 1px solid; }
.borders-bottom { border-bottom: 1px solid; }
.borders-start { border-left: 1px solid; }
.borders-top-0 { border-top: none; }
.borders-end-0 { border-right: none; }
.borders-bottom-0 { border-bottom: none; }
.borders-start-0 { border-left: none; }

/* boder width */
.border-width-1 {border-width:1px !important;}
.border-width-2 {border-width:2px !important;}
.border-width-3 {border-width:3px !important;}
.border-width-4 {border-width:4px !important;}
.border-width-5 {border-width:5px !important;}
.border-width-6 {border-width:6px !important;}
.border-width-7 {border-width:7px !important;}
.border-width-8 {border-width:8px !important;}
.border-width-9 {border-width:9px !important;}
.border-width-10 {border-width:10px !important;}
.border-width-20 {border-width:20px !important;}

/* border color */
.border-color-white {border-color:#fff !important;}
.border-color-black {border-color:#000 !important;}
.border-color-extra-dark-gray {border-color:#1e2022 !important;}
.border-color-medium-dark-gray {border-color:#363636 !important;}
.border-color-dark-gray {border-color:#939393 !important;}
.border-color-extra-medium-gray {border-color:#dbdbdb !important;}
.border-color-medium-gray {border-color:#e4e4e4 !important;}
.border-color-extra-light-gray {border-color:#ededed !important;}
.border-color-light-gray {border-color:#f5f5f5 !important;}
.border-color-light-white { border-color:rgba(255, 255, 255, 0.1) !important; } 
.border-color-light-white-fifty { border-color:rgba(255, 255, 255, 0.5) !important; } 
.border-color-light-black { border-color:rgba(0, 0, 0, 0.085) !important; } 

/* boder style */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}

/* border radius */
.border-radius-1 {border-radius:1px;}
.border-radius-2 {border-radius:2px;}
.border-radius-3 {border-radius:3px;}
.border-radius-4 {border-radius:4px;}
.border-radius-5 {border-radius:5px;}
.border-radius-6 {border-radius:6px;}
.border-radius-7 {border-radius:7px;}
.border-radius-8 {border-radius:8px;}
.border-radius-9 {border-radius:9px;}
.border-radius-10 {border-radius:10px;}
.border-radius-50 {border-radius:50%;}
.border-radius-100 {border-radius:100%;}
.border-radius-none {border-radius:0 !important;}

/* ===================================
    Background image
====================================== */

.parallax {position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;  }
.fix-background {position: relative;  background-size: cover; animation-duration: 0s; animation-fill-mode: none; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; -moz-animation-duration: 0s;  -moz-animation-fill-mode: none; -ms-animation-duration: 0s; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit;}
.background-attachment-inherit {background-attachment: inherit;}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto; }
.background-position-x-50 {background-position-x: 50% !important;}
.background-size-contain {background-size: contain;}
.background-no-repeat {  background-repeat: no-repeat; }

/*==============================
    Margin
================================*/

/* negative margin */
.mt-n1{
    margin-top: -0.25rem!important;
}
.mt-n2{
    margin-top: -0.5rem!important;
}
.mt-n3{
    margin-top: -1rem!important;
}
.mt-n4{
    margin-top: -1.5rem!important;
}
.mt-n5{
    margin-top: -3rem!important;
}
.mt-n6 {
    margin-top: -3.5rem;
}
.mt-n7 {
    margin-top: -4rem;
}
.mt-n8 {
    margin-top: -4.5rem;
}
.mt-n9 {
    margin-top: -5rem;
}
.mt-n10 {
    margin-top: -5.5rem;
}
.mt-n1-6 {
    margin-top: -1.6rem!important;   
}
.mt-n1-9 {
    margin-top: -1.9rem!important;   
}
.mt-n2-2 {
    margin-top: -2.2rem!important;   
}
.mt-n2-6 {
    margin-top: -2.6rem!important;   
}
.mt-n2-9 {
    margin-top: -2.9rem!important;   
}

/* custom margin */
.m-1-6 {
    margin: 1.6rem;
}
.m-1-7 {
    margin: 1.7rem;
}
.m-1-8 {
    margin: 1.8rem;
}
.m-1-9 {
    margin: 1.9rem;
}
.m-2-0 {
    margin: 2.0rem;
}
.m-2-1 {
    margin: 2.1rem;
}
.m-2-2 {
    margin: 2.2rem;
}
.m-2-3 {
    margin: 2.3rem;
}
.m-2-4 {
    margin: 2.4rem;
}
.m-2-5 {
    margin: 2.5rem;
}
.m-2-6 {
    margin: 2.6rem;
}
.m-2-7 {
    margin: 2.7rem;
}
.m-2-8 {
    margin: 2.8rem;
}
.m-2-9 {
    margin: 2.9rem;
}

/* margin all */
.m-6 {
    margin: 3.5rem;
}
.m-7 {
    margin: 4rem;
}
.m-8 {
    margin: 4.5rem;
}
.m-9 {
    margin: 5rem;
}
.m-10 {
    margin: 5.5rem;
}
.m-11 {
    margin: 6rem;
}
.m-12 {
    margin: 6.5rem;
}
.m-13 {
    margin: 7rem;
}
.m-14 {
    margin: 7.5rem;
}
.m-15 {
    margin: 8rem;
}
.m-16 {
    margin: 8.5rem;
}
.m-17 {
    margin: 9rem;
}
.m-18 {
    margin: 9.5rem;
}
.m-19 {
    margin: 10rem;
}
.m-20 {
    margin: 10.5rem;
}
.m-21 {
    margin: 11rem;
}
.m-22 {
    margin: 11.5rem;
}
.m-23 {
    margin: 12rem;
}
.m-24 {
    margin: 12.5rem;
}

/* margin top */
.mt-1-6, .my-1-6 {
    margin-top: 1.6rem;
}
.mt-1-7, .my-1-7 {
    margin-top: 1.7rem;
}
.mt-1-8, .my-1-8 {
    margin-top: 1.8rem;
}
.mt-1-9, .my-1-9 {
    margin-top: 1.9rem;
}
.mt-2-0, .my-2-0 {
    margin-top: 2.0rem;
}
.mt-2-1, .my-2-1 {
    margin-top: 2.1rem;
}
.mt-2-2, .my-2-2 {
    margin-top: 2.2rem;
}
.mt-2-3, .my-2-3 {
    margin-top: 2.3rem;
}
.mt-2-4, .my-2-4 {
    margin-top: 2.4rem;
}
.mt-2-5, .my-2-5 {
    margin-top: 2.5rem;
}
.mt-2-6, .my-2-6 {
    margin-top: 2.6rem;
}
.mt-2-7, .my-2-7 {
    margin-top: 2.7rem;
}
.mt-2-8, .my-2-8 {
    margin-top: 2.8rem;
}
.mt-2-9, .my-2-9 {
    margin-top: 2.9rem;
}

.mt-6, .my-6 {
    margin-top: 3.5rem;
}
.mt-7, .my-7 {
    margin-top: 4rem;
}
.mt-8, .my-8 {
    margin-top: 4.5rem;
}
.mt-9, .my-9 {
    margin-top: 5rem;
}
.mt-10, .my-10 {
    margin-top: 5.5rem;
}
.mt-11, .my-11 {
    margin-top: 6rem;
}
.mt-12, .my-12 {
    margin-top: 6.5rem;
}
.mt-13, .my-13 {
    margin-top: 7rem;
}
.mt-14, .my-14 {
    margin-top: 7.5rem;
}
.mt-15, .my-15 {
    margin-top: 8rem;
}
.mt-16, .my-16 {
    margin-top: 8.5rem;
}
.mt-17, .my-17 {
    margin-top: 9rem;
}
.mt-18, .my-18 {
    margin-top: 9.5rem;
}
.mt-19, .my-19 {
    margin-top: 10rem;
}
.mt-20, .my-20 {
    margin-top: 10.5rem;
}
.mt-21, .my-21 {
    margin-top: 11rem;
}
.mt-22, .my-22 {
    margin-top: 11.5rem;
}
.mt-23, .my-23 {
    margin-top: 12rem;
}
.mt-24, .my-24 {
    margin-top: 12.5rem;
}

/* margin bottom */
.mb-1-6, .my-1-6 {
    margin-bottom: 1.6rem;
}
.mb-1-7, .my-1-7 {
    margin-bottom: 1.7rem;
}
.mb-1-8, .my-1-8 {
    margin-bottom: 1.8rem;
}
.mb-1-9, .my-1-9 {
    margin-bottom: 1.9rem;
}
.mb-2-0, .my-2-0 {
    margin-bottom: 2.0rem;
}
.mb-2-1, .my-2-1 {
    margin-bottom: 2.1rem;
}
.mb-2-2, .my-2-2 {
    margin-bottom: 2.2rem;
}
.mb-2-3, .my-2-3 {
    margin-bottom: 2.3rem;
}
.mb-2-4, .my-2-4 {
    margin-bottom: 2.4rem;
}
.mb-2-5, .my-2-5 {
    margin-bottom: 2.5rem;
}
.mb-2-6, .my-2-6 {
    margin-bottom: 2.6rem;
}
.mb-2-7, .my-2-7 {
    margin-bottom: 2.7rem;
}
.mb-2-8, .my-2-8 {
    margin-bottom: 2.8rem;
}
.mb-2-9, .my-2-9 {
    margin-bottom: 2.9rem;
}

.mb-6, .my-6 {
    margin-bottom: 3.5rem;
}
.mb-7, .my-7 {
    margin-bottom: 4rem;
}
.mb-8, .my-8 {
    margin-bottom: 4.5rem;
}
.mb-9, .my-9 {
    margin-bottom: 5rem;
}
.mb-10, .my-10 {
    margin-bottom: 5.5rem;
}
.mb-11, .my-11 {
    margin-bottom: 6rem;
}
.mb-12, .my-12 {
    margin-bottom: 6.5rem;
}
.mb-13, .my-13 {
    margin-bottom: 7rem;
}
.mb-14, .my-14 {
    margin-bottom: 7.5rem;
}
.mb-15, .my-15 {
    margin-bottom: 8rem;
}
.mb-16, .my-16 {
    margin-bottom: 8.5rem;
}
.mb-17, .my-17 {
    margin-bottom: 9rem;
}
.mb-18, .my-18 {
    margin-bottom: 9.5rem;
}
.mb-19, .my-19 {
    margin-bottom: 10rem;
}
.mb-20, .my-20 {
    margin-bottom: 10.5rem;
}
.mb-21, .my-21 {
    margin-bottom: 11rem;
}
.mb-22, .my-22 {
    margin-bottom: 11.5rem;
}
.mb-23, .my-23 {
    margin-bottom: 12rem;
}
.mb-24, .my-24 {
    margin-bottom: 12.5rem;
}

/* margin left */
.ms-1-6, .mx-1-6 {
    margin-left: 1.6rem;
}
.ms-1-7, .mx-1-7 {
    margin-left: 1.7rem;
}
.ms-1-8, .mx-1-8 {
    margin-left: 1.8rem;
}
.ms-1-9, .mx-1-9 {
    margin-left: 1.9rem;
}
.ms-2-0, .mx-2-0 {
    margin-left: 2.0rem;
}
.ms-2-1, .mx-2-1 {
    margin-left: 2.1rem;
}
.ms-2-2, .mx-2-2 {
    margin-left: 2.2rem;
}
.ms-2-3, .mx-2-3 {
    margin-left: 2.3rem;
}
.ms-2-4, .mx-2-4 {
    margin-left: 2.4rem;
}
.ms-2-5, .mx-2-5 {
    margin-left: 2.5rem;
}
.ms-2-6, .mx-2-6 {
    margin-left: 2.6rem;
}
.ms-2-7, .mx-2-7 {
    margin-left: 2.7rem;
}
.ms-2-8, .mx-2-8 {
    margin-left: 2.8rem;
}
.ms-2-9, .mx-2-9 {
    margin-left: 2.9rem;
}

.ms-6, .mx-6 {
    margin-left: 3.5rem;
}
.ms-7, .mx-7 {
    margin-left: 4rem;
}
.ms-8, .mx-8 {
    margin-left: 4.5rem;
}
.ms-9, .mx-9 {
    margin-left: 5rem;
}
.ms-10, .mx-10 {
    margin-left: 5.5rem;
}
.ms-11, .mx-11 {
    margin-left: 6rem;
}
.ms-12, .mx-12 {
    margin-left: 6.5rem;
}
.ms-13, .mx-13 {
    margin-left: 7rem;
}
.ms-14, .mx-14 {
    margin-left: 7.5rem;
}
.ms-15, .mx-15 {
    margin-left: 8rem;
}
.ms-16, .mx-16 {
    margin-left: 8.5rem;
}
.ms-17, .mx-17 {
    margin-left: 9rem;
}
.ms-18, .mx-18 {
    margin-left: 9.5rem;
}
.ms-19, .mx-19 {
    margin-left: 10rem;
}
.ms-20, .mx-20 {
    margin-left: 10.5rem;
}
.ms-21, .mx-21 {
    margin-left: 11rem;
}
.ms-22, .mx-22 {
    margin-left: 11.5rem;
}
.ms-23, .mx-23 {
    margin-left: 12rem;
}
.ms-24, .mx-24 {
    margin-left: 12.5rem;
}

/* margin right */
.me-1-6, .mx-1-6 {
    margin-right: 1.6rem;
}
.me-1-7, .mx-1-7 {
    margin-right: 1.7rem;
}
.me-1-8, .mx-1-8 {
    margin-right: 1.8rem;
}
.me-1-9, .mx-1-9 {
    margin-right: 1.9rem;
}
.me-2-0, .mx-2-0 {
    margin-right: 2.0rem;
}
.me-2-1, .mx-2-1 {
    margin-right: 2.1rem;
}
.me-2-2, .mx-2-2 {
    margin-right: 2.2rem;
}
.me-2-3, .mx-2-3 {
    margin-right: 2.3rem;
}
.me-2-4, .mx-2-4 {
    margin-right: 2.4rem;
}
.me-2-5, .mx-2-5 {
    margin-right: 2.5rem;
}
.me-2-6, .mx-2-6 {
    margin-right: 2.6rem;
}
.me-2-7, .mx-2-7 {
    margin-right: 2.7rem;
}
.me-2-8, .mx-2-8 {
    margin-right: 2.8rem;
}
.me-2-9, .mx-2-9 {
    margin-right: 2.9rem;
}

.me-6, .mx-6 {
    margin-right: 3.5rem;
}
.me-7, .mx-7 {
    margin-right: 4rem;
}
.me-8, .mx-8 {
    margin-right: 4.5rem;
}
.me-9, .mx-9 {
    margin-right: 5rem;
}
.me-10, .mx-10 {
    margin-right: 5.5rem;
}
.me-11, .mx-11 {
    margin-right: 6rem;
}
.me-12, .mx-12 {
    margin-right: 6.5rem;
}
.me-13, .mx-13 {
    margin-right: 7rem;
}
.me-14, .mx-14 {
    margin-right: 7.5rem;
}
.me-15, .mx-15 {
    margin-right: 8rem;
}
.me-16, .mx-16 {
    margin-right: 8.5rem;
}
.me-17, .mx-17 {
    margin-right: 9rem;
}
.me-18, .mx-18 {
    margin-right: 9.5rem;
}
.me-19, .mx-19 {
    margin-right: 10rem;
}
.me-20, .mx-20 {
    margin-right: 10.5rem;
}
.me-21, .mx-21 {
    margin-right: 11rem;
}
.me-22, .mx-22 {
    margin-right: 11.5rem;
}
.me-23, .mx-23 {
    margin-right: 12rem;
}
.me-24, .mx-24 {
    margin-right: 12.5rem;
}


/*==============================
    Padding
================================*/

/* padding all */

/* custom padding */
.p-1-6 {
    padding: 1.6rem;
}
.p-1-7 {
    padding: 1.7rem;
}
.p-1-8 {
    padding: 1.8rem;
}
.p-1-9 {
    padding: 1.9rem;
}
.p-2-0 {
    padding: 2.0rem;
}
.p-2-1 {
    padding: 2.1rem;
}
.p-2-2 {
    padding: 2.2rem;
}
.p-2-3 {
    padding: 2.3rem;
}
.p-2-4 {
    padding: 2.4rem;
}
.p-2-5 {
    padding: 2.5rem;
}
.p-2-6 {
    padding: 2.6rem;
}
.p-2-7 {
    padding: 2.7rem;
}
.p-2-8 {
    padding: 2.8rem;
}
.p-2-9 {
    padding: 2.9rem;
}

.p-6 {
    padding: 3.5rem;
}
.p-7 {
    padding: 4rem;
}
.p-8 {
    padding: 4.5rem;
}
.p-9 {
    padding: 5rem;
}
.p-10 {
    padding: 5.5rem;
}
.p-11 {
    padding: 6rem;
}
.p-12 {
    padding: 6.5rem;
}
.p-13 {
    padding: 7rem;
}
.p-14 {
    padding: 7.5rem;
}
.p-15 {
    padding: 8rem;
}
.p-16 {
    padding: 8.5rem;
}
.p-17 {
    padding: 9rem;
}
.p-18 {
    padding: 9.5rem;
}
.p-19 {
    padding: 10rem;
}
.p-20 {
    padding: 10.5rem;
}
.p-21 {
    padding: 11rem;
}
.p-22 {
    padding: 11.5rem;
}
.p-23 {
    padding: 12rem;
}
.p-24 {
    padding: 12.5rem;
}

/* padding top */
.pt-1-6, .py-1-6 {
    padding-top: 1.6rem;
}
.pt-1-7, .py-1-7 {
    padding-top: 1.7rem;
}
.pt-1-8, .py-1-8 {
    padding-top: 1.8rem;
}
.pt-1-9, .py-1-9 {
    padding-top: 1.9rem;
}
.pt-2-0, .py-2-0 {
    padding-top: 2.0rem;
}
.pt-2-1, .py-2-1 {
    padding-top: 2.1rem;
}
.pt-2-2, .py-2-2 {
    padding-top: 2.2rem;
}
.pt-2-3, .py-2-3 {
    padding-top: 2.3rem;
}
.pt-2-4, .py-2-4 {
    padding-top: 2.4rem;
}
.pt-2-5, .py-2-5 {
    padding-top: 2.5rem;
}
.pt-2-6, .py-2-6 {
    padding-top: 2.6rem;
}
.pt-2-7, .py-2-7 {
    padding-top: 2.7rem;
}
.pt-2-8, .py-2-8 {
    padding-top: 2.8rem;
}
.pt-2-9, .py-2-9 {
    padding-top: 2.9rem;
}

.pt-6, .py-6 {
    padding-top: 3.5rem;
}
.pt-7, .py-7 {
    padding-top: 4rem;
}
.pt-8, .py-8 {
    padding-top: 4.5rem;
}
.pt-9, .py-9 {
    padding-top: 5rem;
}
.pt-10, .py-10 {
    padding-top: 5.5rem;
}
.pt-11, .py-11 {
    padding-top: 6rem;
}
.pt-12, .py-12 {
    padding-top: 6.5rem;
}
.pt-13, .py-13 {
    padding-top: 7rem;
}
.pt-14, .py-14 {
    padding-top: 7.5rem;
}
.pt-15, .py-15 {
    padding-top: 8rem;
}
.pt-16, .py-16 {
    padding-top: 8.5rem;
}
.pt-17, .py-17 {
    padding-top: 9rem;
}
.pt-18, .py-18 {
    padding-top: 9.5rem;
}
.pt-19, .py-19 {
    padding-top: 10rem;
}
.pt-20, .py-20 {
    padding-top: 10.5rem;
}
.pt-21, .py-21 {
    padding-top: 11rem;
}
.pt-22, .py-22 {
    padding-top: 11.5rem;
}
.pt-23, .py-23 {
    padding-top: 12rem;
}
.pt-24, .py-24 {
    padding-top: 12.5rem;
}

/* padding bottom */
.pb-1-6, .py-1-6 {
    padding-bottom: 1.6rem;
}
.pb-1-7, .py-1-7 {
    padding-bottom: 1.7rem;
}
.pb-1-8, .py-1-8 {
    padding-bottom: 1.8rem;
}
.pb-1-9, .py-1-9 {
    padding-bottom: 1.9rem;
}
.pb-2-0, .py-2-0 {
    padding-bottom: 2.0rem;
}
.pb-2-1, .py-2-1 {
    padding-bottom: 2.1rem;
}
.pb-2-2, .py-2-2 {
    padding-bottom: 2.2rem;
}
.pb-2-3, .py-2-3 {
    padding-bottom: 2.3rem;
}
.pb-2-4, .py-2-4 {
    padding-bottom: 2.4rem;
}
.pb-2-5, .py-2-5 {
    padding-bottom: 2.5rem;
}
.pb-2-6, .py-2-6 {
    padding-bottom: 2.6rem;
}
.pb-2-7, .py-2-7 {
    padding-bottom: 2.7rem;
}
.pb-2-8, .py-2-8 {
    padding-bottom: 2.8rem;
}
.pb-2-9, .py-2-9 {
    padding-bottom: 2.9rem;
}

.pb-6, .py-6 {
    padding-bottom: 3.5rem;
}
.pb-7, .py-7 {
    padding-bottom: 4rem;
}
.pb-8, .py-8 {
    padding-bottom: 4.5rem;
}
.pb-9, .py-9 {
    padding-bottom: 5rem;
}
.pb-10, .py-10 {
    padding-bottom: 5.5rem;
}
.pb-11, .py-11 {
    padding-bottom: 6rem;
}
.pb-12, .py-12 {
    padding-bottom: 6.5rem;
}
.pb-13, .py-13 {
    padding-bottom: 7rem;
}
.pb-14, .py-14 {
    padding-bottom: 7.5rem;
}
.pb-15, .py-15 {
    padding-bottom: 8rem;
}
.pb-16, .py-16 {
    padding-bottom: 8.5rem;
}
.pb-17, .py-17 {
    padding-bottom: 9rem;
}
.pb-18, .py-18 {
    padding-bottom: 9.5rem;
}
.pb-19, .py-19 {
    padding-bottom: 10rem;
}
.pb-20, .py-20 {
    padding-bottom: 10.5rem;
}
.pb-21, .py-21 {
    padding-bottom: 11rem;
}
.pb-22, .py-22 {
    padding-bottom: 11.5rem;
}
.pb-23, .py-23 {
    padding-bottom: 12rem;
}
.pb-24, .py-24 {
    padding-bottom: 12.5rem;
}

/* padding left */
.ps-1-6, .px-1-6 {
    padding-left: 1.6rem;
}
.ps-1-7, .px-1-7 {
    padding-left: 1.7rem;
}
.ps-1-8, .px-1-8 {
    padding-left: 1.8rem;
}
.ps-1-9, .px-1-9 {
    padding-left: 1.9rem;
}
.ps-2-0, .px-2-0 {
    padding-left: 2.0rem;
}
.ps-2-1, .px-2-1 {
    padding-left: 2.1rem;
}
.ps-2-2, .px-2-2 {
    padding-left: 2.2rem;
}
.ps-2-3, .px-2-3 {
    padding-left: 2.3rem;
}
.ps-2-4, .px-2-4 {
    padding-left: 2.4rem;
}
.ps-2-5, .px-2-5 {
    padding-left: 2.5rem;
}
.ps-2-6, .px-2-6 {
    padding-left: 2.6rem;
}
.ps-2-7, .px-2-7 {
    padding-left: 2.7rem;
}
.ps-2-8, .px-2-8 {
    padding-left: 2.8rem;
}
.ps-2-9, .px-2-9 {
    padding-left: 2.9rem;
}

.ps-6, .px-6 {
    padding-left: 3.5rem;
}
.ps-7, .px-7 {
    padding-left: 4rem;
}
.ps-8, .px-8 {
    padding-left: 4.5rem;
}
.ps-9, .px-9 {
    padding-left: 5rem;
}
.ps-10, .px-10 {
    padding-left: 5.5rem;
}
.ps-11, .px-11 {
    padding-left: 6rem;
}
.ps-12, .px-12 {
    padding-left: 6.5rem;
}
.ps-13, .px-13 {
    padding-left: 7rem;
}
.ps-14, .px-14 {
    padding-left: 7.5rem;
}
.ps-15, .px-15 {
    padding-left: 8rem;
}
.ps-16, .px-16 {
    padding-left: 8.5rem;
}
.ps-17, .px-17 {
    padding-left: 9rem;
}
.ps-18, .px-18 {
    padding-left: 9.5rem;
}
.ps-19, .px-19 {
    padding-left: 10rem;
}
.ps-20, .px-20 {
    padding-left: 10.5rem;
}
.ps-21, .px-21 {
    padding-left: 11rem;
}
.ps-22, .px-22 {
    padding-left: 11.5rem;
}
.ps-23, .px-23 {
    padding-left: 12rem;
}
.ps-24, .px-24 {
    padding-left: 12.5rem;
}

/* padding right */
.pe-1-6, .px-1-6 {
    padding-right: 1.6rem;
}
.pe-1-7, .px-1-7 {
    padding-right: 1.7rem;
}
.pe-1-8, .px-1-8 {
    padding-right: 1.8rem;
}
.pe-1-9, .px-1-9 {
    padding-right: 1.9rem;
}
.pe-2-0, .px-2-0 {
    padding-right: 2.0rem;
}
.pe-2-1, .px-2-1 {
    padding-right: 2.1rem;
}
.pe-2-2, .px-2-2 {
    padding-right: 2.2rem;
}
.pe-2-3, .px-2-3 {
    padding-right: 2.3rem;
}
.pe-2-4, .px-2-4 {
    padding-right: 2.4rem;
}
.pe-2-5, .px-2-5 {
    padding-right: 2.5rem;
}
.pe-2-6, .px-2-6 {
    padding-right: 2.6rem;
}
.pe-2-7, .px-2-7 {
    padding-right: 2.7rem;
}
.pe-2-8, .px-2-8 {
    padding-right: 2.8rem;
}
.pe-2-9, .px-2-9 {
    padding-right: 2.9rem;
}

.pe-6, .px-6 {
    padding-right: 3.5rem;
}
.pe-7, .px-7 {
    padding-right: 4rem;
}
.pe-8, .px-8 {
    padding-right: 4.5rem;
}
.pe-9, .px-9 {
    padding-right: 5rem;
}
.pe-10, .px-10 {
    padding-right: 5.5rem;
}
.pe-11, .px-11 {
    padding-right: 6rem;
}
.pe-12, .px-12 {
    padding-right: 6.5rem;
}
.pe-13, .px-13 {
    padding-right: 7rem;
}
.pe-14, .px-14 {
    padding-right: 7.5rem;
}
.pe-15, .px-15 {
    padding-right: 8rem;
}
.pe-16, .px-16 {
    padding-right: 8.5rem;
}
.pe-17, .px-17 {
    padding-right: 9rem;
}
.pe-18, .px-18 {
    padding-right: 9.5rem;
}
.pe-19, .px-19 {
    padding-right: 10rem;
}
.pe-20, .px-20 {
    padding-right: 10.5rem;
}
.pe-21, .px-21 {
    padding-right: 11rem;
}
.pe-22, .px-22 {
    padding-right: 11.5rem;
}
.pe-23, .px-23 {
    padding-right: 12rem;
}
.pe-24, .px-24 {
    padding-right: 12.5rem;
}

/*==============================
    Display
================================*/

.overflow-hidden {overflow:hidden !important;}
.overflow-visible {overflow:visible !important;}
.overflow-auto {overflow:auto !important;}

/*============================== 
    Position
================================*/

.position-inherit {position:inherit !important;}
.right {right:0;}
.right-1 {right:-1px;}
.left {left:0;}
.left-1 {left:-1px;}
.top {top:0;}
.top-1 {top:-1px;}
.bottom {bottom:0;}
.bottom-1 {bottom:-1px;}

.top-5 { top: 5%; bottom: inherit; }
.top-10 { top: 10%; bottom: inherit; }
.top-15 { top: 15%; bottom: inherit; }
.top-20 { top: 20%; bottom: inherit; }
.top-25 { top: 25%; bottom: inherit; }
.top-30 { top: 30%; bottom: inherit; }
.top-35 { top: 35%; bottom: inherit; }
.top-40 { top: 40%; bottom: inherit; }
.top-45 { top: 45%; bottom: inherit; }
.top-50 { top: 50%; bottom: inherit; }
.top-55 { top: 55%; bottom: inherit; }
.top-60 { top: 60%; bottom: inherit; }
.top-65 { top: 65%; bottom: inherit; }
.top-70 { top: 70%; bottom: inherit; }
.top-75 { top: 75%; bottom: inherit; }
.top-80 { top: 80%; bottom: inherit; }
.top-85 { top: 85%; bottom: inherit; }
.top-90 { top: 90%; bottom: inherit; }
.top-95 { top: 95%; bottom: inherit; }
.top-100 { top: 100%; bottom: inherit; }

.top-n5 { top: -5%; bottom: inherit; }
.top-n10 { top: -10%; bottom: inherit; }
.top-n15 { top: -15%; bottom: inherit; }
.top-n20 { top: -20%; bottom: inherit; }
.top-n25 { top: -25%; bottom: inherit; }
.top-n30 { top: -30%; bottom: inherit; }
.top-n35 { top: -35%; bottom: inherit; }
.top-n40 { top: -40%; bottom: inherit; }
.top-n45 { top: -45%; bottom: inherit; }
.top-n50 { top: -50%; bottom: inherit; }
.top-n55 { top: -55%; bottom: inherit; }
.top-n60 { top: -60%; bottom: inherit; }
.top-n65 { top: -65%; bottom: inherit; }
.top-n70 { top: -70%; bottom: inherit; }
.top-n75 { top: -75%; bottom: inherit; }
.top-n80 { top: -80%; bottom: inherit; }
.top-n85 { top: -85%; bottom: inherit; }
.top-n90 { top: -90%; bottom: inherit; }
.top-n95 { top: -95%; bottom: inherit; }
.top-n100 { top: -100%; bottom: inherit; }

.bottom-5 { bottom: 5%; top: inherit; }
.bottom-10 { bottom: 10%; top: inherit; }
.bottom-15 { bottom: 15%; top: inherit; }
.bottom-20 { bottom: 20%; top: inherit; }
.bottom-25 { bottom: 25%; top: inherit; }
.bottom-30 { bottom: 30%; top: inherit; }
.bottom-35 { bottom: 35%; top: inherit; }
.bottom-40 { bottom: 40%; top: inherit; }
.bottom-45 { bottom: 45%; top: inherit; }
.bottom-50 { bottom: 50%; top: inherit; }
.bottom-55 { bottom: 55%; top: inherit; }
.bottom-60 { bottom: 60%; top: inherit; }
.bottom-65 { bottom: 65%; top: inherit; }
.bottom-70 { bottom: 70%; top: inherit; }
.bottom-75 { bottom: 75%; top: inherit; }
.bottom-80 { bottom: 80%; top: inherit; }
.bottom-85 { bottom: 85%; top: inherit; }
.bottom-90 { bottom: 90%; top: inherit; }
.bottom-95 { bottom: 95%; top: inherit; }
.bottom-100 { bottom: 100%; top: inherit; }

.bottom-n5 { bottom: -5%; top: inherit; }
.bottom-n10 { bottom: -10%; top: inherit; }
.bottom-n15 { bottom: -15%; top: inherit; }
.bottom-n20 { bottom: -20%; top: inherit; }
.bottom-n25 { bottom: -25%; top: inherit; }
.bottom-n30 { bottom: -30%; top: inherit; }
.bottom-n35 { bottom: -35%; top: inherit; }
.bottom-n40 { bottom: -40%; top: inherit; }
.bottom-n45 { bottom: -45%; top: inherit; }
.bottom-n50 { bottom: -50%; top: inherit; }
.bottom-n55 { bottom: -55%; top: inherit; }
.bottom-n60 { bottom: -60%; top: inherit; }
.bottom-n65 { bottom: -65%; top: inherit; }
.bottom-n70 { bottom: -70%; top: inherit; }
.bottom-n75 { bottom: -75%; top: inherit; }
.bottom-n80 { bottom: -80%; top: inherit; }
.bottom-n85 { bottom: -85%; top: inherit; }
.bottom-n90 { bottom: -90%; top: inherit; }
.bottom-n95 { bottom: -95%; top: inherit; }
.bottom-n100 { bottom: -100%; top: inherit; }

.left-5 { left: 5%; right: inherit; }
.left-10 { left: 10%; right: inherit; }
.left-15 { left: 15%; right: inherit; }
.left-20 { left: 20%; right: inherit; }
.left-25 { left: 25%; right: inherit; }
.left-30 { left: 30%; right: inherit; }
.left-35 { left: 35%; right: inherit; }
.left-40 { left: 40%; right: inherit; }
.left-45 { left: 45%; right: inherit; }
.left-50 { left: 50%; right: inherit; }
.left-55 { left: 55%; right: inherit; }
.left-60 { left: 60%; right: inherit; }
.left-65 { left: 65%; right: inherit; }
.left-70 { left: 70%; right: inherit; }
.left-75 { left: 75%; right: inherit; }
.left-80 { left: 80%; right: inherit; }
.left-85 { left: 85%; right: inherit; }
.left-90 { left: 90%; right: inherit; }
.left-95 { left: 95%; right: inherit; }
.left-100 { left: 100%; right: inherit; }

.left-n5 { left: -5%; right: inherit; }
.left-n10 { left: -10%; right: inherit; }
.left-n15 { left: -15%; right: inherit; }
.left-n20 { left: -20%; right: inherit; }
.left-n25 { left: -25%; right: inherit; }
.left-n30 { left: -30%; right: inherit; }
.left-n35 { left: -35%; right: inherit; }
.left-n40 { left: -40%; right: inherit; }
.left-n45 { left: -45%; right: inherit; }
.left-n50 { left: -50%; right: inherit; }
.left-n55 { left: -55%; right: inherit; }
.left-n60 { left: -60%; right: inherit; }
.left-n65 { left: -65%; right: inherit; }
.left-n70 { left: -70%; right: inherit; }
.left-n75 { left: -75%; right: inherit; }
.left-n80 { left: -80%; right: inherit; }
.left-n85 { left: -85%; right: inherit; }
.left-n90 { left: -90%; right: inherit; }
.left-n95 { left: -95%; right: inherit; }
.left-n100 { left: -100%; right: inherit; }

.right-5 { right: 5%; left: inherit; }
.right-10 { right: 10%; left: inherit; }
.right-15 { right: 15%; left: inherit; }
.right-20 { right: 20%; left: inherit; }
.right-25 { right: 25%; left: inherit; }
.right-30 { right: 30%; left: inherit; }
.right-35 { right: 35%; left: inherit; }
.right-40 { right: 40%; left: inherit; }
.right-45 { right: 45%; left: inherit; }
.right-50 { right: 50%; left: inherit; }
.right-55 { right: 55%; left: inherit; }
.right-60 { right: 60%; left: inherit; }
.right-65 { right: 65%; left: inherit; }
.right-70 { right: 70%; left: inherit; }
.right-75 { right: 75%; left: inherit; }
.right-80 { right: 80%; left: inherit; }
.right-85 { right: 85%; left: inherit; }
.right-90 { right: 90%; left: inherit; }
.right-95 { right: 95%; left: inherit; }
.right-100 { right: 100%; left: inherit; }
 
.right-n5 { right: -5%; left: inherit; }
.right-n10 { right: -10%; left: inherit; }
.right-n15 { right: -15%; left: inherit; }
.right-n20 { right: -20%; left: inherit; }
.right-n25 { right: -25%; left: inherit; }
.right-n30 { right: -30%; left: inherit; }
.right-n35 { right: -35%; left: inherit; }
.right-n40 { right: -40%; left: inherit; }
.right-n45 { right: -45%; left: inherit; }
.right-n50 { right: -50%; left: inherit; }
.right-n55 { right: -55%; left: inherit; }
.right-n60 { right: -60%; left: inherit; }
.right-n65 { right: -65%; left: inherit; }
.right-n70 { right: -70%; left: inherit; }
.right-n75 { right: -75%; left: inherit; }
.right-n80 { right: -80%; left: inherit; }
.right-n85 { right: -85%; left: inherit; }
.right-n90 { right: -90%; left: inherit; }
.right-n95 { right: -95%; left: inherit; }
.right-n100 { right: -100%; left: inherit; }

/*================================
    Width
================================*/

.w-1px {width:1px;}
.w-2px {width:2px;}
.w-3px {width:3px;}
.w-4px {width:4px;}
.w-5px {width:5px;}
.w-6px {width:6px;}
.w-7px {width:7px;}
.w-8px {width:8px;}
.w-9px {width:9px;}
.w-10px {width:10px;}
.w-15px {width:15px;}
.w-20px {width:20px;}
.w-25px {width:25px;}
.w-30px {width:30px;}
.w-35px {width:35px;}
.w-40px {width:40px;}
.w-50px {width:50px;}
.w-55px {width:55px;}
.w-60px {width:60px;}
.w-65px {width:65px;}
.w-70px {width:70px;}
.w-75px {width:75px;}
.w-80px {width:80px;}
.w-85px {width:85px;}
.w-90px {width:90px;}
.w-100px {width:100px;}

.w-1 {width:1%;}
.w-2 {width:2%;}
.w-3 {width:3%;}
.w-4 {width:4%;}
.w-5 {width:5%;}
.w-6 {width:6%;}
.w-7 {width:7%;}
.w-8 {width:8%;}
.w-9 {width:9%;}
.w-10 {width:10%;}
.w-11 {width:11%;}
.w-12 {width:12%;}
.w-13 {width:13%;}
.w-14 {width:14%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}
.w-auto {width: auto;}

/*================================
    Responsive Media Query
================================*/

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

    /* width */
    .w-sm-1px {width:1px;}
    .w-sm-2px {width:2px;}
    .w-sm-3px {width:3px;}
    .w-sm-4px {width:4px;}
    .w-sm-5px {width:5px;}
    .w-sm-6px {width:6px;}
    .w-sm-7px {width:7px;}
    .w-sm-8px {width:8px;}
    .w-sm-9px {width:9px;}
    .w-sm-10px {width:10px;}
    .w-sm-15px {width:15px;}
    .w-sm-20px {width:20px;}
    .w-sm-25px {width:25px;}
    .w-sm-30px {width:30px;}
    .w-sm-35px {width:35px;}
    .w-sm-40px {width:40px;}
    .w-sm-50px {width:50px;}
    .w-sm-55px {width:55px;}
    .w-sm-60px {width:60px;}
    .w-sm-65px {width:65px;}
    .w-sm-70px {width:70px;}
    .w-sm-75px {width:75px;}
    .w-sm-80px {width:80px;}
    .w-sm-85px {width:85px;}
    .w-sm-90px {width:90px;}
    .w-sm-100px {width:100px;}

    .w-sm-1 {width:1%;}
    .w-sm-2 {width:2%;}
    .w-sm-3 {width:3%;}
    .w-sm-4 {width:4%;}
    .w-sm-5 {width:5%;}
    .w-sm-6 {width:6%;}
    .w-sm-7 {width:7%;}
    .w-sm-8 {width:8%;}
    .w-sm-9 {width:9%;}
    .w-sm-10 {width:10%;}
    .w-sm-11 {width:11%;}
    .w-sm-12 {width:12%;}
    .w-sm-13 {width:13%;}
    .w-sm-14 {width:14%;}
    .w-sm-15 {width:15%;}
    .w-sm-20 {width:20%;}
    .w-sm-25 {width:25%;}
    .w-sm-30 {width:30%;}
    .w-sm-35 {width:35%;}
    .w-sm-40 {width:40%;}
    .w-sm-45 {width:45%;}
    .w-sm-50 {width:50%;}
    .w-sm-55 {width:55%;}
    .w-sm-60 {width:60%;}
    .w-sm-65 {width:65%;}
    .w-sm-70 {width:70%;}
    .w-sm-75 {width:75%;}
    .w-sm-80 {width:80%;}
    .w-sm-85 {width:85%;}
    .w-sm-90 {width:90%;}
    .w-sm-95 {width:95%;}
    .w-sm-100 {width:100%;}
    .w-sm-auto {width: auto;}

    /* font size */
    .display-sm-1 {font-size:6rem;}
    .display-sm-2 {font-size:5.5rem;}
    .display-sm-3 {font-size:4.5rem;}
    .display-sm-4 {font-size:3.5rem;}
    .display-sm-5 {font-size:3.4rem;}
    .display-sm-6 {font-size:3.3rem;}
    .display-sm-7 {font-size:3.2rem;}
    .display-sm-8 {font-size:3.1rem;}
    .display-sm-9 {font-size:3.0rem;}
    .display-sm-10 {font-size:2.9rem;}
    .display-sm-11 {font-size:2.8rem;}
    .display-sm-12 {font-size:2.7rem;}
    .display-sm-13 {font-size:2.6rem;}
    .display-sm-14 {font-size:2.5rem;}
    .display-sm-15 {font-size:2.4rem;}
    .display-sm-16 {font-size:2.3rem;}
    .display-sm-17 {font-size:2.2rem;}
    .display-sm-18 {font-size:2.1rem;}
    .display-sm-19 {font-size:2.0rem;}
    .display-sm-20 {font-size:1.9rem;}
    .display-sm-21 {font-size:1.8rem;}
    .display-sm-22 {font-size:1.7rem;}
    .display-sm-23 {font-size:1.6rem;}
    .display-sm-24 {font-size:1.5rem;}
    .display-sm-25 {font-size:1.4rem;}
    .display-sm-26 {font-size:1.3rem;}
    .display-sm-27 {font-size:1.2rem;}
    .display-sm-28 {font-size:1.1rem;}
    .display-sm-29 {font-size:1.0rem;}
    .display-sm-30 {font-size:0.9rem;}
    .display-sm-31 {font-size:0.8rem;}
    .display-sm-32 {font-size:0.7rem;}
    .display-sm-33 {font-size:0.6rem;}
    .display-sm-34 {font-size:0.5rem;}

    /* border */
    .border-sm-0 { border: none; }
    .border-sm { border: 1px solid #dee2e6; }
    .border-sm-top { border-top: 1px solid #dee2e6; }
    .border-sm-end { border-right: 1px solid #dee2e6; }
    .border-sm-bottom { border-bottom: 1px solid #dee2e6; }
    .border-sm-start { border-left: 1px solid #dee2e6; }
    .border-sm-top-0 { border-top: none; }
    .border-sm-end-0 { border-right: none; }
    .border-sm-bottom-0 { border-bottom: none; }
    .border-sm-start-0 { border-left: none; }
    .border-sm-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-sm { border-radius: .25rem; }

    /* position */
    .top-sm-5 { top: 5%; bottom: inherit; }
    .top-sm-10 { top: 10%; bottom: inherit; }
    .top-sm-15 { top: 15%; bottom: inherit; }
    .top-sm-20 { top: 20%; bottom: inherit; }
    .top-sm-25 { top: 25%; bottom: inherit; }
    .top-sm-30 { top: 30%; bottom: inherit; }
    .top-sm-35 { top: 35%; bottom: inherit; }
    .top-sm-40 { top: 40%; bottom: inherit; }
    .top-sm-45 { top: 45%; bottom: inherit; }
    .top-sm-50 { top: 50%; bottom: inherit; }
    .top-sm-55 { top: 55%; bottom: inherit; }
    .top-sm-60 { top: 60%; bottom: inherit; }
    .top-sm-65 { top: 65%; bottom: inherit; }
    .top-sm-70 { top: 70%; bottom: inherit; }
    .top-sm-75 { top: 75%; bottom: inherit; }
    .top-sm-80 { top: 80%; bottom: inherit; }
    .top-sm-85 { top: 85%; bottom: inherit; }
    .top-sm-90 { top: 90%; bottom: inherit; }
    .top-sm-95 { top: 95%; bottom: inherit; }
    .top-sm-100 { top: 100%; bottom: inherit; }

    .top-sm-n5 { top: -5%; bottom: inherit; }
    .top-sm-n10 { top: -10%; bottom: inherit; }
    .top-sm-n15 { top: -15%; bottom: inherit; }
    .top-sm-n20 { top: -20%; bottom: inherit; }
    .top-sm-n25 { top: -25%; bottom: inherit; }
    .top-sm-n30 { top: -30%; bottom: inherit; }
    .top-sm-n35 { top: -35%; bottom: inherit; }
    .top-sm-n40 { top: -40%; bottom: inherit; }
    .top-sm-n45 { top: -45%; bottom: inherit; }
    .top-sm-n50 { top: -50%; bottom: inherit; }
    .top-sm-n55 { top: -55%; bottom: inherit; }
    .top-sm-n60 { top: -60%; bottom: inherit; }
    .top-sm-n65 { top: -65%; bottom: inherit; }
    .top-sm-n70 { top: -70%; bottom: inherit; }
    .top-sm-n75 { top: -75%; bottom: inherit; }
    .top-sm-n80 { top: -80%; bottom: inherit; }
    .top-sm-n85 { top: -85%; bottom: inherit; }
    .top-sm-n90 { top: -90%; bottom: inherit; }
    .top-sm-n95 { top: -95%; bottom: inherit; }
    .top-sm-n100 { top: -100%; bottom: inherit; }

    .bottom-sm-5 { bottom: 5%; top: inherit; }
    .bottom-sm-10 { bottom: 10%; top: inherit; }
    .bottom-sm-15 { bottom: 15%; top: inherit; }
    .bottom-sm-20 { bottom: 20%; top: inherit; }
    .bottom-sm-25 { bottom: 25%; top: inherit; }
    .bottom-sm-30 { bottom: 30%; top: inherit; }
    .bottom-sm-35 { bottom: 35%; top: inherit; }
    .bottom-sm-40 { bottom: 40%; top: inherit; }
    .bottom-sm-45 { bottom: 45%; top: inherit; }
    .bottom-sm-50 { bottom: 50%; top: inherit; }
    .bottom-sm-55 { bottom: 55%; top: inherit; }
    .bottom-sm-60 { bottom: 60%; top: inherit; }
    .bottom-sm-65 { bottom: 65%; top: inherit; }
    .bottom-sm-70 { bottom: 70%; top: inherit; }
    .bottom-sm-75 { bottom: 75%; top: inherit; }
    .bottom-sm-80 { bottom: 80%; top: inherit; }
    .bottom-sm-85 { bottom: 85%; top: inherit; }
    .bottom-sm-90 { bottom: 90%; top: inherit; }
    .bottom-sm-95 { bottom: 95%; top: inherit; }
    .bottom-sm-100 { bottom: 100%; top: inherit; }

    .bottom-sm-n5 { bottom: -5%; top: inherit; }
    .bottom-sm-n10 { bottom: -10%; top: inherit; }
    .bottom-sm-n15 { bottom: -15%; top: inherit; }
    .bottom-sm-n20 { bottom: -20%; top: inherit; }
    .bottom-sm-n25 { bottom: -25%; top: inherit; }
    .bottom-sm-n30 { bottom: -30%; top: inherit; }
    .bottom-sm-n35 { bottom: -35%; top: inherit; }
    .bottom-sm-n40 { bottom: -40%; top: inherit; }
    .bottom-sm-n45 { bottom: -45%; top: inherit; }
    .bottom-sm-n50 { bottom: -50%; top: inherit; }
    .bottom-sm-n55 { bottom: -55%; top: inherit; }
    .bottom-sm-n60 { bottom: -60%; top: inherit; }
    .bottom-sm-n65 { bottom: -65%; top: inherit; }
    .bottom-sm-n70 { bottom: -70%; top: inherit; }
    .bottom-sm-n75 { bottom: -75%; top: inherit; }
    .bottom-sm-n80 { bottom: -80%; top: inherit; }
    .bottom-sm-n85 { bottom: -85%; top: inherit; }
    .bottom-sm-n90 { bottom: -90%; top: inherit; }
    .bottom-sm-n95 { bottom: -95%; top: inherit; }
    .bottom-sm-n100 { bottom: -100%; top: inherit; }

    .left-sm-5 { left: 5%; right: inherit; }
    .left-sm-10 { left: 10%; right: inherit; }
    .left-sm-15 { left: 15%; right: inherit; }
    .left-sm-20 { left: 20%; right: inherit; }
    .left-sm-25 { left: 25%; right: inherit; }
    .left-sm-30 { left: 30%; right: inherit; }
    .left-sm-35 { left: 35%; right: inherit; }
    .left-sm-40 { left: 40%; right: inherit; }
    .left-sm-45 { left: 45%; right: inherit; }
    .left-sm-50 { left: 50%; right: inherit; }
    .left-sm-55 { left: 55%; right: inherit; }
    .left-sm-60 { left: 60%; right: inherit; }
    .left-sm-65 { left: 65%; right: inherit; }
    .left-sm-70 { left: 70%; right: inherit; }
    .left-sm-75 { left: 75%; right: inherit; }
    .left-sm-80 { left: 80%; right: inherit; }
    .left-sm-85 { left: 85%; right: inherit; }
    .left-sm-90 { left: 90%; right: inherit; }
    .left-sm-95 { left: 95%; right: inherit; }
    .left-sm-100 { left: 100%; right: inherit; }

    .left-sm-n5 { left: -5%; right: inherit; }
    .left-sm-n10 { left: -10%; right: inherit; }
    .left-sm-n15 { left: -15%; right: inherit; }
    .left-sm-n20 { left: -20%; right: inherit; }
    .left-sm-n25 { left: -25%; right: inherit; }
    .left-sm-n30 { left: -30%; right: inherit; }
    .left-sm-n35 { left: -35%; right: inherit; }
    .left-sm-n40 { left: -40%; right: inherit; }
    .left-sm-n45 { left: -45%; right: inherit; }
    .left-sm-n50 { left: -50%; right: inherit; }
    .left-sm-n55 { left: -55%; right: inherit; }
    .left-sm-n60 { left: -60%; right: inherit; }
    .left-sm-n65 { left: -65%; right: inherit; }
    .left-sm-n70 { left: -70%; right: inherit; }
    .left-sm-n75 { left: -75%; right: inherit; }
    .left-sm-n80 { left: -80%; right: inherit; }
    .left-sm-n85 { left: -85%; right: inherit; }
    .left-sm-n90 { left: -90%; right: inherit; }
    .left-sm-n95 { left: -95%; right: inherit; }
    .left-sm-n100 { left: -100%; right: inherit; }

    .right-sm-5 { right: 5%; left: inherit; }
    .right-sm-10 { right: 10%; left: inherit; }
    .right-sm-15 { right: 15%; left: inherit; }
    .right-sm-20 { right: 20%; left: inherit; }
    .right-sm-25 { right: 25%; left: inherit; }
    .right-sm-30 { right: 30%; left: inherit; }
    .right-sm-35 { right: 35%; left: inherit; }
    .right-sm-40 { right: 40%; left: inherit; }
    .right-sm-45 { right: 45%; left: inherit; }
    .right-sm-50 { right: 50%; left: inherit; }
    .right-sm-55 { right: 55%; left: inherit; }
    .right-sm-60 { right: 60%; left: inherit; }
    .right-sm-65 { right: 65%; left: inherit; }
    .right-sm-70 { right: 70%; left: inherit; }
    .right-sm-75 { right: 75%; left: inherit; }
    .right-sm-80 { right: 80%; left: inherit; }
    .right-sm-85 { right: 85%; left: inherit; }
    .right-sm-90 { right: 90%; left: inherit; }
    .right-sm-95 { right: 95%; left: inherit; }
    .right-sm-100 { right: 100%; left: inherit; }
     
    .right-sm-n5 { right: -5%; left: inherit; }
    .right-sm-n10 { right: -10%; left: inherit; }
    .right-sm-n15 { right: -15%; left: inherit; }
    .right-sm-n20 { right: -20%; left: inherit; }
    .right-sm-n25 { right: -25%; left: inherit; }
    .right-sm-n30 { right: -30%; left: inherit; }
    .right-sm-n35 { right: -35%; left: inherit; }
    .right-sm-n40 { right: -40%; left: inherit; }
    .right-sm-n45 { right: -45%; left: inherit; }
    .right-sm-n50 { right: -50%; left: inherit; }
    .right-sm-n55 { right: -55%; left: inherit; }
    .right-sm-n60 { right: -60%; left: inherit; }
    .right-sm-n65 { right: -65%; left: inherit; }
    .right-sm-n70 { right: -70%; left: inherit; }
    .right-sm-n75 { right: -75%; left: inherit; }
    .right-sm-n80 { right: -80%; left: inherit; }
    .right-sm-n85 { right: -85%; left: inherit; }
    .right-sm-n90 { right: -90%; left: inherit; }
    .right-sm-n95 { right: -95%; left: inherit; }
    .right-sm-n100 { right: -100%; left: inherit; }


    /* margin */

    /* margin all */
    .m-sm-1-6 {
        margin: 1.6rem;
    }
    .m-sm-1-7 {
        margin: 1.7rem;
    }
    .m-sm-1-8 {
        margin: 1.8rem;
    }
    .m-sm-1-9 {
        margin: 1.9rem;
    }
    .m-sm-2-0 {
        margin: 2.0rem;
    }
    .m-sm-2-1 {
        margin: 2.1rem;
    }
    .m-sm-2-2 {
        margin: 2.2rem;
    }
    .m-sm-2-3 {
        margin: 2.3rem;
    }
    .m-sm-2-4 {
        margin: 2.4rem;
    }
    .m-sm-2-5 {
        margin: 2.5rem;
    }
    .m-sm-2-6 {
        margin: 2.6rem;
    }
    .m-sm-2-7 {
        margin: 2.7rem;
    }
    .m-sm-2-8 {
        margin: 2.8rem;
    }
    .m-sm-2-9 {
        margin: 2.9rem;
    }

    .m-sm-6 {
        margin: 3.5rem;
    }
    .m-sm-7 {
        margin: 4rem;
    }
    .m-sm-8 {
        margin: 4.5rem;
    }
    .m-sm-9 {
        margin: 5rem;
    }
    .m-sm-10 {
        margin: 5.5rem;
    }
    .m-sm-11 {
        margin: 6rem;
    }
    .m-sm-12 {
        margin: 6.5rem;
    }
    .m-sm-13 {
        margin: 7rem;
    }
    .m-sm-14 {
        margin: 7.5rem;
    }
    .m-sm-15 {
        margin: 8rem;
    }
    .m-sm-16 {
        margin: 8.5rem;
    }
    .m-sm-17 {
        margin: 9rem;
    }
    .m-sm-18 {
        margin: 9.5rem;
    }
    .m-sm-19 {
        margin: 10rem;
    }
    .m-sm-20 {
        margin: 10.5rem;
    }
    .m-sm-21 {
        margin: 11rem;
    }
    .m-sm-22 {
        margin: 11.5rem;
    }
    .m-sm-23 {
        margin: 12rem;
    }
    .m-sm-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-sm-1-6, .my-sm-1-6 {
        margin-top: 1.6rem;
    }
    .mt-sm-1-7, .my-sm-1-7 {
        margin-top: 1.7rem;
    }
    .mt-sm-1-8, .my-sm-1-8 {
        margin-top: 1.8rem;
    }
    .mt-sm-1-9, .my-sm-1-9 {
        margin-top: 1.9rem;
    }
    .mt-sm-2-0, .my-sm-2-0 {
        margin-top: 2.0rem;
    }
    .mt-sm-2-1, .my-sm-2-1 {
        margin-top: 2.1rem;
    }
    .mt-sm-2-2, .my-sm-2-2 {
        margin-top: 2.2rem;
    }
    .mt-sm-2-3, .my-sm-2-3 {
        margin-top: 2.3rem;
    }
    .mt-sm-2-4, .my-sm-2-4 {
        margin-top: 2.4rem;
    }
    .mt-sm-2-5, .my-sm-2-5 {
        margin-top: 2.5rem;
    }
    .mt-sm-2-6, .my-sm-2-6 {
        margin-top: 2.6rem;
    }
    .mt-sm-2-7, .my-sm-2-7 {
        margin-top: 2.7rem;
    }
    .mt-sm-2-8, .my-sm-2-8 {
        margin-top: 2.8rem;
    }
    .mt-sm-2-9, .my-sm-2-9 {
        margin-top: 2.9rem;
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 3.5rem;
    }
    .mt-sm-7, .my-sm-7 {
        margin-top: 4rem;
    }
    .mt-sm-8, .my-sm-8 {
        margin-top: 4.5rem;
    }
    .mt-sm-9, .my-sm-9 {
        margin-top: 5rem;
    }
    .mt-sm-10, .my-sm-10 {
        margin-top: 5.5rem;
    }
    .mt-sm-11, .my-sm-11 {
        margin-top: 6rem;
    }
    .mt-sm-12, .my-sm-12 {
        margin-top: 6.5rem;
    }
    .mt-sm-13, .my-sm-13 {
        margin-top: 7rem;
    }
    .mt-sm-14, .my-sm-14 {
        margin-top: 7.5rem;
    }
    .mt-sm-15, .my-sm-15 {
        margin-top: 8rem;
    }
    .mt-sm-16, .my-sm-16 {
        margin-top: 8.5rem;
    }
    .mt-sm-17, .my-sm-17 {
        margin-top: 9rem;
    }
    .mt-sm-18, .my-sm-18 {
        margin-top: 9.5rem;
    }
    .mt-sm-19, .my-sm-19 {
        margin-top: 10rem;
    }
    .mt-sm-20, .my-sm-20 {
        margin-top: 10.5rem;
    }
    .mt-sm-21, .my-sm-21 {
        margin-top: 11rem;
    }
    .mt-sm-22, .my-sm-22 {
        margin-top: 11.5rem;
    }
    .mt-sm-23, .my-sm-23 {
        margin-top: 12rem;
    }
    .mt-sm-24, .my-sm-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-sm-1-6, .my-sm-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-sm-1-7, .my-sm-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-sm-1-8, .my-sm-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-sm-1-9, .my-sm-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-sm-2-0, .my-sm-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-sm-2-1, .my-sm-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-sm-2-2, .my-sm-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-sm-2-3, .my-sm-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-sm-2-4, .my-sm-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-sm-2-5, .my-sm-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-sm-2-6, .my-sm-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-sm-2-7, .my-sm-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-sm-2-8, .my-sm-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-sm-2-9, .my-sm-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 3.5rem;
    }
    .mb-sm-7, .my-sm-7 {
        margin-bottom: 4rem;
    }
    .mb-sm-8, .my-sm-8 {
        margin-bottom: 4.5rem;
    }
    .mb-sm-9, .my-sm-9 {
        margin-bottom: 5rem;
    }
    .mb-sm-10, .my-sm-10 {
        margin-bottom: 5.5rem;
    }
    .mb-sm-11, .my-sm-11 {
        margin-bottom: 6rem;
    }
    .mb-sm-12, .my-sm-12 {
        margin-bottom: 6.5rem;
    }
    .mb-sm-13, .my-sm-13 {
        margin-bottom: 7rem;
    }
    .mb-sm-14, .my-sm-14 {
        margin-bottom: 7.5rem;
    }
    .mb-sm-15, .my-sm-15 {
        margin-bottom: 8rem;
    }
    .mb-sm-16, .my-sm-16 {
        margin-bottom: 8.5rem;
    }
    .mb-sm-17, .my-sm-17 {
        margin-bottom: 9rem;
    }
    .mb-sm-18, .my-sm-18 {
        margin-bottom: 9.5rem;
    }
    .mb-sm-19, .my-sm-19 {
        margin-bottom: 10rem;
    }
    .mb-sm-20, .my-sm-20 {
        margin-bottom: 10.5rem;
    }
    .mb-sm-21, .my-sm-21 {
        margin-bottom: 11rem;
    }
    .mb-sm-22, .my-sm-22 {
        margin-bottom: 11.5rem;
    }
    .mb-sm-23, .my-sm-23 {
        margin-bottom: 12rem;
    }
    .mb-sm-24, .my-sm-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-sm-1-6, .mx-sm-1-6 {
        margin-left: 1.6rem;
    }
    .ms-sm-1-7, .mx-sm-1-7 {
        margin-left: 1.7rem;
    }
    .ms-sm-1-8, .mx-sm-1-8 {
        margin-left: 1.8rem;
    }
    .ms-sm-1-9, .mx-sm-1-9 {
        margin-left: 1.9rem;
    }
    .ms-sm-2-0, .mx-sm-2-0 {
        margin-left: 2.0rem;
    }
    .ms-sm-2-1, .mx-sm-2-1 {
        margin-left: 2.1rem;
    }
    .ms-sm-2-2, .mx-sm-2-2 {
        margin-left: 2.2rem;
    }
    .ms-sm-2-3, .mx-sm-2-3 {
        margin-left: 2.3rem;
    }
    .ms-sm-2-4, .mx-sm-2-4 {
        margin-left: 2.4rem;
    }
    .ms-sm-2-5, .mx-sm-2-5 {
        margin-left: 2.5rem;
    }
    .ms-sm-2-6, .mx-sm-2-6 {
        margin-left: 2.6rem;
    }
    .ms-sm-2-7, .mx-sm-2-7 {
        margin-left: 2.7rem;
    }
    .ms-sm-2-8, .mx-sm-2-8 {
        margin-left: 2.8rem;
    }
    .ms-sm-2-9, .mx-sm-2-9 {
        margin-left: 2.9rem;
    }

    .ms-sm-6, .mx-sm-6 {
        margin-left: 3.5rem;
    }
    .ms-sm-7, .mx-sm-7 {
        margin-left: 4rem;
    }
    .ms-sm-8, .mx-sm-8 {
        margin-left: 4.5rem;
    }
    .ms-sm-9, .mx-sm-9 {
        margin-left: 5rem;
    }
    .ms-sm-10, .mx-sm-10 {
        margin-left: 5.5rem;
    }
    .ms-sm-11, .mx-sm-11 {
        margin-left: 6rem;
    }
    .ms-sm-12, .mx-sm-12 {
        margin-left: 6.5rem;
    }
    .ms-sm-13, .mx-sm-13 {
        margin-left: 7rem;
    }
    .ms-sm-14, .mx-sm-14 {
        margin-left: 7.5rem;
    }
    .ms-sm-15, .mx-sm-15 {
        margin-left: 8rem;
    }
    .ms-sm-16, .mx-sm-16 {
        margin-left: 8.5rem;
    }
    .ms-sm-17, .mx-sm-17 {
        margin-left: 9rem;
    }
    .ms-sm-18, .mx-sm-18 {
        margin-left: 9.5rem;
    }
    .ms-sm-19, .mx-sm-19 {
        margin-left: 10rem;
    }
    .ms-sm-20, .mx-sm-20 {
        margin-left: 10.5rem;
    }
    .ms-sm-21, .mx-sm-21 {
        margin-left: 11rem;
    }
    .ms-sm-22, .mx-sm-22 {
        margin-left: 11.5rem;
    }
    .ms-sm-23, .mx-sm-23 {
        margin-left: 12rem;
    }
    .ms-sm-24, .mx-sm-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-sm-1-6, .mx-sm-1-6 {
        margin-right: 1.6rem;
    }
    .me-sm-1-7, .mx-sm-1-7 {
        margin-right: 1.7rem;
    }
    .me-sm-1-8, .mx-sm-1-8 {
        margin-right: 1.8rem;
    }
    .me-sm-1-9, .mx-sm-1-9 {
        margin-right: 1.9rem;
    }
    .me-sm-2-0, .mx-sm-2-0 {
        margin-right: 2.0rem;
    }
    .me-sm-2-1, .mx-sm-2-1 {
        margin-right: 2.1rem;
    }
    .me-sm-2-2, .mx-sm-2-2 {
        margin-right: 2.2rem;
    }
    .me-sm-2-3, .mx-sm-2-3 {
        margin-right: 2.3rem;
    }
    .me-sm-2-4, .mx-sm-2-4 {
        margin-right: 2.4rem;
    }
    .me-sm-2-5, .mx-sm-2-5 {
        margin-right: 2.5rem;
    }
    .me-sm-2-6, .mx-sm-2-6 {
        margin-right: 2.6rem;
    }
    .me-sm-2-7, .mx-sm-2-7 {
        margin-right: 2.7rem;
    }
    .me-sm-2-8, .mx-sm-2-8 {
        margin-right: 2.8rem;
    }
    .me-sm-2-9, .mx-sm-2-9 {
        margin-right: 2.9rem;
    }

    .me-sm-6, .mx-sm-6 {
        margin-right: 3.5rem;
    }
    .me-sm-7, .mx-sm-7 {
        margin-right: 4rem;
    }
    .me-sm-8, .mx-sm-8 {
        margin-right: 4.5rem;
    }
    .me-sm-9, .mx-sm-9 {
        margin-right: 5rem;
    }
    .me-sm-10, .mx-sm-10 {
        margin-right: 5.5rem;
    }
    .me-sm-11, .mx-sm-11 {
        margin-right: 6rem;
    }
    .me-sm-12, .mx-sm-12 {
        margin-right: 6.5rem;
    }
    .me-sm-13, .mx-sm-13 {
        margin-right: 7rem;
    }
    .me-sm-14, .mx-sm-14 {
        margin-right: 7.5rem;
    }
    .me-sm-15, .mx-sm-15 {
        margin-right: 8rem;
    }
    .me-sm-16, .mx-sm-16 {
        margin-right: 8.5rem;
    }
    .me-sm-17, .mx-sm-17 {
        margin-right: 9rem;
    }
    .me-sm-18, .mx-sm-18 {
        margin-right: 9.5rem;
    }
    .me-sm-19, .mx-sm-19 {
        margin-right: 10rem;
    }
    .me-sm-20, .mx-sm-20 {
        margin-right: 10.5rem;
    }
    .me-sm-21, .mx-sm-21 {
        margin-right: 11rem;
    }
    .me-sm-22, .mx-sm-22 {
        margin-right: 11.5rem;
    }
    .me-sm-23, .mx-sm-23 {
        margin-right: 12rem;
    }
    .me-sm-24, .mx-sm-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-sm-1-6 {
        padding: 1.6rem;
    }
    .p-sm-1-7 {
        padding: 1.7rem;
    }
    .p-sm-1-8 {
        padding: 1.8rem;
    }
    .p-sm-1-9 {
        padding: 1.9rem;
    }
    .p-sm-2-0 {
        padding: 2.0rem;
    }
    .p-sm-2-1 {
        padding: 2.1rem;
    }
    .p-sm-2-2 {
        padding: 2.2rem;
    }
    .p-sm-2-3 {
        padding: 2.3rem;
    }
    .p-sm-2-4 {
        padding: 2.4rem;
    }
    .p-sm-2-5 {
        padding: 2.5rem;
    }
    .p-sm-2-6 {
        padding: 2.6rem;
    }
    .p-sm-2-7 {
        padding: 2.7rem;
    }
    .p-sm-2-8 {
        padding: 2.8rem;
    }
    .p-sm-2-9 {
        padding: 2.9rem;
    }

    .p-sm-6 {
        padding: 3.5rem;
    }
    .p-sm-7 {
        padding: 4rem;
    }
    .p-sm-8 {
        padding: 4.5rem;
    }
    .p-sm-9 {
        padding: 5rem;
    }
    .p-sm-10 {
        padding: 5.5rem;
    }
    .p-sm-11 {
        padding: 6rem;
    }
    .p-sm-12 {
        padding: 6.5rem;
    }
    .p-sm-13 {
        padding: 7rem;
    }
    .p-sm-14 {
        padding: 7.5rem;
    }
    .p-sm-15 {
        padding: 8rem;
    }
    .p-sm-16 {
        padding: 8.5rem;
    }
    .p-sm-17 {
        padding: 9rem;
    }
    .p-sm-18 {
        padding: 9.5rem;
    }
    .p-sm-19 {
        padding: 10rem;
    }
    .p-sm-20 {
        padding: 10.5rem;
    }
    .p-sm-21 {
        padding: 11rem;
    }
    .p-sm-22 {
        padding: 11.5rem;
    }
    .p-sm-23 {
        padding: 12rem;
    }
    .p-sm-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-sm-1-6, .py-sm-1-6 {
        padding-top: 1.6rem;
    }
    .pt-sm-1-7, .py-sm-1-7 {
        padding-top: 1.7rem;
    }
    .pt-sm-1-8, .py-sm-1-8 {
        padding-top: 1.8rem;
    }
    .pt-sm-1-9, .py-sm-1-9 {
        padding-top: 1.9rem;
    }
    .pt-sm-2-0, .py-sm-2-0 {
        padding-top: 2.0rem;
    }
    .pt-sm-2-1, .py-sm-2-1 {
        padding-top: 2.1rem;
    }
    .pt-sm-2-2, .py-sm-2-2 {
        padding-top: 2.2rem;
    }
    .pt-sm-2-3, .py-sm-2-3 {
        padding-top: 2.3rem;
    }
    .pt-sm-2-4, .py-sm-2-4 {
        padding-top: 2.4rem;
    }
    .pt-sm-2-5, .py-sm-2-5 {
        padding-top: 2.5rem;
    }
    .pt-sm-2-6, .py-sm-2-6 {
        padding-top: 2.6rem;
    }
    .pt-sm-2-7, .py-sm-2-7 {
        padding-top: 2.7rem;
    }
    .pt-sm-2-8, .py-sm-2-8 {
        padding-top: 2.8rem;
    }
    .pt-sm-2-9, .py-sm-2-9 {
        padding-top: 2.9rem;
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 3.5rem;
    }
    .pt-sm-7, .py-sm-7 {
        padding-top: 4rem;
    }
    .pt-sm-8, .py-sm-8 {
        padding-top: 4.5rem;
    }
    .pt-sm-9, .py-sm-9 {
        padding-top: 5rem;
    }
    .pt-sm-10, .py-sm-10 {
        padding-top: 5.5rem;
    }
    .pt-sm-11, .py-sm-11 {
        padding-top: 6rem;
    }
    .pt-sm-12, .py-sm-12 {
        padding-top: 6.5rem;
    }
    .pt-sm-13, .py-sm-13 {
        padding-top: 7rem;
    }
    .pt-sm-14, .py-sm-14 {
        padding-top: 7.5rem;
    }
    .pt-sm-15, .py-sm-15 {
        padding-top: 8rem;
    }
    .pt-sm-16, .py-sm-16 {
        padding-top: 8.5rem;
    }
    .pt-sm-17, .py-sm-17 {
        padding-top: 9rem;
    }
    .pt-sm-18, .py-sm-18 {
        padding-top: 9.5rem;
    }
    .pt-sm-19, .py-sm-19 {
        padding-top: 10rem;
    }
    .pt-sm-20, .py-sm-20 {
        padding-top: 10.5rem;
    }
    .pt-sm-21, .py-sm-21 {
        padding-top: 11rem;
    }
    .pt-sm-22, .py-sm-22 {
        padding-top: 11.5rem;
    }
    .pt-sm-23, .py-sm-23 {
        padding-top: 12rem;
    }
    .pt-sm-24, .py-sm-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-sm-1-6, .py-sm-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-sm-1-7, .py-sm-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-sm-1-8, .py-sm-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-sm-1-9, .py-sm-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-sm-2-0, .py-sm-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-sm-2-1, .py-sm-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-sm-2-2, .py-sm-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-sm-2-3, .py-sm-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-sm-2-4, .py-sm-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-sm-2-5, .py-sm-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-sm-2-6, .py-sm-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-sm-2-7, .py-sm-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-sm-2-8, .py-sm-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-sm-2-9, .py-sm-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-sm-6, .py-sm-6 {
        padding-bottom: 3.5rem;
    }
    .pb-sm-7, .py-sm-7 {
        padding-bottom: 4rem;
    }
    .pb-sm-8, .py-sm-8 {
        padding-bottom: 4.5rem;
    }
    .pb-sm-9, .py-sm-9 {
        padding-bottom: 5rem;
    }
    .pb-sm-10, .py-sm-10 {
        padding-bottom: 5.5rem;
    }
    .pb-sm-11, .py-sm-11 {
        padding-bottom: 6rem;
    }
    .pb-sm-12, .py-sm-12 {
        padding-bottom: 6.5rem;
    }
    .pb-sm-13, .py-sm-13 {
        padding-bottom: 7rem;
    }
    .pb-sm-14, .py-sm-14 {
        padding-bottom: 7.5rem;
    }
    .pb-sm-15, .py-sm-15 {
        padding-bottom: 8rem;
    }
    .pb-sm-16, .py-sm-16 {
        padding-bottom: 8.5rem;
    }
    .pb-sm-17, .py-sm-17 {
        padding-bottom: 9rem;
    }
    .pb-sm-18, .py-sm-18 {
        padding-bottom: 9.5rem;
    }
    .pb-sm-19, .py-sm-19 {
        padding-bottom: 10rem;
    }
    .pb-sm-20, .py-sm-20 {
        padding-bottom: 10.5rem;
    }
    .pb-sm-21, .py-sm-21 {
        padding-bottom: 11rem;
    }
    .pb-sm-22, .py-sm-22 {
        padding-bottom: 11.5rem;
    }
    .pb-sm-23, .py-sm-23 {
        padding-bottom: 12rem;
    }
    .pb-sm-24, .py-sm-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-sm-1-6, .px-sm-1-6 {
        padding-left: 1.6rem;
    }
    .ps-sm-1-7, .px-sm-1-7 {
        padding-left: 1.7rem;
    }
    .ps-sm-1-8, .px-sm-1-8 {
        padding-left: 1.8rem;
    }
    .ps-sm-1-9, .px-sm-1-9 {
        padding-left: 1.9rem;
    }
    .ps-sm-2-0, .px-sm-2-0 {
        padding-left: 2.0rem;
    }
    .ps-sm-2-1, .px-sm-2-1 {
        padding-left: 2.1rem;
    }
    .ps-sm-2-2, .px-sm-2-2 {
        padding-left: 2.2rem;
    }
    .ps-sm-2-3, .px-sm-2-3 {
        padding-left: 2.3rem;
    }
    .ps-sm-2-4, .px-sm-2-4 {
        padding-left: 2.4rem;
    }
    .ps-sm-2-5, .px-sm-2-5 {
        padding-left: 2.5rem;
    }
    .ps-sm-2-6, .px-sm-2-6 {
        padding-left: 2.6rem;
    }
    .ps-sm-2-7, .px-sm-2-7 {
        padding-left: 2.7rem;
    }
    .ps-sm-2-8, .px-sm-2-8 {
        padding-left: 2.8rem;
    }
    .ps-sm-2-9, .px-sm-2-9 {
        padding-left: 2.9rem;
    }

    .ps-sm-6, .px-sm-6 {
        padding-left: 3.5rem;
    }
    .ps-sm-7, .px-sm-7 {
        padding-left: 4rem;
    }
    .ps-sm-8, .px-sm-8 {
        padding-left: 4.5rem;
    }
    .ps-sm-9, .px-sm-9 {
        padding-left: 5rem;
    }
    .ps-sm-10, .px-sm-10 {
        padding-left: 5.5rem;
    }
    .ps-sm-11, .px-sm-11 {
        padding-left: 6rem;
    }
    .ps-sm-12, .px-sm-12 {
        padding-left: 6.5rem;
    }
    .ps-sm-13, .px-sm-13 {
        padding-left: 7rem;
    }
    .ps-sm-14, .px-sm-14 {
        padding-left: 7.5rem;
    }
    .ps-sm-15, .px-sm-15 {
        padding-left: 8rem;
    }
    .ps-sm-16, .px-sm-16 {
        padding-left: 8.5rem;
    }
    .ps-sm-17, .px-sm-17 {
        padding-left: 9rem;
    }
    .ps-sm-18, .px-sm-18 {
        padding-left: 9.5rem;
    }
    .ps-sm-19, .px-sm-19 {
        padding-left: 10rem;
    }
    .ps-sm-20, .px-sm-20 {
        padding-left: 10.5rem;
    }
    .ps-sm-21, .px-sm-21 {
        padding-left: 11rem;
    }
    .ps-sm-22, .px-sm-22 {
        padding-left: 11.5rem;
    }
    .ps-sm-23, .px-sm-23 {
        padding-left: 12rem;
    }
    .ps-sm-24, .px-sm-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-sm-1-6, .px-sm-1-6 {
        padding-right: 1.6rem;
    }
    .pe-sm-1-7, .px-sm-1-7 {
        padding-right: 1.7rem;
    }
    .pe-sm-1-8, .px-sm-1-8 {
        padding-right: 1.8rem;
    }
    .pe-sm-1-9, .px-sm-1-9 {
        padding-right: 1.9rem;
    }
    .pe-sm-2-0, .px-sm-2-0 {
        padding-right: 2.0rem;
    }
    .pe-sm-2-1, .px-sm-2-1 {
        padding-right: 2.1rem;
    }
    .pe-sm-2-2, .px-sm-2-2 {
        padding-right: 2.2rem;
    }
    .pe-sm-2-3, .px-sm-2-3 {
        padding-right: 2.3rem;
    }
    .pe-sm-2-4, .px-sm-2-4 {
        padding-right: 2.4rem;
    }
    .pe-sm-2-5, .px-sm-2-5 {
        padding-right: 2.5rem;
    }
    .pe-sm-2-6, .px-sm-2-6 {
        padding-right: 2.6rem;
    }
    .pe-sm-2-7, .px-sm-2-7 {
        padding-right: 2.7rem;
    }
    .pe-sm-2-8, .px-sm-2-8 {
        padding-right: 2.8rem;
    }
    .pe-sm-2-9, .px-sm-2-9 {
        padding-right: 2.9rem;
    }
    
    .pe-sm-6, .px-sm-6 {
        padding-right: 3.5rem;
    }
    .pe-sm-7, .px-sm-7 {
        padding-right: 4rem;
    }
    .pe-sm-8, .px-sm-8 {
        padding-right: 4.5rem;
    }
    .pe-sm-9, .px-sm-9 {
        padding-right: 5rem;
    }
    .pe-sm-10, .px-sm-10 {
        padding-right: 5.5rem;
    }
    .pe-sm-11, .px-sm-11 {
        padding-right: 6rem;
    }
    .pe-sm-12, .px-sm-12 {
        padding-right: 6.5rem;
    }
    .pe-sm-13, .px-sm-13 {
        padding-right: 7rem;
    }
    .pe-sm-14, .px-sm-14 {
        padding-right: 7.5rem;
    }
    .pe-sm-15, .px-sm-15 {
        padding-right: 8rem;
    }
    .pe-sm-16, .px-sm-16 {
        padding-right: 8.5rem;
    }
    .pe-sm-17, .px-sm-17 {
        padding-right: 9rem;
    }
    .pe-sm-18, .px-sm-18 {
        padding-right: 9.5rem;
    }
    .pe-sm-19, .px-sm-19 {
        padding-right: 10rem;
    }
    .pe-sm-20, .px-sm-20 {
        padding-right: 10.5rem;
    }
    .pe-sm-21, .px-sm-21 {
        padding-right: 11rem;
    }
    .pe-sm-22, .px-sm-22 {
        padding-right: 11.5rem;
    }
    .pe-sm-23, .px-sm-23 {
        padding-right: 12rem;
    }
    .pe-sm-24, .px-sm-24 {
        padding-right: 12.5rem;
    }

}

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

    /* width */
    .w-md-1px {width:1px;}
    .w-md-2px {width:2px;}
    .w-md-3px {width:3px;}
    .w-md-4px {width:4px;}
    .w-md-5px {width:5px;}
    .w-md-6px {width:6px;}
    .w-md-7px {width:7px;}
    .w-md-8px {width:8px;}
    .w-md-9px {width:9px;}
    .w-md-10px {width:10px;}
    .w-md-15px {width:15px;}
    .w-md-20px {width:20px;}
    .w-md-25px {width:25px;}
    .w-md-30px {width:30px;}
    .w-md-35px {width:35px;}
    .w-md-40px {width:40px;}
    .w-md-50px {width:50px;}
    .w-md-55px {width:55px;}
    .w-md-60px {width:60px;}
    .w-md-65px {width:65px;}
    .w-md-70px {width:70px;}
    .w-md-75px {width:75px;}
    .w-md-80px {width:80px;}
    .w-md-85px {width:85px;}
    .w-md-90px {width:90px;}
    .w-md-100px {width:100px;}

    .w-md-1 {width:1%;}
    .w-md-2 {width:2%;}
    .w-md-3 {width:3%;}
    .w-md-4 {width:4%;}
    .w-md-5 {width:5%;}
    .w-md-6 {width:6%;}
    .w-md-7 {width:7%;}
    .w-md-8 {width:8%;}
    .w-md-9 {width:9%;}
    .w-md-10 {width:10%;}
    .w-md-11 {width:10%;}
    .w-md-12 {width:12%;}
    .w-md-13 {width:13%;}
    .w-md-14 {width:14%;}
    .w-md-15 {width:15%;}
    .w-md-20 {width:20%;}
    .w-md-25 {width:25%;}
    .w-md-30 {width:30%;}
    .w-md-35 {width:35%;}
    .w-md-40 {width:40%;}
    .w-md-45 {width:45%;}
    .w-md-50 {width:50%;}
    .w-md-55 {width:55%;}
    .w-md-60 {width:60%;}
    .w-md-65 {width:65%;}
    .w-md-70 {width:70%;}
    .w-md-75 {width:75%;}
    .w-md-80 {width:80%;}
    .w-md-85 {width:85%;}
    .w-md-90 {width:90%;}
    .w-md-95 {width:95%;}
    .w-md-100 {width:100%;}
    .w-md-auto {width: auto;}

    /* font size */
    .display-md-1 {font-size:6rem;}
    .display-md-2 {font-size:5.5rem;}
    .display-md-3 {font-size:4.5rem;}
    .display-md-4 {font-size:3.5rem;}
    .display-md-5 {font-size:3.4rem;}
    .display-md-6 {font-size:3.3rem;}
    .display-md-7 {font-size:3.2rem;}
    .display-md-8 {font-size:3.1rem;}
    .display-md-9 {font-size:3.0rem;}
    .display-md-10 {font-size:2.9rem;}
    .display-md-11 {font-size:2.8rem;}
    .display-md-12 {font-size:2.7rem;}
    .display-md-13 {font-size:2.6rem;}
    .display-md-14 {font-size:2.5rem;}
    .display-md-15 {font-size:2.4rem;}
    .display-md-16 {font-size:2.3rem;}
    .display-md-17 {font-size:2.2rem;}
    .display-md-18 {font-size:2.1rem;}
    .display-md-19 {font-size:2.0rem;}
    .display-md-20 {font-size:1.9rem;}
    .display-md-21 {font-size:1.8rem;}
    .display-md-22 {font-size:1.7rem;}
    .display-md-23 {font-size:1.6rem;}
    .display-md-24 {font-size:1.5rem;}
    .display-md-25 {font-size:1.4rem;}
    .display-md-26 {font-size:1.3rem;}
    .display-md-27 {font-size:1.2rem;}
    .display-md-28 {font-size:1.1rem;}
    .display-md-29 {font-size:1.0rem;}
    .display-md-30 {font-size:0.9rem;}
    .display-md-31 {font-size:0.8rem;}
    .display-md-32 {font-size:0.7rem;}
    .display-md-33 {font-size:0.6rem;}
    .display-md-34 {font-size:0.5rem;}

    /* border */
    .border-md-0 { border: none; }
    .border-md { border: 1px solid #dee2e6; }
    .border-md-top { border-top: 1px solid #dee2e6; }
    .border-md-end { border-right: 1px solid #dee2e6; }
    .border-md-bottom { border-bottom: 1px solid #dee2e6; }
    .border-md-start { border-left: 1px solid #dee2e6; }
    .border-md-top-0 { border-top: none; }
    .border-md-end-0 { border-right: none; }
    .border-md-bottom-0 { border-bottom: none; }
    .border-md-start-0 { border-left: none; }
    .border-md-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-md { border-radius: .25rem; }

    /* position */
    .top-md-5 { top: 5%; bottom: inherit; }
    .top-md-10 { top: 10%; bottom: inherit; }
    .top-md-15 { top: 15%; bottom: inherit; }
    .top-md-20 { top: 20%; bottom: inherit; }
    .top-md-25 { top: 25%; bottom: inherit; }
    .top-md-30 { top: 30%; bottom: inherit; }
    .top-md-35 { top: 35%; bottom: inherit; }
    .top-md-40 { top: 40%; bottom: inherit; }
    .top-md-45 { top: 45%; bottom: inherit; }
    .top-md-50 { top: 50%; bottom: inherit; }
    .top-md-55 { top: 55%; bottom: inherit; }
    .top-md-60 { top: 60%; bottom: inherit; }
    .top-md-65 { top: 65%; bottom: inherit; }
    .top-md-70 { top: 70%; bottom: inherit; }
    .top-md-75 { top: 75%; bottom: inherit; }
    .top-md-80 { top: 80%; bottom: inherit; }
    .top-md-85 { top: 85%; bottom: inherit; }
    .top-md-90 { top: 90%; bottom: inherit; }
    .top-md-95 { top: 95%; bottom: inherit; }
    .top-md-100 { top: 100%; bottom: inherit; }

    .top-md-n5 { top: -5%; bottom: inherit; }
    .top-md-n10 { top: -10%; bottom: inherit; }
    .top-md-n15 { top: -15%; bottom: inherit; }
    .top-md-n20 { top: -20%; bottom: inherit; }
    .top-md-n25 { top: -25%; bottom: inherit; }
    .top-md-n30 { top: -30%; bottom: inherit; }
    .top-md-n35 { top: -35%; bottom: inherit; }
    .top-md-n40 { top: -40%; bottom: inherit; }
    .top-md-n45 { top: -45%; bottom: inherit; }
    .top-md-n50 { top: -50%; bottom: inherit; }
    .top-md-n55 { top: -55%; bottom: inherit; }
    .top-md-n60 { top: -60%; bottom: inherit; }
    .top-md-n65 { top: -65%; bottom: inherit; }
    .top-md-n70 { top: -70%; bottom: inherit; }
    .top-md-n75 { top: -75%; bottom: inherit; }
    .top-md-n80 { top: -80%; bottom: inherit; }
    .top-md-n85 { top: -85%; bottom: inherit; }
    .top-md-n90 { top: -90%; bottom: inherit; }
    .top-md-n95 { top: -95%; bottom: inherit; }
    .top-md-n100 { top: -100%; bottom: inherit; }

    .bottom-md-5 { bottom: 5%; top: inherit; }
    .bottom-md-10 { bottom: 10%; top: inherit; }
    .bottom-md-15 { bottom: 15%; top: inherit; }
    .bottom-md-20 { bottom: 20%; top: inherit; }
    .bottom-md-25 { bottom: 25%; top: inherit; }
    .bottom-md-30 { bottom: 30%; top: inherit; }
    .bottom-md-35 { bottom: 35%; top: inherit; }
    .bottom-md-40 { bottom: 40%; top: inherit; }
    .bottom-md-45 { bottom: 45%; top: inherit; }
    .bottom-md-50 { bottom: 50%; top: inherit; }
    .bottom-md-55 { bottom: 55%; top: inherit; }
    .bottom-md-60 { bottom: 60%; top: inherit; }
    .bottom-md-65 { bottom: 65%; top: inherit; }
    .bottom-md-70 { bottom: 70%; top: inherit; }
    .bottom-md-75 { bottom: 75%; top: inherit; }
    .bottom-md-80 { bottom: 80%; top: inherit; }
    .bottom-md-85 { bottom: 85%; top: inherit; }
    .bottom-md-90 { bottom: 90%; top: inherit; }
    .bottom-md-95 { bottom: 95%; top: inherit; }
    .bottom-md-100 { bottom: 100%; top: inherit; }

    .bottom-md-n5 { bottom: -5%; top: inherit; }
    .bottom-md-n10 { bottom: -10%; top: inherit; }
    .bottom-md-n15 { bottom: -15%; top: inherit; }
    .bottom-md-n20 { bottom: -20%; top: inherit; }
    .bottom-md-n25 { bottom: -25%; top: inherit; }
    .bottom-md-n30 { bottom: -30%; top: inherit; }
    .bottom-md-n35 { bottom: -35%; top: inherit; }
    .bottom-md-n40 { bottom: -40%; top: inherit; }
    .bottom-md-n45 { bottom: -45%; top: inherit; }
    .bottom-md-n50 { bottom: -50%; top: inherit; }
    .bottom-md-n55 { bottom: -55%; top: inherit; }
    .bottom-md-n60 { bottom: -60%; top: inherit; }
    .bottom-md-n65 { bottom: -65%; top: inherit; }
    .bottom-md-n70 { bottom: -70%; top: inherit; }
    .bottom-md-n75 { bottom: -75%; top: inherit; }
    .bottom-md-n80 { bottom: -80%; top: inherit; }
    .bottom-md-n85 { bottom: -85%; top: inherit; }
    .bottom-md-n90 { bottom: -90%; top: inherit; }
    .bottom-md-n95 { bottom: -95%; top: inherit; }
    .bottom-md-n100 { bottom: -100%; top: inherit; }

    .left-md-5 { left: 5%; right: inherit; }
    .left-md-10 { left: 10%; right: inherit; }
    .left-md-15 { left: 15%; right: inherit; }
    .left-md-20 { left: 20%; right: inherit; }
    .left-md-25 { left: 25%; right: inherit; }
    .left-md-30 { left: 30%; right: inherit; }
    .left-md-35 { left: 35%; right: inherit; }
    .left-md-40 { left: 40%; right: inherit; }
    .left-md-45 { left: 45%; right: inherit; }
    .left-md-50 { left: 50%; right: inherit; }
    .left-md-55 { left: 55%; right: inherit; }
    .left-md-60 { left: 60%; right: inherit; }
    .left-md-65 { left: 65%; right: inherit; }
    .left-md-70 { left: 70%; right: inherit; }
    .left-md-75 { left: 75%; right: inherit; }
    .left-md-80 { left: 80%; right: inherit; }
    .left-md-85 { left: 85%; right: inherit; }
    .left-md-90 { left: 90%; right: inherit; }
    .left-md-95 { left: 95%; right: inherit; }
    .left-md-100 { left: 100%; right: inherit; }

    .left-md-n5 { left: -5%; right: inherit; }
    .left-md-n10 { left: -10%; right: inherit; }
    .left-md-n15 { left: -15%; right: inherit; }
    .left-md-n20 { left: -20%; right: inherit; }
    .left-md-n25 { left: -25%; right: inherit; }
    .left-md-n30 { left: -30%; right: inherit; }
    .left-md-n35 { left: -35%; right: inherit; }
    .left-md-n40 { left: -40%; right: inherit; }
    .left-md-n45 { left: -45%; right: inherit; }
    .left-md-n50 { left: -50%; right: inherit; }
    .left-md-n55 { left: -55%; right: inherit; }
    .left-md-n60 { left: -60%; right: inherit; }
    .left-md-n65 { left: -65%; right: inherit; }
    .left-md-n70 { left: -70%; right: inherit; }
    .left-md-n75 { left: -75%; right: inherit; }
    .left-md-n80 { left: -80%; right: inherit; }
    .left-md-n85 { left: -85%; right: inherit; }
    .left-md-n90 { left: -90%; right: inherit; }
    .left-md-n95 { left: -95%; right: inherit; }
    .left-md-n100 { left: -100%; right: inherit; }

    .right-md-5 { right: 5%; left: inherit; }
    .right-md-10 { right: 10%; left: inherit; }
    .right-md-15 { right: 15%; left: inherit; }
    .right-md-20 { right: 20%; left: inherit; }
    .right-md-25 { right: 25%; left: inherit; }
    .right-md-30 { right: 30%; left: inherit; }
    .right-md-35 { right: 35%; left: inherit; }
    .right-md-40 { right: 40%; left: inherit; }
    .right-md-45 { right: 45%; left: inherit; }
    .right-md-50 { right: 50%; left: inherit; }
    .right-md-55 { right: 55%; left: inherit; }
    .right-md-60 { right: 60%; left: inherit; }
    .right-md-65 { right: 65%; left: inherit; }
    .right-md-70 { right: 70%; left: inherit; }
    .right-md-75 { right: 75%; left: inherit; }
    .right-md-80 { right: 80%; left: inherit; }
    .right-md-85 { right: 85%; left: inherit; }
    .right-md-90 { right: 90%; left: inherit; }
    .right-md-95 { right: 95%; left: inherit; }
    .right-md-100 { right: 100%; left: inherit; }
     
    .right-md-n5 { right: -5%; left: inherit; }
    .right-md-n10 { right: -10%; left: inherit; }
    .right-md-n15 { right: -15%; left: inherit; }
    .right-md-n20 { right: -20%; left: inherit; }
    .right-md-n25 { right: -25%; left: inherit; }
    .right-md-n30 { right: -30%; left: inherit; }
    .right-md-n35 { right: -35%; left: inherit; }
    .right-md-n40 { right: -40%; left: inherit; }
    .right-md-n45 { right: -45%; left: inherit; }
    .right-md-n50 { right: -50%; left: inherit; }
    .right-md-n55 { right: -55%; left: inherit; }
    .right-md-n60 { right: -60%; left: inherit; }
    .right-md-n65 { right: -65%; left: inherit; }
    .right-md-n70 { right: -70%; left: inherit; }
    .right-md-n75 { right: -75%; left: inherit; }
    .right-md-n80 { right: -80%; left: inherit; }
    .right-md-n85 { right: -85%; left: inherit; }
    .right-md-n90 { right: -90%; left: inherit; }
    .right-md-n95 { right: -95%; left: inherit; }
    .right-md-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-md-1-6 {
        margin: 1.6rem;
    }
    .m-md-1-7 {
        margin: 1.7rem;
    }
    .m-md-1-8 {
        margin: 1.8rem;
    }
    .m-md-1-9 {
        margin: 1.9rem;
    }
    .m-md-2-0 {
        margin: 2.0rem;
    }
    .m-md-2-1 {
        margin: 2.1rem;
    }
    .m-md-2-2 {
        margin: 2.2rem;
    }
    .m-md-2-3 {
        margin: 2.3rem;
    }
    .m-md-2-4 {
        margin: 2.4rem;
    }
    .m-md-2-5 {
        margin: 2.5rem;
    }
    .m-md-2-6 {
        margin: 2.6rem;
    }
    .m-md-2-7 {
        margin: 2.7rem;
    }
    .m-md-2-8 {
        margin: 2.8rem;
    }
    .m-md-2-9 {
        margin: 2.9rem;
    }

    .m-md-6 {
        margin: 3.5rem;
    }
    .m-md-7 {
        margin: 4rem;
    }
    .m-md-8 {
        margin: 4.5rem;
    }
    .m-md-9 {
        margin: 5rem;
    }
    .m-md-10 {
        margin: 5.5rem;
    }
    .m-md-11 {
        margin: 6rem;
    }
    .m-md-12 {
        margin: 6.5rem;
    }
    .m-md-13 {
        margin: 7rem;
    }
    .m-md-14 {
        margin: 7.5rem;
    }
    .m-md-15 {
        margin: 8rem;
    }
    .m-md-16 {
        margin: 8.5rem;
    }
    .m-md-17 {
        margin: 9rem;
    }
    .m-md-18 {
        margin: 9.5rem;
    }
    .m-md-19 {
        margin: 10rem;
    }
    .m-md-20 {
        margin: 10.5rem;
    }
    .m-md-21 {
        margin: 11rem;
    }
    .m-md-22 {
        margin: 11.5rem;
    }
    .m-md-23 {
        margin: 12rem;
    }
    .m-md-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-md-1-6, .my-md-1-6 {
        margin-top: 1.6rem;
    }
    .mt-md-1-7, .my-md-1-7 {
        margin-top: 1.7rem;
    }
    .mt-md-1-8, .my-md-1-8 {
        margin-top: 1.8rem;
    }
    .mt-md-1-9, .my-md-1-9 {
        margin-top: 1.9rem;
    }
    .mt-md-2-0, .my-md-2-0 {
        margin-top: 2.0rem;
    }
    .mt-md-2-1, .my-md-2-1 {
        margin-top: 2.1rem;
    }
    .mt-md-2-2, .my-md-2-2 {
        margin-top: 2.2rem;
    }
    .mt-md-2-3, .my-md-2-3 {
        margin-top: 2.3rem;
    }
    .mt-md-2-4, .my-md-2-4 {
        margin-top: 2.4rem;
    }
    .mt-md-2-5, .my-md-2-5 {
        margin-top: 2.5rem;
    }
    .mt-md-2-6, .my-md-2-6 {
        margin-top: 2.6rem;
    }
    .mt-md-2-7, .my-md-2-7 {
        margin-top: 2.7rem;
    }
    .mt-md-2-8, .my-md-2-8 {
        margin-top: 2.8rem;
    }
    .mt-md-2-9, .my-md-2-9 {
        margin-top: 2.9rem;
    }

    .mt-md-6, .my-md-6 {
        margin-top: 3.5rem;
    }
    .mt-md-7, .my-md-7 {
        margin-top: 4rem;
    }
    .mt-md-8, .my-md-8 {
        margin-top: 4.5rem;
    }
    .mt-md-9, .my-md-9 {
        margin-top: 5rem;
    }
    .mt-md-10, .my-md-10 {
        margin-top: 5.5rem;
    }
    .mt-md-11, .my-md-11 {
        margin-top: 6rem;
    }
    .mt-md-12, .my-md-12 {
        margin-top: 6.5rem;
    }
    .mt-md-13, .my-md-13 {
        margin-top: 7rem;
    }
    .mt-md-14, .my-md-14 {
        margin-top: 7.5rem;
    }
    .mt-md-15, .my-md-15 {
        margin-top: 8rem;
    }
    .mt-md-16, .my-md-16 {
        margin-top: 8.5rem;
    }
    .mt-md-17, .my-md-17 {
        margin-top: 9rem;
    }
    .mt-md-18, .my-md-18 {
        margin-top: 9.5rem;
    }
    .mt-md-19, .my-md-19 {
        margin-top: 10rem;
    }
    .mt-md-20, .my-md-20 {
        margin-top: 10.5rem;
    }
    .mt-md-21, .my-md-21 {
        margin-top: 11rem;
    }
    .mt-md-22, .my-md-22 {
        margin-top: 11.5rem;
    }
    .mt-md-23, .my-md-23 {
        margin-top: 12rem;
    }
    .mt-md-24, .my-md-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-md-1-6, .my-md-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-md-1-7, .my-md-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-md-1-8, .my-md-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-md-1-9, .my-md-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-md-2-0, .my-md-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-md-2-1, .my-md-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-md-2-2, .my-md-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-md-2-3, .my-md-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-md-2-4, .my-md-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-md-2-5, .my-md-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-md-2-6, .my-md-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-md-2-7, .my-md-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-md-2-8, .my-md-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-md-2-9, .my-md-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 3.5rem;
    }
    .mb-md-7, .my-md-7 {
        margin-bottom: 4rem;
    }
    .mb-md-8, .my-md-8 {
        margin-bottom: 4.5rem;
    }
    .mb-md-9, .my-md-9 {
        margin-bottom: 5rem;
    }
    .mb-md-10, .my-md-10 {
        margin-bottom: 5.5rem;
    }
    .mb-md-11, .my-md-11 {
        margin-bottom: 6rem;
    }
    .mb-md-12, .my-md-12 {
        margin-bottom: 6.5rem;
    }
    .mb-md-13, .my-md-13 {
        margin-bottom: 7rem;
    }
    .mb-md-14, .my-md-14 {
        margin-bottom: 7.5rem;
    }
    .mb-md-15, .my-md-15 {
        margin-bottom: 8rem;
    }
    .mb-md-16, .my-md-16 {
        margin-bottom: 8.5rem;
    }
    .mb-md-17, .my-md-17 {
        margin-bottom: 9rem;
    }
    .mb-md-18, .my-md-18 {
        margin-bottom: 9.5rem;
    }
    .mb-md-19, .my-md-19 {
        margin-bottom: 10rem;
    }
    .mb-md-20, .my-md-20 {
        margin-bottom: 10.5rem;
    }
    .mb-md-21, .my-md-21 {
        margin-bottom: 11rem;
    }
    .mb-md-22, .my-md-22 {
        margin-bottom: 11.5rem;
    }
    .mb-md-23, .my-md-23 {
        margin-bottom: 12rem;
    }
    .mb-md-24, .my-md-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-md-1-6, .mx-md-1-6 {
        margin-left: 1.6rem;
    }
    .ms-md-1-7, .mx-md-1-7 {
        margin-left: 1.7rem;
    }
    .ms-md-1-8, .mx-md-1-8 {
        margin-left: 1.8rem;
    }
    .ms-md-1-9, .mx-md-1-9 {
        margin-left: 1.9rem;
    }
    .ms-md-2-0, .mx-md-2-0 {
        margin-left: 2.0rem;
    }
    .ms-md-2-1, .mx-md-2-1 {
        margin-left: 2.1rem;
    }
    .ms-md-2-2, .mx-md-2-2 {
        margin-left: 2.2rem;
    }
    .ms-md-2-3, .mx-md-2-3 {
        margin-left: 2.3rem;
    }
    .ms-md-2-4, .mx-md-2-4 {
        margin-left: 2.4rem;
    }
    .ms-md-2-5, .mx-md-2-5 {
        margin-left: 2.5rem;
    }
    .ms-md-2-6, .mx-md-2-6 {
        margin-left: 2.6rem;
    }
    .ms-md-2-7, .mx-md-2-7 {
        margin-left: 2.7rem;
    }
    .ms-md-2-8, .mx-md-2-8 {
        margin-left: 2.8rem;
    }
    .ms-md-2-9, .mx-md-2-9 {
        margin-left: 2.9rem;
    }

    .ms-md-6, .mx-md-6 {
        margin-left: 3.5rem;
    }
    .ms-md-7, .mx-md-7 {
        margin-left: 4rem;
    }
    .ms-md-8, .mx-md-8 {
        margin-left: 4.5rem;
    }
    .ms-md-9, .mx-md-9 {
        margin-left: 5rem;
    }
    .ms-md-10, .mx-md-10 {
        margin-left: 5.5rem;
    }
    .ms-md-11, .mx-md-11 {
        margin-left: 6rem;
    }
    .ms-md-12, .mx-md-12 {
        margin-left: 6.5rem;
    }
    .ms-md-13, .mx-md-13 {
        margin-left: 7rem;
    }
    .ms-md-14, .mx-md-14 {
        margin-left: 7.5rem;
    }
    .ms-md-15, .mx-md-15 {
        margin-left: 8rem;
    }
    .ms-md-16, .mx-md-16 {
        margin-left: 8.5rem;
    }
    .ms-md-17, .mx-md-17 {
        margin-left: 9rem;
    }
    .ms-md-18, .mx-md-18 {
        margin-left: 9.5rem;
    }
    .ms-md-19, .mx-md-19 {
        margin-left: 10rem;
    }
    .ms-md-20, .mx-md-20 {
        margin-left: 10.5rem;
    }
    .ms-md-21, .mx-md-21 {
        margin-left: 11rem;
    }
    .ms-md-22, .mx-md-22 {
        margin-left: 11.5rem;
    }
    .ms-md-23, .mx-md-23 {
        margin-left: 12rem;
    }
    .ms-md-24, .mx-md-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-md-1-6, .mx-md-1-6 {
        margin-right: 1.6rem;
    }
    .me-md-1-7, .mx-md-1-7 {
        margin-right: 1.7rem;
    }
    .me-md-1-8, .mx-md-1-8 {
        margin-right: 1.8rem;
    }
    .me-md-1-9, .mx-md-1-9 {
        margin-right: 1.9rem;
    }
    .me-md-2-0, .mx-md-2-0 {
        margin-right: 2.0rem;
    }
    .me-md-2-1, .mx-md-2-1 {
        margin-right: 2.1rem;
    }
    .me-md-2-2, .mx-md-2-2 {
        margin-right: 2.2rem;
    }
    .me-md-2-3, .mx-md-2-3 {
        margin-right: 2.3rem;
    }
    .me-md-2-4, .mx-md-2-4 {
        margin-right: 2.4rem;
    }
    .me-md-2-5, .mx-md-2-5 {
        margin-right: 2.5rem;
    }
    .me-md-2-6, .mx-md-2-6 {
        margin-right: 2.6rem;
    }
    .me-md-2-7, .mx-md-2-7 {
        margin-right: 2.7rem;
    }
    .me-md-2-8, .mx-md-2-8 {
        margin-right: 2.8rem;
    }
    .me-md-2-9, .mx-md-2-9 {
        margin-right: 2.9rem;
    }

    .me-md-6, .mx-md-6 {
        margin-right: 3.5rem;
    }
    .me-md-7, .mx-md-7 {
        margin-right: 4rem;
    }
    .me-md-8, .mx-md-8 {
        margin-right: 4.5rem;
    }
    .me-md-9, .mx-md-9 {
        margin-right: 5rem;
    }
    .me-md-10, .mx-md-10 {
        margin-right: 5.5rem;
    }
    .me-md-11, .mx-md-11 {
        margin-right: 6rem;
    }
    .me-md-12, .mx-md-12 {
        margin-right: 6.5rem;
    }
    .me-md-13, .mx-md-13 {
        margin-right: 7rem;
    }
    .me-md-14, .mx-md-14 {
        margin-right: 7.5rem;
    }
    .me-md-15, .mx-md-15 {
        margin-right: 8rem;
    }
    .me-md-16, .mx-md-16 {
        margin-right: 8.5rem;
    }
    .me-md-17, .mx-md-17 {
        margin-right: 9rem;
    }
    .me-md-18, .mx-md-18 {
        margin-right: 9.5rem;
    }
    .me-md-19, .mx-md-19 {
        margin-right: 10rem;
    }
    .me-md-20, .mx-md-20 {
        margin-right: 10.5rem;
    }
    .me-md-21, .mx-md-21 {
        margin-right: 11rem;
    }
    .me-md-22, .mx-md-22 {
        margin-right: 11.5rem;
    }
    .me-md-23, .mx-md-23 {
        margin-right: 12rem;
    }
    .me-md-24, .mx-md-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-md-1-6 {
        padding: 1.6rem;
    }
    .p-md-1-7 {
        padding: 1.7rem;
    }
    .p-md-1-8 {
        padding: 1.8rem;
    }
    .p-md-1-9 {
        padding: 1.9rem;
    }
    .p-md-2-0 {
        padding: 2.0rem;
    }
    .p-md-2-1 {
        padding: 2.1rem;
    }
    .p-md-2-2 {
        padding: 2.2rem;
    }
    .p-md-2-3 {
        padding: 2.3rem;
    }
    .p-md-2-4 {
        padding: 2.4rem;
    }
    .p-md-2-5 {
        padding: 2.5rem;
    }
    .p-md-2-6 {
        padding: 2.6rem;
    }
    .p-md-2-7 {
        padding: 2.7rem;
    }
    .p-md-2-8 {
        padding: 2.8rem;
    }
    .p-md-2-9 {
        padding: 2.9rem;
    }

    .p-md-6 {
        padding: 3.5rem;
    }
    .p-md-7 {
        padding: 4rem;
    }
    .p-md-8 {
        padding: 4.5rem;
    }
    .p-md-9 {
        padding: 5rem;
    }
    .p-md-10 {
        padding: 5.5rem;
    }
    .p-md-11 {
        padding: 6rem;
    }
    .p-md-12 {
        padding: 6.5rem;
    }
    .p-md-13 {
        padding: 7rem;
    }
    .p-md-14 {
        padding: 7.5rem;
    }
    .p-md-15 {
        padding: 8rem;
    }
    .p-md-16 {
        padding: 8.5rem;
    }
    .p-md-17 {
        padding: 9rem;
    }
    .p-md-18 {
        padding: 9.5rem;
    }
    .p-md-19 {
        padding: 10rem;
    }
    .p-md-20 {
        padding: 10.5rem;
    }
    .p-md-21 {
        padding: 11rem;
    }
    .p-md-22 {
        padding: 11.5rem;
    }
    .p-md-23 {
        padding: 12rem;
    }
    .p-md-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-md-1-6, .py-md-1-6 {
        padding-top: 1.6rem;
    }
    .pt-md-1-7, .py-md-1-7 {
        padding-top: 1.7rem;
    }
    .pt-md-1-8, .py-md-1-8 {
        padding-top: 1.8rem;
    }
    .pt-md-1-9, .py-md-1-9 {
        padding-top: 1.9rem;
    }
    .pt-md-2-0, .py-md-2-0 {
        padding-top: 2.0rem;
    }
    .pt-md-2-1, .py-md-2-1 {
        padding-top: 2.1rem;
    }
    .pt-md-2-2, .py-md-2-2 {
        padding-top: 2.2rem;
    }
    .pt-md-2-3, .py-md-2-3 {
        padding-top: 2.3rem;
    }
    .pt-md-2-4, .py-md-2-4 {
        padding-top: 2.4rem;
    }
    .pt-md-2-5, .py-md-2-5 {
        padding-top: 2.5rem;
    }
    .pt-md-2-6, .py-md-2-6 {
        padding-top: 2.6rem;
    }
    .pt-md-2-7, .py-md-2-7 {
        padding-top: 2.7rem;
    }
    .pt-md-2-8, .py-md-2-8 {
        padding-top: 2.8rem;
    }
    .pt-md-2-9, .py-md-2-9 {
        padding-top: 2.9rem;
    }

    .pt-md-6, .py-md-6 {
        padding-top: 3.5rem;
    }
    .pt-md-7, .py-md-7 {
        padding-top: 4rem;
    }
    .pt-md-8, .py-md-8 {
        padding-top: 4.5rem;
    }
    .pt-md-9, .py-md-9 {
        padding-top: 5rem;
    }
    .pt-md-10, .py-md-10 {
        padding-top: 5.5rem;
    }
    .pt-md-11, .py-md-11 {
        padding-top: 6rem;
    }
    .pt-md-12, .py-md-12 {
        padding-top: 6.5rem;
    }
    .pt-md-13, .py-md-13 {
        padding-top: 7rem;
    }
    .pt-md-14, .py-md-14 {
        padding-top: 7.5rem;
    }
    .pt-md-15, .py-md-15 {
        padding-top: 8rem;
    }
    .pt-md-16, .py-md-16 {
        padding-top: 8.5rem;
    }
    .pt-md-17, .py-md-17 {
        padding-top: 9rem;
    }
    .pt-md-18, .py-md-18 {
        padding-top: 9.5rem;
    }
    .pt-md-19, .py-md-19 {
        padding-top: 10rem;
    }
    .pt-md-20, .py-md-20 {
        padding-top: 10.5rem;
    }
    .pt-md-21, .py-md-21 {
        padding-top: 11rem;
    }
    .pt-md-22, .py-md-22 {
        padding-top: 11.5rem;
    }
    .pt-md-23, .py-md-23 {
        padding-top: 12rem;
    }
    .pt-md-24, .py-md-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-md-1-6, .py-md-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-md-1-7, .py-md-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-md-1-8, .py-md-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-md-1-9, .py-md-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-md-2-0, .py-md-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-md-2-1, .py-md-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-md-2-2, .py-md-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-md-2-3, .py-md-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-md-2-4, .py-md-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-md-2-5, .py-md-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-md-2-6, .py-md-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-md-2-7, .py-md-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-md-2-8, .py-md-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-md-2-9, .py-md-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-md-6, .py-md-6 {
        padding-bottom: 3.5rem;
    }
    .pb-md-7, .py-md-7 {
        padding-bottom: 4rem;
    }
    .pb-md-8, .py-md-8 {
        padding-bottom: 4.5rem;
    }
    .pb-md-9, .py-md-9 {
        padding-bottom: 5rem;
    }
    .pb-md-10, .py-md-10 {
        padding-bottom: 5.5rem;
    }
    .pb-md-11, .py-md-11 {
        padding-bottom: 6rem;
    }
    .pb-md-12, .py-md-12 {
        padding-bottom: 6.5rem;
    }
    .pb-md-13, .py-md-13 {
        padding-bottom: 7rem;
    }
    .pb-md-14, .py-md-14 {
        padding-bottom: 7.5rem;
    }
    .pb-md-15, .py-md-15 {
        padding-bottom: 8rem;
    }
    .pb-md-16, .py-md-16 {
        padding-bottom: 8.5rem;
    }
    .pb-md-17, .py-md-17 {
        padding-bottom: 9rem;
    }
    .pb-md-18, .py-md-18 {
        padding-bottom: 9.5rem;
    }
    .pb-md-19, .py-md-19 {
        padding-bottom: 10rem;
    }
    .pb-md-20, .py-md-20 {
        padding-bottom: 10.5rem;
    }
    .pb-md-21, .py-md-21 {
        padding-bottom: 11rem;
    }
    .pb-md-22, .py-md-22 {
        padding-bottom: 11.5rem;
    }
    .pb-md-23, .py-md-23 {
        padding-bottom: 12rem;
    }
    .pb-md-24, .py-md-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-md-1-6, .px-md-1-6 {
        padding-left: 1.6rem;
    }
    .ps-md-1-7, .px-md-1-7 {
        padding-left: 1.7rem;
    }
    .ps-md-1-8, .px-md-1-8 {
        padding-left: 1.8rem;
    }
    .ps-md-1-9, .px-md-1-9 {
        padding-left: 1.9rem;
    }
    .ps-md-2-0, .px-md-2-0 {
        padding-left: 2.0rem;
    }
    .ps-md-2-1, .px-md-2-1 {
        padding-left: 2.1rem;
    }
    .ps-md-2-2, .px-md-2-2 {
        padding-left: 2.2rem;
    }
    .ps-md-2-3, .px-md-2-3 {
        padding-left: 2.3rem;
    }
    .ps-md-2-4, .px-md-2-4 {
        padding-left: 2.4rem;
    }
    .ps-md-2-5, .px-md-2-5 {
        padding-left: 2.5rem;
    }
    .ps-md-2-6, .px-md-2-6 {
        padding-left: 2.6rem;
    }
    .ps-md-2-7, .px-md-2-7 {
        padding-left: 2.7rem;
    }
    .ps-md-2-8, .px-md-2-8 {
        padding-left: 2.8rem;
    }
    .ps-md-2-9, .px-md-2-9 {
        padding-left: 2.9rem;
    }

    .ps-md-6, .px-md-6 {
        padding-left: 3.5rem;
    }
    .ps-md-7, .px-md-7 {
        padding-left: 4rem;
    }
    .ps-md-8, .px-md-8 {
        padding-left: 4.5rem;
    }
    .ps-md-9, .px-md-9 {
        padding-left: 5rem;
    }
    .ps-md-10, .px-md-10 {
        padding-left: 5.5rem;
    }
    .ps-md-11, .px-md-11 {
        padding-left: 6rem;
    }
    .ps-md-12, .px-md-12 {
        padding-left: 6.5rem;
    }
    .ps-md-13, .px-md-13 {
        padding-left: 7rem;
    }
    .ps-md-14, .px-md-14 {
        padding-left: 7.5rem;
    }
    .ps-md-15, .px-md-15 {
        padding-left: 8rem;
    }
    .ps-md-16, .px-md-16 {
        padding-left: 8.5rem;
    }
    .ps-md-17, .px-md-17 {
        padding-left: 9rem;
    }
    .ps-md-18, .px-md-18 {
        padding-left: 9.5rem;
    }
    .ps-md-19, .px-md-19 {
        padding-left: 10rem;
    }
    .ps-md-20, .px-md-20 {
        padding-left: 10.5rem;
    }
    .ps-md-21, .px-md-21 {
        padding-left: 11rem;
    }
    .ps-md-22, .px-md-22 {
        padding-left: 11.5rem;
    }
    .ps-md-23, .px-md-23 {
        padding-left: 12rem;
    }
    .ps-md-24, .px-md-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-md-1-6, .px-md-1-6 {
        padding-right: 1.6rem;
    }
    .pe-md-1-7, .px-md-1-7 {
        padding-right: 1.7rem;
    }
    .pe-md-1-8, .px-md-1-8 {
        padding-right: 1.8rem;
    }
    .pe-md-1-9, .px-md-1-9 {
        padding-right: 1.9rem;
    }
    .pe-md-2-0, .px-md-2-0 {
        padding-right: 2.0rem;
    }
    .pe-md-2-1, .px-md-2-1 {
        padding-right: 2.1rem;
    }
    .pe-md-2-2, .px-md-2-2 {
        padding-right: 2.2rem;
    }
    .pe-md-2-3, .px-md-2-3 {
        padding-right: 2.3rem;
    }
    .pe-md-2-4, .px-md-2-4 {
        padding-right: 2.4rem;
    }
    .pe-md-2-5, .px-md-2-5 {
        padding-right: 2.5rem;
    }
    .pe-md-2-6, .px-md-2-6 {
        padding-right: 2.6rem;
    }
    .pe-md-2-7, .px-md-2-7 {
        padding-right: 2.7rem;
    }
    .pe-md-2-8, .px-md-2-8 {
        padding-right: 2.8rem;
    }
    .pe-md-2-9, .px-md-2-9 {
        padding-right: 2.9rem;
    }

    .pe-md-6, .px-md-6 {
        padding-right: 3.5rem;
    }
    .pe-md-7, .px-md-7 {
        padding-right: 4rem;
    }
    .pe-md-8, .px-md-8 {
        padding-right: 4.5rem;
    }
    .pe-md-9, .px-md-9 {
        padding-right: 5rem;
    }
    .pe-md-10, .px-md-10 {
        padding-right: 5.5rem;
    }
    .pe-md-11, .px-md-11 {
        padding-right: 6rem;
    }
    .pe-md-12, .px-md-12 {
        padding-right: 6.5rem;
    }
    .pe-md-13, .px-md-13 {
        padding-right: 7rem;
    }
    .pe-md-14, .px-md-14 {
        padding-right: 7.5rem;
    }
    .pe-md-15, .px-md-15 {
        padding-right: 8rem;
    }
    .pe-md-16, .px-md-16 {
        padding-right: 8.5rem;
    }
    .pe-md-17, .px-md-17 {
        padding-right: 9rem;
    }
    .pe-md-18, .px-md-18 {
        padding-right: 9.5rem;
    }
    .pe-md-19, .px-md-19 {
        padding-right: 10rem;
    }
    .pe-md-20, .px-md-20 {
        padding-right: 10.5rem;
    }
    .pe-md-21, .px-md-21 {
        padding-right: 11rem;
    }
    .pe-md-22, .px-md-22 {
        padding-right: 11.5rem;
    }
    .pe-md-23, .px-md-23 {
        padding-right: 12rem;
    }
    .pe-md-24, .px-md-24 {
        padding-right: 12.5rem;
    }

}

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

    /* width */
    .w-lg-1px {width:1px;}
    .w-lg-2px {width:2px;}
    .w-lg-3px {width:3px;}
    .w-lg-4px {width:4px;}
    .w-lg-5px {width:5px;}
    .w-lg-6px {width:6px;}
    .w-lg-7px {width:7px;}
    .w-lg-8px {width:8px;}
    .w-lg-9px {width:9px;}
    .w-lg-10px {width:10px;}
    .w-lg-15px {width:15px;}
    .w-lg-20px {width:20px;}
    .w-lg-25px {width:25px;}
    .w-lg-30px {width:30px;}
    .w-lg-35px {width:35px;}
    .w-lg-40px {width:40px;}
    .w-lg-50px {width:50px;}
    .w-lg-55px {width:55px;}
    .w-lg-60px {width:60px;}
    .w-lg-65px {width:65px;}
    .w-lg-70px {width:70px;}
    .w-lg-75px {width:75px;}
    .w-lg-80px {width:80px;}
    .w-lg-85px {width:85px;}
    .w-lg-90px {width:90px;}
    .w-lg-100px {width:100px;}

    .w-lg-1 {width:1%;}
    .w-lg-2 {width:2%;}
    .w-lg-3 {width:3%;}
    .w-lg-4 {width:4%;}
    .w-lg-5 {width:5%;}
    .w-lg-6 {width:6%;}
    .w-lg-7 {width:7%;}
    .w-lg-8 {width:8%;}
    .w-lg-9 {width:9%;}
    .w-lg-10 {width:10%;}
    .w-lg-11 {width:10%;}
    .w-lg-12 {width:12%;}
    .w-lg-13 {width:13%;}
    .w-lg-14 {width:14%;}
    .w-lg-15 {width:15%;}
    .w-lg-20 {width:20%;}
    .w-lg-25 {width:25%;}
    .w-lg-30 {width:30%;}
    .w-lg-35 {width:35%;}
    .w-lg-40 {width:40%;}
    .w-lg-45 {width:45%;}
    .w-lg-50 {width:50%;}
    .w-lg-55 {width:55%;}
    .w-lg-60 {width:60%;}
    .w-lg-65 {width:65%;}
    .w-lg-70 {width:70%;}
    .w-lg-75 {width:75%;}
    .w-lg-80 {width:80%;}
    .w-lg-85 {width:85%;}
    .w-lg-90 {width:90%;}
    .w-lg-95 {width:95%;}
    .w-lg-100 {width:100%;}
    .w-lg-auto {width: auto;}

    /* font size */
    .display-lg-1 {font-size:6rem;}
    .display-lg-2 {font-size:5.5rem;}
    .display-lg-3 {font-size:4.5rem;}
    .display-lg-4 {font-size:3.5rem;}
    .display-lg-5 {font-size:3.4rem;}
    .display-lg-6 {font-size:3.3rem;}
    .display-lg-7 {font-size:3.2rem;}
    .display-lg-8 {font-size:3.1rem;}
    .display-lg-9 {font-size:3.0rem;}
    .display-lg-10 {font-size:2.9rem;}
    .display-lg-11 {font-size:2.8rem;}
    .display-lg-12 {font-size:2.7rem;}
    .display-lg-13 {font-size:2.6rem;}
    .display-lg-14 {font-size:2.5rem;}
    .display-lg-15 {font-size:2.4rem;}
    .display-lg-16 {font-size:2.3rem;}
    .display-lg-17 {font-size:2.2rem;}
    .display-lg-18 {font-size:2.1rem;}
    .display-lg-19 {font-size:2.0rem;}
    .display-lg-20 {font-size:1.9rem;}
    .display-lg-21 {font-size:1.8rem;}
    .display-lg-22 {font-size:1.7rem;}
    .display-lg-23 {font-size:1.6rem;}
    .display-lg-24 {font-size:1.5rem;}
    .display-lg-25 {font-size:1.4rem;}
    .display-lg-26 {font-size:1.3rem;}
    .display-lg-27 {font-size:1.2rem;}
    .display-lg-28 {font-size:1.1rem;}
    .display-lg-29 {font-size:1.0rem;}
    .display-lg-30 {font-size:0.9rem;}
    .display-lg-31 {font-size:0.8rem;}
    .display-lg-32 {font-size:0.7rem;}
    .display-lg-33 {font-size:0.6rem;}
    .display-lg-34 {font-size:0.5rem;}

    /* border */
    .border-lg-0 { border: none; }
    .border-lg { border: 1px solid #dee2e6; }
    .border-lg-top { border-top: 1px solid #dee2e6; }
    .border-lg-end { border-right: 1px solid #dee2e6; }
    .border-lg-bottom { border-bottom: 1px solid #dee2e6; }
    .border-lg-start { border-left: 1px solid #dee2e6; }
    .border-lg-top-0 { border-top: none; }
    .border-lg-end-0 { border-right: none; }
    .border-lg-bottom-0 { border-bottom: none; }
    .border-lg-start-0 { border-left: none; }
    .border-lg-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-lg { border-radius: .25rem; }
    .border-radius-lg-10 { border-radius: 10px; }
    .rounded-lg-circle { border-radius: 50%; }

    /* position */
    .top-lg-5 { top: 5%; bottom: inherit; }
    .top-lg-10 { top: 10%; bottom: inherit; }
    .top-lg-15 { top: 15%; bottom: inherit; }
    .top-lg-20 { top: 20%; bottom: inherit; }
    .top-lg-25 { top: 25%; bottom: inherit; }
    .top-lg-30 { top: 30%; bottom: inherit; }
    .top-lg-35 { top: 35%; bottom: inherit; }
    .top-lg-40 { top: 40%; bottom: inherit; }
    .top-lg-45 { top: 45%; bottom: inherit; }
    .top-lg-50 { top: 50%; bottom: inherit; }
    .top-lg-55 { top: 55%; bottom: inherit; }
    .top-lg-60 { top: 60%; bottom: inherit; }
    .top-lg-65 { top: 65%; bottom: inherit; }
    .top-lg-70 { top: 70%; bottom: inherit; }
    .top-lg-75 { top: 75%; bottom: inherit; }
    .top-lg-80 { top: 80%; bottom: inherit; }
    .top-lg-85 { top: 85%; bottom: inherit; }
    .top-lg-90 { top: 90%; bottom: inherit; }
    .top-lg-95 { top: 95%; bottom: inherit; }
    .top-lg-100 { top: 100%; bottom: inherit; }

    .top-lg-n5 { top: -5%; bottom: inherit; }
    .top-lg-n10 { top: -10%; bottom: inherit; }
    .top-lg-n15 { top: -15%; bottom: inherit; }
    .top-lg-n20 { top: -20%; bottom: inherit; }
    .top-lg-n25 { top: -25%; bottom: inherit; }
    .top-lg-n30 { top: -30%; bottom: inherit; }
    .top-lg-n35 { top: -35%; bottom: inherit; }
    .top-lg-n40 { top: -40%; bottom: inherit; }
    .top-lg-n45 { top: -45%; bottom: inherit; }
    .top-lg-n50 { top: -50%; bottom: inherit; }
    .top-lg-n55 { top: -55%; bottom: inherit; }
    .top-lg-n60 { top: -60%; bottom: inherit; }
    .top-lg-n65 { top: -65%; bottom: inherit; }
    .top-lg-n70 { top: -70%; bottom: inherit; }
    .top-lg-n75 { top: -75%; bottom: inherit; }
    .top-lg-n80 { top: -80%; bottom: inherit; }
    .top-lg-n85 { top: -85%; bottom: inherit; }
    .top-lg-n90 { top: -90%; bottom: inherit; }
    .top-lg-n95 { top: -95%; bottom: inherit; }
    .top-lg-n100 { top: -100%; bottom: inherit; }

    .bottom-lg-5 { bottom: 5%; top: inherit; }
    .bottom-lg-10 { bottom: 10%; top: inherit; }
    .bottom-lg-15 { bottom: 15%; top: inherit; }
    .bottom-lg-20 { bottom: 20%; top: inherit; }
    .bottom-lg-25 { bottom: 25%; top: inherit; }
    .bottom-lg-30 { bottom: 30%; top: inherit; }
    .bottom-lg-35 { bottom: 35%; top: inherit; }
    .bottom-lg-40 { bottom: 40%; top: inherit; }
    .bottom-lg-45 { bottom: 45%; top: inherit; }
    .bottom-lg-50 { bottom: 50%; top: inherit; }
    .bottom-lg-55 { bottom: 55%; top: inherit; }
    .bottom-lg-60 { bottom: 60%; top: inherit; }
    .bottom-lg-65 { bottom: 65%; top: inherit; }
    .bottom-lg-70 { bottom: 70%; top: inherit; }
    .bottom-lg-75 { bottom: 75%; top: inherit; }
    .bottom-lg-80 { bottom: 80%; top: inherit; }
    .bottom-lg-85 { bottom: 85%; top: inherit; }
    .bottom-lg-90 { bottom: 90%; top: inherit; }
    .bottom-lg-95 { bottom: 95%; top: inherit; }
    .bottom-lg-100 { bottom: 100%; top: inherit; }

    .bottom-lg-n5 { bottom: -5%; top: inherit; }
    .bottom-lg-n10 { bottom: -10%; top: inherit; }
    .bottom-lg-n15 { bottom: -15%; top: inherit; }
    .bottom-lg-n20 { bottom: -20%; top: inherit; }
    .bottom-lg-n25 { bottom: -25%; top: inherit; }
    .bottom-lg-n30 { bottom: -30%; top: inherit; }
    .bottom-lg-n35 { bottom: -35%; top: inherit; }
    .bottom-lg-n40 { bottom: -40%; top: inherit; }
    .bottom-lg-n45 { bottom: -45%; top: inherit; }
    .bottom-lg-n50 { bottom: -50%; top: inherit; }
    .bottom-lg-n55 { bottom: -55%; top: inherit; }
    .bottom-lg-n60 { bottom: -60%; top: inherit; }
    .bottom-lg-n65 { bottom: -65%; top: inherit; }
    .bottom-lg-n70 { bottom: -70%; top: inherit; }
    .bottom-lg-n75 { bottom: -75%; top: inherit; }
    .bottom-lg-n80 { bottom: -80%; top: inherit; }
    .bottom-lg-n85 { bottom: -85%; top: inherit; }
    .bottom-lg-n90 { bottom: -90%; top: inherit; }
    .bottom-lg-n95 { bottom: -95%; top: inherit; }
    .bottom-lg-n100 { bottom: -100%; top: inherit; }

    .left-lg-5 { left: 5%; right: inherit; }
    .left-lg-10 { left: 10%; right: inherit; }
    .left-lg-15 { left: 15%; right: inherit; }
    .left-lg-20 { left: 20%; right: inherit; }
    .left-lg-25 { left: 25%; right: inherit; }
    .left-lg-30 { left: 30%; right: inherit; }
    .left-lg-35 { left: 35%; right: inherit; }
    .left-lg-40 { left: 40%; right: inherit; }
    .left-lg-45 { left: 45%; right: inherit; }
    .left-lg-50 { left: 50%; right: inherit; }
    .left-lg-55 { left: 55%; right: inherit; }
    .left-lg-60 { left: 60%; right: inherit; }
    .left-lg-65 { left: 65%; right: inherit; }
    .left-lg-70 { left: 70%; right: inherit; }
    .left-lg-75 { left: 75%; right: inherit; }
    .left-lg-80 { left: 80%; right: inherit; }
    .left-lg-85 { left: 85%; right: inherit; }
    .left-lg-90 { left: 90%; right: inherit; }
    .left-lg-95 { left: 95%; right: inherit; }
    .left-lg-100 { left: 100%; right: inherit; }

    .left-lg-n5 { left: -5%; right: inherit; }
    .left-lg-n10 { left: -10%; right: inherit; }
    .left-lg-n15 { left: -15%; right: inherit; }
    .left-lg-n20 { left: -20%; right: inherit; }
    .left-lg-n25 { left: -25%; right: inherit; }
    .left-lg-n30 { left: -30%; right: inherit; }
    .left-lg-n35 { left: -35%; right: inherit; }
    .left-lg-n40 { left: -40%; right: inherit; }
    .left-lg-n45 { left: -45%; right: inherit; }
    .left-lg-n50 { left: -50%; right: inherit; }
    .left-lg-n55 { left: -55%; right: inherit; }
    .left-lg-n60 { left: -60%; right: inherit; }
    .left-lg-n65 { left: -65%; right: inherit; }
    .left-lg-n70 { left: -70%; right: inherit; }
    .left-lg-n75 { left: -75%; right: inherit; }
    .left-lg-n80 { left: -80%; right: inherit; }
    .left-lg-n85 { left: -85%; right: inherit; }
    .left-lg-n90 { left: -90%; right: inherit; }
    .left-lg-n95 { left: -95%; right: inherit; }
    .left-lg-n100 { left: -100%; right: inherit; }

    .right-lg-5 { right: 5%; left: inherit; }
    .right-lg-10 { right: 10%; left: inherit; }
    .right-lg-15 { right: 15%; left: inherit; }
    .right-lg-20 { right: 20%; left: inherit; }
    .right-lg-25 { right: 25%; left: inherit; }
    .right-lg-30 { right: 30%; left: inherit; }
    .right-lg-35 { right: 35%; left: inherit; }
    .right-lg-40 { right: 40%; left: inherit; }
    .right-lg-45 { right: 45%; left: inherit; }
    .right-lg-50 { right: 50%; left: inherit; }
    .right-lg-55 { right: 55%; left: inherit; }
    .right-lg-60 { right: 60%; left: inherit; }
    .right-lg-65 { right: 65%; left: inherit; }
    .right-lg-70 { right: 70%; left: inherit; }
    .right-lg-75 { right: 75%; left: inherit; }
    .right-lg-80 { right: 80%; left: inherit; }
    .right-lg-85 { right: 85%; left: inherit; }
    .right-lg-90 { right: 90%; left: inherit; }
    .right-lg-95 { right: 95%; left: inherit; }
    .right-lg-100 { right: 100%; left: inherit; }
     
    .right-lg-n5 { right: -5%; left: inherit; }
    .right-lg-n10 { right: -10%; left: inherit; }
    .right-lg-n15 { right: -15%; left: inherit; }
    .right-lg-n20 { right: -20%; left: inherit; }
    .right-lg-n25 { right: -25%; left: inherit; }
    .right-lg-n30 { right: -30%; left: inherit; }
    .right-lg-n35 { right: -35%; left: inherit; }
    .right-lg-n40 { right: -40%; left: inherit; }
    .right-lg-n45 { right: -45%; left: inherit; }
    .right-lg-n50 { right: -50%; left: inherit; }
    .right-lg-n55 { right: -55%; left: inherit; }
    .right-lg-n60 { right: -60%; left: inherit; }
    .right-lg-n65 { right: -65%; left: inherit; }
    .right-lg-n70 { right: -70%; left: inherit; }
    .right-lg-n75 { right: -75%; left: inherit; }
    .right-lg-n80 { right: -80%; left: inherit; }
    .right-lg-n85 { right: -85%; left: inherit; }
    .right-lg-n90 { right: -90%; left: inherit; }
    .right-lg-n95 { right: -95%; left: inherit; }
    .right-lg-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-lg-1-6 {
        margin: 1.6rem;
    }
    .m-lg-1-7 {
        margin: 1.7rem;
    }
    .m-lg-1-8 {
        margin: 1.8rem;
    }
    .m-lg-1-9 {
        margin: 1.9rem;
    }
    .m-lg-2-0 {
        margin: 2.0rem;
    }
    .m-lg-2-1 {
        margin: 2.1rem;
    }
    .m-lg-2-2 {
        margin: 2.2rem;
    }
    .m-lg-2-3 {
        margin: 2.3rem;
    }
    .m-lg-2-4 {
        margin: 2.4rem;
    }
    .m-lg-2-5 {
        margin: 2.5rem;
    }
    .m-lg-2-6 {
        margin: 2.6rem;
    }
    .m-lg-2-7 {
        margin: 2.7rem;
    }
    .m-lg-2-8 {
        margin: 2.8rem;
    }
    .m-lg-2-9 {
        margin: 2.9rem;
    }

    .m-lg-6 {
        margin: 3.5rem;
    }
    .m-lg-7 {
        margin: 4rem;
    }
    .m-lg-8 {
        margin: 4.5rem;
    }
    .m-lg-9 {
        margin: 5rem;
    }
    .m-lg-10 {
        margin: 5.5rem;
    }
    .m-lg-11 {
        margin: 6rem;
    }
    .m-lg-12 {
        margin: 6.5rem;
    }
    .m-lg-13 {
        margin: 7rem;
    }
    .m-lg-14 {
        margin: 7.5rem;
    }
    .m-lg-15 {
        margin: 8rem;
    }
    .m-lg-16 {
        margin: 8.5rem;
    }
    .m-lg-17 {
        margin: 9rem;
    }
    .m-lg-18 {
        margin: 9.5rem;
    }
    .m-lg-19 {
        margin: 10rem;
    }
    .m-lg-20 {
        margin: 10.5rem;
    }
    .m-lg-21 {
        margin: 11rem;
    }
    .m-lg-22 {
        margin: 11.5rem;
    }
    .m-lg-23 {
        margin: 12rem;
    }
    .m-lg-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-lg-1-6, .my-lg-1-6 {
        margin-top: 1.6rem;
    }
    .mt-lg-1-7, .my-lg-1-7 {
        margin-top: 1.7rem;
    }
    .mt-lg-1-8, .my-lg-1-8 {
        margin-top: 1.8rem;
    }
    .mt-lg-1-9, .my-lg-1-9 {
        margin-top: 1.9rem;
    }
    .mt-lg-2-0, .my-lg-2-0 {
        margin-top: 2.0rem;
    }
    .mt-lg-2-1, .my-lg-2-1 {
        margin-top: 2.1rem;
    }
    .mt-lg-2-2, .my-lg-2-2 {
        margin-top: 2.2rem;
    }
    .mt-lg-2-3, .my-lg-2-3 {
        margin-top: 2.3rem;
    }
    .mt-lg-2-4, .my-lg-2-4 {
        margin-top: 2.4rem;
    }
    .mt-lg-2-5, .my-lg-2-5 {
        margin-top: 2.5rem;
    }
    .mt-lg-2-6, .my-lg-2-6 {
        margin-top: 2.6rem;
    }
    .mt-lg-2-7, .my-lg-2-7 {
        margin-top: 2.7rem;
    }
    .mt-lg-2-8, .my-lg-2-8 {
        margin-top: 2.8rem;
    }
    .mt-lg-2-9, .my-lg-2-9 {
        margin-top: 2.9rem;
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 3.5rem;
    }
    .mt-lg-7, .my-lg-7 {
        margin-top: 4rem;
    }
    .mt-lg-8, .my-lg-8 {
        margin-top: 4.5rem;
    }
    .mt-lg-9, .my-lg-9 {
        margin-top: 5rem;
    }
    .mt-lg-10, .my-lg-10 {
        margin-top: 5.5rem;
    }
    .mt-lg-11, .my-lg-11 {
        margin-top: 6rem;
    }
    .mt-lg-12, .my-lg-12 {
        margin-top: 6.5rem;
    }
    .mt-lg-13, .my-lg-13 {
        margin-top: 7rem;
    }
    .mt-lg-14, .my-lg-14 {
        margin-top: 7.5rem;
    }
    .mt-lg-15, .my-lg-15 {
        margin-top: 8rem;
    }
    .mt-lg-16, .my-lg-16 {
        margin-top: 8.5rem;
    }
    .mt-lg-17, .my-lg-17 {
        margin-top: 9rem;
    }
    .mt-lg-18, .my-lg-18 {
        margin-top: 9.5rem;
    }
    .mt-lg-19, .my-lg-19 {
        margin-top: 10rem;
    }
    .mt-lg-20, .my-lg-20 {
        margin-top: 10.5rem;
    }
    .mt-lg-21, .my-lg-21 {
        margin-top: 11rem;
    }
    .mt-lg-22, .my-lg-22 {
        margin-top: 11.5rem;
    }
    .mt-lg-23, .my-lg-23 {
        margin-top: 12rem;
    }
    .mt-lg-24, .my-lg-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-lg-1-6, .my-lg-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-lg-1-7, .my-lg-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-lg-1-8, .my-lg-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-lg-1-9, .my-lg-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-lg-2-0, .my-lg-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-lg-2-1, .my-lg-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-lg-2-2, .my-lg-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-lg-2-3, .my-lg-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-lg-2-4, .my-lg-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-lg-2-5, .my-lg-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-lg-2-6, .my-lg-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-lg-2-7, .my-lg-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-lg-2-8, .my-lg-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-lg-2-9, .my-lg-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 3.5rem;
    }
    .mb-lg-7, .my-lg-7 {
        margin-bottom: 4rem;
    }
    .mb-lg-8, .my-lg-8 {
        margin-bottom: 4.5rem;
    }
    .mb-lg-9, .my-lg-9 {
        margin-bottom: 5rem;
    }
    .mb-lg-10, .my-lg-10 {
        margin-bottom: 5.5rem;
    }
    .mb-lg-11, .my-lg-11 {
        margin-bottom: 6rem;
    }
    .mb-lg-12, .my-lg-12 {
        margin-bottom: 6.5rem;
    }
    .mb-lg-13, .my-lg-13 {
        margin-bottom: 7rem;
    }
    .mb-lg-14, .my-lg-14 {
        margin-bottom: 7.5rem;
    }
    .mb-lg-15, .my-lg-15 {
        margin-bottom: 8rem;
    }
    .mb-lg-16, .my-lg-16 {
        margin-bottom: 8.5rem;
    }
    .mb-lg-17, .my-lg-17 {
        margin-bottom: 9rem;
    }
    .mb-lg-18, .my-lg-18 {
        margin-bottom: 9.5rem;
    }
    .mb-lg-19, .my-lg-19 {
        margin-bottom: 10rem;
    }
    .mb-lg-20, .my-lg-20 {
        margin-bottom: 10.5rem;
    }
    .mb-lg-21, .my-lg-21 {
        margin-bottom: 11rem;
    }
    .mb-lg-22, .my-lg-22 {
        margin-bottom: 11.5rem;
    }
    .mb-lg-23, .my-lg-23 {
        margin-bottom: 12rem;
    }
    .mb-lg-24, .my-lg-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-lg-1-6, .mx-lg-1-6 {
        margin-left: 1.6rem;
    }
    .ms-lg-1-7, .mx-lg-1-7 {
        margin-left: 1.7rem;
    }
    .ms-lg-1-8, .mx-lg-1-8 {
        margin-left: 1.8rem;
    }
    .ms-lg-1-9, .mx-lg-1-9 {
        margin-left: 1.9rem;
    }
    .ms-lg-2-0, .mx-lg-2-0 {
        margin-left: 2.0rem;
    }
    .ms-lg-2-1, .mx-lg-2-1 {
        margin-left: 2.1rem;
    }
    .ms-lg-2-2, .mx-lg-2-2 {
        margin-left: 2.2rem;
    }
    .ms-lg-2-3, .mx-lg-2-3 {
        margin-left: 2.3rem;
    }
    .ms-lg-2-4, .mx-lg-2-4 {
        margin-left: 2.4rem;
    }
    .ms-lg-2-5, .mx-lg-2-5 {
        margin-left: 2.5rem;
    }
    .ms-lg-2-6, .mx-lg-2-6 {
        margin-left: 2.6rem;
    }
    .ms-lg-2-7, .mx-lg-2-7 {
        margin-left: 2.7rem;
    }
    .ms-lg-2-8, .mx-lg-2-8 {
        margin-left: 2.8rem;
    }
    .ms-lg-2-9, .mx-lg-2-9 {
        margin-left: 2.9rem;
    }

    .ms-lg-6, .mx-lg-6 {
        margin-left: 3.5rem;
    }
    .ms-lg-7, .mx-lg-7 {
        margin-left: 4rem;
    }
    .ms-lg-8, .mx-lg-8 {
        margin-left: 4.5rem;
    }
    .ms-lg-9, .mx-lg-9 {
        margin-left: 5rem;
    }
    .ms-lg-10, .mx-lg-10 {
        margin-left: 5.5rem;
    }
    .ms-lg-11, .mx-lg-11 {
        margin-left: 6rem;
    }
    .ms-lg-12, .mx-lg-12 {
        margin-left: 6.5rem;
    }
    .ms-lg-13, .mx-lg-13 {
        margin-left: 7rem;
    }
    .ms-lg-14, .mx-lg-14 {
        margin-left: 7.5rem;
    }
    .ms-lg-15, .mx-lg-15 {
        margin-left: 8rem;
    }
    .ms-lg-16, .mx-lg-16 {
        margin-left: 8.5rem;
    }
    .ms-lg-17, .mx-lg-17 {
        margin-left: 9rem;
    }
    .ms-lg-18, .mx-lg-18 {
        margin-left: 9.5rem;
    }
    .ms-lg-19, .mx-lg-19 {
        margin-left: 10rem;
    }
    .ms-lg-20, .mx-lg-20 {
        margin-left: 10.5rem;
    }
    .ms-lg-21, .mx-lg-21 {
        margin-left: 11rem;
    }
    .ms-lg-22, .mx-lg-22 {
        margin-left: 11.5rem;
    }
    .ms-lg-23, .mx-lg-23 {
        margin-left: 12rem;
    }
    .ms-lg-24, .mx-lg-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-lg-1-6, .mx-lg-1-6 {
        margin-right: 1.6rem;
    }
    .me-lg-1-7, .mx-lg-1-7 {
        margin-right: 1.7rem;
    }
    .me-lg-1-8, .mx-lg-1-8 {
        margin-right: 1.8rem;
    }
    .me-lg-1-9, .mx-lg-1-9 {
        margin-right: 1.9rem;
    }
    .me-lg-2-0, .mx-lg-2-0 {
        margin-right: 2.0rem;
    }
    .me-lg-2-1, .mx-lg-2-1 {
        margin-right: 2.1rem;
    }
    .me-lg-2-2, .mx-lg-2-2 {
        margin-right: 2.2rem;
    }
    .me-lg-2-3, .mx-lg-2-3 {
        margin-right: 2.3rem;
    }
    .me-lg-2-4, .mx-lg-2-4 {
        margin-right: 2.4rem;
    }
    .me-lg-2-5, .mx-lg-2-5 {
        margin-right: 2.5rem;
    }
    .me-lg-2-6, .mx-lg-2-6 {
        margin-right: 2.6rem;
    }
    .me-lg-2-7, .mx-lg-2-7 {
        margin-right: 2.7rem;
    }
    .me-lg-2-8, .mx-lg-2-8 {
        margin-right: 2.8rem;
    }
    .me-lg-2-9, .mx-lg-2-9 {
        margin-right: 2.9rem;
    }

    .me-lg-6, .mx-lg-6 {
        margin-right: 3.5rem;
    }
    .me-lg-7, .mx-lg-7 {
        margin-right: 4rem;
    }
    .me-lg-8, .mx-lg-8 {
        margin-right: 4.5rem;
    }
    .me-lg-9, .mx-lg-9 {
        margin-right: 5rem;
    }
    .me-lg-10, .mx-lg-10 {
        margin-right: 5.5rem;
    }
    .me-lg-11, .mx-lg-11 {
        margin-right: 6rem;
    }
    .me-lg-12, .mx-lg-12 {
        margin-right: 6.5rem;
    }
    .me-lg-13, .mx-lg-13 {
        margin-right: 7rem;
    }
    .me-lg-14, .mx-lg-14 {
        margin-right: 7.5rem;
    }
    .me-lg-15, .mx-lg-15 {
        margin-right: 8rem;
    }
    .me-lg-16, .mx-lg-16 {
        margin-right: 8.5rem;
    }
    .me-lg-17, .mx-lg-17 {
        margin-right: 9rem;
    }
    .me-lg-18, .mx-lg-18 {
        margin-right: 9.5rem;
    }
    .me-lg-19, .mx-lg-19 {
        margin-right: 10rem;
    }
    .me-lg-20, .mx-lg-20 {
        margin-right: 10.5rem;
    }
    .me-lg-21, .mx-lg-21 {
        margin-right: 11rem;
    }
    .me-lg-22, .mx-lg-22 {
        margin-right: 11.5rem;
    }
    .me-lg-23, .mx-lg-23 {
        margin-right: 12rem;
    }
    .me-lg-24, .mx-lg-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-lg-1-6 {
        padding: 1.6rem;
    }
    .p-lg-1-7 {
        padding: 1.7rem;
    }
    .p-lg-1-8 {
        padding: 1.8rem;
    }
    .p-lg-1-9 {
        padding: 1.9rem;
    }
    .p-lg-2-0 {
        padding: 2.0rem;
    }
    .p-lg-2-1 {
        padding: 2.1rem;
    }
    .p-lg-2-2 {
        padding: 2.2rem;
    }
    .p-lg-2-3 {
        padding: 2.3rem;
    }
    .p-lg-2-4 {
        padding: 2.4rem;
    }
    .p-lg-2-5 {
        padding: 2.5rem;
    }
    .p-lg-2-6 {
        padding: 2.6rem;
    }
    .p-lg-2-7 {
        padding: 2.7rem;
    }
    .p-lg-2-8 {
        padding: 2.8rem;
    }
    .p-lg-2-9 {
        padding: 2.9rem;
    }

    .p-lg-6 {
        padding: 3.5rem;
    }
    .p-lg-7 {
        padding: 4rem;
    }
    .p-lg-8 {
        padding: 4.5rem;
    }
    .p-lg-9 {
        padding: 5rem;
    }
    .p-lg-10 {
        padding: 5.5rem;
    }
    .p-lg-11 {
        padding: 6rem;
    }
    .p-lg-12 {
        padding: 6.5rem;
    }
    .p-lg-13 {
        padding: 7rem;
    }
    .p-lg-14 {
        padding: 7.5rem;
    }
    .p-lg-15 {
        padding: 8rem;
    }
    .p-lg-16 {
        padding: 8.5rem;
    }
    .p-lg-17 {
        padding: 9rem;
    }
    .p-lg-18 {
        padding: 9.5rem;
    }
    .p-lg-19 {
        padding: 10rem;
    }
    .p-lg-20 {
        padding: 10.5rem;
    }
    .p-lg-21 {
        padding: 11rem;
    }
    .p-lg-22 {
        padding: 11.5rem;
    }
    .p-lg-23 {
        padding: 12rem;
    }
    .p-lg-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-lg-1-6, .py-lg-1-6 {
        padding-top: 1.6rem;
    }
    .pt-lg-1-7, .py-lg-1-7 {
        padding-top: 1.7rem;
    }
    .pt-lg-1-8, .py-lg-1-8 {
        padding-top: 1.8rem;
    }
    .pt-lg-1-9, .py-lg-1-9 {
        padding-top: 1.9rem;
    }
    .pt-lg-2-0, .py-lg-2-0 {
        padding-top: 2.0rem;
    }
    .pt-lg-2-1, .py-lg-2-1 {
        padding-top: 2.1rem;
    }
    .pt-lg-2-2, .py-lg-2-2 {
        padding-top: 2.2rem;
    }
    .pt-lg-2-3, .py-lg-2-3 {
        padding-top: 2.3rem;
    }
    .pt-lg-2-4, .py-lg-2-4 {
        padding-top: 2.4rem;
    }
    .pt-lg-2-5, .py-lg-2-5 {
        padding-top: 2.5rem;
    }
    .pt-lg-2-6, .py-lg-2-6 {
        padding-top: 2.6rem;
    }
    .pt-lg-2-7, .py-lg-2-7 {
        padding-top: 2.7rem;
    }
    .pt-lg-2-8, .py-lg-2-8 {
        padding-top: 2.8rem;
    }
    .pt-lg-2-9, .py-lg-2-9 {
        padding-top: 2.9rem;
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 3.5rem;
    }
    .pt-lg-7, .py-lg-7 {
        padding-top: 4rem;
    }
    .pt-lg-8, .py-lg-8 {
        padding-top: 4.5rem;
    }
    .pt-lg-9, .py-lg-9 {
        padding-top: 5rem;
    }
    .pt-lg-10, .py-lg-10 {
        padding-top: 5.5rem;
    }
    .pt-lg-11, .py-lg-11 {
        padding-top: 6rem;
    }
    .pt-lg-12, .py-lg-12 {
        padding-top: 6.5rem;
    }
    .pt-lg-13, .py-lg-13 {
        padding-top: 7rem;
    }
    .pt-lg-14, .py-lg-14 {
        padding-top: 7.5rem;
    }
    .pt-lg-15, .py-lg-15 {
        padding-top: 8rem;
    }
    .pt-lg-16, .py-lg-16 {
        padding-top: 8.5rem;
    }
    .pt-lg-17, .py-lg-17 {
        padding-top: 9rem;
    }
    .pt-lg-18, .py-lg-18 {
        padding-top: 9.5rem;
    }
    .pt-lg-19, .py-lg-19 {
        padding-top: 10rem;
    }
    .pt-lg-20, .py-lg-20 {
        padding-top: 10.5rem;
    }
    .pt-lg-21, .py-lg-21 {
        padding-top: 11rem;
    }
    .pt-lg-22, .py-lg-22 {
        padding-top: 11.5rem;
    }
    .pt-lg-23, .py-lg-23 {
        padding-top: 12rem;
    }
    .pt-lg-24, .py-lg-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-lg-1-6, .py-lg-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-lg-1-7, .py-lg-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-lg-1-8, .py-lg-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-lg-1-9, .py-lg-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-lg-2-0, .py-lg-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-lg-2-1, .py-lg-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-lg-2-2, .py-lg-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-lg-2-3, .py-lg-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-lg-2-4, .py-lg-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-lg-2-5, .py-lg-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-lg-2-6, .py-lg-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-lg-2-7, .py-lg-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-lg-2-8, .py-lg-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-lg-2-9, .py-lg-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-lg-6, .py-lg-6 {
        padding-bottom: 3.5rem;
    }
    .pb-lg-7, .py-lg-7 {
        padding-bottom: 4rem;
    }
    .pb-lg-8, .py-lg-8 {
        padding-bottom: 4.5rem;
    }
    .pb-lg-9, .py-lg-9 {
        padding-bottom: 5rem;
    }
    .pb-lg-10, .py-lg-10 {
        padding-bottom: 5.5rem;
    }
    .pb-lg-11, .py-lg-11 {
        padding-bottom: 6rem;
    }
    .pb-lg-12, .py-lg-12 {
        padding-bottom: 6.5rem;
    }
    .pb-lg-13, .py-lg-13 {
        padding-bottom: 7rem;
    }
    .pb-lg-14, .py-lg-14 {
        padding-bottom: 7.5rem;
    }
    .pb-lg-15, .py-lg-15 {
        padding-bottom: 8rem;
    }
    .pb-lg-16, .py-lg-16 {
        padding-bottom: 8.5rem;
    }
    .pb-lg-17, .py-lg-17 {
        padding-bottom: 9rem;
    }
    .pb-lg-18, .py-lg-18 {
        padding-bottom: 9.5rem;
    }
    .pb-lg-19, .py-lg-19 {
        padding-bottom: 10rem;
    }
    .pb-lg-20, .py-lg-20 {
        padding-bottom: 10.5rem;
    }
    .pb-lg-21, .py-lg-21 {
        padding-bottom: 11rem;
    }
    .pb-lg-22, .py-lg-22 {
        padding-bottom: 11.5rem;
    }
    .pb-lg-23, .py-lg-23 {
        padding-bottom: 12rem;
    }
    .pb-lg-24, .py-lg-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-lg-1-6, .px-lg-1-6 {
        padding-left: 1.6rem;
    }
    .ps-lg-1-7, .px-lg-1-7 {
        padding-left: 1.7rem;
    }
    .ps-lg-1-8, .px-lg-1-8 {
        padding-left: 1.8rem;
    }
    .ps-lg-1-9, .px-lg-1-9 {
        padding-left: 1.9rem;
    }
    .ps-lg-2-0, .px-lg-2-0 {
        padding-left: 2.0rem;
    }
    .ps-lg-2-1, .px-lg-2-1 {
        padding-left: 2.1rem;
    }
    .ps-lg-2-2, .px-lg-2-2 {
        padding-left: 2.2rem;
    }
    .ps-lg-2-3, .px-lg-2-3 {
        padding-left: 2.3rem;
    }
    .ps-lg-2-4, .px-lg-2-4 {
        padding-left: 2.4rem;
    }
    .ps-lg-2-5, .px-lg-2-5 {
        padding-left: 2.5rem;
    }
    .ps-lg-2-6, .px-lg-2-6 {
        padding-left: 2.6rem;
    }
    .ps-lg-2-7, .px-lg-2-7 {
        padding-left: 2.7rem;
    }
    .ps-lg-2-8, .px-lg-2-8 {
        padding-left: 2.8rem;
    }
    .ps-lg-2-9, .px-lg-2-9 {
        padding-left: 2.9rem;
    }

    .ps-lg-6, .px-lg-6 {
        padding-left: 3.5rem;
    }
    .ps-lg-7, .px-lg-7 {
        padding-left: 4rem;
    }
    .ps-lg-8, .px-lg-8 {
        padding-left: 4.5rem;
    }
    .ps-lg-9, .px-lg-9 {
        padding-left: 5rem;
    }
    .ps-lg-10, .px-lg-10 {
        padding-left: 5.5rem;
    }
    .ps-lg-11, .px-lg-11 {
        padding-left: 6rem;
    }
    .ps-lg-12, .px-lg-12 {
        padding-left: 6.5rem;
    }
    .ps-lg-13, .px-lg-13 {
        padding-left: 7rem;
    }
    .ps-lg-14, .px-lg-14 {
        padding-left: 7.5rem;
    }
    .ps-lg-15, .px-lg-15 {
        padding-left: 8rem;
    }
    .ps-lg-16, .px-lg-16 {
        padding-left: 8.5rem;
    }
    .ps-lg-17, .px-lg-17 {
        padding-left: 9rem;
    }
    .ps-lg-18, .px-lg-18 {
        padding-left: 9.5rem;
    }
    .ps-lg-19, .px-lg-19 {
        padding-left: 10rem;
    }
    .ps-lg-20, .px-lg-20 {
        padding-left: 10.5rem;
    }
    .ps-lg-21, .px-lg-21 {
        padding-left: 11rem;
    }
    .ps-lg-22, .px-lg-22 {
        padding-left: 11.5rem;
    }
    .ps-lg-23, .px-lg-23 {
        padding-left: 12rem;
    }
    .ps-lg-24, .px-lg-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-lg-1-6, .px-lg-1-6 {
        padding-right: 1.6rem;
    }
    .pe-lg-1-7, .px-lg-1-7 {
        padding-right: 1.7rem;
    }
    .pe-lg-1-8, .px-lg-1-8 {
        padding-right: 1.8rem;
    }
    .pe-lg-1-9, .px-lg-1-9 {
        padding-right: 1.9rem;
    }
    .pe-lg-2-0, .px-lg-2-0 {
        padding-right: 2.0rem;
    }
    .pe-lg-2-1, .px-lg-2-1 {
        padding-right: 2.1rem;
    }
    .pe-lg-2-2, .px-lg-2-2 {
        padding-right: 2.2rem;
    }
    .pe-lg-2-3, .px-lg-2-3 {
        padding-right: 2.3rem;
    }
    .pe-lg-2-4, .px-lg-2-4 {
        padding-right: 2.4rem;
    }
    .pe-lg-2-5, .px-lg-2-5 {
        padding-right: 2.5rem;
    }
    .pe-lg-2-6, .px-lg-2-6 {
        padding-right: 2.6rem;
    }
    .pe-lg-2-7, .px-lg-2-7 {
        padding-right: 2.7rem;
    }
    .pe-lg-2-8, .px-lg-2-8 {
        padding-right: 2.8rem;
    }
    .pe-lg-2-9, .px-lg-2-9 {
        padding-right: 2.9rem;
    }

    .pe-lg-6, .px-lg-6 {
        padding-right: 3.5rem;
    }
    .pe-lg-7, .px-lg-7 {
        padding-right: 4rem;
    }
    .pe-lg-8, .px-lg-8 {
        padding-right: 4.5rem;
    }
    .pe-lg-9, .px-lg-9 {
        padding-right: 5rem;
    }
    .pe-lg-10, .px-lg-10 {
        padding-right: 5.5rem;
    }
    .pe-lg-11, .px-lg-11 {
        padding-right: 6rem;
    }
    .pe-lg-12, .px-lg-12 {
        padding-right: 6.5rem;
    }
    .pe-lg-13, .px-lg-13 {
        padding-right: 7rem;
    }
    .pe-lg-14, .px-lg-14 {
        padding-right: 7.5rem;
    }
    .pe-lg-15, .px-lg-15 {
        padding-right: 8rem;
    }
    .pe-lg-16, .px-lg-16 {
        padding-right: 8.5rem;
    }
    .pe-lg-17, .px-lg-17 {
        padding-right: 9rem;
    }
    .pe-lg-18, .px-lg-18 {
        padding-right: 9.5rem;
    }
    .pe-lg-19, .px-lg-19 {
        padding-right: 10rem;
    }
    .pe-lg-20, .px-lg-20 {
        padding-right: 10.5rem;
    }
    .pe-lg-21, .px-lg-21 {
        padding-right: 11rem;
    }
    .pe-lg-22, .px-lg-22 {
        padding-right: 11.5rem;
    }
    .pe-lg-23, .px-lg-23 {
        padding-right: 12rem;
    }
    .pe-lg-24, .px-lg-24 {
        padding-right: 12.5rem;
    }

}

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

    /* width */
    .w-xl-1px {width:1px;}
    .w-xl-2px {width:2px;}
    .w-xl-3px {width:3px;}
    .w-xl-4px {width:4px;}
    .w-xl-5px {width:5px;}
    .w-xl-6px {width:6px;}
    .w-xl-7px {width:7px;}
    .w-xl-8px {width:8px;}
    .w-xl-9px {width:9px;}
    .w-xl-10px {width:10px;}
    .w-xl-15px {width:15px;}
    .w-xl-20px {width:20px;}
    .w-xl-25px {width:25px;}
    .w-xl-30px {width:30px;}
    .w-xl-35px {width:35px;}
    .w-xl-40px {width:40px;}
    .w-xl-50px {width:50px;}
    .w-xl-55px {width:55px;}
    .w-xl-60px {width:60px;}
    .w-xl-65px {width:65px;}
    .w-xl-70px {width:70px;}
    .w-xl-75px {width:75px;}
    .w-xl-80px {width:80px;}
    .w-xl-85px {width:85px;}
    .w-xl-90px {width:90px;}
    .w-xl-100px {width:100px;}

    .w-xl-1 {width:1%;}
    .w-xl-2 {width:2%;}
    .w-xl-3 {width:3%;}
    .w-xl-4 {width:4%;}
    .w-xl-5 {width:5%;}
    .w-xl-6 {width:6%;}
    .w-xl-7 {width:7%;}
    .w-xl-8 {width:8%;}
    .w-xl-9 {width:9%;}
    .w-xl-10 {width:10%;}
    .w-xl-11 {width:10%;}
    .w-xl-12 {width:12%;}
    .w-xl-13 {width:13%;}
    .w-xl-14 {width:14%;}
    .w-xl-15 {width:15%;}
    .w-xl-20 {width:20%;}
    .w-xl-25 {width:25%;}
    .w-xl-30 {width:30%;}
    .w-xl-35 {width:35%;}
    .w-xl-40 {width:40%;}
    .w-xl-45 {width:45%;}
    .w-xl-50 {width:50%;}
    .w-xl-55 {width:55%;}
    .w-xl-60 {width:60%;}
    .w-xl-65 {width:65%;}
    .w-xl-70 {width:70%;}
    .w-xl-75 {width:75%;}
    .w-xl-80 {width:80%;}
    .w-xl-85 {width:85%;}
    .w-xl-90 {width:90%;}
    .w-xl-95 {width:95%;}
    .w-xl-100 {width:100%;}
    .w-xl-auto {width: auto;}

    /* font size */
    .display-xl-1 {font-size:6rem;}
    .display-xl-2 {font-size:5.5rem;}
    .display-xl-3 {font-size:4.5rem;}
    .display-xl-4 {font-size:3.5rem;}
    .display-xl-5 {font-size:3.4rem;}
    .display-xl-6 {font-size:3.3rem;}
    .display-xl-7 {font-size:3.2rem;}
    .display-xl-8 {font-size:3.1rem;}
    .display-xl-9 {font-size:3.0rem;}
    .display-xl-10 {font-size:2.9rem;}
    .display-xl-11 {font-size:2.8rem;}
    .display-xl-12 {font-size:2.7rem;}
    .display-xl-13 {font-size:2.6rem;}
    .display-xl-14 {font-size:2.5rem;}
    .display-xl-15 {font-size:2.4rem;}
    .display-xl-16 {font-size:2.3rem;}
    .display-xl-17 {font-size:2.2rem;}
    .display-xl-18 {font-size:2.1rem;}
    .display-xl-19 {font-size:2.0rem;}
    .display-xl-20 {font-size:1.9rem;}
    .display-xl-21 {font-size:1.8rem;}
    .display-xl-22 {font-size:1.7rem;}
    .display-xl-23 {font-size:1.6rem;}
    .display-xl-24 {font-size:1.5rem;}
    .display-xl-25 {font-size:1.4rem;}
    .display-xl-26 {font-size:1.3rem;}
    .display-xl-27 {font-size:1.2rem;}
    .display-xl-28 {font-size:1.1rem;}
    .display-xl-29 {font-size:1.0rem;}
    .display-xl-30 {font-size:0.9rem;}
    .display-xl-31 {font-size:0.8rem;}
    .display-xl-32 {font-size:0.7rem;}
    .display-xl-33 {font-size:0.6rem;}
    .display-xl-34 {font-size:0.5rem;}

    /* border */
    .border-xl-0 { border: none; }
    .border-xl { border: 1px solid #dee2e6; }
    .border-xl-top { border-top: 1px solid #dee2e6; }
    .border-xl-end { border-right: 1px solid #dee2e6; }
    .border-xl-bottom { border-bottom: 1px solid #dee2e6; }
    .border-xl-start { border-left: 1px solid #dee2e6; }
    .border-xl-top-0 { border-top: none; }
    .border-xl-end-0 { border-right: none; }
    .border-xl-bottom-0 { border-bottom: none; }
    .border-xl-start-0 { border-left: none; }
    .border-xl-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-xl { border-radius: .25rem; }
    .border-radius-xl-10 { border-radius: 10px; }

    /* position */
    .top-xl-5 { top: 5%; bottom: inherit; }
    .top-xl-10 { top: 10%; bottom: inherit; }
    .top-xl-15 { top: 15%; bottom: inherit; }
    .top-xl-20 { top: 20%; bottom: inherit; }
    .top-xl-25 { top: 25%; bottom: inherit; }
    .top-xl-30 { top: 30%; bottom: inherit; }
    .top-xl-35 { top: 35%; bottom: inherit; }
    .top-xl-40 { top: 40%; bottom: inherit; }
    .top-xl-45 { top: 45%; bottom: inherit; }
    .top-xl-50 { top: 50%; bottom: inherit; }
    .top-xl-55 { top: 55%; bottom: inherit; }
    .top-xl-60 { top: 60%; bottom: inherit; }
    .top-xl-65 { top: 65%; bottom: inherit; }
    .top-xl-70 { top: 70%; bottom: inherit; }
    .top-xl-75 { top: 75%; bottom: inherit; }
    .top-xl-80 { top: 80%; bottom: inherit; }
    .top-xl-85 { top: 85%; bottom: inherit; }
    .top-xl-90 { top: 90%; bottom: inherit; }
    .top-xl-95 { top: 95%; bottom: inherit; }
    .top-xl-100 { top: 100%; bottom: inherit; }

    .top-xl-n5 { top: -5%; bottom: inherit; }
    .top-xl-n10 { top: -10%; bottom: inherit; }
    .top-xl-n15 { top: -15%; bottom: inherit; }
    .top-xl-n20 { top: -20%; bottom: inherit; }
    .top-xl-n25 { top: -25%; bottom: inherit; }
    .top-xl-n30 { top: -30%; bottom: inherit; }
    .top-xl-n35 { top: -35%; bottom: inherit; }
    .top-xl-n40 { top: -40%; bottom: inherit; }
    .top-xl-n45 { top: -45%; bottom: inherit; }
    .top-xl-n50 { top: -50%; bottom: inherit; }
    .top-xl-n55 { top: -55%; bottom: inherit; }
    .top-xl-n60 { top: -60%; bottom: inherit; }
    .top-xl-n65 { top: -65%; bottom: inherit; }
    .top-xl-n70 { top: -70%; bottom: inherit; }
    .top-xl-n75 { top: -75%; bottom: inherit; }
    .top-xl-n80 { top: -80%; bottom: inherit; }
    .top-xl-n85 { top: -85%; bottom: inherit; }
    .top-xl-n90 { top: -90%; bottom: inherit; }
    .top-xl-n95 { top: -95%; bottom: inherit; }
    .top-xl-n100 { top: -100%; bottom: inherit; }

    .bottom-xl-5 { bottom: 5%; top: inherit; }
    .bottom-xl-10 { bottom: 10%; top: inherit; }
    .bottom-xl-15 { bottom: 15%; top: inherit; }
    .bottom-xl-20 { bottom: 20%; top: inherit; }
    .bottom-xl-25 { bottom: 25%; top: inherit; }
    .bottom-xl-30 { bottom: 30%; top: inherit; }
    .bottom-xl-35 { bottom: 35%; top: inherit; }
    .bottom-xl-40 { bottom: 40%; top: inherit; }
    .bottom-xl-45 { bottom: 45%; top: inherit; }
    .bottom-xl-50 { bottom: 50%; top: inherit; }
    .bottom-xl-55 { bottom: 55%; top: inherit; }
    .bottom-xl-60 { bottom: 60%; top: inherit; }
    .bottom-xl-65 { bottom: 65%; top: inherit; }
    .bottom-xl-70 { bottom: 70%; top: inherit; }
    .bottom-xl-75 { bottom: 75%; top: inherit; }
    .bottom-xl-80 { bottom: 80%; top: inherit; }
    .bottom-xl-85 { bottom: 85%; top: inherit; }
    .bottom-xl-90 { bottom: 90%; top: inherit; }
    .bottom-xl-95 { bottom: 95%; top: inherit; }
    .bottom-xl-100 { bottom: 100%; top: inherit; }

    .bottom-xl-n5 { bottom: -5%; top: inherit; }
    .bottom-xl-n10 { bottom: -10%; top: inherit; }
    .bottom-xl-n15 { bottom: -15%; top: inherit; }
    .bottom-xl-n20 { bottom: -20%; top: inherit; }
    .bottom-xl-n25 { bottom: -25%; top: inherit; }
    .bottom-xl-n30 { bottom: -30%; top: inherit; }
    .bottom-xl-n35 { bottom: -35%; top: inherit; }
    .bottom-xl-n40 { bottom: -40%; top: inherit; }
    .bottom-xl-n45 { bottom: -45%; top: inherit; }
    .bottom-xl-n50 { bottom: -50%; top: inherit; }
    .bottom-xl-n55 { bottom: -55%; top: inherit; }
    .bottom-xl-n60 { bottom: -60%; top: inherit; }
    .bottom-xl-n65 { bottom: -65%; top: inherit; }
    .bottom-xl-n70 { bottom: -70%; top: inherit; }
    .bottom-xl-n75 { bottom: -75%; top: inherit; }
    .bottom-xl-n80 { bottom: -80%; top: inherit; }
    .bottom-xl-n85 { bottom: -85%; top: inherit; }
    .bottom-xl-n90 { bottom: -90%; top: inherit; }
    .bottom-xl-n95 { bottom: -95%; top: inherit; }
    .bottom-xl-n100 { bottom: -100%; top: inherit; }

    .left-xl-5 { left: 5%; right: inherit; }
    .left-xl-10 { left: 10%; right: inherit; }
    .left-xl-15 { left: 15%; right: inherit; }
    .left-xl-20 { left: 20%; right: inherit; }
    .left-xl-25 { left: 25%; right: inherit; }
    .left-xl-30 { left: 30%; right: inherit; }
    .left-xl-35 { left: 35%; right: inherit; }
    .left-xl-40 { left: 40%; right: inherit; }
    .left-xl-45 { left: 45%; right: inherit; }
    .left-xl-50 { left: 50%; right: inherit; }
    .left-xl-55 { left: 55%; right: inherit; }
    .left-xl-60 { left: 60%; right: inherit; }
    .left-xl-65 { left: 65%; right: inherit; }
    .left-xl-70 { left: 70%; right: inherit; }
    .left-xl-75 { left: 75%; right: inherit; }
    .left-xl-80 { left: 80%; right: inherit; }
    .left-xl-85 { left: 85%; right: inherit; }
    .left-xl-90 { left: 90%; right: inherit; }
    .left-xl-95 { left: 95%; right: inherit; }
    .left-xl-100 { left: 100%; right: inherit; }

    .left-xl-n5 { left: -5%; right: inherit; }
    .left-xl-n10 { left: -10%; right: inherit; }
    .left-xl-n15 { left: -15%; right: inherit; }
    .left-xl-n20 { left: -20%; right: inherit; }
    .left-xl-n25 { left: -25%; right: inherit; }
    .left-xl-n30 { left: -30%; right: inherit; }
    .left-xl-n35 { left: -35%; right: inherit; }
    .left-xl-n40 { left: -40%; right: inherit; }
    .left-xl-n45 { left: -45%; right: inherit; }
    .left-xl-n50 { left: -50%; right: inherit; }
    .left-xl-n55 { left: -55%; right: inherit; }
    .left-xl-n60 { left: -60%; right: inherit; }
    .left-xl-n65 { left: -65%; right: inherit; }
    .left-xl-n70 { left: -70%; right: inherit; }
    .left-xl-n75 { left: -75%; right: inherit; }
    .left-xl-n80 { left: -80%; right: inherit; }
    .left-xl-n85 { left: -85%; right: inherit; }
    .left-xl-n90 { left: -90%; right: inherit; }
    .left-xl-n95 { left: -95%; right: inherit; }
    .left-xl-n100 { left: -100%; right: inherit; }

    .right-xl-5 { right: 5%; left: inherit; }
    .right-xl-10 { right: 10%; left: inherit; }
    .right-xl-15 { right: 15%; left: inherit; }
    .right-xl-20 { right: 20%; left: inherit; }
    .right-xl-25 { right: 25%; left: inherit; }
    .right-xl-30 { right: 30%; left: inherit; }
    .right-xl-35 { right: 35%; left: inherit; }
    .right-xl-40 { right: 40%; left: inherit; }
    .right-xl-45 { right: 45%; left: inherit; }
    .right-xl-50 { right: 50%; left: inherit; }
    .right-xl-55 { right: 55%; left: inherit; }
    .right-xl-60 { right: 60%; left: inherit; }
    .right-xl-65 { right: 65%; left: inherit; }
    .right-xl-70 { right: 70%; left: inherit; }
    .right-xl-75 { right: 75%; left: inherit; }
    .right-xl-80 { right: 80%; left: inherit; }
    .right-xl-85 { right: 85%; left: inherit; }
    .right-xl-90 { right: 90%; left: inherit; }
    .right-xl-95 { right: 95%; left: inherit; }
    .right-xl-100 { right: 100%; left: inherit; }
     
    .right-xl-n5 { right: -5%; left: inherit; }
    .right-xl-n10 { right: -10%; left: inherit; }
    .right-xl-n15 { right: -15%; left: inherit; }
    .right-xl-n20 { right: -20%; left: inherit; }
    .right-xl-n25 { right: -25%; left: inherit; }
    .right-xl-n30 { right: -30%; left: inherit; }
    .right-xl-n35 { right: -35%; left: inherit; }
    .right-xl-n40 { right: -40%; left: inherit; }
    .right-xl-n45 { right: -45%; left: inherit; }
    .right-xl-n50 { right: -50%; left: inherit; }
    .right-xl-n55 { right: -55%; left: inherit; }
    .right-xl-n60 { right: -60%; left: inherit; }
    .right-xl-n65 { right: -65%; left: inherit; }
    .right-xl-n70 { right: -70%; left: inherit; }
    .right-xl-n75 { right: -75%; left: inherit; }
    .right-xl-n80 { right: -80%; left: inherit; }
    .right-xl-n85 { right: -85%; left: inherit; }
    .right-xl-n90 { right: -90%; left: inherit; }
    .right-xl-n95 { right: -95%; left: inherit; }
    .right-xl-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-xl-1-6 {
        margin: 1.6rem;
    }
    .m-xl-1-7 {
        margin: 1.7rem;
    }
    .m-xl-1-8 {
        margin: 1.8rem;
    }
    .m-xl-1-9 {
        margin: 1.9rem;
    }
    .m-xl-2-0 {
        margin: 2.0rem;
    }
    .m-xl-2-1 {
        margin: 2.1rem;
    }
    .m-xl-2-2 {
        margin: 2.2rem;
    }
    .m-xl-2-3 {
        margin: 2.3rem;
    }
    .m-xl-2-4 {
        margin: 2.4rem;
    }
    .m-xl-2-5 {
        margin: 2.5rem;
    }
    .m-xl-2-6 {
        margin: 2.6rem;
    }
    .m-xl-2-7 {
        margin: 2.7rem;
    }
    .m-xl-2-8 {
        margin: 2.8rem;
    }
    .m-xl-2-9 {
        margin: 2.9rem;
    }

    .m-xl-6 {
        margin: 3.5rem;
    }
    .m-xl-7 {
        margin: 4rem;
    }
    .m-xl-8 {
        margin: 4.5rem;
    }
    .m-xl-9 {
        margin: 5rem;
    }
    .m-xl-10 {
        margin: 5.5rem;
    }
    .m-xl-11 {
        margin: 6rem;
    }
    .m-xl-12 {
        margin: 6.5rem;
    }
    .m-xl-13 {
        margin: 7rem;
    }
    .m-xl-14 {
        margin: 7.5rem;
    }
    .m-xl-15 {
        margin: 8rem;
    }
    .m-xl-16 {
        margin: 8.5rem;
    }
    .m-xl-17 {
        margin: 9rem;
    }
    .m-xl-18 {
        margin: 9.5rem;
    }
    .m-xl-19 {
        margin: 10rem;
    }
    .m-xl-20 {
        margin: 10.5rem;
    }
    .m-xl-21 {
        margin: 11rem;
    }
    .m-xl-22 {
        margin: 11.5rem;
    }
    .m-xl-23 {
        margin: 12rem;
    }
    .m-xl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xl-1-6, .my-xl-1-6 {
        margin-top: 1.6rem;
    }
    .mt-xl-1-7, .my-xl-1-7 {
        margin-top: 1.7rem;
    }
    .mt-xl-1-8, .my-xl-1-8 {
        margin-top: 1.8rem;
    }
    .mt-xl-1-9, .my-xl-1-9 {
        margin-top: 1.9rem;
    }
    .mt-xl-2-0, .my-xl-2-0 {
        margin-top: 2.0rem;
    }
    .mt-xl-2-1, .my-xl-2-1 {
        margin-top: 2.1rem;
    }
    .mt-xl-2-2, .my-xl-2-2 {
        margin-top: 2.2rem;
    }
    .mt-xl-2-3, .my-xl-2-3 {
        margin-top: 2.3rem;
    }
    .mt-xl-2-4, .my-xl-2-4 {
        margin-top: 2.4rem;
    }
    .mt-xl-2-5, .my-xl-2-5 {
        margin-top: 2.5rem;
    }
    .mt-xl-2-6, .my-xl-2-6 {
        margin-top: 2.6rem;
    }
    .mt-xl-2-7, .my-xl-2-7 {
        margin-top: 2.7rem;
    }
    .mt-xl-2-8, .my-xl-2-8 {
        margin-top: 2.8rem;
    }
    .mt-xl-2-9, .my-xl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 3.5rem;
    }
    .mt-xl-7, .my-xl-7 {
        margin-top: 4rem;
    }
    .mt-xl-8, .my-xl-8 {
        margin-top: 4.5rem;
    }
    .mt-xl-9, .my-xl-9 {
        margin-top: 5rem;
    }
    .mt-xl-10, .my-xl-10 {
        margin-top: 5.5rem;
    }
    .mt-xl-11, .my-xl-11 {
        margin-top: 6rem;
    }
    .mt-xl-12, .my-xl-12 {
        margin-top: 6.5rem;
    }
    .mt-xl-13, .my-xl-13 {
        margin-top: 7rem;
    }
    .mt-xl-14, .my-xl-14 {
        margin-top: 7.5rem;
    }
    .mt-xl-15, .my-xl-15 {
        margin-top: 8rem;
    }
    .mt-xl-16, .my-xl-16 {
        margin-top: 8.5rem;
    }
    .mt-xl-17, .my-xl-17 {
        margin-top: 9rem;
    }
    .mt-xl-18, .my-xl-18 {
        margin-top: 9.5rem;
    }
    .mt-xl-19, .my-xl-19 {
        margin-top: 10rem;
    }
    .mt-xl-20, .my-xl-20 {
        margin-top: 10.5rem;
    }
    .mt-xl-21, .my-xl-21 {
        margin-top: 11rem;
    }
    .mt-xl-22, .my-xl-22 {
        margin-top: 11.5rem;
    }
    .mt-xl-23, .my-xl-23 {
        margin-top: 12rem;
    }
    .mt-xl-24, .my-xl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xl-1-6, .my-xl-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-xl-1-7, .my-xl-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-xl-1-8, .my-xl-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-xl-1-9, .my-xl-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-xl-2-0, .my-xl-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-xl-2-1, .my-xl-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-xl-2-2, .my-xl-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-xl-2-3, .my-xl-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-xl-2-4, .my-xl-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-xl-2-5, .my-xl-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-xl-2-6, .my-xl-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-xl-2-7, .my-xl-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-xl-2-8, .my-xl-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-xl-2-9, .my-xl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 3.5rem;
    }
    .mb-xl-7, .my-xl-7 {
        margin-bottom: 4rem;
    }
    .mb-xl-8, .my-xl-8 {
        margin-bottom: 4.5rem;
    }
    .mb-xl-9, .my-xl-9 {
        margin-bottom: 5rem;
    }
    .mb-xl-10, .my-xl-10 {
        margin-bottom: 5.5rem;
    }
    .mb-xl-11, .my-xl-11 {
        margin-bottom: 6rem;
    }
    .mb-xl-12, .my-xl-12 {
        margin-bottom: 6.5rem;
    }
    .mb-xl-13, .my-xl-13 {
        margin-bottom: 7rem;
    }
    .mb-xl-14, .my-xl-14 {
        margin-bottom: 7.5rem;
    }
    .mb-xl-15, .my-xl-15 {
        margin-bottom: 8rem;
    }
    .mb-xl-16, .my-xl-16 {
        margin-bottom: 8.5rem;
    }
    .mb-xl-17, .my-xl-17 {
        margin-bottom: 9rem;
    }
    .mb-xl-18, .my-xl-18 {
        margin-bottom: 9.5rem;
    }
    .mb-xl-19, .my-xl-19 {
        margin-bottom: 10rem;
    }
    .mb-xl-20, .my-xl-20 {
        margin-bottom: 10.5rem;
    }
    .mb-xl-21, .my-xl-21 {
        margin-bottom: 11rem;
    }
    .mb-xl-22, .my-xl-22 {
        margin-bottom: 11.5rem;
    }
    .mb-xl-23, .my-xl-23 {
        margin-bottom: 12rem;
    }
    .mb-xl-24, .my-xl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xl-1-6, .mx-xl-1-6 {
        margin-left: 1.6rem;
    }
    .ms-xl-1-7, .mx-xl-1-7 {
        margin-left: 1.7rem;
    }
    .ms-xl-1-8, .mx-xl-1-8 {
        margin-left: 1.8rem;
    }
    .ms-xl-1-9, .mx-xl-1-9 {
        margin-left: 1.9rem;
    }
    .ms-xl-2-0, .mx-xl-2-0 {
        margin-left: 2.0rem;
    }
    .ms-xl-2-1, .mx-xl-2-1 {
        margin-left: 2.1rem;
    }
    .ms-xl-2-2, .mx-xl-2-2 {
        margin-left: 2.2rem;
    }
    .ms-xl-2-3, .mx-xl-2-3 {
        margin-left: 2.3rem;
    }
    .ms-xl-2-4, .mx-xl-2-4 {
        margin-left: 2.4rem;
    }
    .ms-xl-2-5, .mx-xl-2-5 {
        margin-left: 2.5rem;
    }
    .ms-xl-2-6, .mx-xl-2-6 {
        margin-left: 2.6rem;
    }
    .ms-xl-2-7, .mx-xl-2-7 {
        margin-left: 2.7rem;
    }
    .ms-xl-2-8, .mx-xl-2-8 {
        margin-left: 2.8rem;
    }
    .ms-xl-2-9, .mx-xl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xl-6, .mx-xl-6 {
        margin-left: 3.5rem;
    }
    .ms-xl-7, .mx-xl-7 {
        margin-left: 4rem;
    }
    .ms-xl-8, .mx-xl-8 {
        margin-left: 4.5rem;
    }
    .ms-xl-9, .mx-xl-9 {
        margin-left: 5rem;
    }
    .ms-xl-10, .mx-xl-10 {
        margin-left: 5.5rem;
    }
    .ms-xl-11, .mx-xl-11 {
        margin-left: 6rem;
    }
    .ms-xl-12, .mx-xl-12 {
        margin-left: 6.5rem;
    }
    .ms-xl-13, .mx-xl-13 {
        margin-left: 7rem;
    }
    .ms-xl-14, .mx-xl-14 {
        margin-left: 7.5rem;
    }
    .ms-xl-15, .mx-xl-15 {
        margin-left: 8rem;
    }
    .ms-xl-16, .mx-xl-16 {
        margin-left: 8.5rem;
    }
    .ms-xl-17, .mx-xl-17 {
        margin-left: 9rem;
    }
    .ms-xl-18, .mx-xl-18 {
        margin-left: 9.5rem;
    }
    .ms-xl-19, .mx-xl-19 {
        margin-left: 10rem;
    }
    .ms-xl-20, .mx-xl-20 {
        margin-left: 10.5rem;
    }
    .ms-xl-21, .mx-xl-21 {
        margin-left: 11rem;
    }
    .ms-xl-22, .mx-xl-22 {
        margin-left: 11.5rem;
    }
    .ms-xl-23, .mx-xl-23 {
        margin-left: 12rem;
    }
    .ms-xl-24, .mx-xl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xl-1-6, .mx-xl-1-6 {
        margin-right: 1.6rem;
    }
    .me-xl-1-7, .mx-xl-1-7 {
        margin-right: 1.7rem;
    }
    .me-xl-1-8, .mx-xl-1-8 {
        margin-right: 1.8rem;
    }
    .me-xl-1-9, .mx-xl-1-9 {
        margin-right: 1.9rem;
    }
    .me-xl-2-0, .mx-xl-2-0 {
        margin-right: 2.0rem;
    }
    .me-xl-2-1, .mx-xl-2-1 {
        margin-right: 2.1rem;
    }
    .me-xl-2-2, .mx-xl-2-2 {
        margin-right: 2.2rem;
    }
    .me-xl-2-3, .mx-xl-2-3 {
        margin-right: 2.3rem;
    }
    .me-xl-2-4, .mx-xl-2-4 {
        margin-right: 2.4rem;
    }
    .me-xl-2-5, .mx-xl-2-5 {
        margin-right: 2.5rem;
    }
    .me-xl-2-6, .mx-xl-2-6 {
        margin-right: 2.6rem;
    }
    .me-xl-2-7, .mx-xl-2-7 {
        margin-right: 2.7rem;
    }
    .me-xl-2-8, .mx-xl-2-8 {
        margin-right: 2.8rem;
    }
    .me-xl-2-9, .mx-xl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xl-6, .mx-xl-6 {
        margin-right: 3.5rem;
    }
    .me-xl-7, .mx-xl-7 {
        margin-right: 4rem;
    }
    .me-xl-8, .mx-xl-8 {
        margin-right: 4.5rem;
    }
    .me-xl-9, .mx-xl-9 {
        margin-right: 5rem;
    }
    .me-xl-10, .mx-xl-10 {
        margin-right: 5.5rem;
    }
    .me-xl-11, .mx-xl-11 {
        margin-right: 6rem;
    }
    .me-xl-12, .mx-xl-12 {
        margin-right: 6.5rem;
    }
    .me-xl-13, .mx-xl-13 {
        margin-right: 7rem;
    }
    .me-xl-14, .mx-xl-14 {
        margin-right: 7.5rem;
    }
    .me-xl-15, .mx-xl-15 {
        margin-right: 8rem;
    }
    .me-xl-16, .mx-xl-16 {
        margin-right: 8.5rem;
    }
    .me-xl-17, .mx-xl-17 {
        margin-right: 9rem;
    }
    .me-xl-18, .mx-xl-18 {
        margin-right: 9.5rem;
    }
    .me-xl-19, .mx-xl-19 {
        margin-right: 10rem;
    }
    .me-xl-20, .mx-xl-20 {
        margin-right: 10.5rem;
    }
    .me-xl-21, .mx-xl-21 {
        margin-right: 11rem;
    }
    .me-xl-22, .mx-xl-22 {
        margin-right: 11.5rem;
    }
    .me-xl-23, .mx-xl-23 {
        margin-right: 12rem;
    }
    .me-xl-24, .mx-xl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xl-1-6 {
        padding: 1.6rem;
    }
    .p-xl-1-7 {
        padding: 1.7rem;
    }
    .p-xl-1-8 {
        padding: 1.8rem;
    }
    .p-xl-1-9 {
        padding: 1.9rem;
    }
    .p-xl-2-0 {
        padding: 2.0rem;
    }
    .p-xl-2-1 {
        padding: 2.1rem;
    }
    .p-xl-2-2 {
        padding: 2.2rem;
    }
    .p-xl-2-3 {
        padding: 2.3rem;
    }
    .p-xl-2-4 {
        padding: 2.4rem;
    }
    .p-xl-2-5 {
        padding: 2.5rem;
    }
    .p-xl-2-6 {
        padding: 2.6rem;
    }
    .p-xl-2-7 {
        padding: 2.7rem;
    }
    .p-xl-2-8 {
        padding: 2.8rem;
    }
    .p-xl-2-9 {
        padding: 2.9rem;
    }

    .p-xl-6 {
        padding: 3.5rem;
    }
    .p-xl-7 {
        padding: 4rem;
    }
    .p-xl-8 {
        padding: 4.5rem;
    }
    .p-xl-9 {
        padding: 5rem;
    }
    .p-xl-10 {
        padding: 5.5rem;
    }
    .p-xl-11 {
        padding: 6rem;
    }
    .p-xl-12 {
        padding: 6.5rem;
    }
    .p-xl-13 {
        padding: 7rem;
    }
    .p-xl-14 {
        padding: 7.5rem;
    }
    .p-xl-15 {
        padding: 8rem;
    }
    .p-xl-16 {
        padding: 8.5rem;
    }
    .p-xl-17 {
        padding: 9rem;
    }
    .p-xl-18 {
        padding: 9.5rem;
    }
    .p-xl-19 {
        padding: 10rem;
    }
    .p-xl-20 {
        padding: 10.5rem;
    }
    .p-xl-21 {
        padding: 11rem;
    }
    .p-xl-22 {
        padding: 11.5rem;
    }
    .p-xl-23 {
        padding: 12rem;
    }
    .p-xl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xl-1-6, .py-xl-1-6 {
        padding-top: 1.6rem;
    }
    .pt-xl-1-7, .py-xl-1-7 {
        padding-top: 1.7rem;
    }
    .pt-xl-1-8, .py-xl-1-8 {
        padding-top: 1.8rem;
    }
    .pt-xl-1-9, .py-xl-1-9 {
        padding-top: 1.9rem;
    }
    .pt-xl-2-0, .py-xl-2-0 {
        padding-top: 2.0rem;
    }
    .pt-xl-2-1, .py-xl-2-1 {
        padding-top: 2.1rem;
    }
    .pt-xl-2-2, .py-xl-2-2 {
        padding-top: 2.2rem;
    }
    .pt-xl-2-3, .py-xl-2-3 {
        padding-top: 2.3rem;
    }
    .pt-xl-2-4, .py-xl-2-4 {
        padding-top: 2.4rem;
    }
    .pt-xl-2-5, .py-xl-2-5 {
        padding-top: 2.5rem;
    }
    .pt-xl-2-6, .py-xl-2-6 {
        padding-top: 2.6rem;
    }
    .pt-xl-2-7, .py-xl-2-7 {
        padding-top: 2.7rem;
    }
    .pt-xl-2-8, .py-xl-2-8 {
        padding-top: 2.8rem;
    }
    .pt-xl-2-9, .py-xl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 3.5rem;
    }
    .pt-xl-7, .py-xl-7 {
        padding-top: 4rem;
    }
    .pt-xl-8, .py-xl-8 {
        padding-top: 4.5rem;
    }
    .pt-xl-9, .py-xl-9 {
        padding-top: 5rem;
    }
    .pt-xl-10, .py-xl-10 {
        padding-top: 5.5rem;
    }
    .pt-xl-11, .py-xl-11 {
        padding-top: 6rem;
    }
    .pt-xl-12, .py-xl-12 {
        padding-top: 6.5rem;
    }
    .pt-xl-13, .py-xl-13 {
        padding-top: 7rem;
    }
    .pt-xl-14, .py-xl-14 {
        padding-top: 7.5rem;
    }
    .pt-xl-15, .py-xl-15 {
        padding-top: 8rem;
    }
    .pt-xl-16, .py-xl-16 {
        padding-top: 8.5rem;
    }
    .pt-xl-17, .py-xl-17 {
        padding-top: 9rem;
    }
    .pt-xl-18, .py-xl-18 {
        padding-top: 9.5rem;
    }
    .pt-xl-19, .py-xl-19 {
        padding-top: 10rem;
    }
    .pt-xl-20, .py-xl-20 {
        padding-top: 10.5rem;
    }
    .pt-xl-21, .py-xl-21 {
        padding-top: 11rem;
    }
    .pt-xl-22, .py-xl-22 {
        padding-top: 11.5rem;
    }
    .pt-xl-23, .py-xl-23 {
        padding-top: 12rem;
    }
    .pt-xl-24, .py-xl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xl-1-6, .py-xl-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-xl-1-7, .py-xl-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-xl-1-8, .py-xl-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-xl-1-9, .py-xl-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-xl-2-0, .py-xl-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-xl-2-1, .py-xl-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-xl-2-2, .py-xl-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-xl-2-3, .py-xl-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-xl-2-4, .py-xl-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-xl-2-5, .py-xl-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-xl-2-6, .py-xl-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-xl-2-7, .py-xl-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-xl-2-8, .py-xl-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-xl-2-9, .py-xl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xl-6, .py-xl-6 {
        padding-bottom: 3.5rem;
    }
    .pb-xl-7, .py-xl-7 {
        padding-bottom: 4rem;
    }
    .pb-xl-8, .py-xl-8 {
        padding-bottom: 4.5rem;
    }
    .pb-xl-9, .py-xl-9 {
        padding-bottom: 5rem;
    }
    .pb-xl-10, .py-xl-10 {
        padding-bottom: 5.5rem;
    }
    .pb-xl-11, .py-xl-11 {
        padding-bottom: 6rem;
    }
    .pb-xl-12, .py-xl-12 {
        padding-bottom: 6.5rem;
    }
    .pb-xl-13, .py-xl-13 {
        padding-bottom: 7rem;
    }
    .pb-xl-14, .py-xl-14 {
        padding-bottom: 7.5rem;
    }
    .pb-xl-15, .py-xl-15 {
        padding-bottom: 8rem;
    }
    .pb-xl-16, .py-xl-16 {
        padding-bottom: 8.5rem;
    }
    .pb-xl-17, .py-xl-17 {
        padding-bottom: 9rem;
    }
    .pb-xl-18, .py-xl-18 {
        padding-bottom: 9.5rem;
    }
    .pb-xl-19, .py-xl-19 {
        padding-bottom: 10rem;
    }
    .pb-xl-20, .py-xl-20 {
        padding-bottom: 10.5rem;
    }
    .pb-xl-21, .py-xl-21 {
        padding-bottom: 11rem;
    }
    .pb-xl-22, .py-xl-22 {
        padding-bottom: 11.5rem;
    }
    .pb-xl-23, .py-xl-23 {
        padding-bottom: 12rem;
    }
    .pb-xl-24, .py-xl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xl-1-6, .px-xl-1-6 {
        padding-left: 1.6rem;
    }
    .ps-xl-1-7, .px-xl-1-7 {
        padding-left: 1.7rem;
    }
    .ps-xl-1-8, .px-xl-1-8 {
        padding-left: 1.8rem;
    }
    .ps-xl-1-9, .px-xl-1-9 {
        padding-left: 1.9rem;
    }
    .ps-xl-2-0, .px-xl-2-0 {
        padding-left: 2.0rem;
    }
    .ps-xl-2-1, .px-xl-2-1 {
        padding-left: 2.1rem;
    }
    .ps-xl-2-2, .px-xl-2-2 {
        padding-left: 2.2rem;
    }
    .ps-xl-2-3, .px-xl-2-3 {
        padding-left: 2.3rem;
    }
    .ps-xl-2-4, .px-xl-2-4 {
        padding-left: 2.4rem;
    }
    .ps-xl-2-5, .px-xl-2-5 {
        padding-left: 2.5rem;
    }
    .ps-xl-2-6, .px-xl-2-6 {
        padding-left: 2.6rem;
    }
    .ps-xl-2-7, .px-xl-2-7 {
        padding-left: 2.7rem;
    }
    .ps-xl-2-8, .px-xl-2-8 {
        padding-left: 2.8rem;
    }
    .ps-xl-2-9, .px-xl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xl-6, .px-xl-6 {
        padding-left: 3.5rem;
    }
    .ps-xl-7, .px-xl-7 {
        padding-left: 4rem;
    }
    .ps-xl-8, .px-xl-8 {
        padding-left: 4.5rem;
    }
    .ps-xl-9, .px-xl-9 {
        padding-left: 5rem;
    }
    .ps-xl-10, .px-xl-10 {
        padding-left: 5.5rem;
    }
    .ps-xl-11, .px-xl-11 {
        padding-left: 6rem;
    }
    .ps-xl-12, .px-xl-12 {
        padding-left: 6.5rem;
    }
    .ps-xl-13, .px-xl-13 {
        padding-left: 7rem;
    }
    .ps-xl-14, .px-xl-14 {
        padding-left: 7.5rem;
    }
    .ps-xl-15, .px-xl-15 {
        padding-left: 8rem;
    }
    .ps-xl-16, .px-xl-16 {
        padding-left: 8.5rem;
    }
    .ps-xl-17, .px-xl-17 {
        padding-left: 9rem;
    }
    .ps-xl-18, .px-xl-18 {
        padding-left: 9.5rem;
    }
    .ps-xl-19, .px-xl-19 {
        padding-left: 10rem;
    }
    .ps-xl-20, .px-xl-20 {
        padding-left: 10.5rem;
    }
    .ps-xl-21, .px-xl-21 {
        padding-left: 11rem;
    }
    .ps-xl-22, .px-xl-22 {
        padding-left: 11.5rem;
    }
    .ps-xl-23, .px-xl-23 {
        padding-left: 12rem;
    }
    .ps-xl-24, .px-xl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xl-1-6, .px-xl-1-6 {
        padding-right: 1.6rem;
    }
    .pe-xl-1-7, .px-xl-1-7 {
        padding-right: 1.7rem;
    }
    .pe-xl-1-8, .px-xl-1-8 {
        padding-right: 1.8rem;
    }
    .pe-xl-1-9, .px-xl-1-9 {
        padding-right: 1.9rem;
    }
    .pe-xl-2-0, .px-xl-2-0 {
        padding-right: 2.0rem;
    }
    .pe-xl-2-1, .px-xl-2-1 {
        padding-right: 2.1rem;
    }
    .pe-xl-2-2, .px-xl-2-2 {
        padding-right: 2.2rem;
    }
    .pe-xl-2-3, .px-xl-2-3 {
        padding-right: 2.3rem;
    }
    .pe-xl-2-4, .px-xl-2-4 {
        padding-right: 2.4rem;
    }
    .pe-xl-2-5, .px-xl-2-5 {
        padding-right: 2.5rem;
    }
    .pe-xl-2-6, .px-xl-2-6 {
        padding-right: 2.6rem;
    }
    .pe-xl-2-7, .px-xl-2-7 {
        padding-right: 2.7rem;
    }
    .pe-xl-2-8, .px-xl-2-8 {
        padding-right: 2.8rem;
    }
    .pe-xl-2-9, .px-xl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xl-6, .px-xl-6 {
        padding-right: 3.5rem;
    }
    .pe-xl-7, .px-xl-7 {
        padding-right: 4rem;
    }
    .pe-xl-8, .px-xl-8 {
        padding-right: 4.5rem;
    }
    .pe-xl-9, .px-xl-9 {
        padding-right: 5rem;
    }
    .pe-xl-10, .px-xl-10 {
        padding-right: 5.5rem;
    }
    .pe-xl-11, .px-xl-11 {
        padding-right: 6rem;
    }
    .pe-xl-12, .px-xl-12 {
        padding-right: 6.5rem;
    }
    .pe-xl-13, .px-xl-13 {
        padding-right: 7rem;
    }
    .pe-xl-14, .px-xl-14 {
        padding-right: 7.5rem;
    }
    .pe-xl-15, .px-xl-15 {
        padding-right: 8rem;
    }
    .pe-xl-16, .px-xl-16 {
        padding-right: 8.5rem;
    }
    .pe-xl-17, .px-xl-17 {
        padding-right: 9rem;
    }
    .pe-xl-18, .px-xl-18 {
        padding-right: 9.5rem;
    }
    .pe-xl-19, .px-xl-19 {
        padding-right: 10rem;
    }
    .pe-xl-20, .px-xl-20 {
        padding-right: 10.5rem;
    }
    .pe-xl-21, .px-xl-21 {
        padding-right: 11rem;
    }
    .pe-xl-22, .px-xl-22 {
        padding-right: 11.5rem;
    }
    .pe-xl-23, .px-xl-23 {
        padding-right: 12rem;
    }
    .pe-xl-24, .px-xl-24 {
        padding-right: 12.5rem;
    }

}

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

    /* width */
    .w-xxl-1px {width:1px;}
    .w-xxl-2px {width:2px;}
    .w-xxl-3px {width:3px;}
    .w-xxl-4px {width:4px;}
    .w-xxl-5px {width:5px;}
    .w-xxl-6px {width:6px;}
    .w-xxl-7px {width:7px;}
    .w-xxl-8px {width:8px;}
    .w-xxl-9px {width:9px;}
    .w-xxl-10px {width:10px;}
    .w-xxl-15px {width:15px;}
    .w-xxl-20px {width:20px;}
    .w-xxl-25px {width:25px;}
    .w-xxl-30px {width:30px;}
    .w-xxl-35px {width:35px;}
    .w-xxl-40px {width:40px;}
    .w-xxl-50px {width:50px;}
    .w-xxl-55px {width:55px;}
    .w-xxl-60px {width:60px;}
    .w-xxl-65px {width:65px;}
    .w-xxl-70px {width:70px;}
    .w-xxl-75px {width:75px;}
    .w-xxl-80px {width:80px;}
    .w-xxl-85px {width:85px;}
    .w-xxl-90px {width:90px;}
    .w-xxl-100px {width:100px;}

    .w-xxl-1 {width:1%;}
    .w-xxl-2 {width:2%;}
    .w-xxl-3 {width:3%;}
    .w-xxl-4 {width:4%;}
    .w-xxl-5 {width:5%;}
    .w-xxl-6 {width:6%;}
    .w-xxl-7 {width:7%;}
    .w-xxl-8 {width:8%;}
    .w-xxl-9 {width:9%;}
    .w-xxl-10 {width:10%;}
    .w-xxl-20 {width:20%;}
    .w-xxl-25 {width:25%;}
    .w-xxl-30 {width:30%;}
    .w-xxl-35 {width:35%;}
    .w-xxl-40 {width:40%;}
    .w-xxl-45 {width:45%;}
    .w-xxl-50 {width:50%;}
    .w-xxl-55 {width:55%;}
    .w-xxl-60 {width:60%;}
    .w-xxl-65 {width:65%;}
    .w-xxl-70 {width:70%;}
    .w-xxl-75 {width:75%;}
    .w-xxl-80 {width:80%;}
    .w-xxl-85 {width:85%;}
    .w-xxl-90 {width:90%;}
    .w-xxl-95 {width:95%;}
    .w-xxl-100 {width:100%;}
    .w-xxl-auto {width: auto;}

    /* font size */
    .display-xxl-1 {font-size:6rem;}
    .display-xxl-2 {font-size:5.5rem;}
    .display-xxl-3 {font-size:4.5rem;}
    .display-xxl-4 {font-size:3.5rem;}
    .display-xxl-5 {font-size:3.4rem;}
    .display-xxl-6 {font-size:3.3rem;}
    .display-xxl-7 {font-size:3.2rem;}
    .display-xxl-8 {font-size:3.1rem;}
    .display-xxl-9 {font-size:3.0rem;}
    .display-xxl-10 {font-size:2.9rem;}
    .display-xxl-11 {font-size:2.8rem;}
    .display-xxl-12 {font-size:2.7rem;}
    .display-xxl-13 {font-size:2.6rem;}
    .display-xxl-14 {font-size:2.5rem;}
    .display-xxl-15 {font-size:2.4rem;}
    .display-xxl-16 {font-size:2.3rem;}
    .display-xxl-17 {font-size:2.2rem;}
    .display-xxl-18 {font-size:2.1rem;}
    .display-xxl-19 {font-size:2.0rem;}
    .display-xxl-20 {font-size:1.9rem;}
    .display-xxl-21 {font-size:1.8rem;}
    .display-xxl-22 {font-size:1.7rem;}
    .display-xxl-23 {font-size:1.6rem;}
    .display-xxl-24 {font-size:1.5rem;}
    .display-xxl-25 {font-size:1.4rem;}
    .display-xxl-26 {font-size:1.3rem;}
    .display-xxl-27 {font-size:1.2rem;}
    .display-xxl-28 {font-size:1.1rem;}
    .display-xxl-29 {font-size:1.0rem;}
    .display-xxl-30 {font-size:0.9rem;}
    .display-xxl-31 {font-size:0.8rem;}
    .display-xxl-32 {font-size:0.7rem;}
    .display-xxl-33 {font-size:0.6rem;}
    .display-xxl-34 {font-size:0.5rem;}

    /* border */
    .border-xxl-0 { border: none; }
    .border-xxl { border: 1px solid #dee2e6; }
    .border-xxl-top { border-top: 1px solid #dee2e6; }
    .border-xxl-end { border-right: 1px solid #dee2e6; }
    .border-xxl-bottom { border-bottom: 1px solid #dee2e6; }
    .border-xxl-start { border-left: 1px solid #dee2e6; }
    .border-xxl-top-0 { border-top: none; }
    .border-xxl-end-0 { border-right: none; }
    .border-xxl-bottom-0 { border-bottom: none; }
    .border-xxl-start-0 { border-left: none; }
    .border-xxl-color-light-white { border-color: rgba(255, 255, 255, 0.1) !important;}

    /* rounded */
    .rounded-xxl { border-radius: .25rem; }

    /* position */
    .top-xxl-5 { top: 5%; bottom: inherit; }
    .top-xxl-10 { top: 10%; bottom: inherit; }
    .top-xxl-15 { top: 15%; bottom: inherit; }
    .top-xxl-20 { top: 20%; bottom: inherit; }
    .top-xxl-25 { top: 25%; bottom: inherit; }
    .top-xxl-30 { top: 30%; bottom: inherit; }
    .top-xxl-35 { top: 35%; bottom: inherit; }
    .top-xxl-40 { top: 40%; bottom: inherit; }
    .top-xxl-45 { top: 45%; bottom: inherit; }
    .top-xxl-50 { top: 50%; bottom: inherit; }
    .top-xxl-55 { top: 55%; bottom: inherit; }
    .top-xxl-60 { top: 60%; bottom: inherit; }
    .top-xxl-65 { top: 65%; bottom: inherit; }
    .top-xxl-70 { top: 70%; bottom: inherit; }
    .top-xxl-75 { top: 75%; bottom: inherit; }
    .top-xxl-80 { top: 80%; bottom: inherit; }
    .top-xxl-85 { top: 85%; bottom: inherit; }
    .top-xxl-90 { top: 90%; bottom: inherit; }
    .top-xxl-95 { top: 95%; bottom: inherit; }
    .top-xxl-100 { top: 100%; bottom: inherit; }

    .top-xxl-n5 { top: -5%; bottom: inherit; }
    .top-xxl-n10 { top: -10%; bottom: inherit; }
    .top-xxl-n15 { top: -15%; bottom: inherit; }
    .top-xxl-n20 { top: -20%; bottom: inherit; }
    .top-xxl-n25 { top: -25%; bottom: inherit; }
    .top-xxl-n30 { top: -30%; bottom: inherit; }
    .top-xxl-n35 { top: -35%; bottom: inherit; }
    .top-xxl-n40 { top: -40%; bottom: inherit; }
    .top-xxl-n45 { top: -45%; bottom: inherit; }
    .top-xxl-n50 { top: -50%; bottom: inherit; }
    .top-xxl-n55 { top: -55%; bottom: inherit; }
    .top-xxl-n60 { top: -60%; bottom: inherit; }
    .top-xxl-n65 { top: -65%; bottom: inherit; }
    .top-xxl-n70 { top: -70%; bottom: inherit; }
    .top-xxl-n75 { top: -75%; bottom: inherit; }
    .top-xxl-n80 { top: -80%; bottom: inherit; }
    .top-xxl-n85 { top: -85%; bottom: inherit; }
    .top-xxl-n90 { top: -90%; bottom: inherit; }
    .top-xxl-n95 { top: -95%; bottom: inherit; }
    .top-xxl-n100 { top: -100%; bottom: inherit; }

    .bottom-xxl-5 { bottom: 5%; top: inherit; }
    .bottom-xxl-10 { bottom: 10%; top: inherit; }
    .bottom-xxl-15 { bottom: 15%; top: inherit; }
    .bottom-xxl-20 { bottom: 20%; top: inherit; }
    .bottom-xxl-25 { bottom: 25%; top: inherit; }
    .bottom-xxl-30 { bottom: 30%; top: inherit; }
    .bottom-xxl-35 { bottom: 35%; top: inherit; }
    .bottom-xxl-40 { bottom: 40%; top: inherit; }
    .bottom-xxl-45 { bottom: 45%; top: inherit; }
    .bottom-xxl-50 { bottom: 50%; top: inherit; }
    .bottom-xxl-55 { bottom: 55%; top: inherit; }
    .bottom-xxl-60 { bottom: 60%; top: inherit; }
    .bottom-xxl-65 { bottom: 65%; top: inherit; }
    .bottom-xxl-70 { bottom: 70%; top: inherit; }
    .bottom-xxl-75 { bottom: 75%; top: inherit; }
    .bottom-xxl-80 { bottom: 80%; top: inherit; }
    .bottom-xxl-85 { bottom: 85%; top: inherit; }
    .bottom-xxl-90 { bottom: 90%; top: inherit; }
    .bottom-xxl-95 { bottom: 95%; top: inherit; }
    .bottom-xxl-100 { bottom: 100%; top: inherit; }

    .bottom-xxl-n5 { bottom: -5%; top: inherit; }
    .bottom-xxl-n10 { bottom: -10%; top: inherit; }
    .bottom-xxl-n15 { bottom: -15%; top: inherit; }
    .bottom-xxl-n20 { bottom: -20%; top: inherit; }
    .bottom-xxl-n25 { bottom: -25%; top: inherit; }
    .bottom-xxl-n30 { bottom: -30%; top: inherit; }
    .bottom-xxl-n35 { bottom: -35%; top: inherit; }
    .bottom-xxl-n40 { bottom: -40%; top: inherit; }
    .bottom-xxl-n45 { bottom: -45%; top: inherit; }
    .bottom-xxl-n50 { bottom: -50%; top: inherit; }
    .bottom-xxl-n55 { bottom: -55%; top: inherit; }
    .bottom-xxl-n60 { bottom: -60%; top: inherit; }
    .bottom-xxl-n65 { bottom: -65%; top: inherit; }
    .bottom-xxl-n70 { bottom: -70%; top: inherit; }
    .bottom-xxl-n75 { bottom: -75%; top: inherit; }
    .bottom-xxl-n80 { bottom: -80%; top: inherit; }
    .bottom-xxl-n85 { bottom: -85%; top: inherit; }
    .bottom-xxl-n90 { bottom: -90%; top: inherit; }
    .bottom-xxl-n95 { bottom: -95%; top: inherit; }
    .bottom-xxl-n100 { bottom: -100%; top: inherit; }

    .left-xxl-5 { left: 5%; right: inherit; }
    .left-xxl-10 { left: 10%; right: inherit; }
    .left-xxl-15 { left: 15%; right: inherit; }
    .left-xxl-20 { left: 20%; right: inherit; }
    .left-xxl-25 { left: 25%; right: inherit; }
    .left-xxl-30 { left: 30%; right: inherit; }
    .left-xxl-35 { left: 35%; right: inherit; }
    .left-xxl-40 { left: 40%; right: inherit; }
    .left-xxl-45 { left: 45%; right: inherit; }
    .left-xxl-50 { left: 50%; right: inherit; }
    .left-xxl-55 { left: 55%; right: inherit; }
    .left-xxl-60 { left: 60%; right: inherit; }
    .left-xxl-65 { left: 65%; right: inherit; }
    .left-xxl-70 { left: 70%; right: inherit; }
    .left-xxl-75 { left: 75%; right: inherit; }
    .left-xxl-80 { left: 80%; right: inherit; }
    .left-xxl-85 { left: 85%; right: inherit; }
    .left-xxl-90 { left: 90%; right: inherit; }
    .left-xxl-95 { left: 95%; right: inherit; }
    .left-xxl-100 { left: 100%; right: inherit; }

    .left-xxl-n5 { left: -5%; right: inherit; }
    .left-xxl-n10 { left: -10%; right: inherit; }
    .left-xxl-n15 { left: -15%; right: inherit; }
    .left-xxl-n20 { left: -20%; right: inherit; }
    .left-xxl-n25 { left: -25%; right: inherit; }
    .left-xxl-n30 { left: -30%; right: inherit; }
    .left-xxl-n35 { left: -35%; right: inherit; }
    .left-xxl-n40 { left: -40%; right: inherit; }
    .left-xxl-n45 { left: -45%; right: inherit; }
    .left-xxl-n50 { left: -50%; right: inherit; }
    .left-xxl-n55 { left: -55%; right: inherit; }
    .left-xxl-n60 { left: -60%; right: inherit; }
    .left-xxl-n65 { left: -65%; right: inherit; }
    .left-xxl-n70 { left: -70%; right: inherit; }
    .left-xxl-n75 { left: -75%; right: inherit; }
    .left-xxl-n80 { left: -80%; right: inherit; }
    .left-xxl-n85 { left: -85%; right: inherit; }
    .left-xxl-n90 { left: -90%; right: inherit; }
    .left-xxl-n95 { left: -95%; right: inherit; }
    .left-xxl-n100 { left: -100%; right: inherit; }

    .right-xxl-5 { right: 5%; left: inherit; }
    .right-xxl-10 { right: 10%; left: inherit; }
    .right-xxl-15 { right: 15%; left: inherit; }
    .right-xxl-20 { right: 20%; left: inherit; }
    .right-xxl-25 { right: 25%; left: inherit; }
    .right-xxl-30 { right: 30%; left: inherit; }
    .right-xxl-35 { right: 35%; left: inherit; }
    .right-xxl-40 { right: 40%; left: inherit; }
    .right-xxl-45 { right: 45%; left: inherit; }
    .right-xxl-50 { right: 50%; left: inherit; }
    .right-xxl-55 { right: 55%; left: inherit; }
    .right-xxl-60 { right: 60%; left: inherit; }
    .right-xxl-65 { right: 65%; left: inherit; }
    .right-xxl-70 { right: 70%; left: inherit; }
    .right-xxl-75 { right: 75%; left: inherit; }
    .right-xxl-80 { right: 80%; left: inherit; }
    .right-xxl-85 { right: 85%; left: inherit; }
    .right-xxl-90 { right: 90%; left: inherit; }
    .right-xxl-95 { right: 95%; left: inherit; }
    .right-xxl-100 { right: 100%; left: inherit; }
     
    .right-xxl-n5 { right: -5%; left: inherit; }
    .right-xxl-n10 { right: -10%; left: inherit; }
    .right-xxl-n15 { right: -15%; left: inherit; }
    .right-xxl-n20 { right: -20%; left: inherit; }
    .right-xxl-n25 { right: -25%; left: inherit; }
    .right-xxl-n30 { right: -30%; left: inherit; }
    .right-xxl-n35 { right: -35%; left: inherit; }
    .right-xxl-n40 { right: -40%; left: inherit; }
    .right-xxl-n45 { right: -45%; left: inherit; }
    .right-xxl-n50 { right: -50%; left: inherit; }
    .right-xxl-n55 { right: -55%; left: inherit; }
    .right-xxl-n60 { right: -60%; left: inherit; }
    .right-xxl-n65 { right: -65%; left: inherit; }
    .right-xxl-n70 { right: -70%; left: inherit; }
    .right-xxl-n75 { right: -75%; left: inherit; }
    .right-xxl-n80 { right: -80%; left: inherit; }
    .right-xxl-n85 { right: -85%; left: inherit; }
    .right-xxl-n90 { right: -90%; left: inherit; }
    .right-xxl-n95 { right: -95%; left: inherit; }
    .right-xxl-n100 { right: -100%; left: inherit; }

    /* margin */

    /* margin all */
    .m-xxl-1-6 {
        margin: 1.6rem;
    }
    .m-xxl-1-7 {
        margin: 1.7rem;
    }
    .m-xxl-1-8 {
        margin: 1.8rem;
    }
    .m-xxl-1-9 {
        margin: 1.9rem;
    }
    .m-xxl-2-0 {
        margin: 2.0rem;
    }
    .m-xxl-2-1 {
        margin: 2.1rem;
    }
    .m-xxl-2-2 {
        margin: 2.2rem;
    }
    .m-xxl-2-3 {
        margin: 2.3rem;
    }
    .m-xxl-2-4 {
        margin: 2.4rem;
    }
    .m-xxl-2-5 {
        margin: 2.5rem;
    }
    .m-xxl-2-6 {
        margin: 2.6rem;
    }
    .m-xxl-2-7 {
        margin: 2.7rem;
    }
    .m-xxl-2-8 {
        margin: 2.8rem;
    }
    .m-xxl-2-9 {
        margin: 2.9rem;
    }

    .m-xxl-6 {
        margin: 3.5rem;
    }
    .m-xxl-7 {
        margin: 4rem;
    }
    .m-xxl-8 {
        margin: 4.5rem;
    }
    .m-xxl-9 {
        margin: 5rem;
    }
    .m-xxl-10 {
        margin: 5.5rem;
    }
    .m-xxl-11 {
        margin: 6rem;
    }
    .m-xxl-12 {
        margin: 6.5rem;
    }
    .m-xxl-13 {
        margin: 7rem;
    }
    .m-xxl-14 {
        margin: 7.5rem;
    }
    .m-xxl-15 {
        margin: 8rem;
    }
    .m-xxl-16 {
        margin: 8.5rem;
    }
    .m-xxl-17 {
        margin: 9rem;
    }
    .m-xxl-18 {
        margin: 9.5rem;
    }
    .m-xxl-19 {
        margin: 10rem;
    }
    .m-xxl-20 {
        margin: 10.5rem;
    }
    .m-xxl-21 {
        margin: 11rem;
    }
    .m-xxl-22 {
        margin: 11.5rem;
    }
    .m-xxl-23 {
        margin: 12rem;
    }
    .m-xxl-24 {
        margin: 12.5rem;
    }

    /* margin top */
    .mt-xxl-1-6, .my-xxl-1-6 {
        margin-top: 1.6rem;
    }
    .mt-xxl-1-7, .my-xxl-1-7 {
        margin-top: 1.7rem;
    }
    .mt-xxl-1-8, .my-xxl-1-8 {
        margin-top: 1.8rem;
    }
    .mt-xxl-1-9, .my-xxl-1-9 {
        margin-top: 1.9rem;
    }
    .mt-xxl-2-0, .my-xxl-2-0 {
        margin-top: 2.0rem;
    }
    .mt-xxl-2-1, .my-xxl-2-1 {
        margin-top: 2.1rem;
    }
    .mt-xxl-2-2, .my-xxl-2-2 {
        margin-top: 2.2rem;
    }
    .mt-xxl-2-3, .my-xxl-2-3 {
        margin-top: 2.3rem;
    }
    .mt-xxl-2-4, .my-xxl-2-4 {
        margin-top: 2.4rem;
    }
    .mt-xxl-2-5, .my-xxl-2-5 {
        margin-top: 2.5rem;
    }
    .mt-xxl-2-6, .my-xxl-2-6 {
        margin-top: 2.6rem;
    }
    .mt-xxl-2-7, .my-xxl-2-7 {
        margin-top: 2.7rem;
    }
    .mt-xxl-2-8, .my-xxl-2-8 {
        margin-top: 2.8rem;
    }
    .mt-xxl-2-9, .my-xxl-2-9 {
        margin-top: 2.9rem;
    }

    .mt-xxl-6, .my-xxl-6 {
        margin-top: 3.5rem;
    }
    .mt-xxl-7, .my-xxl-7 {
        margin-top: 4rem;
    }
    .mt-xxl-8, .my-xxl-8 {
        margin-top: 4.5rem;
    }
    .mt-xxl-9, .my-xxl-9 {
        margin-top: 5rem;
    }
    .mt-xxl-10, .my-xxl-10 {
        margin-top: 5.5rem;
    }
    .mt-xxl-11, .my-xxl-11 {
        margin-top: 6rem;
    }
    .mt-xxl-12, .my-xxl-12 {
        margin-top: 6.5rem;
    }
    .mt-xxl-13, .my-xxl-13 {
        margin-top: 7rem;
    }
    .mt-xxl-14, .my-xxl-14 {
        margin-top: 7.5rem;
    }
    .mt-xxl-15, .my-xxl-15 {
        margin-top: 8rem;
    }
    .mt-xxl-16, .my-xxl-16 {
        margin-top: 8.5rem;
    }
    .mt-xxl-17, .my-xxl-17 {
        margin-top: 9rem;
    }
    .mt-xxl-18, .my-xxl-18 {
        margin-top: 9.5rem;
    }
    .mt-xxl-19, .my-xxl-19 {
        margin-top: 10rem;
    }
    .mt-xxl-20, .my-xxl-20 {
        margin-top: 10.5rem;
    }
    .mt-xxl-21, .my-xxl-21 {
        margin-top: 11rem;
    }
    .mt-xxl-22, .my-xxl-22 {
        margin-top: 11.5rem;
    }
    .mt-xxl-23, .my-xxl-23 {
        margin-top: 12rem;
    }
    .mt-xxl-24, .my-xxl-24 {
        margin-top: 12.5rem;
    }

    /* margin bottom */
    .mb-xxl-1-6, .my-xxl-1-6 {
        margin-bottom: 1.6rem;
    }
    .mb-xxl-1-7, .my-xxl-1-7 {
        margin-bottom: 1.7rem;
    }
    .mb-xxl-1-8, .my-xxl-1-8 {
        margin-bottom: 1.8rem;
    }
    .mb-xxl-1-9, .my-xxl-1-9 {
        margin-bottom: 1.9rem;
    }
    .mb-xxl-2-0, .my-xxl-2-0 {
        margin-bottom: 2.0rem;
    }
    .mb-xxl-2-1, .my-xxl-2-1 {
        margin-bottom: 2.1rem;
    }
    .mb-xxl-2-2, .my-xxl-2-2 {
        margin-bottom: 2.2rem;
    }
    .mb-xxl-2-3, .my-xxl-2-3 {
        margin-bottom: 2.3rem;
    }
    .mb-xxl-2-4, .my-xxl-2-4 {
        margin-bottom: 2.4rem;
    }
    .mb-xxl-2-5, .my-xxl-2-5 {
        margin-bottom: 2.5rem;
    }
    .mb-xxl-2-6, .my-xxl-2-6 {
        margin-bottom: 2.6rem;
    }
    .mb-xxl-2-7, .my-xxl-2-7 {
        margin-bottom: 2.7rem;
    }
    .mb-xxl-2-8, .my-xxl-2-8 {
        margin-bottom: 2.8rem;
    }
    .mb-xxl-2-9, .my-xxl-2-9 {
        margin-bottom: 2.9rem;
    }

    .mb-xxl-6, .my-xxl-6 {
        margin-bottom: 3.5rem;
    }
    .mb-xxl-7, .my-xxl-7 {
        margin-bottom: 4rem;
    }
    .mb-xxl-8, .my-xxl-8 {
        margin-bottom: 4.5rem;
    }
    .mb-xxl-9, .my-xxl-9 {
        margin-bottom: 5rem;
    }
    .mb-xxl-10, .my-xxl-10 {
        margin-bottom: 5.5rem;
    }
    .mb-xxl-11, .my-xxl-11 {
        margin-bottom: 6rem;
    }
    .mb-xxl-12, .my-xxl-12 {
        margin-bottom: 6.5rem;
    }
    .mb-xxl-13, .my-xxl-13 {
        margin-bottom: 7rem;
    }
    .mb-xxl-14, .my-xxl-14 {
        margin-bottom: 7.5rem;
    }
    .mb-xxl-15, .my-xxl-15 {
        margin-bottom: 8rem;
    }
    .mb-xxl-16, .my-xxl-16 {
        margin-bottom: 8.5rem;
    }
    .mb-xxl-17, .my-xxl-17 {
        margin-bottom: 9rem;
    }
    .mb-xxl-18, .my-xxl-18 {
        margin-bottom: 9.5rem;
    }
    .mb-xxl-19, .my-xxl-19 {
        margin-bottom: 10rem;
    }
    .mb-xxl-20, .my-xxl-20 {
        margin-bottom: 10.5rem;
    }
    .mb-xxl-21, .my-xxl-21 {
        margin-bottom: 11rem;
    }
    .mb-xxl-22, .my-xxl-22 {
        margin-bottom: 11.5rem;
    }
    .mb-xxl-23, .my-xxl-23 {
        margin-bottom: 12rem;
    }
    .mb-xxl-24, .my-xxl-24 {
        margin-bottom: 12.5rem;
    }

    /* margin left */
    .ms-xxl-1-6, .mx-xxl-1-6 {
        margin-left: 1.6rem;
    }
    .ms-xxl-1-7, .mx-xxl-1-7 {
        margin-left: 1.7rem;
    }
    .ms-xxl-1-8, .mx-xxl-1-8 {
        margin-left: 1.8rem;
    }
    .ms-xxl-1-9, .mx-xxl-1-9 {
        margin-left: 1.9rem;
    }
    .ms-xxl-2-0, .mx-xxl-2-0 {
        margin-left: 2.0rem;
    }
    .ms-xxl-2-1, .mx-xxl-2-1 {
        margin-left: 2.1rem;
    }
    .ms-xxl-2-2, .mx-xxl-2-2 {
        margin-left: 2.2rem;
    }
    .ms-xxl-2-3, .mx-xxl-2-3 {
        margin-left: 2.3rem;
    }
    .ms-xxl-2-4, .mx-xxl-2-4 {
        margin-left: 2.4rem;
    }
    .ms-xxl-2-5, .mx-xxl-2-5 {
        margin-left: 2.5rem;
    }
    .ms-xxl-2-6, .mx-xxl-2-6 {
        margin-left: 2.6rem;
    }
    .ms-xxl-2-7, .mx-xxl-2-7 {
        margin-left: 2.7rem;
    }
    .ms-xxl-2-8, .mx-xxl-2-8 {
        margin-left: 2.8rem;
    }
    .ms-xxl-2-9, .mx-xxl-2-9 {
        margin-left: 2.9rem;
    }

    .ms-xxl-6, .mx-xxl-6 {
        margin-left: 3.5rem;
    }
    .ms-xxl-7, .mx-xxl-7 {
        margin-left: 4rem;
    }
    .ms-xxl-8, .mx-xxl-8 {
        margin-left: 4.5rem;
    }
    .ms-xxl-9, .mx-xxl-9 {
        margin-left: 5rem;
    }
    .ms-xxl-10, .mx-xxl-10 {
        margin-left: 5.5rem;
    }
    .ms-xxl-11, .mx-xxl-11 {
        margin-left: 6rem;
    }
    .ms-xxl-12, .mx-xxl-12 {
        margin-left: 6.5rem;
    }
    .ms-xxl-13, .mx-xxl-13 {
        margin-left: 7rem;
    }
    .ms-xxl-14, .mx-xxl-14 {
        margin-left: 7.5rem;
    }
    .ms-xxl-15, .mx-xxl-15 {
        margin-left: 8rem;
    }
    .ms-xxl-16, .mx-xxl-16 {
        margin-left: 8.5rem;
    }
    .ms-xxl-17, .mx-xxl-17 {
        margin-left: 9rem;
    }
    .ms-xxl-18, .mx-xxl-18 {
        margin-left: 9.5rem;
    }
    .ms-xxl-19, .mx-xxl-19 {
        margin-left: 10rem;
    }
    .ms-xxl-20, .mx-xxl-20 {
        margin-left: 10.5rem;
    }
    .ms-xxl-21, .mx-xxl-21 {
        margin-left: 11rem;
    }
    .ms-xxl-22, .mx-xxl-22 {
        margin-left: 11.5rem;
    }
    .ms-xxl-23, .mx-xxl-23 {
        margin-left: 12rem;
    }
    .ms-xxl-24, .mx-xxl-24 {
        margin-left: 12.5rem;
    }

    /* margin right */
    .me-xxl-1-6, .mx-xxl-1-6 {
        margin-right: 1.6rem;
    }
    .me-xxl-1-7, .mx-xxl-1-7 {
        margin-right: 1.7rem;
    }
    .me-xxl-1-8, .mx-xxl-1-8 {
        margin-right: 1.8rem;
    }
    .me-xxl-1-9, .mx-xxl-1-9 {
        margin-right: 1.9rem;
    }
    .me-xxl-2-0, .mx-xxl-2-0 {
        margin-right: 2.0rem;
    }
    .me-xxl-2-1, .mx-xxl-2-1 {
        margin-right: 2.1rem;
    }
    .me-xxl-2-2, .mx-xxl-2-2 {
        margin-right: 2.2rem;
    }
    .me-xxl-2-3, .mx-xxl-2-3 {
        margin-right: 2.3rem;
    }
    .me-xxl-2-4, .mx-xxl-2-4 {
        margin-right: 2.4rem;
    }
    .me-xxl-2-5, .mx-xxl-2-5 {
        margin-right: 2.5rem;
    }
    .me-xxl-2-6, .mx-xxl-2-6 {
        margin-right: 2.6rem;
    }
    .me-xxl-2-7, .mx-xxl-2-7 {
        margin-right: 2.7rem;
    }
    .me-xxl-2-8, .mx-xxl-2-8 {
        margin-right: 2.8rem;
    }
    .me-xxl-2-9, .mx-xxl-2-9 {
        margin-right: 2.9rem;
    }

    .me-xxl-6, .mx-xxl-6 {
        margin-right: 3.5rem;
    }
    .me-xxl-7, .mx-xxl-7 {
        margin-right: 4rem;
    }
    .me-xxl-8, .mx-xxl-8 {
        margin-right: 4.5rem;
    }
    .me-xxl-9, .mx-xxl-9 {
        margin-right: 5rem;
    }
    .me-xxl-10, .mx-xxl-10 {
        margin-right: 5.5rem;
    }
    .me-xxl-11, .mx-xxl-11 {
        margin-right: 6rem;
    }
    .me-xxl-12, .mx-xxl-12 {
        margin-right: 6.5rem;
    }
    .me-xxl-13, .mx-xxl-13 {
        margin-right: 7rem;
    }
    .me-xxl-14, .mx-xxl-14 {
        margin-right: 7.5rem;
    }
    .me-xxl-15, .mx-xxl-15 {
        margin-right: 8rem;
    }
    .me-xxl-16, .mx-xxl-16 {
        margin-right: 8.5rem;
    }
    .me-xxl-17, .mx-xxl-17 {
        margin-right: 9rem;
    }
    .me-xxl-18, .mx-xxl-18 {
        margin-right: 9.5rem;
    }
    .me-xxl-19, .mx-xxl-19 {
        margin-right: 10rem;
    }
    .me-xxl-20, .mx-xxl-20 {
        margin-right: 10.5rem;
    }
    .me-xxl-21, .mx-xxl-21 {
        margin-right: 11rem;
    }
    .me-xxl-22, .mx-xxl-22 {
        margin-right: 11.5rem;
    }
    .me-xxl-23, .mx-xxl-23 {
        margin-right: 12rem;
    }
    .me-xxl-24, .mx-xxl-24 {
        margin-right: 12.5rem;
    }

    /* padding */

    /* padding all */
    .p-xxl-1-6 {
        padding: 1.6rem;
    }
    .p-xxl-1-7 {
        padding: 1.7rem;
    }
    .p-xxl-1-8 {
        padding: 1.8rem;
    }
    .p-xxl-1-9 {
        padding: 1.9rem;
    }
    .p-xxl-2-0 {
        padding: 2.0rem;
    }
    .p-xxl-2-1 {
        padding: 2.1rem;
    }
    .p-xxl-2-2 {
        padding: 2.2rem;
    }
    .p-xxl-2-3 {
        padding: 2.3rem;
    }
    .p-xxl-2-4 {
        padding: 2.4rem;
    }
    .p-xxl-2-5 {
        padding: 2.5rem;
    }
    .p-xxl-2-6 {
        padding: 2.6rem;
    }
    .p-xxl-2-7 {
        padding: 2.7rem;
    }
    .p-xxl-2-8 {
        padding: 2.8rem;
    }
    .p-xxl-2-9 {
        padding: 2.9rem;
    }

    .p-xxl-6 {
        padding: 3.5rem;
    }
    .p-xxl-7 {
        padding: 4rem;
    }
    .p-xxl-8 {
        padding: 4.5rem;
    }
    .p-xxl-9 {
        padding: 5rem;
    }
    .p-xxl-10 {
        padding: 5.5rem;
    }
    .p-xxl-11 {
        padding: 6rem;
    }
    .p-xxl-12 {
        padding: 6.5rem;
    }
    .p-xxl-13 {
        padding: 7rem;
    }
    .p-xxl-14 {
        padding: 7.5rem;
    }
    .p-xxl-15 {
        padding: 8rem;
    }
    .p-xxl-16 {
        padding: 8.5rem;
    }
    .p-xxl-17 {
        padding: 9rem;
    }
    .p-xxl-18 {
        padding: 9.5rem;
    }
    .p-xxl-19 {
        padding: 10rem;
    }
    .p-xxl-20 {
        padding: 10.5rem;
    }
    .p-xxl-21 {
        padding: 11rem;
    }
    .p-xxl-22 {
        padding: 11.5rem;
    }
    .p-xxl-23 {
        padding: 12rem;
    }
    .p-xxl-24 {
        padding: 12.5rem;
    }

    /* padding top */
    .pt-xxl-1-6, .py-xxl-1-6 {
        padding-top: 1.6rem;
    }
    .pt-xxl-1-7, .py-xxl-1-7 {
        padding-top: 1.7rem;
    }
    .pt-xxl-1-8, .py-xxl-1-8 {
        padding-top: 1.8rem;
    }
    .pt-xxl-1-9, .py-xxl-1-9 {
        padding-top: 1.9rem;
    }
    .pt-xxl-2-0, .py-xxl-2-0 {
        padding-top: 2.0rem;
    }
    .pt-xxl-2-1, .py-xxl-2-1 {
        padding-top: 2.1rem;
    }
    .pt-xxl-2-2, .py-xxl-2-2 {
        padding-top: 2.2rem;
    }
    .pt-xxl-2-3, .py-xxl-2-3 {
        padding-top: 2.3rem;
    }
    .pt-xxl-2-4, .py-xxl-2-4 {
        padding-top: 2.4rem;
    }
    .pt-xxl-2-5, .py-xxl-2-5 {
        padding-top: 2.5rem;
    }
    .pt-xxl-2-6, .py-xxl-2-6 {
        padding-top: 2.6rem;
    }
    .pt-xxl-2-7, .py-xxl-2-7 {
        padding-top: 2.7rem;
    }
    .pt-xxl-2-8, .py-xxl-2-8 {
        padding-top: 2.8rem;
    }
    .pt-xxl-2-9, .py-xxl-2-9 {
        padding-top: 2.9rem;
    }

    .pt-xxl-6, .py-xxl-6 {
        padding-top: 3.5rem;
    }
    .pt-xxl-7, .py-xxl-7 {
        padding-top: 4rem;
    }
    .pt-xxl-8, .py-xxl-8 {
        padding-top: 4.5rem;
    }
    .pt-xxl-9, .py-xxl-9 {
        padding-top: 5rem;
    }
    .pt-xxl-10, .py-xxl-10 {
        padding-top: 5.5rem;
    }
    .pt-xxl-11, .py-xxl-11 {
        padding-top: 6rem;
    }
    .pt-xxl-12, .py-xxl-12 {
        padding-top: 6.5rem;
    }
    .pt-xxl-13, .py-xxl-13 {
        padding-top: 7rem;
    }
    .pt-xxl-14, .py-xxl-14 {
        padding-top: 7.5rem;
    }
    .pt-xxl-15, .py-xxl-15 {
        padding-top: 8rem;
    }
    .pt-xxl-16, .py-xxl-16 {
        padding-top: 8.5rem;
    }
    .pt-xxl-17, .py-xxl-17 {
        padding-top: 9rem;
    }
    .pt-xxl-18, .py-xxl-18 {
        padding-top: 9.5rem;
    }
    .pt-xxl-19, .py-xxl-19 {
        padding-top: 10rem;
    }
    .pt-xxl-20, .py-xxl-20 {
        padding-top: 10.5rem;
    }
    .pt-xxl-21, .py-xxl-21 {
        padding-top: 11rem;
    }
    .pt-xxl-22, .py-xxl-22 {
        padding-top: 11.5rem;
    }
    .pt-xxl-23, .py-xxl-23 {
        padding-top: 12rem;
    }
    .pt-xxl-24, .py-xxl-24 {
        padding-top: 12.5rem;
    }

    /* padding bottom */
    .pb-xxl-1-6, .py-xxl-1-6 {
        padding-bottom: 1.6rem;
    }
    .pb-xxl-1-7, .py-xxl-1-7 {
        padding-bottom: 1.7rem;
    }
    .pb-xxl-1-8, .py-xxl-1-8 {
        padding-bottom: 1.8rem;
    }
    .pb-xxl-1-9, .py-xxl-1-9 {
        padding-bottom: 1.9rem;
    }
    .pb-xxl-2-0, .py-xxl-2-0 {
        padding-bottom: 2.0rem;
    }
    .pb-xxl-2-1, .py-xxl-2-1 {
        padding-bottom: 2.1rem;
    }
    .pb-xxl-2-2, .py-xxl-2-2 {
        padding-bottom: 2.2rem;
    }
    .pb-xxl-2-3, .py-xxl-2-3 {
        padding-bottom: 2.3rem;
    }
    .pb-xxl-2-4, .py-xxl-2-4 {
        padding-bottom: 2.4rem;
    }
    .pb-xxl-2-5, .py-xxl-2-5 {
        padding-bottom: 2.5rem;
    }
    .pb-xxl-2-6, .py-xxl-2-6 {
        padding-bottom: 2.6rem;
    }
    .pb-xxl-2-7, .py-xxl-2-7 {
        padding-bottom: 2.7rem;
    }
    .pb-xxl-2-8, .py-xxl-2-8 {
        padding-bottom: 2.8rem;
    }
    .pb-xxl-2-9, .py-xxl-2-9 {
        padding-bottom: 2.9rem;
    }

    .pb-xxl-6, .py-xxl-6 {
        padding-bottom: 3.5rem;
    }
    .pb-xxl-7, .py-xxl-7 {
        padding-bottom: 4rem;
    }
    .pb-xxl-8, .py-xxl-8 {
        padding-bottom: 4.5rem;
    }
    .pb-xxl-9, .py-xxl-9 {
        padding-bottom: 5rem;
    }
    .pb-xxl-10, .py-xxl-10 {
        padding-bottom: 5.5rem;
    }
    .pb-xxl-11, .py-xxl-11 {
        padding-bottom: 6rem;
    }
    .pb-xxl-12, .py-xxl-12 {
        padding-bottom: 6.5rem;
    }
    .pb-xxl-13, .py-xxl-13 {
        padding-bottom: 7rem;
    }
    .pb-xxl-14, .py-xxl-14 {
        padding-bottom: 7.5rem;
    }
    .pb-xxl-15, .py-xxl-15 {
        padding-bottom: 8rem;
    }
    .pb-xxl-16, .py-xxl-16 {
        padding-bottom: 8.5rem;
    }
    .pb-xxl-17, .py-xxl-17 {
        padding-bottom: 9rem;
    }
    .pb-xxl-18, .py-xxl-18 {
        padding-bottom: 9.5rem;
    }
    .pb-xxl-19, .py-xxl-19 {
        padding-bottom: 10rem;
    }
    .pb-xxl-20, .py-xxl-20 {
        padding-bottom: 10.5rem;
    }
    .pb-xxl-21, .py-xxl-21 {
        padding-bottom: 11rem;
    }
    .pb-xxl-22, .py-xxl-22 {
        padding-bottom: 11.5rem;
    }
    .pb-xxl-23, .py-xxl-23 {
        padding-bottom: 12rem;
    }
    .pb-xxl-24, .py-xxl-24 {
        padding-bottom: 12.5rem;
    }

    /* padding left */
    .ps-xxl-1-6, .px-xxl-1-6 {
        padding-left: 1.6rem;
    }
    .ps-xxl-1-7, .px-xxl-1-7 {
        padding-left: 1.7rem;
    }
    .ps-xxl-1-8, .px-xxl-1-8 {
        padding-left: 1.8rem;
    }
    .ps-xxl-1-9, .px-xxl-1-9 {
        padding-left: 1.9rem;
    }
    .ps-xxl-2-0, .px-xxl-2-0 {
        padding-left: 2.0rem;
    }
    .ps-xxl-2-1, .px-xxl-2-1 {
        padding-left: 2.1rem;
    }
    .ps-xxl-2-2, .px-xxl-2-2 {
        padding-left: 2.2rem;
    }
    .ps-xxl-2-3, .px-xxl-2-3 {
        padding-left: 2.3rem;
    }
    .ps-xxl-2-4, .px-xxl-2-4 {
        padding-left: 2.4rem;
    }
    .ps-xxl-2-5, .px-xxl-2-5 {
        padding-left: 2.5rem;
    }
    .ps-xxl-2-6, .px-xxl-2-6 {
        padding-left: 2.6rem;
    }
    .ps-xxl-2-7, .px-xxl-2-7 {
        padding-left: 2.7rem;
    }
    .ps-xxl-2-8, .px-xxl-2-8 {
        padding-left: 2.8rem;
    }
    .ps-xxl-2-9, .px-xxl-2-9 {
        padding-left: 2.9rem;
    }

    .ps-xxl-6, .px-xxl-6 {
        padding-left: 3.5rem;
    }
    .ps-xxl-7, .px-xxl-7 {
        padding-left: 4rem;
    }
    .ps-xxl-8, .px-xxl-8 {
        padding-left: 4.5rem;
    }
    .ps-xxl-9, .px-xxl-9 {
        padding-left: 5rem;
    }
    .ps-xxl-10, .px-xxl-10 {
        padding-left: 5.5rem;
    }
    .ps-xxl-11, .px-xxl-11 {
        padding-left: 6rem;
    }
    .ps-xxl-12, .px-xxl-12 {
        padding-left: 6.5rem;
    }
    .ps-xxl-13, .px-xxl-13 {
        padding-left: 7rem;
    }
    .ps-xxl-14, .px-xxl-14 {
        padding-left: 7.5rem;
    }
    .ps-xxl-15, .px-xxl-15 {
        padding-left: 8rem;
    }
    .ps-xxl-16, .px-xxl-16 {
        padding-left: 8.5rem;
    }
    .ps-xxl-17, .px-xxl-17 {
        padding-left: 9rem;
    }
    .ps-xxl-18, .px-xxl-18 {
        padding-left: 9.5rem;
    }
    .ps-xxl-19, .px-xxl-19 {
        padding-left: 10rem;
    }
    .ps-xxl-20, .px-xxl-20 {
        padding-left: 10.5rem;
    }
    .ps-xxl-21, .px-xxl-21 {
        padding-left: 11rem;
    }
    .ps-xxl-22, .px-xxl-22 {
        padding-left: 11.5rem;
    }
    .ps-xxl-23, .px-xxl-23 {
        padding-left: 12rem;
    }
    .ps-xxl-24, .px-xxl-24 {
        padding-left: 12.5rem;
    }

    /* padding right */
    .pe-xxl-1-6, .px-xxl-1-6 {
        padding-right: 1.6rem;
    }
    .pe-xxl-1-7, .px-xxl-1-7 {
        padding-right: 1.7rem;
    }
    .pe-xxl-1-8, .px-xxl-1-8 {
        padding-right: 1.8rem;
    }
    .pe-xxl-1-9, .px-xxl-1-9 {
        padding-right: 1.9rem;
    }
    .pe-xxl-2-0, .px-xxl-2-0 {
        padding-right: 2.0rem;
    }
    .pe-xxl-2-1, .px-xxl-2-1 {
        padding-right: 2.1rem;
    }
    .pe-xxl-2-2, .px-xxl-2-2 {
        padding-right: 2.2rem;
    }
    .pe-xxl-2-3, .px-xxl-2-3 {
        padding-right: 2.3rem;
    }
    .pe-xxl-2-4, .px-xxl-2-4 {
        padding-right: 2.4rem;
    }
    .pe-xxl-2-5, .px-xxl-2-5 {
        padding-right: 2.5rem;
    }
    .pe-xxl-2-6, .px-xxl-2-6 {
        padding-right: 2.6rem;
    }
    .pe-xxl-2-7, .px-xxl-2-7 {
        padding-right: 2.7rem;
    }
    .pe-xxl-2-8, .px-xxl-2-8 {
        padding-right: 2.8rem;
    }
    .pe-xxl-2-9, .px-xxl-2-9 {
        padding-right: 2.9rem;
    }

    .pe-xxl-6, .px-xxl-6 {
        padding-right: 3.5rem;
    }
    .pe-xxl-7, .px-xxl-7 {
        padding-right: 4rem;
    }
    .pe-xxl-8, .px-xxl-8 {
        padding-right: 4.5rem;
    }
    .pe-xxl-9, .px-xxl-9 {
        padding-right: 5rem;
    }
    .pe-xxl-10, .px-xxl-10 {
        padding-right: 5.5rem;
    }
    .pe-xxl-11, .px-xxl-11 {
        padding-right: 6rem;
    }
    .pe-xxl-12, .px-xxl-12 {
        padding-right: 6.5rem;
    }
    .pe-xxl-13, .px-xxl-13 {
        padding-right: 7rem;
    }
    .pe-xxl-14, .px-xxl-14 {
        padding-right: 7.5rem;
    }
    .pe-xxl-15, .px-xxl-15 {
        padding-right: 8rem;
    }
    .pe-xxl-16, .px-xxl-16 {
        padding-right: 8.5rem;
    }
    .pe-xxl-17, .px-xxl-17 {
        padding-right: 9rem;
    }
    .pe-xxl-18, .px-xxl-18 {
        padding-right: 9.5rem;
    }
    .pe-xxl-19, .px-xxl-19 {
        padding-right: 10rem;
    }
    .pe-xxl-20, .px-xxl-20 {
        padding-right: 10.5rem;
    }
    .pe-xxl-21, .px-xxl-21 {
        padding-right: 11rem;
    }
    .pe-xxl-22, .px-xxl-22 {
        padding-right: 11.5rem;
    }
    .pe-xxl-23, .px-xxl-23 {
        padding-right: 12rem;
    }
    .pe-xxl-24, .px-xxl-24 {
        padding-right: 12.5rem;
    }

}

@media screen and (max-width: 1199px) {
    
    section { padding: 90px 0; }
    section.md { padding: 70px 0; }
    .md-height-auto { height: auto; }

    /* verticle align */
    .md-vertical-align-middle {vertical-align: middle ;}
    .md-vertical-align-top {vertical-align: top ;}
    .md-vertical-align-bottom {vertical-align: bottom ;}
    .md-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }

    /* image position*/ 
    .md-background-image-left { background-position: left;}
    .md-background-image-right { background-position: right;}
    .md-background-image-center{ background-position: center;}

    /* display */
    .md-overflow-hidden {overflow:hidden !important;}
    .md-overflow-auto {overflow:auto !important;}
    .md-display-table {display:table !important;}
    .md-display-table-cell {display:table-cell !important;}
    .md-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* position */
    .md-position-inherit {position:inherit}
    .md-position-relative {position:relative;}
    .md-position-absolute {position:absolute;}
    .md-position-fixed {position:fixed;}

}

@media screen and (max-width: 1050px) {
    .parallax {background-attachment: inherit;}
}

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

    .sm-height-auto { height: auto; }

    /* custom */
    section { padding: 70px 0;}
    section.md { padding: 50px 0; }

    /* verticle align */
    .sm-vertical-align-middle {vertical-align: middle;}
    .sm-vertical-align-top {vertical-align: top;}
    .sm-vertical-align-bottom {vertical-align: bottom;}
    .sm-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }    

    /* image position*/ 
    .sm-background-image-left { background-position: left;}
    .sm-background-image-right { background-position: right;}
    .sm-background-image-center{ background-position: center;}

    /* display */
    .sm-overflow-hidden {overflow:hidden !important;}
    .sm-overflow-auto {overflow:auto !important;}
    .sm-display-table {display:table !important;}
    .sm-display-table-cell {display:table-cell !important;}
    .sm-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* clear-both */
    .sm-clear-both {clear: both;}

    /* position */
    .sm-position-inherit {position:inherit !important;}
    .sm-position-initial {position:initial !important;}
    .sm-position-relative {position:relative !important;}
    .sm-position-absolute {position:absolute !important;}
    .sm-position-fixed {position:fixed !important;}

    /* parallax */
    .parallax {background-position: center;}
   
    /* opacity */
    .sm-opacity1 {opacity:.1;}
    .sm-opacity2 {opacity:.2;}
    .sm-opacity3 {opacity:.3;}
    .sm-opacity4 {opacity:.4;}
    .sm-opacity5 {opacity:.5;}
    .sm-opacity6 {opacity:.6;}
    .sm-opacity7 {opacity:.7;}
    .sm-opacity8 {opacity:.8;}
    .sm-opacity9 {opacity:.9;}
    .sm-opacity10 {opacity:1;}
 
}

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

    body { font-size: 15px; }
    .xs-height-auto { height: auto; }

    /* opacity */
    .xs-opacity1 {opacity:.1;}
    .xs-opacity2 {opacity:.2;}
    .xs-opacity3 {opacity:.3;}
    .xs-opacity4 {opacity:.4;}
    .xs-opacity5 {opacity:.5;}
    .xs-opacity6 {opacity:.6;}
    .xs-opacity7 {opacity:.7;}
    .xs-opacity8 {opacity:.8;}
    .xs-opacity9 {opacity:.9;}
    .xs-opacity10 {opacity:1;}

    /* verticle align */
    .xs-vertical-align-middle {vertical-align: middle;}
    .xs-vertical-align-top {vertical-align: top;}
    .xs-vertical-align-bottom {vertical-align: bottom;}
    .xs-absolute-middle-inherit {left: 0; top: 0; position: relative; -ms-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); -o-transform: translateX(0) translateY(0); }    

    /* image position*/ 
    .xs-background-image-left { background-position: left !important;}
    .xs-background-image-right { background-position: right !important;}
    .xs-background-image-center { background-position: center !important;}
 
    /* display */
    .xs-overflow-hidden {overflow:hidden !important;}
    .xs-overflow-auto {overflow:auto !important;}
    .xs-display-table {display:table !important;}
    .xs-display-table-cell {display:table-cell !important;}
    .xs-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* position */
    .xs-position-inherit {position:inherit}
    .xs-position-relative {position:relative;}
    .xs-position-absolute {position:absolute;}
    .xs-position-fixed {position:fixed;}

}

/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {background-attachment: inherit; background-position: center;}
}

/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .parallax {background-attachment: inherit; background-position: center;}
}

/***************************************
 * Quform Responsive Ajax Contact Form
 *
 * Base Stylesheet
 *
 * Copyright (c) ThemeCatcher 2009 - 2021
 * https://www.themecatcher.net/
 ***************************************/
/*Border-box*/
.quform-outer, .quform-outer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*Clearfix*/
.quform-cf:before,
.quform-cf:after,
.quform-elements:before,
.quform-elements:after,
.quform-element:before,
.quform-element:after,
.quform-options:before,
.quform-options:after,
.quform-captcha:before,
.quform-captcha:after,
.quform-submit:before,
.quform-submit:after,
.quform-group-wrap:before,
.quform-group-wrap:after,
.quform-group-row:before,
.quform-group-row:after,
.quform-group-title-description-wrap:before,
.quform-group-title-description-wrap:after,
.quform-error-wrap:before,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:before,
.quform-select-replaced .quform-input:after {
	content: " ";
	display: table;
}
.quform-cf:after,
.quform-elements:after,
.quform-element:after,
.quform-options:after,
.quform-captcha:after,
.quform-submit:after,
.quform-group-wrap:after,
.quform-group-row:after,
.quform-group-title-description-wrap:after,
.quform-error-wrap:after,
.quform-select-replaced .quform-input:after {
	clear: both;
}
.quform-cf,
.quform-elements,
.quform-element,
.quform-options,
.quform-captcha,
.quform-submit,
.quform-group-wrap,
.quform-group-row,
.quform-group-title-description-wrap,
.quform-error-wrap,
.quform-select-replaced .quform-input {
	zoom: 1;
} /* IE < 8 */

/*Cross browser fixes*/
.quform-inner input[type="checkbox"], .quform-inner input[type="radio"] {
	vertical-align: middle;
}
.quform-element > .quform-spacer > label, .quform-option label {
	vertical-align: middle;
	display: inline-block;
	min-height: 20px;
}
.quform-inner button::-moz-focus-inner {border: 0;}
.quform-inner :focus, .quform-inner a:focus{outline: 0}/* removes gray dotted outline */
.quform-inner input.middle:focus, .quform-inner select.middle:focus, .quform-inner textarea.middle:focus {outline-width: 0;}
.quform-inner input:focus, .quform-inner select:focus, .quform-inner textarea:focus {outline: none;}

.quform-inner textarea { overflow: auto; vertical-align:top; } /* IE7 + Chrome spacing fix */
.quform-inner button, .quform-inner input{ /* IE7 extra spacing fix */
	width: auto;
}
.quform-inner input[type="file"] {max-width: 100%;}

/*Main Wrappers*/
.quform-inner .quform-elements {
	margin: 0;
	padding: 0;
}
.quform-spacer {
	padding-bottom: 10px;
	height: 1px;
	height: auto;
	min-height: 1px;
}
.quform-element {
	height: 1px;
	height: auto;
	min-height: 1px;
}
/*Hidden*/
.quform-hidden {
	display: none
}
/*Required*/
.quform-element label span.quform-required {
	color: #cc0101;
	font-size: 10px;
}

/*Default input, selects and textareas*/
.quform-elements .quform-element-text input,
.quform-elements .quform-element-captcha input,
.quform-elements .quform-element-password input,
.quform-elements .quform-element select,
.quform-elements .quform-element textarea {
	margin: 0;
	margin-bottom: 3px;
	padding: 2px;
	min-width: 10px;
	max-width: 100%;
}
.quform-elements .quform-element-text input:hover,
.quform-elements .quform-element-captcha input:hover,
.quform-elements .quform-element-password input:hover,
.quform-elements .quform-element select:hover,
.quform-elements .quform-element textarea:hover,
.quform-elements .quform-element-text input:active,
.quform-elements .quform-element-captcha input:active,
.quform-elements .quform-element-password input:active,
.quform-elements .quform-element select:active,
.quform-elements .quform-element textarea:active,
.quform-elements .quform-element-text input:focus,
.quform-elements .quform-element-captcha input:focus,
.quform-elements .quform-element-password input:focus,
.quform-elements .quform-element select:focus,
.quform-elements .quform-element textarea:focus
{color: #000;}

/* Helper class to increase the height on textarea */
.quform-textarea  {
	height: 150px;
}

/* Default Label*/
.quform-element > label {
	font-weight: bold;
	padding-bottom: 10px;
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
}

/*Element Description*/
.quform-element p.quform-description {
	padding: 2px 0 0;
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
}

/*Headings*/
h3.quform-title {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 8px;
}

/*Form Description*/
p.quform-description {
	font-size: 12px;
	margin: 0;
	padding-bottom: 20px;
}

/*Check box and radio buttons*/
.quform-element .quform-options {
	margin: 0;
	padding: 0;
}
.quform-element .quform-options .quform-option {
	margin: 0;
	padding: 0;
	height: 25px;
	height: auto;
	min-height: 25px;
}
.quform-element .quform-options .quform-option label {
	position: relative;
}
.quform-elements .quform-element .quform-options .quform-option input {
	border: none;
}
.quform-options .quform-option label { line-height: 23px; }

/*Radio and checkboxes inline option*/
.quform-element .quform-options-inline > .quform-option {
	display: inline;
	padding: 0 15px 5px 0;
	float: left;
}
.quform-options-inline .quform-option label {white-space: nowrap;}

/*Captcha*/
.quform-captcha-inner {
   position: relative;
   float: left;
}
.quform-captcha-inner {
	position: relative;
	float: left;
	background: url(/media/captcha-refresh-icon.png) no-repeat center center;
}
.quform-captcha-inner img {
	max-width: 100%;
	display: block;
}
/*Groups*/
.quform-group-title-description-wrap {
	margin: 0 0 10px 0;
}
.quform-group-title {
	font-size: 17px;
	line-height: 25px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 2px;
}
p.quform-group-description {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding-bottom: 0;
}
.quform-group-style-bordered > .quform-group-elements {
	border: solid 1px #CCC;
	padding: 10px 10px 0;
}
.quform-group-row {
	padding: 0;
	margin: 0;
}
.quform-group-row > .quform-element,
.quform-group-row > .quform-group-wrap,
.quform-group-row > .quform-submit {
	display: inline-block;
	*display: inline;
	zoom: 1;
	min-height: 1px;
	float: left;
	padding: 0;
	vertical-align: top;
}
.quform-group-row > .quform-submit.quform-submit-inline {
	margin-top: 17px;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-1cols > .quform-submit {
	width: 100%;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-2cols > .quform-submit  {
	width: 50%;
	*width: 49.9%;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols  > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-3cols > .quform-submit  {
	width: 33.3%;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-4cols > .quform-submit {
	width: 25%;
	*width: 24.9%;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-element,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-group-wrap,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row-5cols > .quform-submit {
	width: 20%;
	*width: 19.9%;
}
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-group-wrap,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit {
	float: none;
	width: auto;
}
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-group-alignment-proportional {
	width: 100%;
	clear: both;
}
/*Spacing in groups*/
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit .quform-submit-inner {
	padding: 0 5px 10px 5px;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element:first-child .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit:first-child .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element:first-child .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit:first-child .quform-submit-inner {
	padding-left: 0;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-element:last-child .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row > .quform-submit:last-child .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element:last-child .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-submit:last-child .quform-submit-inner {
	padding-right: 0;
}
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-element .quform-spacer,
.quform-group-alignment-proportional > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-submit .quform-submit-inner,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-element .quform-spacer,
.quform-group-alignment-left > .quform-group-elements > .quform-group-row.quform-group-row-1cols > .quform-submit .quform-submit-inner {
	padding: 0 5px 10px 5px;
}
.quform-group-wrap > .quform-group-elements .quform-group-wrap > .quform-group-elements {
	margin: 0 5px;
}
.quform-group-style-bordered.quform-group-wrap {
	margin-bottom: 15px;
}
.quform-group-wrap > .quform-group-elements .quform-group-row .quform-group-style-bordered.quform-group-wrap {
	margin-bottom: 0;
}
.quform-group-style-plain.quform-group-wrap {
	margin: 0;
}
.quform-group-wrap .quform-group-row > .quform-group-style-plain.quform-group-wrap {
	margin: 0;
}
.quform-group-wrap .quform-group-row > .quform-group-style-bordered.quform-group-wrap {
	padding: 0 0 10px 0;
	float: left;
}
.quform-group-wrap .quform-group-row.quform-group-row-1cols > .quform-group-style-bordered.quform-group-wrap {
	padding: 0 0 10px 0;
	float: none;
	clear: both;
}

/*LABEL / INPUT POSITION OPTIONS*/

/*label left*/
.quform-labels-left .quform-spacer > label {
	width: 150px;
	position: relative;
	float: left;
	padding-bottom: 10px;
}
/*label above*/
.quform-labels-above .quform-spacer > label {
	width: auto;
	float: none;
}
/*input left*/
.quform-labels-left .quform-input,
.quform-labels-left .quform-captcha {
	margin-left: 150px;
	padding-left: 10px;
}

/*input above - override*/
.quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha,

.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-captcha {
	margin-left: 0;
	padding-left: 0;
}
/*input left - override*/
.quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha,

.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-captcha,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-input,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-captcha {
	margin-left: 150px;
	padding-left: 10px;
}
/*label above- override*/
.quform-labels-left .quform-labels-above.quform-element .quform-spacer > label,
.quform-labels-left .quform-labels-above.quform-group-wrap .quform-spacer > label,

.quform-labels-above .quform-labels-left .quform-labels-above.quform-element .quform-spacer > label,
.quform-labels-above .quform-labels-left .quform-labels-above.quform-group-wrap .quform-spacer > label {
	width: auto;
	float: none;
	padding-bottom: 8px;
}
/*label left- override*/
.quform-labels-above .quform-labels-left.quform-element .quform-spacer > label,
.quform-labels-above .quform-labels-left.quform-group-wrap .quform-spacer > label,

.quform-labels-left .quform-labels-above .quform-labels-left.quform-element .quform-spacer > label,
.quform-labels-left .quform-labels-above .quform-labels-left.quform-group-wrap .quform-spacer > label {
	width: 150px;
	position: relative;
	float: left;
	padding-bottom: 10px;
}

/*Fix multi elements*/
.quform-labels-left .quform-input .quform-input-file {
	margin-left: 0 !important;
	padding-left: 0;
}

/*Submit button*/
.quform-submit {margin: 10px 0}
.quform-submit-inner {
	float: left;
}
.quform-submit button {
	margin: 0;
	cursor: pointer;
}
.quform-submit button span, .quform-submit button em {
	display: block;
	margin: 0;
	cursor: pointer;
}

/*Default*/
/*inner*/
.quform-submit button span {
	padding: 7px 20px;
}
/*outer*/
.quform-submit button em {
	font-style: normal;
}
/*Hover*/
/*outer*/
.quform-submit button:hover span {
}
/*inner*/
.quform-submit button:hover em {
}

/*Active*/
/*outer*/
.quform-submit button:active span {
}
/*inner*/
.quform-submit button:active em {
}

/*Loading the submit*/
.quform-loading-wrap {
	display: none;
	float: left;
	height: 10px;
	line-height: 10px;
	text-align: center;
	margin-top: 12px;
	margin-left: 5px;
}
.quform-loading-wrap .quform-loading {
	display: block;
	width: 30px;
	height: 10px;
	text-indent: -9999px;
	background: transparent url('/media/default-loading.gif') no-repeat center center;
}

/*Errors*/
.quform-errors {
	display: none;
}
.quform-errors {
	margin: 0;
	padding: 3px 0 6px 0;
}
.quform-errors > .quform-error, .quform-outer-no-js .quform-error {
	padding: 3px 10px 3px 25px;
	margin: 0;
	line-height: 16px;
	background: #F3CAC7 url/media/err.png') no-repeat 3px center;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	border: 1px solid #fa8b83;
	float: left;
}
.quform-labels-left > .quform-spacer > .quform-errors-wrap {margin-left: 150px;}
.quform-labels-left > .quform-spacer > .quform-errors-wrap .quform-errors > .quform-error {margin-left: 10px !important;}
.quform-labels-above > .quform-spacer > .quform-errors-wrap .quform-errors .quform-error {margin-left: 0 !important;}

/*Success message*/
.quform-success-message, .quform-outer-no-js .quform-success-message {
	background: #cef4a9 url('/media/success.png') no-repeat 14px center;
	padding: 8px 20px 8px 45px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #80bb48;
	font-weight: normal;
	color: #000;
}

/*Fixes for consistent browsing*/
.quform-input .selector select {margin: 0!important; width: auto!important; height: 30px;}
.quform-input .quform-element-file-inner input[type="file"] {text-shadow: none !important;}
*:first-child+html .quform-input select {background: transparent !important; color:#000 !important;}
*:first-child+html .quform-input select option {background: #fff !important; color:#000 !important;}
.quform-element-radio input[type="radio"] {background: transparent !important; border: none transparent !important;}
.quform-element-checkbox input[type="checkbox"] {background: transparent !important; border: none transparent !important;}

/*Hide FOUC*/
.quform-js .quform-element-file .quform-input {
	display: none;
}
/*Tooltip icons*/
.quform-tooltip-icon {
	width: 15px;
	height: 15px;
	/*background: url('/media/help-icon.png') no-repeat right bottom;*/
	display: inline-block;
	cursor: pointer;
}
.quform-element-text.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-textarea.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-password.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon,
.quform-element-captcha.quform-labels-inside > .quform-spacer > label .quform-tooltip-icon {
	position: absolute;
	right: -20px;
	top: 0;
}
.quform-tooltip-icon-content {
	display: none;
}

/* Quform PHP Specific */

/*Preset element sizes - full width*/
.quform-elements .quform-full-width.quform-element-text input,
.quform-elements .quform-full-width.quform-element-captcha input,
.quform-elements .quform-full-width.quform-element-password input,
.quform-elements .quform-full-width.quform-element select,
.quform-elements .quform-full-width.quform-element textarea {width: 100%; *width: 98%;}

/*Preset element sizes - small*/
.quform-elements .quform-small.quform-element-text input,
.quform-elements .quform-small.quform-element-captcha input,
.quform-elements .quform-small.quform-element-password input,
.quform-elements .quform-small.quform-element select,
.quform-elements .quform-small.quform-element textarea {width: 90px;}

/*Preset element sizes - medium*/
.quform-elements .quform-med.quform-element-text input,
.quform-elements .quform-med.quform-element-captcha input,
.quform-elements .quform-med.quform-element-password input,
.quform-elements .quform-med.quform-element select,
.quform-elements .quform-med.quform-element textarea {width: 130px;}

/*Preset element sizes - large*/
.quform-elements .quform-large.quform-element-text input,
.quform-elements .quform-large.quform-element-captcha input,
.quform-elements .quform-large.quform-element-password input,
.quform-elements .quform-large.quform-element select,
.quform-elements .quform-large.quform-element textarea {width: 200px;}

/*Preset element sizes - huge*/
.quform-elements .quform-huge.quform-element-text input,
.quform-elements .quform-huge.quform-element-captcha input,
.quform-elements .quform-huge.quform-element-password input,
.quform-elements .quform-huge.quform-element select,
.quform-elements .quform-huge.quform-element textarea {width: 360px;}

/*Preset element sizes - fat*/
.quform-elements .quform-fat.quform-element-text input,
.quform-elements .quform-fat.quform-element-captcha input,
.quform-elements .quform-fat.quform-element-password input,
.quform-elements .quform-fat.quform-element select,
.quform-elements .quform-fat.quform-element textarea {padding-top: 10px !important; padding-bottom: 10px !important;}

/*Preset button sizes - fat*/
.quform-button-fat.quform-submit .quform-submit-inner button span {padding: 15px 40px;}
/*Preset button sizes - small*/
.quform-button-small.quform-submit .quform-submit-inner button span {width: 90px;}
/*Preset button sizes - med*/
.quform-button-med.quform-submit .quform-submit-inner button span {width: 200px;}
/*Preset button sizes - large*/
.quform-button-large.quform-submit .quform-submit-inner button span {width: 400px;}
/*Preset button sizes - full width*/
.quform-button-full-width.quform-submit .quform-submit-inner,
.quform-button-full-width.quform-submit .quform-submit-inner button {width: 100%; max-width: 100%; float: none; display: block;}
.quform-button-full-width.quform-submit .quform-submit-inner {*width: 87%;} /*IE 7 fix*/
.quform-button-full-width.quform-submit .quform-submit-inner button span {width: 100%;}

/* Form processing error  */
.quform-error-title {
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	margin-bottom: 8px;
}
.quform-error-message {
	margin-bottom: 10px;
	background: #F3CAC7;
	border: 1px solid #fa8b83;
	color: #111;
	padding: 8px;
}
.quform-error-message pre {
	margin: 3px 0 0 3px;
	font-style: italic;
	overflow: auto;
}
/* Replaced select menu text input */
.quform-select-replaced .quform-input input {
	float: left;
}
.quform-outer a.quform-cancel-button {
	background-image: url('/media/close.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-top: 5px;
	margin-left: 2px;
}
/* Incase the image doesn't load - show refresh icon */
.quform-captcha-inner {
	min-height: 25px;
	min-width: 25px;
}
/* Grouped file upload spacing */
.quform-input-file {
	margin-top: 3px;
}
.quform-input-file:first-child {
	margin-top: 0;
}
/* No JS page */
.quform-outer-no-js {
	font-family: Arial, Helvetica, sans-serif;
	width: 80%;
	margin: 40px auto 0 auto;
}
.quform-outer-no-js .quform-success-message {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 15px 0 15px 0;
}
.quform-outer-no-js .quform-wrapper {
	padding: 0 20px;
	border: 1px solid #ddd;
	background: #F8F8F8;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.quform-outer-no-js .quform-errors {
	display: block;
}
.quform-outer-no-js .quform-errors-outer {
	padding-bottom: 10px;
}
.quform-outer-no-js .quform-error-wrap {
	float: left;
	padding: 10px 10px 10px 0;
}
.quform-outer-no-js .quform-error-label {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}
.quform-outer-no-js .quform-title {
	font-size: 18px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ddd;
}

/* Tooltip styles */
/* tippy.umd.min.js v6.2.7 - MIT License */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

.tippy-box[data-theme~="quform"] {
	font-size: 13px;
}

/* Quform Responsive - Add your styles here */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Tablet Portrait and below (devices and browser) */
@media only screen and (max-width: 768px) {
	/* Groups columns become stacked */
	.quform-group-row .quform-element, .quform-group-row .quform-group-wrap, .quform-group-row .quform-submit  {
		float: none;
		width: 100% !important;
		display: block;
	}
	.quform-group-row {margin: 0;}
	/* Elements become full width */
	.quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
		width: 100% !important;
		min-width: 100px;
	}
	/* keep date and time elements inline a bit longer */
	.quform-element-date select {
		width: 30% !important;
	}
	.quform-element-time select {
		width: 48% !important;
	}
	.quform-errors > .quform-error {
		float: none;
		display: block;
	}
	/* There is no elements to the right so no need for this right padding/margin */
	.quform-spacer, .quform-submit-inner {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.quform-group-elements {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	/* Make radio and checkboxes a bit easier to select on touch devices */
	.quform-options .quform-option {
		background: rgba(0,0,0, 0.03); /*background color on phones*/
		margin-bottom: 5px !important;
	}
	.quform-options .quform-option label {
		display: block;
		padding: 5px;
	}
	.quform-options .quform-option label input[type=checkbox], .quform-options .quform-option label input[type=radio] {
		float: right !important;
		margin-top: 5px;
	}
	.quform-options-inline > .quform-option {
		display: block;
		padding: 0 !important;
		width: 32%;
		margin: 0 1% 2px 0 !important;
	}
	.quform-options-inline > .quform-option label {
		display: block;
	}
	.quform-submit button span {
		padding: 9px 20px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	/* Button is larger for easy clicking on small devices. */
	.quform-submit-inner {
		width: 100%;
		float: none;
	}
	.quform-submit button {
		margin: 0;
		width: 100% !important;
	}
	.quform-submit button span, .quform-submit button em {
		width: auto !important;
	}
	/* There is not enough room for left labels - so move them above */
	.quform-labels-left > .quform-spacer > label {
		float: none;
		width: auto;
	}
	.quform-labels-left.quform-element .quform-input, .quform-labels-left.quform-element .quform-captcha {
		margin-left: 0;
		padding-left: 0;
	}
	/* Less radio/check inputs per line on phones */
	.quform-options-inline > .quform-option {
		width: 49%;
	}
	/* Force all pre-sized elements full width */
	.quform-elements .quform-element-text input, .quform-elements .quform-element-captcha input, .quform-elements .quform-element-password input, .quform-elements .quform-element select, .quform-elements .quform-element textarea {
		width: 100% !important;
	}
	/* No JS page */
	.quform-outer-no-js {
		width: auto;
		margin: 10px;
	}
	.quform-outer-no-js .quform-wrapper {
		padding: 0 10px;
	}
	.quform-outer-no-js .quform-error-wrap {
		float: none;
		display: block;
		padding-right: 0;
	}
}




.theme_text_color_green {
    color:#34da89 !important;    
} 

.dropdown-item:hover {
    color:#34da89 !important;
}

.theme-mt-6 {
    margin-top:6px;
}

.theme-header-text {
    font-size:15px !important;
}

.home-slider-description {
    margin-bottom: 48px !important;
     color:#34da89 !important;
}

.home-slider-title {
    font-size:96px !important;
    margin-top: 36px !important;
    height: 60px;
    margin-bottom: 36px !important;
    color: white !important;
}

.home-slider-link-text {
    font-size:14px !important;
}

.home_banner_text_container {
    position: relative;
    padding-top: 10%;
    left: 10%;
    width: 50%;
}

.home_banner_bg_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 86vh;
    width: 100%;
}

.home_banner_title {
    font-size: 52px;
    color: white;
    line-height: 1;
    margin-bottom: 12px;
}

.home_banner_description {
    color: white;
    font-size: 20px;
    margin-top: 20px;
}

.home_banner_main_btn {
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: #4A83FD;
    border: none;
    border-radius: 0;
    line-height: normal;
    font-weight: bold;
    vertical-align: top;
    font-size: 16px;
}

.home_banner_main_btn:hover {
    background: #34da89;
    cursor: pointer;
}

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

.home_banner_or_text {
    font-size: 15px;
    color: white;
    padding-left: 12px;
}

.home_banner_ghost_btn {
    color: #fff;
    padding: 12px;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: transparent;
    border: none;
    border-radius: 0;
    line-height: normal;
    vertical-align: top;
    font-size: 16px;
}

.home_banner_ghost_btn:hover {
    color: #34da89;
    cursor: pointer;
}


@media(max-width:768px){
    .home_banner_text_container {
        position: relative;
        padding-top: 10%;
        left: 20px;
        width: 80%;
    }
    
    .home_banner_bg_img {
        min-height: 60vh;
        background-position: center right 45%;
    }    

    .home_banner_title {
        font-size: 32px;
    }
    
    .home_banner_description {
        display: none;
    }

    .home-slider-title {
        font-size:52px !important;
    }
}

@charset "UTF-8";
/*-----------------------------------------------------------------------------------
 *
 * Theme Name: Insurs - Insurance HTML Template
 * Description: Insurance HTML Template
 * Author: Website Design Templates
 * Version: 2.0
 *
 * ----------------------------------------------------------------------------------- */
/* ----------------------------------
 *
 * Table of contents
 *
 * 01. Common styles
 * 02. Button Style
 * 03. Navigation
 * 04. Page title
 * 05. Section title
 * 06. Banner
 * 07. Video
 * 08. Portfolio
 * 09. Pagination
 * 10. Owl carousel
 * 11. Accordion style
 * 12. Tabs
 * 13. Pages
 * 14. Pricing table
 * 15. Card styles
 * 16. List styles
 * 17. Team
 * 18. About section
 * 19. Testimonial
 * 20. Blog
 * 21. Others
 * 22. Footer
 *
 * ---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0; }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1; }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1; }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0; } }
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%; }
  #preloader:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #34da89;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  #preloader:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #34da89;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: #002a5c; }

/* theme color and basic options */
a:hover {
  color: #34da89;
  text-decoration: none; }
a:active {
  color: #34da89;
  text-decoration: none; }

.min-height {
  min-height: 450px; }

.min-height-630 {
  min-height: 630px; }

.bg-primary {
  background-color: #34da89 !important; }

.bg-secondary {
  background-color: #4a83fd !important; }

.bg-dark {
  background: #002a5c !important; }

.primary-overlay[data-overlay-dark]:before {
  background: #34da89; }

.secondary-overlay[data-overlay-dark]:before {
  background: #4a83fd; }

.dark-overlay[data-overlay-dark]:before {
  background: #002a5c; }

.left-overlay-dark[data-overlay-dark]:before {
  background: rgba(0, 42, 92, 0.76);
  background: linear-gradient(-90deg, transparent, #002a5c 65%); }

.text-primary {
  color: #34da89 !important; }

.text-primary-hover:hover {
  color: #34da89 !important; }

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

.text-secondary-hover:hover {
  color: #4a83fd !important; }

.text-dark {
  color: #002a5c !important; }

.text-dark-hover:hover {
  color: #002a5c !important; }

.text-white-hover:hover {
  color: #fff !important; }

.cursor-pointer {
  cursor: pointer; }

.border-primary-color {
  border-color: #34da89; }

.border-secondary-color {
  border-color: #4a83fd !important; }

.border-dark-color {
  border-color: #002a5c !important; }

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

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

.height-300 {
  height: 300px; }

.border-top-rounded {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

.border-bottom-rounded {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.rounded.bg-img.dark-overlay[data-overlay-dark]:before {
  border-radius: 0.25rem; }

.rounded.bg-img.primary-overlay[data-overlay-dark]:before {
  border-radius: 0.25rem; }

.rounded.bg-img.secondary-overlay[data-overlay-dark]:before {
  border-radius: 0.25rem; }

.shadow {
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08) !important; }

@media screen and (min-width: 992px) {
  .vw-lg-86 {
    width: 86vw; } }
/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #34da89;
  border: 1px solid #34da89;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover, .scroll-to-top:active, .scroll-to-top:focus {
    color: #232323;
    background: #4a83fd;
    border: 1px solid #4a83fd; }
    .scroll-to-top:hover i, .scroll-to-top:active i, .scroll-to-top:focus i {
      color: #fff; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* ===================================
    Button Style
====================================== */
/* button style 1 */
@-webkit-keyframes btn_shine {
  100% {
    left: 200%; } }
@keyframes btn_shine {
  100% {
    left: 200%; } }
.butn-style1 {
  font-size: 17px;
  font-weight: 700;
  padding: 12px 34px;
  -webkit-transition: all 200ms linear 0ms;
  -khtml-transition: all 200ms linear 0ms;
  -moz-transition: all 200ms linear 0ms;
  -ms-transition: all 200ms linear 0ms;
  -o-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden !important;
  display: inline-block;
  text-align: center;
  border: 2px solid #34da89;
  color: #34da89;
  z-index: 1; }
  .butn-style1:after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
    z-index: -1; }
  .butn-style1:hover, .butn-style1:focus, .butn-style1:active {
    background-color: #34da89;
    color: #fff; }
    .butn-style1:hover:after, .butn-style1:focus:after, .butn-style1:active:after {
      -webkit-animation: btn_shine 1.2s ease;
      animation: btn_shine 1.2s ease;
      -webkit-animation-delay: .1s;
      animation-delay: .1s; }

.butn-style1.sm {
  padding: 6px 20px !important; }

.butn-style1.md {
  padding: 8px 24px !important; }

.butn-style1.fill {
  background: #34da89;
  color: #fff;
  border-color: #34da89; }

.butn-style1.fill.secondary {
  background: #4a83fd;
  color: #fff;
  border-color: #4a83fd; }

.butn-style1.secondary {
  color: #4a83fd;
  border-color: #4a83fd; }
  .butn-style1.secondary:hover {
    background-color: #4a83fd;
    color: #fff; }

.butn-style1.white {
  background-color: #fff;
  color: #34da89; }
  .butn-style1.white:hover {
    background-color: #232323;
    color: #fff; }

/* button style 2 */
.butn-style2 {
  text-align: center;
  padding: 14px 30px;
  background: #34da89;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
  border: unset;
  border-radius: 4px;
  text-transform: uppercase; }
  .butn-style2 span {
    position: relative;
    z-index: 2; }
  .butn-style2:after {
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    background: #002a5c;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    border-radius: 4px; }
  .butn-style2:hover {
    color: #fff; }
    .butn-style2:hover:after {
      opacity: 1;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .butn-style2:active {
    color: #fff; }
    .butn-style2:active:after {
      opacity: 1;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .butn-style2:focus {
    color: #fff; }
    .butn-style2:focus:after {
      opacity: 1;
      visibility: visible;
      width: 100%;
      height: 100%; }
  .butn-style2 i {
    margin-left: 6px;
    position: relative;
    top: -1px; }

.butn-style2.secondary {
  background: #4a83fd;
  color: #fff; }
  .butn-style2.secondary:after {
    background: #002a5c; }
  .butn-style2.secondary:hover {
    color: #fff; }
  .butn-style2.secondary:active {
    color: #fff; }
  .butn-style2.secondary:focus {
    color: #fff; }

.butn-style2.small {
  padding: 6px 25px; }

.butn-style2.medium {
  padding: 10px 30px; }

/* button style 3 */
.butn-style3 {
  color: #fff;
  padding: 16px 30px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
  z-index: 1;
  background: #34da89;
  border: none;
  border-radius: 0;
  line-height: normal;
  font-weight: bold;
  vertical-align: top; }
  .butn-style3:before {
    content: "";
    position: absolute;
    top: -71px;
    right: 0px;
    bottom: 0;
    width: 115%;
    height: 322%;
    left: -1px;
    transform: translateX(-100%) rotate(180deg);
    z-index: -1;
    transition: all 0.4s linear;
    background: #4a83fd; }
  .butn-style3:hover {
    color: #fff; }
  .butn-style3:active {
    color: #fff; }
  .butn-style3:focus {
    color: #fff; }

.butn-style3.secondary {
  background: #4a83fd; }
  .butn-style3.secondary:before {
    background: #34da89; }

.butn-style3.secondary.white-hover:before {
  background: #fff; }
.butn-style3.secondary.white-hover:active {
  color: #002a5c; }
.butn-style3.secondary.white-hover:focus {
  color: #002a5c; }
.butn-style3.secondary.white-hover:hover {
  color: #002a5c; }

.butn-style3.primary.white-hover:before {
  background: #fff;
  background: #fff; }

.butn-style3.dark {
  background: #002a5c; }
  .butn-style3.dark:before {
    background: #4a83fd; }

.butn-style3.dark.white-hover:before {
  background: #fff; }
.butn-style3.dark.white-hover:active {
  color: #002a5c; }
.butn-style3.dark.white-hover:focus {
  color: #002a5c; }
.butn-style3.dark.white-hover:hover {
  color: #002a5c; }

.butn-style3.small {
  padding: 12px 20px !important;
  font-size: 14px; }
  .butn-style3.small:before {
    top: -58px; }

.butn-style3.medium {
  padding: 14px 24px !important;
  font-size: 15px; }

.butn-style3:hover:before {
  transform: translateX(0) rotate(195deg); }
.butn-style3:active:before {
  transform: translateX(0) rotate(195deg); }
.butn-style3:focus:before {
  transform: translateX(0) rotate(195deg); }

.butn-style3.white {
  border: unset;
  background: #fff;
  color: #34da89; }
  .butn-style3.white:hover {
    color: #fff; }

.butn-style3.black {
  border: unset;
  color: #fff; }
  .butn-style3.black:hover {
    color: #fff; }

/* button style4 */
.butn-style4 {
  color: #fff;
  padding: 17px 30px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
  z-index: 1;
  background: #34da89;
  border: none;
  letter-spacing: 1.4px;
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  vertical-align: top; }
  .butn-style4:before {
    content: "";
    position: absolute;
    top: -71px;
    right: 0px;
    bottom: 0;
    width: 115%;
    height: 322%;
    left: -1px;
    transform: translateX(-100%) rotate(180deg);
    z-index: -1;
    transition: all 0.4s linear;
    background: #4a83fd; }
  .butn-style4:hover {
    color: #fff; }
  .butn-style4:active {
    color: #fff; }
  .butn-style4:focus {
    color: #fff; }

.butn-style4.secondary {
  background: #4a83fd; }
  .butn-style4.secondary:before {
    background: #34da89; }

.butn-style4.secondary.white-hover:before {
  background: #fff; }
.butn-style4.secondary.white-hover:active {
  color: #002a5c; }
.butn-style4.secondary.white-hover:focus {
  color: #002a5c; }
.butn-style4.secondary.white-hover:hover {
  color: #002a5c; }

.butn-style4.primary.white-hover:before {
  background: #fff;
  background: #fff; }

.butn-style4.dark {
  background: #002a5c; }
  .butn-style4.dark:before {
    background: #4a83fd; }

.butn-style4.dark.white-hover:before {
  background: #fff; }
.butn-style4.dark.white-hover:active {
  color: #002a5c; }
.butn-style4.dark.white-hover:focus {
  color: #002a5c; }
.butn-style4.dark.white-hover:hover {
  color: #002a5c; }

.butn-style4.sm {
  padding: 12px 20px !important;
  font-size: 14px; }
  .butn-style4.sm:before {
    top: -58px; }

.butn-style4.md {
  padding: 14px 24px !important;
  font-size: 15px; }

.butn-style4:hover:before {
  transform: translateX(0) rotate(195deg); }
.butn-style4:active:before {
  transform: translateX(0) rotate(195deg); }
.butn-style4:focus:before {
  transform: translateX(0) rotate(195deg); }

.butn-style4.white {
  border: unset;
  background: #fff;
  color: #34da89; }
  .butn-style4.white:hover {
    color: #fff; }

.butn-style4.black {
  border: unset;
  color: #fff; }
  .butn-style4.black:hover {
    color: #fff; }

.bd-example button {
  margin-top: .25rem;
  margin-bottom: .25rem; }
.bd-example a {
  margin-top: .25rem;
  margin-bottom: .25rem; }

.scrollHeader .attr-nav .butn-style3:hover {
  background: transparent; }

/* ===================================
    Navigation
====================================== */
/* top bar  */
.top-bar-info {
  display: inline-block;
  vertical-align: middle; }
  .top-bar-info ul {
    margin-bottom: 0; }
  .top-bar-info li {
    font-weight: 500;
    color: #fff;
    list-style-type: none;
    font-size: 14px;
    padding: 0 5px 0;
    display: inline-block;
    margin-bottom: 0; }
    .top-bar-info li i {
      font-size: 16px;
      color: #fff;
      margin-right: 8px;
      margin-top: 0;
      display: inline-block;
      vertical-align: text-bottom; }

#top-bar {
  display: block;
  position: relative;
  z-index: 999;
  background: #34da89;
  padding: 7px 0; }

.top-social-icon {
  padding: 0;
  float: right;
  margin: 0; }
  .top-social-icon li {
    font-size: 14px;
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0 7px; }
    .top-social-icon li:last-child {
      padding-right: 0; }
      .top-social-icon li:last-child a {
        padding-right: 0; }
    .top-social-icon li a {
      color: #fff;
      line-height: 28px;
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
      padding: 0 3px; }
      .top-social-icon li a:hover {
        color: rgba(255, 255, 255, 0.85); }
      .top-social-icon li a:active {
        color: rgba(255, 255, 255, 0.85); }
      .top-social-icon li a:focus {
        color: rgba(255, 255, 255, 0.85); }

/* menu area light */
.navbar-nav li.current > a {
  color: #4a83fd; }
.navbar-nav li.active > a {
  color: #4a83fd; }

.attr-nav > ul > li > a.butn {
  color: #fff; }

.navbar > ul > li.current > a:after {
  border-color: transparent #4a83fd #4a83fd transparent; }

.menu_area-light .navbar-nav li.current > a {
  color: #34da89; }
.menu_area-light .navbar-nav li.active > a {
  color: #34da89; }
.menu_area-light .navbar > ul > li.current > a:after {
  border-color: transparent #34da89 #34da89 transparent; }

.menu_area-light.scrollHeader .navbar-nav li.current > a {
  color: #34da89; }
  .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
    color: #34da89; }
.menu_area-light.scrollHeader .navbar-nav li.active > a {
  color: #34da89; }
.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #34da89 #34da89 transparent; }

@media screen and (min-width: 992px) {
  .menu_area-light .navbar ul ul li.active > a {
    color: #34da89; }
  .menu_area-light .navbar > ul > li.has-sub > a:hover:after {
    border-color: #34da89; }
  .menu_area-light .navbar-nav li.has-sub a:hover {
    color: #34da89; }

  .menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #34da89; }

  .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #4a83fd; }
    .header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover:after {
      border-color: transparent #4a83fd #4a83fd transparent; }
  .header-style2.scrollHeader .navbar-nav li.current > a {
    color: #4a83fd; }
    .header-style2.scrollHeader .navbar-nav li.current > a:hover {
      color: #4a83fd; }
  .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #4a83fd #4a83fd transparent; }

  .header-style2 .navbar > ul > li.has-sub.current > a:hover:after {
    border-color: transparent #4a83fd #4a83fd transparent; }
  .header-style2 .navbar > ul > li.has-sub > a:hover:after {
    border-color: transparent #4a83fd #4a83fd transparent; }
  .header-style2 .navbar > ul > li.has-sub > a:active:after {
    border-color: transparent #4a83fd #4a83fd transparent; }
  .header-style2 .navbar > ul > li.has-sub > a:focus:after {
    border-color: transparent #4a83fd #4a83fd transparent; }
  .header-style2 .navbar ul ul li.active > a {
    color: #4a83fd; }
  .header-style2 .navbar-nav li.has-sub a:hover {
    color: #4a83fd; }
  .header-style2 .navbar-nav li.has-sub a:active {
    color: #4a83fd; }
  .header-style2 .navbar-nav li.has-sub a:focus {
    color: #4a83fd; }
  .header-style2 .navbar-nav li.current > a {
    color: #4a83fd; }
  .header-style2 .navbar-nav li.active > a {
    color: #4a83fd; } }
@media screen and (max-width: 991px) {
  .header-style1 .navbar-toggler {
    background: #34da89; }
    .header-style1 .navbar-toggler:after {
      border-top: 2px solid #fff;
      border-bottom: 2px solid #fff; }
    .header-style1 .navbar-toggler:before {
      background: #fff; }
  .header-style1 .navbar-toggler.menu-opened:after {
    background: #fff; }
  .header-style1 .navbar-toggler.menu-opened:before {
    background: #fff; } }
/* header style 2 */
.header-style2 .navbar-nav li.current > a {
  color: #4a83fd; }
.header-style2 .navbar > ul > li.current > a:after {
  border-color: transparent #4a83fd #4a83fd transparent; }

.header-style2.scrollHeader .navbar-nav li.current > a {
  color: #4a83fd; }
  .header-style2.scrollHeader .navbar-nav li.current > a:hover {
    color: #4a83fd; }
.header-style2.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #4a83fd #4a83fd transparent; }

@media screen and (min-width: 992px) {
  .header-style2 .navbar ul ul li.active > a {
    color: #4a83fd; }
  .header-style2 .butn.secondary:before {
    background: #ffffff; }
  .header-style2 .butn.secondary:hover {
    color: #18455d !important; }
  .header-style2 .butn.secondary:focus {
    color: #18455d !important; }
  .header-style2 .butn.secondary:active {
    color: #18455d !important; }

  .header-style2.scrollHeader .butn.secondary:before {
    background: #4a83fd; }
  .header-style2.scrollHeader .butn.secondary:hover {
    color: #fff !important; }
  .header-style2.scrollHeader .butn.secondary:focus {
    color: #fff !important; }
  .header-style2.scrollHeader .butn.secondary:active {
    color: #fff !important; } }
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 325px 0 0 0;
  text-align: center;
  position: relative; }
  .page-title-section h1 {
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 15px;
    color: #fff; }
  .page-title-section ul {
    margin-bottom: 0;
    text-align: center; }
    .page-title-section ul li {
      display: inline-block; }
      .page-title-section ul li:last-child a {
        opacity: 0.65; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li:after {
        text-align: center;
        content: '';
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #34da89;
        margin: 0 8px 0 15px;
        vertical-align: middle;
        display: inline-block; }
      .page-title-section ul li a {
        font-weight: 600;
        color: #fff; }
  .page-title-section .page-title {
    max-width: fit-content;
    width: 95%;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    padding: 35px 20px 25px 20px;
    position: absolute;
    bottom: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    z-index: 9;
    margin: 0 auto;
    left: 10px; }

@media screen and (max-width: 1399px) {
  .page-title-section {
    padding: 305px 0 0 0; } }
@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 285px 0 0 0; }
    .page-title-section h1 {
      margin-bottom: 10px; }
    .page-title-section .page-title {
      padding: 30px 20px 20px 20px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 265px 0 0 0; }
    .page-title-section h1 {
      margin-bottom: 8px; }
    .page-title-section .page-title {
      padding: 30px 20px 15px 20px; } }
@media screen and (max-width: 575px) {
  .page-title-section {
    padding: 250px 0 0 0; }
    .page-title-section .page-title {
      padding: 25px 15px 15px 15px; } }
/* page title2 */
.page-title-section2 {
  padding: 300px 0 0 0; }

@media screen and (max-width: 1399px) {
  .page-title-section2 {
    padding: 280px 0 0 0; } }
@media screen and (max-width: 1199px) {
  .page-title-section2 {
    padding: 225px 0 0 0; } }
@media screen and (max-width: 991px) {
  .page-title-section2 {
    padding: 200px 0 0 0; } }
@media screen and (max-width: 575px) {
  .page-title-section2 {
    padding: 150px 0 0 0; } }
/* ===================================
   Section title
====================================== */
/* title-style1 */
.title-style1 span {
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  padding: 7px 12px 7px 12px;
  color: #ffffff;
  background-color: #4a83fd;
  text-transform: uppercase; }

/* title-style2 */
.title-style2 span {
  color: #4a83fd;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
  padding-top: 28px;
  z-index: 1;
  font-weight: 600; }
.title-style2 h1 {
  position: relative;
  z-index: 3;
  display: inline-block; }
.title-style2 h2 {
  position: relative;
  z-index: 3;
  display: inline-block; }
.title-style2 h3 {
  position: relative;
  z-index: 3;
  display: inline-block; }
.title-style2 h4 {
  position: relative;
  z-index: 3;
  display: inline-block; }
.title-style2 h5 {
  position: relative;
  z-index: 3;
  display: inline-block; }
.title-style2 h6 {
  position: relative;
  z-index: 3;
  display: inline-block; }

/* title-style3 */
.title-style3 span {
  color: #4a83fd;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
  padding-top: 28px;
  z-index: 1;
  font-weight: 600; }
  .title-style3 span:after {
    position: absolute;
    content: '';
    background: rgba(74, 131, 253, 0.09);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 24px;
    height: 24px;
    left: 9px;
    top: 0px;
    z-index: -1; }
.title-style3 h1 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h1:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }
.title-style3 h2 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h2:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }
.title-style3 h3 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h3:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }
.title-style3 h4 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h4:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }
.title-style3 h5 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h5:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }
.title-style3 h6 {
  position: relative;
  z-index: 3;
  display: inline-block; }
  .title-style3 h6:before {
    position: absolute;
    content: '';
    background: #34da89;
    width: 30px;
    height: 30px;
    left: -9px;
    top: 0px;
    border-radius: 50%;
    z-index: -1; }

.title-style3.white span:before {
  background: #33557d;
  border-left: 2px solid #002a5c;
  border-bottom: 2px solid #002a5c; }
.title-style3.white span:after {
  background: #33557d;
  border-left: 2px solid #002a5c;
  border-bottom: 2px solid #002a5c; }

@media screen and (max-width: 767px) {
  .title-style3 h2:before {
    width: 20px;
    height: 20px;
    left: -6px;
    top: 1px; } }
/* ===================================
   Banner
====================================== */
.banner-style1 h1:before {
  content: '';
  width: 100px;
  height: 100px;
  background: #34da89;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  top: -20px;
  left: -35px; }

@media screen and (max-width: 767px) {
  .banner-style1 h1:before {
    width: 50px;
    height: 50px;
    top: -10px;
    left: -19px; } }
/* video-banner */
.video-banner h1 {
  font-size: 120px; }

@media screen and (max-width: 1199px) {
  .video-banner h1 {
    font-size: 90px; } }
@media screen and (max-width: 767px) {
  .video-banner h1 {
    font-size: 70px; } }
@media screen and (max-width: 575px) {
  .video-banner h1 {
    font-size: 50px; } }
/* ===================================
    Slider fade
====================================== */
.slider-fade .item {
  height: 100vh; }
.slider-fade h1 {
  animation-delay: 0.8s; }
.slider-fade p {
  animation-delay: 1.2s; }
.slider-fade a {
  animation-delay: 1.6s; }
.slider-fade .owl-theme .owl-nav {
  margin-top: 0; }
.slider-fade .owl-theme .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.85); }
.slider-fade .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 45%;
  height: 55px;
  width: 55px;
  background: rgba(255, 255, 255, 0.1) !important;
  opacity: 1;
  color: #fff !important;
  border-radius: 0.25rem;
  line-height: 32px;
  font-size: 18px !important;
  transition: all .3s ease; }
  .slider-fade .owl-nav .owl-next:hover {
    background: #34da89 !important; }
    .slider-fade .owl-nav .owl-next:hover span {
      color: #fff; }
  .slider-fade .owl-nav .owl-next span {
    color: #34da89;
    font-size: 24px;
    line-height: 55px;
    transition: all .3s ease; }
.slider-fade .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 45%;
  height: 55px;
  width: 55px;
  background: rgba(255, 255, 255, 0.1) !important;
  opacity: 1;
  color: #fff !important;
  border-radius: 0.25rem;
  transition: all .3s ease; }
  .slider-fade .owl-nav .owl-prev:hover {
    background: #34da89 !important; }
  .slider-fade .owl-nav .owl-prev span {
    color: #34da89;
    font-size: 24px;
    line-height: 55px;
    transition: all .3s ease; }
  .slider-fade .owl-nav .owl-prev:hover span {
    color: #fff; }
.slider-fade.owl-carousel.owl-theme .owl-dots {
  position: absolute;
  bottom: 80px;
  width: 100%;
  margin: 0;
  left: 0; }
.slider-fade.owl-theme .owl-dots .owl-dot.active span, .slider-fade.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #34da89; }

@media screen and (min-width: 1400px) {
  .slider-fade h1 {
    font-size: 6rem; } }
/*==============================
 *    Video
 *    ================================ */
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #34da89;
  text-align: center;
  display: inline-block;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s; }
  .video_btn:hover i {
    color: #fff; }
  .video_btn:focus i {
    color: #fff; }
  .video_btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }
  .video_btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 95px;
    width: 95px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }

.video_btn.small {
  width: 50px;
  height: 50px;
  line-height: 50px; }
  .video_btn.small:after {
    height: 50px;
    width: 50px; }
  .video_btn.small:before {
    height: 65px;
    width: 65px; }

@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 75px; }
    .video_btn:after {
      height: 75px;
      width: 75px; }
    .video_btn:before {
      height: 90px;
      width: 90px; } }
@media screen and (max-width: 991px) {
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 70px; }
    .video_btn:after {
      height: 70px;
      width: 70px; }
    .video_btn:before {
      height: 85px;
      width: 85px; }

  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }
@media screen and (max-width: 767px) {
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 60px; }
    .video_btn:after {
      height: 60px;
      width: 60px; }
    .video_btn:before {
      height: 75px;
      width: 75px; } }
/* ===================================
    Portfolio
====================================== */
/* filtering */
.filtering span {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid #eeeeee;
  border-radius: 6px; }
  .filtering span:last-child {
    margin: 0; }
.filtering .active {
  color: #fff;
  background-color: #34da89; }

.portfolio-box:hover .portfolio-content {
  opacity: 1;
  visibility: visible;
  bottom: 40px; }
.portfolio-box:hover:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.25rem;
  display: block;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
  transition: opacity .4s;
  background: rgba(0, 42, 92, 0.76);
  background: linear-gradient(-180deg, transparent, #002a5c 150%); }
.portfolio-box .portfolio-content {
  transition: all 300ms linear 0ms;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .4s;
  padding: 0 30px;
  z-index: 1; }
.portfolio-box .arrow-btn {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: #34da89;
  color: #fff;
  display: inline-block;
  border-radius: 50%; }

@media screen and (max-width: 991px) {
  .filtering span {
    margin-right: 15px;
    padding: 10px 13px; } }
@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px;
    margin-bottom: 15px; } }
@media screen and (max-width: 575px) {
  .filtering span {
    margin-right: 10px;
    padding: 7px 14px; } }
/*==============================
 *    Pagination
 *    ================================ */
.pagination {
  border-radius: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto; }
  .pagination ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline-block;
    margin-right: 10px; }
    .pagination li:last-child {
      margin-right: 0; }
  .pagination a {
    display: inline-block;
    border-radius: 2px;
    background: transparent;
    font-weight: 700;
    text-align: center;
    margin: 3px 0;
    padding: 12px 16px;
    color: #002a5c;
    border: 1px solid #dddddd;
    line-height: 25px; }
    .pagination a:hover {
      background-color: #4a83fd;
      color: #ffffff;
      box-shadow: none; }
    .pagination a:active {
      background-color: #4a83fd;
      color: #ffffff;
      box-shadow: none; }
    .pagination a:focus {
      background-color: #4a83fd;
      color: #ffffff;
      box-shadow: none; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #002147;
    border: 1px solid #dbdbdb;
    cursor: default; }

@media screen and (max-width: 575px) {
  .pagination li {
    margin-right: 8px; } }
/* ===================================
    Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px;
  text-align: center; }
.owl-theme .owl-dots .owl-dot.active span {
  background-color: #34da89; }
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #34da89; }

.owl-carousel .owl-item img {
  width: auto;
  display: inline-block; }

/* service carousel */
.services-carousel.owl-theme .owl-nav {
  position: absolute;
  top: -90px;
  right: 20%;
  margin: 0; }
  .services-carousel.owl-theme .owl-nav [class*='owl-'] {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #eee; }
    .services-carousel.owl-theme .owl-nav [class*='owl-']:hover {
      background-color: #4a83fd; }

/* service-features */
.service-features .service-img {
  width: 100%;
  height: 340px; }

@media screen and (max-width: 1199px) {
  .service-features .service-img {
    height: 323px; } }
/* ===================================
    Accordion style
====================================== */
/* accordion-style */
.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08); }
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }
.accordion-style .btn-link {
  color: #677788;
  line-height: 20px;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 20px 35px 20px 20px;
  font-weight: 700;
  text-decoration: none; }
  .accordion-style .btn-link:hover {
    text-decoration: none; }
  .accordion-style .btn-link:after {
    background: none;
    content: "-";
    right: 17px;
    left: inherit;
    font-size: 20px;
    height: auto;
    transform: none;
    width: auto;
    top: 20px;
    position: absolute;
    color: #4a83fd; }
.accordion-style .btn-link.collapsed:after {
  background: none;
  content: "+";
  right: 15px;
  left: inherit;
  font-size: 20px;
  height: auto;
  transform: none;
  width: auto;
  top: 20px;
  color: #4a83fd; }
.accordion-style .card-body {
  padding: 0px 40px 30px 20px; }

@media screen and (max-width: 991px) {
  .accordion-style .btn-link:after {
    top: 20px; }
  .accordion-style .btn-link.collapsed:after {
    top: 20px; }
  .accordion-style .card-body {
    padding: 10px 25px 30px 25px; } }
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
  padding-left: 0; }

.resp-tabs-list li {
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  padding: 8px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: 120px;
  text-align: center; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    font-size: 28px;
    margin-bottom: 8px;
    color: #6f6f6f; }
.resp-tabs-list li.resp-tab-active {
  padding: 15px 20px 13px 20px;
  color: #34da89;
  border-bottom: 2px solid #34da89; }
  .resp-tabs-list li.resp-tab-active i {
    color: #fff; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 40px 0 40px 0;
  float: left;
  width: 100%; }

.resp-content-active {
  display: block; }

.resp-accordion-active {
  display: block; }

h2.resp-accordion {
  background: #fff !important;
  cursor: pointer;
  display: none;
  font-size: 16px;
  border: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  margin: 0px;
  padding: 15px 21px;
  float: left;
  width: 100%; }

h2.resp-tab-active {
  border-bottom: 0px solid #e4e4e4 !important;
  background: #34da89 !important;
  color: #fff;
  border: 1px solid #34da89;
  color: #fff !important; }
  h2.resp-tab-active span.resp-arrow {
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 1px 0 0 1px;
    float: right;
    display: block;
    height: 8px;
    transform: rotate(45deg);
    width: 8px;
    margin-top: 7px; }

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e4e4e4 !important;
  background: #00baee; }

.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 12px;
      font-size: 18px;
      min-width: 25px; }

  h2.resp-accordion.resp-tab-active i {
    color: #fff; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
    .resp-vtabs .resp-tab-content:last-child {
      border-bottom: 1px solid #c1c1c1 !important; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; } }
/* tab-style3 */
.tab-style3 .resp-tab-content {
  padding: 40px 0 0 0; }
.tab-style3 .resp-tabs-list {
  display: table;
  max-width: 100%;
  width: 100%;
  margin-top: 0; }
  .tab-style3 .resp-tabs-list li {
    padding: 25px;
    border: 1px solid #ececec;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    height: 100%;
    display: table-cell;
    min-width: auto; }
  .tab-style3 .resp-tabs-list li.resp-tab-active {
    -webkit-box-shadow: 0px 11px 61px 3px rgba(34, 34, 34, 0.09);
    box-shadow: 0px 11px 61px 3px rgba(34, 34, 34, 0.09);
    background-color: #002a5c;
    border: 1px solid #002a5c; }
    .tab-style3 .resp-tabs-list li.resp-tab-active:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      border-width: 10px;
      border-style: solid;
      border-color: #002a5c transparent transparent transparent; }
.tab-style3 .img-effect:hover {
  transform: translateY(-8px); }
.tab-style3 .box-shadow-primary {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 767px) {
  .tab-style3 .resp-tabs-list {
    display: none; }
  .tab-style3 .resp-tab-content {
    border: 1px solid #e4e4e4;
    padding: 20px; } }
/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; } }
/* ===================================
    Pages
====================================== */
/* count-down */
ul.countdown li {
  display: inline-block;
  padding: 0 30px;
  text-align: center; }
  ul.countdown li:first-child {
    padding-left: 0; }
  ul.countdown li:last-child {
    border: medium none;
    padding-right: 0; }
  ul.countdown li span {
    position: relative; }
  ul.countdown li p.timeRefDays {
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
  ul.countdown li p.timeRefHours {
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
  ul.countdown li p.timeRefMinutes {
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
  ul.countdown li p.timeRefSeconds {
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  ul.countdown li {
    width: 49%;
    padding: 0 5px; } }
/* elements page */
.icon-gallery .d-table {
  margin-top: 30px; }
.icon-gallery .d-table-cell {
  width: 125px;
  height: 125px;
  text-align: center;
  margin-bottom: 25px;
  border: 1px solid rgba(0, 0, 0, 0.075);
  vertical-align: middle;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  padding: 10px;
  background: #fff; }
.icon-gallery i {
  display: block;
  margin-bottom: 15px;
  font-size: 28px;
  color: #34da89; }

/* modal */
.modal-backdrop {
  z-index: 99999; }

.modal {
  z-index: 999999; }

/* Copy Elements */
pre[class*="language-"] {
  max-height: 45vh;
  height: 100%;
  margin: 35px 0 15px 0;
  padding-top: 0; }

.html-code {
  background-color: #fbfbfb;
  position: relative;
  box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid #ededed; }
  .html-code:before {
    color: #c8dfab;
    content: "•••";
    font-size: 30px;
    left: 24px;
    letter-spacing: 4px;
    line-height: 12px;
    position: absolute;
    top: 24px; }
  .html-code .copy-element {
    top: 15px;
    right: 30px; }
  .html-code:hover .copy-element {
    opacity: 1; }
  .html-code:hover .source-element {
    opacity: 1; }

.copy-element {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 85px;
  transition: opacity 0.3s ease-in-out; }
  .copy-element > a {
    border-radius: 0.25rem;
    background: #dde1e6;
    color: #777 !important;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer !important;
    font-weight: 600; }
    .copy-element > a:hover {
      background: #34da89;
      color: #fff !important; }

.source-element {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  transition: opacity 0.3s ease-in-out; }
  .source-element > a {
    border-radius: 0.25rem;
    background: #dde1e6;
    color: #777 !important;
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer !important;
    font-weight: 600; }
    .source-element > a:hover {
      background: #34da89;
      color: #fff !important; }

.box-hover {
  position: relative; }
  .box-hover:hover .copy-element {
    opacity: 1; }
  .box-hover:hover .source-element {
    opacity: 1; }
  .box-hover .container {
    position: relative; }

.copy-clipboard {
  cursor: pointer;
  padding: 5px 15px; }

.white-popup-block {
  background-color: #fbfbfb;
  position: relative;
  max-width: 650px;
  box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
  padding: 60px 30px 30px 30px;
  border-radius: 5px;
  margin: 40px auto;
  border: 1px solid #ededed; }
  .white-popup-block:before {
    color: rgba(3, 169, 245, 0.2);
    content: "•••";
    font-size: 30px;
    left: 24px;
    letter-spacing: 4px;
    line-height: 12px;
    position: absolute;
    top: 24px; }
  .white-popup-block:hover .copy-element {
    opacity: 1; }
  .white-popup-block .copy-element {
    top: 45px;
    right: 30px; }

.white-popup-block.popup-copy.mfp-hide {
  display: block !important;
  height: 0;
  position: absolute;
  z-index: -1;
  padding: 0;
  opacity: 0;
  margin: 0; }

.inner-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 35px;
  padding-bottom: 20px; }
  .inner-title h2 {
    position: relative;
    z-index: 1; }

@media screen and (max-width: 767px) {
  .elements-block .inner-title {
    margin-bottom: 65px; }

  .copy-element {
    top: 65px; }

  .source-element {
    top: 65px; } }
/* contact us page */
.contact-form {
  box-shadow: 0 0 14px rgba(82, 85, 90, 0.1); }

.map {
  height: 400px;
  width: 100%; }

/* why choose us style1 */
.whychooseus1 .small-box .media i {
  background: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 50px;
  font-size: 24px; }

/* quform */
.form-group {
  margin-bottom: 1rem; }
  .form-group label {
    margin-bottom: .5rem; }

.form-control:focus {
  border-color: #34da89; }

.form-check-input:checked {
  border-color: #34da89;
  background-color: #34da89; }

.quform-input {
  position: relative; }
  .quform-input .quform-errors-wrap {
    position: absolute;
    right: 8px;
    top: 0;
    line-height: normal;
    z-index: 1; }

.quform-element {
  margin-bottom: 1rem; }
  .quform-element > label {
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #6a747b;
    font-size: 15px; }
    .quform-element > label .quform-required {
      color: #cc0101;
      font-size: 10px; }

.quform-inner input {
  width: 100%; }

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 8px 15px;
  vertical-align: top; }
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 8px 35px 8px 15px; }

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal; }
  .quform-errors > .quform-error {
    padding: 0;
    background: none;
    border: none;
    float: none;
    color: #f5543f;
    font-size: 11px;
    line-height: normal;
    letter-spacing: normal; }

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal; }
.quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-has-error input {
  border-color: #f5543f; }
.quform-has-error textarea {
  border-color: #f5543f; }
.quform-has-error select {
  border-color: #f5543f; }
.quform-has-error input[type=file] {
  border-color: #f5543f; }
.quform-has-error .custom-file-label {
  border-color: #f5543f; }

.quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }
  .quform-loading-wrap .quform-loading {
    display: inline-block; }

/* ===================================
    Pricing table
====================================== */
.pricing-block {
  position: relative;
  z-index: 99;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); }
  .pricing-block .price-plan {
    padding-bottom: 35px;
    padding-top: 35px;
    margin-bottom: 35px;
    position: relative; }

.pricing-block.plan-two .list-style4 li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff; }

@media screen and (max-width: 767px) {
  .pricing-block .price-plan {
    padding: 28px 30px; } }
/* ===================================
    Card styles
====================================== */
/* card-style1 */
.card-style1 i {
  -webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
.card-style1:hover i {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg); }

/* card-style2 */
.card-style2 {
  position: relative;
  height: 300px; }
  .card-style2:hover .card-body {
    transform: rotateY(180deg); }
  .card-style2 .card-body {
    position: relative;
    z-index: 1;
    transition: 0.7s;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    perspective: inherit; }
  .card-style2 .card-front {
    text-align: left;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 2;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotate(0);
    transition: 0.7s;
    perspective: inherit;
    transform-style: preserve-3d;
    padding: 42px; }
    .card-style2 .card-front .line {
      width: 50%;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.4);
      margin: 30px 0; }
  .card-style2 .card-back {
    padding: 42px;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: rotate(0);
    transition: 0.7s;
    perspective: inherit;
    transform-style: preserve-3d;
    text-align: center;
    justify-content: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotateY(-180deg); }
    .card-style2 .card-back .butn-style1 {
      transform: translateZ(45px) scale(0.94); }

@media screen and (max-width: 1399px) {
  .card-style2 {
    height: 322px; } }
@media screen and (max-width: 1199px) {
  .card-style2 .card-front, .card-style2 .card-back {
    padding: 25px; } }
@media screen and (max-width: 767px) {
  .card-style2 {
    height: 285px; } }
/* card-style3 */
.card-style3 {
  box-shadow: 0px 0px 72px -10px rgba(0, 0, 0, 0.1);
  height: 100%; }
  .card-style3 .card-img:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(52, 218, 137, 0.6);
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .card-style3:hover .card-img:after {
    visibility: visible;
    opacity: 1; }
  .card-style3:hover .social-icon li {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .card-style3 .social-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    margin: 0;
    width: 100%; }
    .card-style3 .social-icon li {
      display: inline-block;
      margin-right: 15px;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
      transform: translateY(-20px);
      -webkit-transition: all .3s linear;
      transition: all .3s linear;
      visibility: hidden;
      opacity: 0; }
      .card-style3 .social-icon li:last-child {
        margin-right: 0; }
      .card-style3 .social-icon li a {
        color: #fff; }
      .card-style3 .social-icon li:nth-child(odd) {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
        -webkit-transition-delay: .2s;
        transition-delay: .2s; }

/* card-style4 */
.card-style4 {
  position: relative;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  border: none;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08); }
  .card-style4:hover {
    background-color: #002a5c; }
    .card-style4:hover h3, .card-style4:hover p, .card-style4:hover a {
      color: #fff; }
  .card-style4:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: 0.9s cubic-bezier(0.68, 1.55, 0.265, 0.55);
    -moz-transition: 0.9s cubic-bezier(0.68, 1.55, 0.265, 0.55);
    -ms-transition: 0.9s cubic-bezier(0.68, 1.55, 0.265, 0.55);
    -o-transition: 0.9s cubic-bezier(0.68, 1.55, 0.265, 0.55);
    transition: 0.9s cubic-bezier(0.68, 1.55, 0.265, 0.55); }
  .card-style4 .card-body {
    padding: 55px 30px 30px 30px;
    position: relative;
    z-index: 9; }
  .card-style4 .card-icon {
    margin-left: 15px;
    position: relative;
    margin-bottom: 20px; }
  .card-style4 .icon-circle {
    height: 60px;
    width: 60px;
    top: -15px;
    left: -3px;
    border-radius: 50%;
    background: #34da89;
    opacity: 0.1;
    z-index: 0;
    position: absolute; }

/* card-style8 */
.card-style8 {
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  transition: all 0.6s linear;
  height: 100%;
  border: none; }
  .card-style8 i {
    transition: all 0.3s linear;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #34da89;
    font-size: 26px;
    display: inline-block;
    border-radius: 50%;
    text-align: center; }

/* card-style9 */
.card-style9 .media span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 50%;
  justify-content: center;
  transition: 0.5s; }
.card-style9 .media:hover span {
  background-color: #002a5c; }

/* card-style10 */
.card-style10 {
  border: 1px solid rgba(0, 0, 0, 0.085);
  border-radius: 0; }
  .card-style10 .card-img, .card-style10 .card-img-top {
    border-radius: 0; }
  .card-style10 .category {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 4px 10px 3px 10px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #4a83fd; }
  .card-style10 .card-footer {
    border-color: rgba(0, 0, 0, 0.085); }
    .card-style10 .card-footer i {
      vertical-align: text-top; }
  .card-style10 .category:hover {
    background-color: #34da89; }

/* card-style11 */
.card-style11 {
  position: relative;
  transition: 0.5s;
  padding: 0px 45px 40px 45px;
  color: inherit;
  z-index: 1;
  margin-top: 40px;
  display: inline-block;
  width: 100%;
  min-height: 380px; }
  .card-style11:before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 42, 92, 0.55);
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s;
    z-index: 1; }
  .card-style11 .icon {
    margin: -40px 0px 30px 0px;
    font-size: 36px;
    background-color: #4a83fd;
    color: #fff;
    display: inline-block;
    transition: .5s;
    height: 75px;
    width: 75px;
    position: relative;
    z-index: 3;
    text-align: center;
    line-height: 75px;
    border-radius: 50%; }
  .card-style11:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: all .5s;
    opacity: 0;
    border-radius: 5px; }
  .card-style11 h3 a {
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    word-break: break-word;
    transition: 0.4s; }
  .card-style11 .card-content {
    transform: translateY(60px);
    transition-duration: 0.6s;
    opacity: 0;
    transition: 0.6s; }
  .card-style11 .card-main-btn {
    transition-duration: calc(0.6s/2);
    transition-delay: calc(0.6s/2);
    margin: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .card-style11 .card-btn {
    display: inline-flex;
    align-items: center;
    position: relative;
    z-index: 1;
    line-height: 1;
    min-height: 19px;
    box-sizing: content-box; }
    .card-style11 .card-btn a {
      transition: .4s;
      font-size: 21px;
      color: #FFFFFF; }
  .card-style11:hover {
    background-image: unset !important; }
    .card-style11:hover h3 a {
      color: #002a5c; }
    .card-style11:hover .card-content {
      transform: translateY(0);
      opacity: 1; }
    .card-style11:hover:before {
      opacity: 0; }
    .card-style11:hover .card-main-btn {
      transition-duration: calc(0.6s/2);
      transition-delay: 0s;
      opacity: 0; }
    .card-style11:hover .icon {
      background-color: #4a83fd;
      color: #fff; }

/* cardstyle12 */
@keyframes service_1_slide_top {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.card-style12 {
  padding: 160px 0px 114px 0px;
  background-color: #02010100;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  max-height: 390px;
  height: 100%;
  border: none; }
  .card-style12:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    display: block;
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity .4s;
    background-color: transparent;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #002a5c 76%); }
  .card-style12:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    display: block;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    transition: opacity .4s;
    background: rgba(0, 42, 92, 0.76);
    background: linear-gradient(-180deg, transparent, #002a5c 150%); }
  .card-style12:hover:after {
    opacity: 0; }
  .card-style12:hover:before {
    opacity: 1; }
  .card-style12:hover .service-text {
    animation: .6s ease-in .3s normal forwards 1 service_1_slide_top; }
  .card-style12:hover .card-body {
    transform: translateY(0) !important; }
  .card-style12 .service-text {
    opacity: 0;
    color: #ffffff;
    transition: opacity .4s; }
  .card-style12 .card-body {
    transition-duration: 0.6s;
    transform: translateY(68%);
    z-index: 3;
    position: relative;
    margin: 0 30px;
    padding: 0; }
    .card-style12 .card-body h3 {
      position: relative;
      display: inline-block; }
      .card-style12 .card-body h3:before {
        content: '';
        background-color: #34da89;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        position: absolute;
        left: -8px;
        z-index: -1;
        top: -2px; }
  .card-style12 .service-btn {
    position: absolute;
    left: 30px;
    right: 0;
    bottom: 30px;
    margin: 0;
    z-index: 3; }
    .card-style12 .service-btn a {
      text-align: center;
      display: inline-block;
      transition: background-color .4s, color .4s, transform .4s;
      will-change: transform;
      background-color: rgba(255, 255, 255, 0.2);
      color: #fff;
      border-radius: 50%;
      height: 55px;
      width: 55px;
      line-height: 55px; }

/* ===================================
    List styles
====================================== */
/* list-style1 */
.list-style1 {
  list-style: none;
  padding-left: 0; }
  .list-style1 li {
    font-size: 16px;
    line-height: 34px;
    padding-left: 30px;
    position: relative; }
    .list-style1 li:last-child {
      margin-bottom: 0; }
    .list-style1 li:before {
      content: "\e64c";
      font-family: 'themify';
      font-size: 15px;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 35px;
      color: #34da89; }

@media screen and (max-width: 767px) {
  .list-style1 li {
    font-size: 15px;
    line-height: 32px; } }
/* list-style2 */
.list-style2 {
  list-style: none;
  padding-left: 0; }
  .list-style2 li {
    line-height: 34px;
    padding-left: 30px;
    position: relative; }
    .list-style2 li:last-child {
      margin-bottom: 0; }
    .list-style2 li:before {
      content: "\e64d";
      font-family: 'themify';
      font-size: 15px;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 35px;
      color: #34da89; }

@media screen and (max-width: 767px) {
  .list-style2 li {
    line-height: 32px; } }
/* list-style3 */
.list-style3 {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-style3 li {
    margin-bottom: 10px; }
    .list-style3 li:last-child {
      margin-bottom: 0; }
    .list-style3 li a {
      position: relative;
      display: block;
      text-transform: capitalize;
      padding: 15px 20px 15px 20px;
      border: 1px solid #ededed;
      font-weight: 600;
      border-radius: 0.25rem;
      background: #ffffff;
      transition: all 0.3s ease 0s; }
      .list-style3 li a:before {
        position: absolute;
        content: '\e628';
        font-weight: 500;
        font-family: 'themify';
        transition: width 0.3s linear;
        font-size: 18px;
        top: 12px;
        right: 20px; }
      .list-style3 li a:hover {
        background-color: #4a83fd;
        color: #ffffff; }
  .list-style3 li.active a {
    background-color: #4a83fd;
    color: #ffffff; }

/* list-style4 */
.list-style4 {
  list-style: none;
  padding: 0;
  margin: 0; }
  .list-style4 li {
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 15px; }
    .list-style4 li:last-child {
      padding-bottom: 0;
      border-bottom: 0;
      margin-bottom: 0; }

/* list-style5 */
.list-style5 {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1; }
  .list-style5 li {
    margin: 0;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    color: #313131;
    font-weight: 600;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 10px 0; }
    .list-style5 li:first-child {
      padding-top: 0; }
    .list-style5 li:last-child {
      border-bottom: unset;
      padding-bottom: unset; }

/* list-style6 */
.list-style6 {
  list-style: none;
  padding-left: 0; }
  .list-style6 li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative; }
    .list-style6 li:last-child {
      margin-bottom: 0; }
    .list-style6 li:before {
      content: "\f00c";
      font-family: "Font Awesome 6 Free";
      font-size: 15px;
      position: absolute;
      top: 3px;
      font-weight: 800;
      left: 0;
      color: #4a83fd; }

@media screen and (max-width: 767px) {
  .list-style6 li {
    line-height: 32px; } }
/* ===================================
    Team
====================================== */
.team-style1:hover .info h5 {
  color: #fff; }
.team-style1:hover .info span {
  color: #fff; }
.team-style1:hover .info a {
  color: #fff; }
.team-style1:hover .info::after {
  height: 100%; }
.team-style1:hover .team-img::after {
  height: 100%; }
.team-style1:hover .team-img .social {
  bottom: 40px; }
.team-style1 .team-text {
  padding: 0 30px;
  position: relative;
  top: -50px;
  margin-bottom: -50px;
  z-index: 1; }
.team-style1 .info {
  padding: 20px 30px;
  background: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .team-style1 .info::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    background: #34da89;
    transition: all 0.35s ease-in-out;
    z-index: -1; }
.team-style1 .team-img {
  overflow: hidden;
  position: relative; }
  .team-style1 .team-img .social {
    position: absolute;
    left: 0;
    bottom: -42px;
    padding: 30px;
    right: 0;
    transition: all 0.35s ease-in-out;
    z-index: 1; }
    .team-style1 .team-img .social ul li {
      display: inline-block;
      margin: 0 5px; }
      .team-style1 .team-img .social ul li a {
        display: inline-block;
        color: #ffffff;
        height: 45px;
        width: 45px;
        line-height: 45px;
        border-radius: 50%;
        background-color: #34da89; }
.team-style1 .bg-stripes {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-repeat: repeat;
  position: absolute;
  right: -30px;
  z-index: 0;
  top: -100px; }

@media screen and (max-width: 767px) {
  .team-style1 .team-text {
    padding: 0 5px; } }
/* ===================================
    About section 
====================================== */
/* about style */
@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
@keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
.about-section .since {
  position: relative;
  margin-left: 70px;
  margin-top: 10px; }
  .about-section .since:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0px;
    width: 80px;
    height: 80px;
    background: #e8e9e9;
    border-radius: 50%; }
  .about-section .since:after {
    content: "";
    position: absolute;
    left: -42px;
    top: 0px;
    bottom: 0px;
    border-left: 2px solid #34da89; }
  .about-section .since .txt {
    position: relative;
    display: block;
    padding: 21px 5px;
    width: 90px;
    height: 90px;
    line-height: 24px;
    background: #002a5c;
    border-radius: 50%;
    padding-top: 24px; }
.about-section .bg-stripes {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-repeat: repeat;
  position: absolute; }
.about-section .bg-circle {
  position: absolute;
  bottom: 0;
  left: 5%;
  animation: spin2 2s infinite alternate; }

@media screen and (max-width: 575px) {
  .about-section .since {
    margin-left: 50px;
    margin-top: 0px; } }
/* about service */
.about-service .service-video .video_btn {
  width: 50px;
  height: 50px;
  line-height: 50px; }
  .about-service .service-video .video_btn:before, .about-service .service-video .video_btn:after {
    content: none; }
.about-service .service-text span.lg-text {
  width: 50px;
  height: 50px;
  background-color: #4a83fd;
  display: flex;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  font-size: 20px;
  float: left; }

/* ===================================
    Testimonial 
====================================== */
/* testimonial style3 */
.testimonial-carousel3.owl-carousel .owl-nav {
  margin: 0; }
  .testimonial-carousel3.owl-carousel .owl-nav button.owl-prev {
    height: 45px;
    position: absolute;
    width: 45px;
    line-height: 45px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    transition: all .3s;
    right: 100px; }
    .testimonial-carousel3.owl-carousel .owl-nav button.owl-prev:hover {
      background: #4a83fd; }
  .testimonial-carousel3.owl-carousel .owl-nav button.owl-next {
    height: 45px;
    position: absolute;
    width: 45px;
    line-height: 45px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    transition: all .3s;
    right: 40px; }
    .testimonial-carousel3.owl-carousel .owl-nav button.owl-next:hover {
      background: #4a83fd; }

.testimonial-carousel3 p:before {
  content: none; }
.testimonial-carousel3 img {
  width: 70px !important; }

/* testimonial3 */
.testimonial3 .testimonial-icon {
  position: absolute;
  top: -20px;
  background-color: #fff;
  width: 45px;
  height: 45px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%; }

.testimonial-box:before {
  content: "";
  position: absolute;
  background-color: inherit;
  width: 30px;
  height: 30px;
  bottom: -5%;
  left: 15%;
  transform: translateX(-50%) rotate(45deg); }

/* testimonial-carousel4 */
.testimonial-carousel4.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 4px;
  border-radius: 0; }

/* ===================================
   Blog
====================================== */
.blog-tags a {
  border: 1px solid #ededed;
  border-radius: 3px;
  padding: 8px 12px;
  font-size: 14px !important;
  line-height: 20px;
  margin: 0.6rem 10px 0 0;
  display: inline-block; }
  .blog-tags a:hover {
    background-color: #4a83fd;
    color: #ffffff; }
  .blog-tags a:active {
    background-color: #4a83fd;
    color: #ffffff; }
  .blog-tags a:focus {
    background-color: #4a83fd;
    color: #ffffff; }

.comment-reply-link {
  color: #002a5c;
  background: rgba(0, 42, 92, 0.1);
  padding: 5px 18px;
  font-weight: 500;
  border-radius: 4px;
  font-size: 14px; }
  .comment-reply-link:hover {
    color: #fff;
    background: #002a5c; }

.entry-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 1.9rem !important;
  list-style: none;
  border-bottom: 1px solid #efefef;
  padding-bottom: 16px;
  position: relative;
  font-weight: 600; }

/* blog sidebar */
.sidebar .tags a {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  margin: 0.6rem 10px 0 0;
  display: inline-block; }
  .sidebar .tags a:hover {
    background-color: #34da89;
    color: #fff;
    border: 1px solid #34da89; }
.sidebar .widget {
  margin-bottom: 2.2rem;
  box-shadow: 0 0 14px rgba(82, 85, 90, 0.1); }
  .sidebar .widget:last-child {
    margin-bottom: 0; }
  .sidebar .widget .search-input {
    height: 53px; }
.sidebar .widget-title {
  background: #002a5c;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 20px;
  font-size: 1rem;
  margin-bottom: 0;
  text-transform: uppercase;
  position: relative;
  z-index: 1; }
  .sidebar .widget-title:before {
    position: absolute;
    content: '';
    background: rgba(52, 218, 137, 0.3);
    width: 15px;
    height: 15px;
    left: 15px;
    top: 19px;
    border-radius: 50%;
    z-index: -1; }
.sidebar .widget-body {
  padding: 1.9rem; }
.sidebar .contact-icon {
  display: block;
  color: #fff;
  background: #34da89;
  font-size: 20px;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  transition: all .45s ease-out; }

/*widget-brochure*/
.widget .widget-brochure {
  margin-bottom: 0;
  padding: 0;
  list-style: none; }
  .widget .widget-brochure li {
    position: relative;
    margin-bottom: 12px;
    display: inline-block;
    border: 1px solid #ededed;
    width: 100%;
    border-radius: 0.25rem;
    background: #fff; }
    .widget .widget-brochure li a {
      position: relative;
      display: block;
      padding: 16px 15px 16px 75px;
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 800; }
      .widget .widget-brochure li a i {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 100%;
        line-height: 3;
        text-align: center;
        font-size: 20px;
        background: #4a83fd;
        color: #ffffff;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem; }
    .widget .widget-brochure li:last-child {
      margin-bottom: 0; }

/*service-sidebar-banner*/
.banner-wrapper img {
  margin-top: 0;
  clip-path: polygon(0 0, 100% 0, 102% 87%, 0% 100%); }
.banner-wrapper .icon-boxs {
  position: absolute;
  top: -60px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 50%; }
  .banner-wrapper .icon-boxs i {
    line-height: 80px; }

/* widget categories */
.widget_categories ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .widget_categories ul .cat-item {
    margin-bottom: 10px; }
    .widget_categories ul .cat-item a {
      position: relative;
      display: block;
      text-transform: capitalize;
      padding: 15px 20px 15px 20px;
      border: 1px solid #ededed;
      font-weight: 600;
      border-radius: 0.25rem;
      background: #ffffff;
      transition: all 0.3s ease 0s; }
      .widget_categories ul .cat-item a:hover {
        background-color: #4a83fd;
        color: #ffffff; }
    .widget_categories ul .cat-item:first-child {
      padding-top: 0; }
    .widget_categories ul .cat-item:last-child {
      margin-bottom: 0; }
    .widget_categories ul .cat-item span.cat-name {
      padding-right: 5px; }

/* recent post */
.recent-post > div:first-child a {
  display: inline-block;
  width: 80px;
  height: auto; }

/* widget cloud */
.widget_tag_cloud .wp-tag-cloud {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
.widget_tag_cloud .tagcloud ul li {
  display: inline-block; }
  .widget_tag_cloud .tagcloud ul li a {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding: 8px 12px;
    font-size: 14px !important;
    line-height: 20px;
    margin: 0.6rem 10px 0 0;
    display: inline-block; }
    .widget_tag_cloud .tagcloud ul li a:hover {
      background-color: #4a83fd;
      color: #ffffff; }

/* blog share */
.blog-share-icon ul.share-post {
  list-style: none; }
  .blog-share-icon ul.share-post li {
    display: inline-block;
    padding-right: 10px; }

#top-bar {
    display: none;
}

/* ===================================
   Others
====================================== */
@media screen and (min-width: 992px) {
  .vw-lg-50 {
    width: 50vw; } }
.why-us-inner {
  margin-bottom: -90px; }

.feature-box1 {
  margin-top: -190px; }

/* why-choose-style1 */
.why-choose-style1 .why-choose-box {
  position: absolute;
  background-color: #34da89;
  width: 300px;
  text-align: start;
  padding: 30px;
  bottom: 50px; }

@media screen and (max-width: 1199px) {
  .why-choose-style1 .why-choose-box {
    padding: 15px 30px;
    bottom: 0; } }
/*content-us*/
#circle svg {
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 25s;
  -moz-animation-duration: 25s;
  -ms-animation-duration: 25s;
  -o-animation-duration: 25s;
  animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg); }
  to {
    -webkit-transform: rotate(0); } }
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg); }
  to {
    -moz-transform: rotate(0); } }
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(360deg); }
  to {
    -ms-transform: rotate(0); } }
@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg); }
  to {
    -o-transform: rotate(0); } }
@keyframes rotate {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0); } }
/* cusrsor */
/*.cursor-helper {*/
/*  height: 0; }*/

/*.cursor-helper-outer {*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  border-radius: 100%;*/
/*  background: #002a5c;*/
/*  -webkit-transition: all 200ms ease-out;*/
/*  transition: all 200ms ease-out;*/
/*  position: fixed;*/
/*  pointer-events: none;*/
/*  left: 25px;*/
/*  top: 25px;*/
/*  -webkit-transform: translate(calc(-50% + 5px), -50%);*/
/*  transform: translate(calc(-50% + 5px), -50%);*/
/*  z-index: 999999; }*/

/*.cursor-helper-inner {*/
/*  width: 10px;*/
/*  height: 10px;*/
/*  border-radius: 100%;*/
/*  background-color: transparent;*/
/*  opacity: 0.3;*/
/*  position: fixed;*/
/*  -webkit-transform: translate(-50%, -50%);*/
/*  transform: translate(-50%, -50%);*/
/*  pointer-events: none;*/
/*  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;*/
/*  transition: width 0.3s, height 0.3s, opacity 0.3s;*/
/*  z-index: 999999; }*/

.cursor-link {
  background-color: #002a5c;
  opacity: 0.4; }

.cursor-light {
  background-color: #fff;
  opacity: 1; }

.cursor-slider {
  background-color: #002a5c;
  border-radius: 100%;
  padding: 30px; }
  .cursor-slider:after {
    content: "\e658";
    font-family: 'themify';
    font-size: 24px;
    position: absolute;
    top: 13px;
    left: 19px;
    line-height: 35px;
    color: #fff; }

.cursor-helper-innerhover {
  width: 25px;
  height: 25px;
  opacity: 0.4; }

@media screen and (max-width: 1199px) {
  .cursor-helper {
    display: none; } }
/* counter */
.counter-style1 {
  padding-bottom: 300px; }
  .counter-style1 .counter-block h3 {
    position: relative;
    display: inline-block;
    z-index: 3; }
    .counter-style1 .counter-block h3:before {
      content: '';
      background-color: #34da89;
      height: 25px;
      width: 25px;
      border-radius: 50%;
      position: absolute;
      left: -3px;
      z-index: -1;
      top: 4px; }

@media screen and (max-width: 991px) {
  .counter-style1 {
    padding-bottom: 250px; } }
/* client carousel */
.clients-carousel img {
  transition: 0.4s; }
  .clients-carousel img:hover, .clients-carousel img:focus, .clients-carousel img:active {
    opacity: 0.5; }

/* page navigation */
.page-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px; }

.prev-page {
  position: relative;
  width: 50%;
  max-width: 350px;
  margin: 10px; }
  .prev-page:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);
    transform: scale(1.04, 1.12);
    transition: .3s ease-in-out;
    pointer-events: none; }
  .prev-page .page-info > a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px 20px;
    min-height: 110px;
    transition: 0.8s; }
  .prev-page .page-info .image-prev {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden; }
  .prev-page .page-info .image-next {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden; }
  .prev-page .page-info .prev-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s; }
    .prev-page .page-info .prev-title:empty {
      display: none; }
  .prev-page .page-info .next-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s; }
    .prev-page .page-info .next-title:empty {
      display: none; }
  .prev-page:hover:before {
    background-color: white;
    transform: scale(1);
    box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1); }
  .prev-page a {
    justify-content: flex-start;
    text-align: left; }
    .prev-page a:hover .image-prev:after {
      visibility: visible;
      opacity: 1; }
    .prev-page a:hover .image-prev:before {
      visibility: visible;
      opacity: 1;
      margin-left: 0; }
  .prev-page .image-prev {
    margin-right: 20px; }
    .prev-page .image-prev:after {
      background-color: #4a83fd;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      transition: .3s ease-in-out; }
    .prev-page .image-prev:before {
      display: block;
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      margin-left: 20px;
      content: "\e64a";
      font-family: 'themify';
      font-size: 21px;
      line-height: 70px;
      color: #fff;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: .3s ease-in-out; }

.next-page {
  position: relative;
  width: 50%;
  max-width: 350px;
  margin: 10px;
  margin-left: auto; }
  .next-page:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);
    transform: scale(1.04, 1.12);
    transition: .3s ease-in-out;
    pointer-events: none; }
  .next-page .page-info > a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px 20px;
    min-height: 110px;
    transition: 0.8s; }
  .next-page .page-info .image-prev {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden; }
  .next-page .page-info .image-next {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    transition: inherit;
    border-radius: 4px;
    overflow: hidden; }
  .next-page .page-info .prev-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s; }
    .next-page .page-info .prev-title:empty {
      display: none; }
  .next-page .page-info .next-title {
    display: inline-block;
    position: relative;
    max-width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    word-wrap: break-word;
    vertical-align: middle;
    transition: 0.45s; }
    .next-page .page-info .next-title:empty {
      display: none; }
  .next-page:hover:before {
    background-color: white;
    transform: scale(1);
    box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1); }
  .next-page .image-next {
    margin-left: 20px; }
    .next-page .image-next:after {
      background-color: #4a83fd;
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      transition: .3s ease-in-out; }
    .next-page .image-next:before {
      display: block;
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      margin-right: 20px;
      content: "\e64a";
      font-family: 'themify';
      font-size: 21px;
      line-height: 70px;
      color: #fff;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: .3s ease-in-out;
      transform: scaleX(-1); }
  .next-page a {
    justify-content: flex-end;
    text-align: right; }
    .next-page a:hover .image-next:after {
      visibility: visible;
      opacity: 1; }
    .next-page a:hover .image-next:before {
      visibility: visible;
      opacity: 1;
      margin-right: 0; }
  .next-page .next-title {
    text-align: right; }

.prev-link-page-info > span {
  display: block; }
.prev-link-page-info .date-details {
  font-size: 14px;
  letter-spacing: .025em;
  line-height: 20px;
  margin-bottom: -2px; }
  .prev-link-page-info .date-details > div {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 600; }
  .prev-link-page-info .date-details > span {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 600; }
  .prev-link-page-info .date-details:only-child {
    margin-top: 0; }

.next-link-page-info > span {
  display: block; }
.next-link-page-info .date-details {
  font-size: 14px;
  letter-spacing: .025em;
  line-height: 20px;
  margin-bottom: -2px; }
  .next-link-page-info .date-details > div {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 600; }
  .next-link-page-info .date-details > span {
    line-height: inherit;
    transition: 0.45s;
    font-weight: 600; }
  .next-link-page-info .date-details:only-child {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .prev-page {
    width: calc(100% - 20px);
    max-width: unset; }
    .prev-page + .next-page {
      margin-top: 0; }

  .next-page {
    width: calc(100% - 20px);
    max-width: unset; }

  .page-navigation {
    flex-direction: column; } }
@media screen and (max-width: 575px) {
  .prev-page .page-info > a {
    padding: 10px; }
  .prev-page .page-info .prev-title {
    max-width: 168px; }
  .prev-page .page-info .next-title {
    max-width: 168px; }

  .next-page .page-info > a {
    padding: 10px; }
  .next-page .page-info .prev-title {
    max-width: 168px; }
  .next-page .page-info .next-title {
    max-width: 168px; } }
/* popup gallery */
.lg-backdrop {
  z-index: 99999; }

.lg-outer {
  z-index: 999999; }
  .lg-outer .lg-thumb-item.active {
    border-color: #34da89; }
  .lg-outer .lg-thumb-item:hover {
    border-color: #34da89; }

.lg-progress-bar .lg-progress {
  background-color: #34da89; }

.lg-backdrop.in {
  opacity: 0.85; }

/* client */
.media .client-count h3 {
  font-size: 150px;
  line-height: 1; }

@media screen and (max-width: 991px) {
  .media .client-count h3 {
    font-size: 120px; } }
@media screen and (max-width: 575px) {
  .media .client-count h3 {
    font-size: 90px; } }
/* newsletter */
.newsletter-form .quform-elements {
  position: relative; }
.newsletter-form .quform-submit-inner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: auto;
  background: transparent;
  height: 48px; }
  .newsletter-form .quform-submit-inner .btn {
    border: none;
    padding: 0.500rem 1.15rem; }
.newsletter-form .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0; }
.newsletter-form input {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  height: 50px;
  padding: 0.5rem 4rem 0.5rem 1rem;
  color: #fff; }
.newsletter-form .form-control:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff; }
.newsletter-form .form-control:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff; }
.newsletter-form .quform-has-error input {
  border-color: #f5543f; }
.newsletter-form .quform-has-error textarea {
  border-color: #f5543f; }
.newsletter-form .quform-has-error select {
  border-color: #f5543f; }
.newsletter-form .quform-input .quform-errors-wrap {
  right: 15px; }
.newsletter-form i {
  font-size: 1.2rem;
  line-height: 2rem; }

/*search page*/
.search-form_input {
  color: #002a5c; }

.search-frame h4 a:hover {
  color: #002a5c; }
.search-frame .search_list .match {
  color: #002a5c; }
.search-frame .search_list li:before {
  color: #002a5c; }
.search-frame .search_list li + li {
  border-top: 3px solid #002a5c; }
.search-frame .search {
  color: #002a5c; }

/* animation effects */
@keyframes LeftRight {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(30px, 0); }
  100% {
    transform: translate(0px, 0px); } }
@keyframes TopBottom {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(0, 30px); }
  100% {
    transform: translate(0px, 0px); } }
@keyframes animationFramesTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1); } }
@-webkit-keyframes animationFramesTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9); }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); } }
.ani-left-right {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: LeftRight;
  animation-timing-function: ease-in-out; }

.ani-top-bottom {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: TopBottom;
  animation-timing-function: ease-in-out; }

.circle-md {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #34da89;
  animation: animationFramesTwo 25s infinite linear; }

/* zoom animation */
@-webkit-keyframes zoominoutsinglefeatured {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes zoominoutsinglefeatured {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
.ani-zoomin {
  animation: zoominoutsinglefeatured 3s linear infinite; }

@-webkit-keyframes shine {
  100% {
    left: 125%; } }
@keyframes shine {
  100% {
    left: 125%; } }
.image-hover {
  position: relative;
  overflow: hidden; }
  .image-hover:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 1; }
  .image-hover:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s; }

/* animation */
.ani-rotate {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation: ani-rotate 10s linear infinite; }

.fill-white text {
  fill: #fff;
  font-size: 14px;
  letter-spacing: -0.05px; }

/* ===================================
    Footer
====================================== */
.opacity85 {
  opacity: 0.85;
  color: #fff; }

.opacity-link {
  opacity: 0.85;
  color: #fff; }
  .opacity-link:hover {
    opacity: 1;
    color: #34da89; }
  .opacity-link:active {
    opacity: 1;
    color: #34da89; }
  .opacity-link:focus {
    opacity: 1;
    color: #34da89; }

footer h3 {
  position: relative;
  z-index: 3;
  display: inline-block; }
footer address {
  color: rgba(255, 255, 255, 0.7); }
footer .email {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
  padding-bottom: 5px; }
  footer .email a {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    transition: all 0.8s ease; }
    footer .email a:hover:after, footer .email a:active:after, footer .email a:focus:after {
      width: 100%; }
    footer .email a:hover, footer .email a:active, footer .email a:focus {
      color: #34da89; }
    footer .email a:after {
      border-bottom: 1px solid #fff;
      transition: all 0.8s ease;
      content: "";
      display: inline-block;
      position: absolute;
      bottom: -10px;
      right: 0;
      width: 0; }
footer .phone {
  padding-bottom: 0;
  margin-bottom: 0; }
  footer .phone a {
    padding-bottom: 0;
    letter-spacing: -0.05rem;
    color: #fff; }
    footer .phone a:hover, footer .phone a:active, footer .phone a:focus {
      color: #34da89; }

/*footer list*/
.btn-white {
  top: -65px;
  right: 0;
  font-size: 20px; }

/*footer social-icon*/
.social-icon-style1 li a {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background: #34da89;
  height: 38px;
  line-height: 38px;
  width: 38px;
  border-radius: 0; }
  .social-icon-style1 li a:hover {
    color: #fff;
    background-color: #4a83fd; }
.social-icon-style1 li:last-child {
  margin-right: 0; }

/* social-icon-style3 */
.social-icon-style3 li {
  display: inline-block;
  margin-right: 7px; }
  .social-icon-style3 li a {
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #4a83fd;
    height: 38px;
    display: inline-block;
    line-height: 38px;
    width: 38px;
    border-radius: 50px; }
    .social-icon-style3 li a:hover {
      color: #fff;
      background-color: #34da89; }
    .social-icon-style3 li a:active {
      color: #fff;
      background-color: #34da89; }
    .social-icon-style3 li a:focus {
      color: #fff;
      background-color: #34da89; }
  .social-icon-style3 li:last-child {
    margin-right: 0; }

/* footer style 3 */
.footer-link li a {
  color: rgba(255, 255, 255, 0.85); }
  .footer-link li a:hover {
    color: #34da89; }

.social-icon ul li a {
  background-color: #34da89;
  padding: 10px 15px;
  color: #fff; }
  .social-icon ul li a:hover {
    background-color: #4a83fd;
    color: #fff; }

/*# sourceMappingURL=styles.css.map */

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

    Theme Name: Insurs - Insurance HTML Template
    Description: Insurance HTML Template
    Author: Website Design Templates
    Version: 2.0

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

/* ===================================
	Default Header style
====================================== */

header{ transition: all 0.5s ease 0s; position: relative; z-index: 99999; }

.navbar-brand img{ max-height: 53px; transition-duration: 0.5s; }
.navbar-header-custom{ padding: 17px 0 15px 0; }
.navbar-default{ transition: all 0.5s ease 0s; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.navbar-default .container, .navbar-default .container-fluid{ position: relative; }
.menu_area{ position: relative; z-index: 2; }
.menu_area .navbar-brand{ transition: all 0.5s ease 0s; display: inline-block; }

.navbar-nav li{ list-style: none; -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; }
.navbar-nav li.has-sub > a{ position: relative; }
.navbar-nav li.has-sub a:hover{ color: #fff; }
.navbar-nav li a{ display: block; color: #002a5c; font-size: 17px; font-weight: 600; padding: 8px 42px 8px 32px; }
.navbar-nav > li{ margin-left: 10px; float: left; text-align: center; }
.navbar-nav > li.has-sub{ padding-right: 13px; }
.navbar-nav > li > a{ position: relative; display: block; font-size: 15px; font-weight: 700; padding: 21px 0.5rem; color: #282b2d; letter-spacing: 0.8px; text-transform: uppercase; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
.navbar-nav li.current > a, .navbar-nav li.active > a{ color: #34da89; }
.navbar-nav > li.has-sub > a:hover{ color: #000; }
.navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
.navbar > ul > li.has-sub > a:after{ position: absolute; top: 29px; right: -8px; content: ""; border-color: transparent #282b2d #282b2d transparent; border-style: solid; border-width: 0 1px 1px 0; display: block; height: 6px; transform: rotate(45deg); transition: border 0.3s ease 0s; width: 6px; }
.navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

.navbar-nav ul{ position: absolute; left: -9999px; }
.navbar ul ul li{ -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
.navbar ul ul li:last-child{ margin-bottom: 0; }
.navbar ul ul li.active > a{ /*color: #fff;*/ }
.navbar-nav li > ul{ padding: 15px 0; margin: 0 0 0 10px; background: #fff; min-width: 225px; -webkit-box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15); -ms-box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15); -moz-box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15); box-shadow: 9px 11px 29px rgba(125, 138, 152, 0.15); }
.navbar-nav li:hover > ul{ left: auto; }

.navbar-nav > li.has-sub > ul{ text-align: left; opacity: 0; margin-top: 10px; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navbar-nav > li.has-sub:hover > ul{ margin-top: 0; opacity: 1; }
.navbar li > ul ul{ margin-top: -39px; margin-left: 260px; min-width: 300px; max-width: 100%; }
.navbar li > ul ul ul{ margin-left: 175px; min-width: 130px; }
.navbar ul ul li:last-child > a, .navbar ul ul li.last-item > a{ border-bottom: 0; }
.navbar ul ul li.has-sub > a:after{ position: absolute; top: 22px; right: 17px; width: 8px; height: 2px; display: block; background: #9d9d9d; content: ""; }
.navbar ul ul li.has-sub > a:before{ position: absolute; top: 19px; right: 20px; display: block; width: 2px; height: 8px; background: #9d9d9d; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all 0.25s ease; }
.navbar ul ul > li.has-sub:hover > a:before{ top: 17px; height: 0; }

/* atribute navigation */
.attr-nav{ float: right; margin-left: 11px; }
.attr-nav .dropdown-toggle:after{ content: none; }
.attr-nav > ul{ padding: 0; margin: 0 0 -5px 0; list-style: none; display: inline-block; }
.attr-nav > ul > li{ float: none; display: inline-block; vertical-align: middle; }
.attr-nav > ul > li > a{ color: #282b2d; display: block; padding: 21px 12px; position: relative; font-size: 17px; }
.attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 2px 0 0 1px; width: 15px; height: 15px; color: #fff; border-radius: 15px; line-height: 12px; font-weight: 400; }
.attr-nav > ul > li.dropdown ul.dropdown-menu{ position: absolute; border: none; border-radius: 0; padding: 0; background: #282b2d; min-width: 225px; margin: 10px 0 0 10px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

/* top search */
.top-search{ padding: 10px 0; display: none; }
.top-search input.form-control{ background-color: transparent; border: none; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; height: 40px; padding: 0 15px; min-height: auto; }
.top-search input.form-control::placeholder{ color: #f1f1f1; opacity: 1; }
.top-search input.form-control::-ms-input-placeholder, .top-search input.form-control::-moz-input-placeholder{ color: #f1f1f1; }
.top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; line-height: 1.7; font-size: 18px; }
.top-search .input-group-addon.close-search{ cursor: pointer; }

/* top search */
.top-search.white { background: #fff; }
.top-search.white input.form-control{ color: #282b2d; }
.top-search.white input.form-control::placeholder{ color: #002a5c; opacity: 1; }
.top-search.white input.form-control::-ms-input-placeholder { color: #002a5c; }
.top-search.white .input-group-addon{ color: #282b2d; }

/* Responsive CSS */
@media screen and (min-width: 992px){

	/* ===================================
		Default Header style
	====================================== */

	header.scrollHeader .navbar-default{ position: fixed; top: 0; z-index: 99; width: 100%; background: #fff; left: 0; transition: all 0.2s ease 0s;  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); animation: .95s ease 0s normal forwards 1 running headerAnimate; }
	@keyframes headerAnimate { 0% { margin-top: -150px; } 100% { margin-top: -1px; } }
	.wrapper-boxed .scrollHeader .navbar-default{ left: 0; margin: 0 auto; max-width: 1200px; right: 0; }
	.scrollHeader .navbar-brand img{ transition-duration: 0.5s; }
	.scrollHeader .navbar-header-custom{ padding: 8px 0; transition-duration: 0.5s; }
	.navbar-nav .megamenu{ margin: 0; padding: 30px 15px; right: 0; width: 100%; }
	.navbar .megamenu > li{ margin: 0; float: left; }
	.navbar .sub-title{ color: #fff; }
	.megamenu > li > ul{ left: 0; margin: 0; min-width: auto; position: static; width: 100%; }
	.navbar .megamenu li > ul{ margin: 0; min-width: auto; padding: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.navbar .megamenu ul li{ padding: 0; }
	.navbar .megamenu ul li a{ padding-left: 0; padding-right: 0; }
	.navbar .megamenu li.has-sub > a:after, .navbar .megamenu li.has-sub > a:before{ background: none; }

	.navbar-nav li > ul { min-width: 270px; }

	/* atribute navigation */
	.scrollHeader .attr-nav > ul > li > a{ padding: 21px 12px; }
	.attr-nav > ul > li.dropdown ul.dropdown-menu{ visibility: hidden; top: 66px; border-radius: 0; opacity: 0; left: -225px; }
	.attr-nav > ul > li.dropdown:hover ul.dropdown-menu{ margin-top: 0; opacity: 1; visibility: visible; }
	.scrollHeader .attr-nav > ul > li.dropdown ul.dropdown-menu{ top: 67px; }

	/* header top position */
	.top-position { margin-top: -95px; }
	.top-position1 { margin-top: -96px; }

	/* ===================================
	    Header style01
	====================================== */

	.header-style1 { box-shadow: none; }
	.header-style1 #top-bar { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2);  }
	.header-style1 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

	.header-style1 .navbar-nav li.has-sub a:hover{ color: #34da89; }
	.header-style1 .navbar-nav > li > a{ color: #fff; }
	.header-style1 .navbar-nav li.current > a{ color: #34da89; }
	.header-style1 .navbar-nav > li.has-sub > a:hover{ color: #fff; }
	.header-style1 .navbar .sub-title { color: #002a5c; font-weight: 800; }
	.header-style1 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
	.header-style1 .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
	.header-style1 .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

	.header-style1.scrollHeader .navbar-nav > li > a { color: #282b2d; }
	.header-style1.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.header-style1.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #282b2d #282b2d transparent; }
	.header-style1.scrollHeader .navbar-nav li.current > a{ color: #34da89; }
	.header-style1.scrollHeader .navbar-nav li.current > a:hover{ color: #34da89; }
	.header-style1.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

	/* atribute navigation */
	.header-style1 .attr-nav > ul > li > a{ color: #fff; }
	.header-style1.scrollHeader .attr-nav > ul > li > a{ color: #282b2d; }

	/* ===================================
	    Header style02
	====================================== */
	.header-style2 .navbar-default { box-shadow: none; }
	.header-style2 .navbar-nav li a { color: #002a5c; }
	.header-style2 .navbar-nav > li > a { color: #002a5c; }
	.header-style2 .navbar-nav li > ul { background: #fff; border-radius: 0; }
	.header-style2 .navbar ul ul li.active > a { color: #002a5c; }
	.header-style2 .navbar-nav li.has-sub a:hover{ color: #002a5c; }
	.header-style2 .navbar-nav li.current > a{ color: #34da89; }
	.header-style2 .navbar .sub-title { color: #002a5c; font-weight: 800; }
	.header-style2 .navbar-nav > li.has-sub > a:hover{ color: #000; }
	.header-style2 .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #000 #000 transparent; }
	.header-style2 .navbar > ul > li.has-sub > a:after{  border-color: transparent #000 #000 transparent; }
	.header-style2 .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

	.header-style2.scrollHeader .navbar-nav > li > a { color: #002a5c; }
	.header-style2.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.header-style2.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #002a5c #002a5c transparent; }
	.header-style2.scrollHeader .navbar-nav li.current > a{ color: #34da89; }
	.header-style2.scrollHeader .navbar-nav li.current > a:hover{ color: #34da89; }
	.header-style2.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }
	
	/* ===================================
		Menu area light
	====================================== */
	.menu_area-light .navbar-nav li a { color: #002a5c; }
	.menu_area-light .navbar-nav > li > a { color: #fff; }
	.menu_area-light .navbar-nav li > ul { background: #fff; border-radius: 0; }
	.menu_area-light .navbar ul ul li.active > a { color: #282b2d; }
	.menu_area-light .navbar-nav li.has-sub a:hover{ color: #282b2d; }
	.menu_area-light .navbar-nav li.current > a{ color: #34da89; }
	.menu_area-light .navbar .sub-title { color: #282b2d; }
	.menu_area-light .navbar-nav > li.has-sub > a:hover{ color: #fff; }
	.menu_area-light .navbar > ul > li.has-sub > a:hover:after{ border-color: transparent #fff #fff transparent; }
	.menu_area-light .navbar > ul > li.has-sub > a:after{  border-color: transparent #fff #fff transparent; }
	.menu_area-light .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

	.menu_area-light.scrollHeader .navbar-nav > li > a { color: #282b2d; }
	.menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover { color: #000; }
	.menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:after { border-color: transparent #282b2d #282b2d transparent; }
	.menu_area-light.scrollHeader .navbar-nav li.current > a{ color: #34da89; }
	.menu_area-light.scrollHeader .navbar-nav li.current > a:hover{ color: #34da89; }
	.menu_area-light.scrollHeader .navbar > ul > li.current > a:after{ border-color: transparent #34da89 #34da89 transparent; }

}

@media screen and (max-width: 1399px){ 
	.navbar li > ul ul { margin-left: -290px; }
}
@media screen and (max-width: 1199px){ 
 	.navbar-nav > li{ margin-left: 2px; }
}

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

	/* ===================================
		Default Header style
	====================================== */	

	.navbar-header-custom{ padding: 6px 0;  }
	.navbar-brand img { max-height: 47px; }

	.navbar-nav li > ul{ -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
	.navbar-nav > li.has-sub > ul{ opacity: 1; margin: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0s ease; -ms-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;  }
	.navbar li > ul ul{ margin: 0; min-width: auto;  }
	.navbar-nav > li.has-sub{ padding-right: 0;  }
	.navbar-nav > li > a{ padding: 14px 20px; color: #282b2d; font-size: 15px; font-weight: 700; }
	.navbar-nav > li > a:hover{ opacity: 1;  }
	.navbar-nav li.has-sub a:hover{ color: #282b2d;  }
	.navbar ul ul li.active > a{ /*color: #000;*/ }
	.navbar .sub-title { color: #282b2d; }

	.navbar-nav{ background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: absolute; top: 70px; left: 0; width: 100%; transition-duration: 0; -ms-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; -o-transition-duration: 0; width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
	.navbar-nav li.active > a{ opacity: 1;  }
	.navbar-nav ul{ width: 100%; display: none; transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
	.navbar-nav li{ width: 100%; border-top: 1px solid #e6e6e6; position: relative; padding: 0; margin: 0; text-align: left; }
	.navbar-nav ul li:hover{ background: #f5f5f5;  }
	.navbar-nav ul ul li{ height: auto;  }
	.navbar-nav li:hover > ul > li{ height: auto;  }

	.navbar ul li a{ width: 100%; border-bottom: 0;  }
	.navbar ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }
	.navbar ul ul li{ margin-bottom: 0; padding: 0; border-color: #e6e6e6;  }
	.navbar ul ul li a{ width: 100%; border-bottom: 0; color: #002a5c; background: none; padding: 10px 35px 10px 30px;  }
	.navbar ul ul ul li a{ padding-left: 45px;  }
	.navbar > ul > li{ float: none;  }
	.navbar-nav ul ul{ position: relative; left: 0; width: 100%; margin: 0; text-align: left; background: #f5f5f5; padding: 0;  }

	.navbar > ul > li.has-sub > a:after, .navbar > ul > li.has-sub > a:before{ display: none;  }
	.navbar ul ul > li.has-sub > a:after, .navbar ul ul > li.has-sub > a:before{ display: none;  }
	.navbar-nav ul ul ul li.active a{ border-left: none;  }
	.navbar-nav > ul > li.has-sub > ul > li.active > a, .navbar-nav > ul ul > li.has-sub > ul > li.active > a{ border-top: none;  }
	.navbar li > ul ul ul{ margin-left: 0; background: #fff;  }
	.navbar ul ul ul ul li a{ padding-left: 55px;  }
	.navbar-nav .has-sub .has-sub .submenu-button{ height: 43px;  }
	.navbar-nav .has-sub .has-sub .submenu-button:after{ top: 19px;  }
	.navbar-nav .has-sub .has-sub .submenu-button:before{ top: 15px;  }

	.navbar-toggler{ background: #282b2d; width: 50px; height: 45px; padding: 0; border-radius: 0; position: absolute; right: 0; top: 13px; cursor: pointer; z-index: 12399994; border: none;  }
	.navbar-toggler:after{ position: absolute; top: 22px; right: 15px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: "";  }
	.navbar-toggler:before{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 15px; display: block; height: 2px; width: 20px; background: #fff; content: "";  }
	.navbar-toggler.menu-opened:after{ -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 23px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
	.navbar-toggler.menu-opened:before{ top: 23px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
	.navbar-nav .submenu-button{ position: absolute; z-index: 99; right: 0; top: 0; display: block; height: 51px; width: 100%; cursor: pointer;  }
	.navbar-nav .submenu-button:after{ position: absolute; top: 24px; right: 16px; width: 10px; height: 2px; display: block; background: #282b2d; content: "";  }
	.navbar-nav .submenu-button:before{ position: absolute; top: 20px; right: 20px; display: block; width: 2px; height: 10px; background: #282b2d; content: "";  }
	.navbar-nav .has-sub.active > .submenu-button:before{ display: none;  }

	/* atribute navigation */
	.attr-nav{ float: left; margin-right: 70px; }
	.attr-nav > ul > li{ display: inline-block;  }
	.attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -193px; top: 38px; display: none !important;  }
	.attr-nav > ul > li.dropdown.show ul.dropdown-menu{ display: block !important;  }
	.attr-nav > ul > li > a{ padding: 0;  }
	.attr-nav > ul > li > a span.badge { right: -8px; }

	/* header top position */
	.top-position { margin-top: -72px; }
	.top-position1 { margin-top: -73px; }

	/* ===================================
	    Header style01
	====================================== */
	.header-style1 { box-shadow: none; }
	.header-style1 #top-bar { display: none; background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.35);  }
	.header-style1 .navbar-default{ -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-bottom:1px solid rgba(255, 255, 255, 0.35); }

	.header-style1 .navbar-toggler{ background: #fff;  }
	.header-style1 .navbar-toggler:after{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
	.header-style1 .navbar-toggler:before{ background: #fff; }
	.header-style1 .navbar-toggler.menu-opened:after{  background: #fff; border-bottom: none;  }
	.header-style1 .navbar-toggler.menu-opened:before{ background: #fff; }

	.header-style1 .attr-nav > ul > li > a{ color: #fff; }

}

.theme_text_color_green {
    color:#34da89 !important;    
} 

.dropdown-item:hover {
    color:#34da89 !important;
}

.theme-mt-6 {
    margin-top:6px;
}

.theme-header-text {
    font-size:15px !important;
}

.home-slider-description {
    margin-bottom: 48px !important;
     color:#34da89 !important;
}

.home-slider-title {
    font-size:96px !important;
    margin-top: 36px !important;
    height: 60px;
    margin-bottom: 36px !important;
    color: white !important;
}

.home-slider-link-text {
    font-size:14px !important;
}

.home_banner_text_container {
    position: relative;
    padding-top: 10%;
    left: 10%;
    width: 50%;
}

.home_banner_bg_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 86vh;
    width: 100%;
}

.home_banner_title {
    font-size: 52px;
    color: white;
    line-height: 1;
    margin-bottom: 12px;
}

.home_banner_description {
    color: white;
    font-size: 20px;
    margin-top: 20px;
}

.home_banner_main_btn {
    color: #fff;
    padding: 16px 30px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: #4A83FD;
    border: none;
    border-radius: 0;
    line-height: normal;
    font-weight: bold;
    vertical-align: top;
    font-size: 16px;
}

.home_banner_main_btn:hover {
    background: #34da89;
    cursor: pointer;
}

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

.home_banner_or_text {
    font-size: 15px;
    color: white;
    padding-left: 12px;
}

.home_banner_ghost_btn {
    color: #fff;
    padding: 12px;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
    z-index: 1;
    background: transparent;
    border: none;
    border-radius: 0;
    line-height: normal;
    vertical-align: top;
    font-size: 16px;
}

.home_banner_ghost_btn:hover {
    color: #34da89;
    cursor: pointer;
}


@media(max-width:768px){
    .home_banner_text_container {
        position: relative;
        padding-top: 10%;
        left: 20px;
        width: 80%;
    }
    
    .home_banner_bg_img {
        min-height: 60vh;
        background-position: center right 45%;
    }    

    .home_banner_title {
        font-size: 32px;
    }
    
    .home_banner_description {
        display: none;
    }

    .home-slider-title {
        font-size:52px !important;
    }
}