1453 lines
27 KiB
SCSS
1453 lines
27 KiB
SCSS
/*===========================================================================
|
|
Variables
|
|
===========================================================================*/
|
|
:root{
|
|
// Font family
|
|
--font-family-main: 'DM Sans';
|
|
--font-family-text: 'DM Sans';
|
|
// Color default
|
|
--color-set-one-1:#008BF9;
|
|
--color-set-one-2:#0F3567;
|
|
--color-set-one-3:#36619A;
|
|
--color-set-one-4:#3B5279;
|
|
--color-set-one-5:#133E76;
|
|
--color-set-one-6:#36DB9F;
|
|
--color-set-one-7:#082e5f;
|
|
--color-set-one-8:#08254B;
|
|
// Color Set Home 2 and 3
|
|
--color-set-two-three-1:#2d947a;
|
|
--color-set-two-three-2:#263959;
|
|
--color-set-two-three-3:#213438;
|
|
--color-set-two-three-4:#1d3050;
|
|
--color-set-two-three-5:#152427;
|
|
--color-set-two-three-6:#138f82;
|
|
// Color Set Home 4
|
|
--color-set-four-1:#f86403;
|
|
--color-set-four-2:#d65501;
|
|
--color-set-four-3:#00868C;
|
|
--color-set-four-4:#181818;
|
|
|
|
--preloader-background-color: #008BF9;
|
|
--preloader-background-color-2: #0F3567;
|
|
--preloader-text-color: #ffffff;
|
|
|
|
--color-set-one-bg-1 : #EDF7FE;
|
|
--color-set-one-bg-2 : rgba(15, 53, 103, 0.1);
|
|
--color-set-one-bg-3 : #f6f6f6;
|
|
--color-set-one-bg-4 : #f8f8f8;
|
|
--color-set-one-lig-1 : rgba(15, 53, 103, 0.03);
|
|
--color-set-one-lig-2 : rgba(255, 255, 255, 0.1);
|
|
--color-set-one-lig-3 : #0F35671F;
|
|
--color-set-one-lig-4 : #FFFFFF14;
|
|
--color-set-one-lig-5 : #FFFFFF29;
|
|
--color-set-one-bor-1:#0F3567;
|
|
--color-set-one-bor-2:#edf4fa;
|
|
--color-set-one-bor-3:#E7EBF0;
|
|
--color-set-one-bor-4:#DCE8F0;
|
|
|
|
// Background Colors
|
|
|
|
// Typography Colors
|
|
--color-white:#ffffff;
|
|
--heading-color-one:#0F3567;
|
|
--heading-color-two :#213438;
|
|
--heading-color-three :#181818;
|
|
--content-color-one:#696E77;
|
|
// menu color
|
|
--menu-color: #0F3567;
|
|
--dropdown-bg:#ffffff;
|
|
--dropdown-menu-color:#0F3567;
|
|
// mobile-menu
|
|
--mobile-menu-color:#0F3567;
|
|
--mobile-menu-active-color:#008BF9;
|
|
// Border Colors
|
|
|
|
// Box Shadows
|
|
--box-shadow: 0 5px 22px 0px rgba(15 ,53 ,103 , 0.05);
|
|
--box-shadow-two: 0px 10px 60px rgba(0, 0, 0, 0.07);
|
|
--box-shadow-three: 0px 10px 60px rgba(15, 53, 103, 0.1);
|
|
}
|
|
|
|
// backgrounds
|
|
|
|
.bg_1{
|
|
background-color: var(--color-set-one-1)!important;
|
|
}
|
|
.bg_2{
|
|
background-color: var(--color-set-one-2)!important;
|
|
}
|
|
.bg_3{
|
|
background-color: var(--color-set-one-3)!important;
|
|
}
|
|
.bg_4{
|
|
background-color: var(--color-set-one-4)!important;
|
|
}
|
|
.bg_5{
|
|
background-color: var(--color-set-one-5)!important;
|
|
}
|
|
.bg_6{
|
|
background-color: var(--color-set-one-6)!important;
|
|
}
|
|
.bg_7{
|
|
background-color: var(--color-set-one-7)!important;
|
|
}
|
|
.bg_8{
|
|
background-color: var(--color-set-two-three-1)!important;
|
|
}
|
|
.bg_9{
|
|
background-color: var(--color-set-two-three-2)!important;
|
|
}
|
|
.bg_10{
|
|
background-color: var(--color-set-two-three-3)!important;
|
|
}
|
|
.bg_11{
|
|
background-color: var(--color-set-two-three-6)!important;
|
|
}
|
|
.bg_12{
|
|
background-color: var(--color-set-four-4)!important;
|
|
}
|
|
|
|
.bg_13{
|
|
background-color: transparent;
|
|
background-image: linear-gradient(114deg, var(--color-set-four-1) 28%,var(--color-set-four-2) 59%)!important;
|
|
opacity: .76;
|
|
transition: background .3s,border-radius .3s,opacity .3s;
|
|
}
|
|
.bg_14{
|
|
background: var(--color-set-four-3)!important;
|
|
}
|
|
.bg_15{
|
|
background: var(--color-set-four-1)!important;
|
|
}
|
|
.bg_light_1{
|
|
background: var(--color-set-one-bg-1)!important;
|
|
}
|
|
.bg_light_2{
|
|
background: var(--color-set-one-bg-3)!important;
|
|
}
|
|
.bg_light_3{
|
|
background: var(--color-set-one-bg-4)!important;
|
|
}
|
|
|
|
// display none
|
|
|
|
@media(max-width:1200px){
|
|
.d_none_1200px{
|
|
display: none;
|
|
}
|
|
}
|
|
@media(max-width:992px){
|
|
.d_none_992px{
|
|
display: none;
|
|
}
|
|
}
|
|
@media(min-width:992px){
|
|
.d_block_min_992px{
|
|
display: block;
|
|
}
|
|
}
|
|
// opacity
|
|
.op_5{
|
|
opacity: .5;
|
|
}
|
|
|
|
// pd_40
|
|
|
|
.pd_40{
|
|
padding: 40px;
|
|
}
|
|
.pd_60{
|
|
padding: 60px;
|
|
}
|
|
|
|
// object fit cover
|
|
|
|
.object-fit-cover {
|
|
overflow: hidden;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: top;
|
|
object-position: top;
|
|
}
|
|
|
|
.object-fit-cover-center {
|
|
overflow: hidden;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: top;
|
|
object-position: top;
|
|
}
|
|
// w_auto
|
|
.w_auto{
|
|
width: auto!important;
|
|
}
|
|
|
|
// background_overlay
|
|
|
|
.background_overlay{
|
|
position: absolute;
|
|
content: '';
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: var(--color-set-one-1);
|
|
opacity: .86;
|
|
|
|
}
|
|
|
|
.bg_none{
|
|
background: transparent!important;
|
|
}
|
|
|
|
/* Line */
|
|
.color_white{
|
|
color: var(--color-white)!important;
|
|
}
|
|
|
|
|
|
/*--==================spacing===================--*/
|
|
|
|
.pd_zero{
|
|
padding: 0px!important;
|
|
}
|
|
.gutter_minus_15px{
|
|
--bs-gutter-x: -15px!important;
|
|
}
|
|
.gutter_minus_25px{
|
|
--bs-gutter-x: -25px!important;
|
|
}
|
|
.gutter_minus_40px{
|
|
--bs-gutter-x: -40px!important;
|
|
}
|
|
.gutter_15px{
|
|
--bs-gutter-x: 15px!important;
|
|
}
|
|
.gutter_20px{
|
|
--bs-gutter-x: 20px!important;
|
|
}
|
|
.gutter_25px{
|
|
--bs-gutter-x: 25px!important;
|
|
}
|
|
.gutter_30px{
|
|
--bs-gutter-x: 30px!important;
|
|
}
|
|
.gutter_35px{
|
|
--bs-gutter-x: 35px!important;
|
|
}
|
|
.gutter_40px{
|
|
--bs-gutter-x: 40px!important;
|
|
}
|
|
.gutter_45px{
|
|
--bs-gutter-x: 45px!important;
|
|
}
|
|
/*--==================padding top===================--*/
|
|
.pd_top_5{
|
|
padding-top: 5px!important;
|
|
}
|
|
.pd_top_10{
|
|
padding-top: 10px!important;
|
|
}
|
|
.pd_top_15{
|
|
padding-top: 15px!important;
|
|
}
|
|
.pd_top_20{
|
|
padding-top: 20px!important;
|
|
}
|
|
.pd_top_25{
|
|
padding-top: 25px!important;
|
|
}
|
|
.pd_top_30{
|
|
padding-top: 30px!important;
|
|
}
|
|
.pd_top_35{
|
|
padding-top: 35px!important;
|
|
}
|
|
.pd_top_40{
|
|
padding-top: 40px!important;
|
|
}
|
|
.pd_top_45{
|
|
padding-top: 45px!important;
|
|
}
|
|
.pd_top_50{
|
|
padding-top: 50px!important;
|
|
}
|
|
.pd_top_55{
|
|
padding-top: 55px!important;
|
|
}
|
|
.pd_top_60{
|
|
padding-top: 60px!important;
|
|
}
|
|
.pd_top_65{
|
|
padding-top: 65px!important;
|
|
}
|
|
.pd_top_70{
|
|
padding-top: 70px!important;
|
|
}
|
|
.pd_top_75{
|
|
padding-top: 75px!important;
|
|
}
|
|
.pd_top_80{
|
|
padding-top: 80px!important;
|
|
}
|
|
.pd_top_85{
|
|
padding-top: 85px!important;
|
|
}
|
|
.pd_top_90{
|
|
padding-top: 90px!important;
|
|
}
|
|
.pd_top_95{
|
|
padding-top: 95px!important;
|
|
}
|
|
.pd_top_100{
|
|
padding-top: 100px!important;
|
|
}
|
|
.pd_top_110{
|
|
padding-top: 110px!important;
|
|
}
|
|
.pd_top_120{
|
|
padding-top: 120px!important;
|
|
}
|
|
.pd_top_130{
|
|
padding-top: 130px!important;
|
|
}
|
|
.pd_top_140{
|
|
padding-top: 140px!important;
|
|
}
|
|
.pd_top_150{
|
|
padding-top: 150px!important;
|
|
}
|
|
.pd_top_160{
|
|
padding-top: 160px!important;
|
|
}
|
|
.pd_top_170{
|
|
padding-top: 170px!important;
|
|
}
|
|
.pd_top_180{
|
|
padding-top: 180px!important;
|
|
}
|
|
.pd_top_190{
|
|
padding-top: 190px!important;
|
|
}
|
|
.pd_top_200{
|
|
padding-top: 200px!important;
|
|
}
|
|
.pd_top_210{
|
|
padding-top: 210px!important;
|
|
}
|
|
.pd_top_220{
|
|
padding-top: 220px!important;
|
|
}
|
|
.pd_top_230{
|
|
padding-top: 230px!important;
|
|
}
|
|
.pd_top_240{
|
|
padding-top: 240px!important;
|
|
}
|
|
.pd_top_250{
|
|
padding-top: 250px!important;
|
|
}
|
|
.pd_top_260{
|
|
padding-top: 260px!important;
|
|
}
|
|
.pd_top_270{
|
|
padding-top: 270px!important;
|
|
}
|
|
.pd_top_280{
|
|
padding-top: 280px!important;
|
|
}
|
|
.pd_top_290{
|
|
padding-top: 290px!important;
|
|
}
|
|
.pd_top_300{
|
|
padding-top: 300px!important;
|
|
}
|
|
.pd_top_310{
|
|
padding-top: 310px!important;
|
|
}
|
|
.pd_top_320{
|
|
padding-top: 320px!important;
|
|
}
|
|
|
|
/*--==================padding top end===================--*/
|
|
|
|
/*--==================padding left===================--*/
|
|
@media(min-width:992px){
|
|
.pd_left_5{
|
|
padding-left: 5px
|
|
}
|
|
.pd_left_10{
|
|
padding-left: 10px!important;
|
|
}
|
|
.pd_left_15{
|
|
padding-left: 15px!important;
|
|
}
|
|
.pd_left_20{
|
|
padding-left: 20px!important;
|
|
}
|
|
.pd_left_25{
|
|
padding-left: 25px!important;
|
|
}
|
|
.pd_left_30{
|
|
padding-left: 30px!important;
|
|
}
|
|
.pd_left_35{
|
|
padding-left: 35px!important;
|
|
}
|
|
.pd_left_40{
|
|
padding-left: 40px!important;
|
|
}
|
|
.pd_left_45{
|
|
padding-left: 45px!important;
|
|
}
|
|
.pd_left_50{
|
|
padding-left: 50px!important;
|
|
}
|
|
.pd_left_55{
|
|
padding-left: 55px!important;
|
|
}
|
|
.pd_left_60{
|
|
padding-left: 60px!important;
|
|
}
|
|
.pd_left_65{
|
|
padding-left: 65px!important;
|
|
}
|
|
.pd_left_70{
|
|
padding-left: 70px!important;
|
|
}
|
|
.pd_left_75{
|
|
padding-left: 75px!important;
|
|
}
|
|
.pd_left_80{
|
|
padding-left: 80px!important;
|
|
}
|
|
.pd_left_85{
|
|
padding-left: 85px!important;
|
|
}
|
|
.pd_left_90{
|
|
padding-left: 90px!important;
|
|
}
|
|
.pd_left_95{
|
|
padding-left: 95px!important;
|
|
}
|
|
.pd_left_100{
|
|
padding-left: 100px!important;
|
|
}
|
|
.pd_left_110{
|
|
padding-left: 110px!important;
|
|
}
|
|
.pd_left_120{
|
|
padding-left: 120px!important;
|
|
}
|
|
}
|
|
/*--==================padding left end===================--*/
|
|
|
|
/*--==================padding right===================--*/
|
|
@media(min-width:992px){
|
|
.pd_right_5{
|
|
padding-right: 5px!important;
|
|
}
|
|
.pd_right_10{
|
|
padding-right: 10px!important;
|
|
}
|
|
.pd_right_15{
|
|
padding-right: 15px!important;
|
|
}
|
|
.pd_right_20{
|
|
padding-right: 20px!important;
|
|
}
|
|
.pd_right_25{
|
|
padding-right: 25px!important;
|
|
}
|
|
.pd_right_30{
|
|
padding-right: 30px!important;
|
|
}
|
|
.pd_right_35{
|
|
padding-right: 35px!important;
|
|
}
|
|
.pd_right_40{
|
|
padding-right: 40px!important;
|
|
}
|
|
.pd_right_45{
|
|
padding-right: 45px!important;
|
|
}
|
|
.pd_right_50{
|
|
padding-right: 50px!important;
|
|
}
|
|
.pd_right_55{
|
|
padding-right: 55px!important;
|
|
}
|
|
.pd_right_60{
|
|
padding-right: 60px!important;
|
|
}
|
|
.pd_right_65{
|
|
padding-right: 65px!important;
|
|
}
|
|
.pd_right_70{
|
|
padding-right: 70px!important;
|
|
}
|
|
.pd_right_75{
|
|
padding-right: 75px!important;
|
|
}
|
|
.pd_right_80{
|
|
padding-right: 80px!important;
|
|
}
|
|
.pd_right_85{
|
|
padding-right: 85px!important;
|
|
}
|
|
.pd_right_90{
|
|
padding-right: 90px!important;
|
|
}
|
|
.pd_right_95{
|
|
padding-right: 95px!important;
|
|
}
|
|
.pd_right_100{
|
|
padding-right: 100px!important;
|
|
}
|
|
}
|
|
/*--==================padding right end===================--*/
|
|
|
|
/*--==================padding bottom===================--*/
|
|
.pd_bottom_5{
|
|
padding-bottom: 5px
|
|
}
|
|
.pd_bottom_10{
|
|
padding-bottom: 10px
|
|
}
|
|
.pd_bottom_15{
|
|
padding-bottom: 15px
|
|
}
|
|
.pd_bottom_20{
|
|
padding-bottom: 20px
|
|
}
|
|
.pd_bottom_25{
|
|
padding-bottom: 25px
|
|
}
|
|
.pd_bottom_30{
|
|
padding-bottom: 30px
|
|
}
|
|
.pd_bottom_35{
|
|
padding-bottom: 35px
|
|
}
|
|
.pd_bottom_40{
|
|
padding-bottom: 40px
|
|
}
|
|
.pd_bottom_45{
|
|
padding-bottom: 45px
|
|
}
|
|
.pd_bottom_50{
|
|
padding-bottom: 50px
|
|
}
|
|
.pd_bottom_55{
|
|
padding-bottom: 55px
|
|
}
|
|
.pd_bottom_60{
|
|
padding-bottom: 60px
|
|
}
|
|
.pd_bottom_65{
|
|
padding-bottom: 65px
|
|
}
|
|
.pd_bottom_70{
|
|
padding-bottom: 70px
|
|
}
|
|
.pd_bottom_75{
|
|
padding-bottom: 75px
|
|
}
|
|
.pd_bottom_80{
|
|
padding-bottom: 80px
|
|
}
|
|
.pd_bottom_85{
|
|
padding-bottom: 85px
|
|
}
|
|
.pd_bottom_90{
|
|
padding-bottom: 90px
|
|
}
|
|
.pd_bottom_95{
|
|
padding-bottom: 95px
|
|
}
|
|
.pd_bottom_100{
|
|
padding-bottom: 100px;
|
|
}
|
|
.pd_bottom_110{
|
|
padding-bottom: 110px;
|
|
}
|
|
.pd_bottom_120{
|
|
padding-bottom: 120px!important;
|
|
}
|
|
.pd_bottom_130{
|
|
padding-bottom: 130px!important;
|
|
}
|
|
.pd_bottom_140{
|
|
padding-bottom: 140px!important;
|
|
}
|
|
.pd_bottom_150{
|
|
padding-bottom: 150px!important;
|
|
}
|
|
.pd_bottom_160{
|
|
padding-bottom: 160px!important;
|
|
}
|
|
.pd_bottom_170{
|
|
padding-bottom: 170px!important;
|
|
}
|
|
.pd_bottom_180{
|
|
padding-bottom: 180px!important;
|
|
}
|
|
.pd_bottom_190{
|
|
padding-bottom: 190px!important;
|
|
}
|
|
.pd_bottom_200{
|
|
padding-bottom: 200px!important;
|
|
}
|
|
.pd_bottom_210{
|
|
padding-bottom: 2010px!important;
|
|
}
|
|
.pd_bottom_220{
|
|
padding-bottom: 220px!important;
|
|
}
|
|
.pd_bottom_230{
|
|
padding-bottom: 230px!important;
|
|
}
|
|
.pd_bottom_240{
|
|
padding-bottom: 240px!important;
|
|
}
|
|
.pd_bottom_250{
|
|
padding-bottom: 250px!important;
|
|
}
|
|
.pd_bottom_260{
|
|
padding-bottom: 260px!important;
|
|
}
|
|
.pd_bottom_270{
|
|
padding-bottom: 270px!important;
|
|
}
|
|
.pd_bottom_280{
|
|
padding-bottom: 280px!important;
|
|
}
|
|
.pd_bottom_290{
|
|
padding-bottom: 290px!important;
|
|
}
|
|
.pd_bottom_300{
|
|
padding-bottom: 300px!important;
|
|
}
|
|
/*--==================padding top end===================--*/
|
|
/*--==================margin top===================--*/
|
|
.mr_top_0{
|
|
margin-top: 0px!important;
|
|
}
|
|
.mr_top_5{
|
|
margin-top: 5px
|
|
}
|
|
.mr_top_10{
|
|
margin-top: 10px
|
|
}
|
|
.mr_top_15{
|
|
margin-top: 15px
|
|
}
|
|
.mr_top_20{
|
|
margin-top: 20px
|
|
}
|
|
.mr_top_25{
|
|
margin-top: 25px
|
|
}
|
|
.mr_top_30{
|
|
margin-top: 30px
|
|
}
|
|
.mr_top_35{
|
|
margin-top: 35px
|
|
}
|
|
.mr_top_40{
|
|
margin-top: 40px
|
|
}
|
|
.mr_top_45{
|
|
margin-top: 45px
|
|
}
|
|
.mr_top_50{
|
|
margin-top: 50px
|
|
}
|
|
.mr_top_55{
|
|
margin-top: 55px
|
|
}
|
|
.mr_top_60{
|
|
margin-top: 60px
|
|
}
|
|
.mr_top_65{
|
|
margin-top: 65px
|
|
}
|
|
.mr_top_70{
|
|
margin-top: 70px
|
|
}
|
|
.mr_top_75{
|
|
margin-top: 75px
|
|
}
|
|
.mr_top_80{
|
|
margin-top: 80px
|
|
}
|
|
.mr_top_85{
|
|
margin-top: 85px
|
|
}
|
|
.mr_top_90{
|
|
margin-top: 90px
|
|
}
|
|
.mr_top_95{
|
|
margin-top: 95px
|
|
}
|
|
.mr_top_100{
|
|
margin-top: 100px
|
|
}
|
|
|
|
.mr_top_minus_0{
|
|
margin-top: -40px
|
|
}
|
|
.mr_top_minus_10{
|
|
margin-top: -10px
|
|
}
|
|
.mr_top_minus_20{
|
|
margin-top: -20px
|
|
}
|
|
.mr_top_minus_30{
|
|
margin-top: -30px
|
|
}
|
|
|
|
.mr_top_minus_40{
|
|
margin-top: -40px
|
|
}
|
|
.mr_top_minus_50{
|
|
margin-top: -50px
|
|
}
|
|
.mr_top_minus_60{
|
|
margin-top: -60px
|
|
}
|
|
.mr_top_minus_70{
|
|
margin-top: -70px
|
|
}
|
|
.mr_top_minus_80{
|
|
margin-top: -80px
|
|
}
|
|
.mr_top_minus_90{
|
|
margin-top: -90px
|
|
}
|
|
.mr_top_minus_100{
|
|
margin-top: -100px
|
|
}
|
|
.mr_top_minus_110{
|
|
margin-top: -110px
|
|
}
|
|
.mr_top_minus_120{
|
|
margin-top: -120px
|
|
}
|
|
.mr_top_minus_130{
|
|
margin-top: -130px
|
|
}
|
|
.mr_top_minus_140{
|
|
margin-top: -140px
|
|
}
|
|
.mr_top_minus_150{
|
|
margin-top: -150px
|
|
}
|
|
.mr_top_minus_160{
|
|
margin-top: -160px
|
|
}
|
|
.mr_top_minus_170{
|
|
margin-top: -170px
|
|
}
|
|
.mr_top_minus_320{
|
|
margin-top: -320px
|
|
}
|
|
/*--==================margin top end===================--*/
|
|
|
|
/*--==================margin right===================--*/
|
|
@media(min-width:992px){
|
|
.mr_right_5{
|
|
margin-right: 5px
|
|
}
|
|
.mr_right_10{
|
|
margin-right: 10px!important;
|
|
}
|
|
.mr_right_15{
|
|
margin-right: 15px
|
|
}
|
|
.mr_right_20{
|
|
margin-right: 20px
|
|
}
|
|
.mr_right_25{
|
|
margin-right: 25px
|
|
}
|
|
.mr_right_30{
|
|
margin-right: 30px
|
|
}
|
|
.mr_right_35{
|
|
margin-right: 35px
|
|
}
|
|
.mr_right_40{
|
|
margin-right: 40px
|
|
}
|
|
.mr_right_45{
|
|
margin-right: 45px
|
|
}
|
|
.mr_right_50{
|
|
margin-right: 50px
|
|
}
|
|
.mr_right_55{
|
|
margin-right: 55px
|
|
}
|
|
.mr_right_60{
|
|
margin-right: 60px
|
|
}
|
|
.mr_right_65{
|
|
margin-right: 65px
|
|
}
|
|
.mr_right_70{
|
|
margin-right: 70px
|
|
}
|
|
.mr_right_75{
|
|
margin-right: 75px
|
|
}
|
|
.mr_right_80{
|
|
margin-right: 80px
|
|
}
|
|
.mr_right_85{
|
|
margin-right: 85px
|
|
}
|
|
.mr_right_90{
|
|
margin-right: 90px
|
|
}
|
|
.mr_right_95{
|
|
margin-right: 95px
|
|
}
|
|
.mr_right_100{
|
|
margin-right: 100px
|
|
}
|
|
}
|
|
@media(min-width:992px){
|
|
.mr_right_minus_15{
|
|
margin-right: -15px
|
|
}
|
|
.mr_right_minus_40{
|
|
margin-right: -40px
|
|
}
|
|
.mr_right_minus_50{
|
|
margin-right: -50px
|
|
}
|
|
.mr_right_minus_60{
|
|
margin-right: -60px
|
|
}
|
|
.mr_right_minus_70{
|
|
margin-right: -70px
|
|
}
|
|
.mr_right_minus_80{
|
|
margin-right: -80px
|
|
}
|
|
.mr_right_minus_90{
|
|
margin-right: -90px
|
|
}
|
|
.mr_right_minus_100{
|
|
margin-right: -100px
|
|
}
|
|
.mr_right_minus_110{
|
|
margin-right: -110px
|
|
}
|
|
.mr_right_minus_120{
|
|
margin-right: -120px
|
|
}
|
|
.mr_right_minus_130{
|
|
margin-right: -130px
|
|
}
|
|
.mr_right_minus_140{
|
|
margin-right: -140px
|
|
}
|
|
.mr_right_minus_150{
|
|
margin-right: -150px
|
|
}
|
|
.mr_right_minus_160{
|
|
margin-right: -160px
|
|
}
|
|
.mr_right_minus_170{
|
|
margin-right: -170px
|
|
}
|
|
.mr_right_minus_250{
|
|
margin-right: -250px
|
|
}
|
|
.mr_right_minus_320{
|
|
margin-right: -320px
|
|
}
|
|
}
|
|
/*--==================margin right end===================--*/
|
|
/*--==================margin left===================--*/
|
|
@media(min-width:992px){
|
|
.mr_left_5{
|
|
margin-left: 5px
|
|
}
|
|
.mr_left_10{
|
|
margin-left: 10px
|
|
}
|
|
.mr_left_15{
|
|
margin-left: 15px
|
|
}
|
|
.mr_left_20{
|
|
margin-left: 20px
|
|
}
|
|
.mr_left_25{
|
|
margin-left: 25px
|
|
}
|
|
.mr_left_30{
|
|
margin-left: 30px
|
|
}
|
|
.mr_left_35{
|
|
margin-left: 35px
|
|
}
|
|
.mr_left_40{
|
|
margin-left: 40px
|
|
}
|
|
.mr_left_45{
|
|
margin-left: 45px
|
|
}
|
|
.mr_left_50{
|
|
margin-left: 50px
|
|
}
|
|
.mr_left_55{
|
|
margin-left: 55px
|
|
}
|
|
.mr_left_60{
|
|
margin-left: 60px
|
|
}
|
|
.mr_left_65{
|
|
margin-left: 65px
|
|
}
|
|
.mr_left_70{
|
|
margin-left: 70px
|
|
}
|
|
.mr_left_75{
|
|
margin-left: 75px
|
|
}
|
|
.mr_left_80{
|
|
margin-left: 80px
|
|
}
|
|
.mr_left_85{
|
|
margin-left: 85px
|
|
}
|
|
.mr_left_90{
|
|
margin-left: 90px
|
|
}
|
|
.mr_left_95{
|
|
margin-left: 95px
|
|
}
|
|
.mr_left_100{
|
|
margin-left: 100px
|
|
}
|
|
}
|
|
@media(min-width:992px){
|
|
.mr_left_minus_15{
|
|
margin-left: -15px
|
|
}
|
|
.mr_left_minus_40{
|
|
margin-left: -40px
|
|
}
|
|
.mr_left_minus_50{
|
|
margin-left: -50px
|
|
}
|
|
.mr_left_minus_60{
|
|
margin-left: -60px
|
|
}
|
|
.mr_left_minus_70{
|
|
margin-left: -70px
|
|
}
|
|
.mr_left_minus_80{
|
|
margin-left: -80px
|
|
}
|
|
.mr_left_minus_90{
|
|
margin-left: -90px
|
|
}
|
|
.mr_left_minus_100{
|
|
margin-left: -100px
|
|
}
|
|
.mr_left_minus_110{
|
|
margin-left: -110px
|
|
}
|
|
.mr_left_minus_120{
|
|
margin-left: -120px
|
|
}
|
|
.mr_left_minus_130{
|
|
margin-left: -130px
|
|
}
|
|
.mr_left_minus_140{
|
|
margin-left: -140px
|
|
}
|
|
.mr_left_minus_150{
|
|
margin-left: -150px
|
|
}
|
|
.mr_left_minus_160{
|
|
margin-left: -160px
|
|
}
|
|
.mr_left_minus_170{
|
|
margin-left: -170px
|
|
}
|
|
.mr_left_minus_180{
|
|
margin-left: -180px
|
|
}
|
|
.mr_left_minus_190{
|
|
margin-left: -190px
|
|
}
|
|
.mr_left_minus_200{
|
|
margin-left: -200px
|
|
}
|
|
.mr_left_minus_170{
|
|
margin-left: -170px
|
|
}
|
|
.mr_left_minus_240{
|
|
margin-left: -240px
|
|
}
|
|
.mr_left_minus_250{
|
|
margin-left: -250px
|
|
}
|
|
.mr_left_minus_320{
|
|
margin-left: -320px
|
|
}
|
|
}
|
|
/*--==================margin left end===================--*/
|
|
/*--==================margin bottom===================--*/
|
|
.mr_bottom_0{
|
|
margin-bottom: 0!important;
|
|
}
|
|
.mr_bottom_5{
|
|
margin-bottom: 5px!important;
|
|
}
|
|
.mr_bottom_10{
|
|
margin-bottom: 10px!important;
|
|
}
|
|
.mr_bottom_15{
|
|
margin-bottom: 15px!important;
|
|
}
|
|
.mr_bottom_20{
|
|
margin-bottom: 20px!important;
|
|
}
|
|
.mr_bottom_25{
|
|
margin-bottom: 25px!important;
|
|
}
|
|
.mr_bottom_30{
|
|
margin-bottom: 30px!important;
|
|
}
|
|
.mr_bottom_35{
|
|
margin-bottom: 35px!important;
|
|
}
|
|
.mr_bottom_40{
|
|
margin-bottom: 40px!important;
|
|
}
|
|
.mr_bottom_45{
|
|
margin-bottom: 45px
|
|
}
|
|
.mr_bottom_50{
|
|
margin-bottom: 50px
|
|
}
|
|
.mr_bottom_55{
|
|
margin-bottom: 55px
|
|
}
|
|
.mr_bottom_60{
|
|
margin-bottom: 60px
|
|
}
|
|
.mr_bottom_65{
|
|
margin-bottom: 65px
|
|
}
|
|
.mr_bottom_70{
|
|
margin-bottom: 70px
|
|
}
|
|
.mr_bottom_75{
|
|
margin-bottom: 75px
|
|
}
|
|
.mr_bottom_80{
|
|
margin-bottom: 80px
|
|
}
|
|
.mr_bottom_85{
|
|
margin-bottom: 85px
|
|
}
|
|
.mr_bottom_90{
|
|
margin-bottom: 90px
|
|
}
|
|
.mr_bottom_95{
|
|
margin-bottom: 95px
|
|
}
|
|
.mr_bottom_100{
|
|
margin-bottom: 100px
|
|
}
|
|
.mr_bottom_minus_50{
|
|
margin-bottom: -50px
|
|
}
|
|
|
|
.mr_bottom_minus_60{
|
|
margin-bottom: -60px
|
|
}
|
|
.mr_bottom_minus_70{
|
|
margin-bottom: -70px
|
|
}
|
|
.mr_bottom_minus_80{
|
|
margin-bottom: -80px
|
|
}
|
|
.mr_bottom_minus_90{
|
|
margin-bottom: -90px
|
|
}
|
|
.mr_bottom_minus_100{
|
|
margin-bottom: -100px
|
|
}
|
|
.mr_bottom_minus_110{
|
|
margin-bottom: -110px
|
|
}
|
|
.mr_bottom_minus_140{
|
|
margin-bottom: -140px
|
|
}
|
|
.mr_bottom_minus_150{
|
|
margin-bottom: -150px
|
|
}
|
|
.mr_bottom_minus_200{
|
|
margin-bottom: -200px
|
|
}
|
|
.mr_bottom_minus_250{
|
|
margin-bottom: -250px
|
|
}
|
|
.margin_extra{
|
|
margin: -47px -178px -330px 0px!important;
|
|
}
|
|
|
|
/*--==================margin bottom end===================--*/
|
|
/*--================== top end===================--*/
|
|
@media(max-width:992px){
|
|
.mr_md_top_zero{
|
|
margin-top: 0px!important;
|
|
}
|
|
.mr_md_zero{
|
|
margin: 0px!important;
|
|
}
|
|
.md_pd_left_zero{
|
|
padding-left: 0!important;
|
|
}
|
|
.md_pd_right_zero{
|
|
padding-right: 0!important;
|
|
}
|
|
.md_pd_left_15{
|
|
padding-left: 15px!important;
|
|
}
|
|
.md_pd_right_15{
|
|
padding-right: 15px!important;
|
|
}
|
|
}
|
|
|
|
/*--==================top end===================--*/
|
|
|
|
/*--==================spacing===================--*/
|
|
|
|
/*--==================background option===================--*/
|
|
.bg_op_1{
|
|
background-repeat: no-repeat!important;
|
|
background-position: center!important;
|
|
background-size: cover!important;
|
|
}
|
|
.bg_op_2{
|
|
background-repeat: no-repeat!important;
|
|
background-position: top!important;
|
|
background-size: contain!important;
|
|
}
|
|
.bg_op_3{
|
|
background-repeat: no-repeat!important;
|
|
background-position: top!important;
|
|
}
|
|
.bg_op_4{
|
|
background-repeat: no-repeat!important;
|
|
background-position: center!important;
|
|
}
|
|
.bg_op_5{
|
|
background-repeat: no-repeat!important;
|
|
background-position: bottom right!important;
|
|
}
|
|
.bg_op_6{
|
|
background-repeat: no-repeat!important;
|
|
background-position: top right!important;
|
|
}
|
|
.bg_op_7{
|
|
background-repeat: no-repeat!important;
|
|
background-position: top left!important;
|
|
}
|
|
|
|
.bg_op_8{
|
|
background-repeat: repeat!important;
|
|
background-position: top center!important;
|
|
background-size: unset!important;
|
|
}
|
|
/*--==================spacing===================--*/
|
|
/*--================ width ====================--*/
|
|
.w_100{
|
|
width: 100%;
|
|
}
|
|
@media(min-width:992px){
|
|
.w_50{
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media(max-width:992px){
|
|
.w_50_after_max_992{
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media(max-width:768px){
|
|
.w_50_after_max_768{
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media(max-width:600px){
|
|
.w_50_after_max_600{
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media(max-width:500px){
|
|
.w_50_after_max_500{
|
|
width: 50%;
|
|
}
|
|
}
|
|
/*--================ width ====================--*/
|
|
/*--================ height ====================--*/
|
|
.height_200px , .height_200{
|
|
height: 200px!important;
|
|
}
|
|
.height_210px , .height_210{
|
|
height: 210px!important;
|
|
}
|
|
.height_220px , .height_220{
|
|
height: 220px!important;
|
|
}
|
|
.height_230px , .height_230{
|
|
height: 230px!important;
|
|
}
|
|
.height_235px , .height_235{
|
|
height: 235px!important;
|
|
}
|
|
.height_240px , .height_240{
|
|
height: 240px!important;
|
|
}
|
|
.height_250px , .height_250{
|
|
height: 250px!important;
|
|
}
|
|
.height_260px , .height_260{
|
|
height: 260px!important;
|
|
}
|
|
.height_264px , .height_264{
|
|
height: 264px!important;
|
|
}
|
|
.height_340px , .height_340{
|
|
height: 340px!important;
|
|
}
|
|
.height_350px , .height_350{
|
|
height: 350px!important;
|
|
}
|
|
.height_360px , .height_360{
|
|
height: 360px!important;
|
|
}
|
|
.height_400px , .height_400{
|
|
height: 400px!important;
|
|
}
|
|
.height_500px , .height_500{
|
|
height: 500px!important;
|
|
}
|
|
.height_510px , .height_510{
|
|
height: 510px!important;
|
|
}
|
|
.height_530px , .height_530{
|
|
height: 530px!important;
|
|
}
|
|
.height_540px , .height_540{
|
|
height: 540px!important;
|
|
}
|
|
.height_550 , .height_550px{
|
|
height:550px!important;
|
|
}
|
|
.height_560px , .height_560{
|
|
height: 560px!important;
|
|
}
|
|
.height_570px , .height_570{
|
|
height: 570px!important;
|
|
}
|
|
.height_580px , .height_580{
|
|
height: 580px!important;
|
|
}
|
|
.height_590px , .height_590{
|
|
height: 590px!important;
|
|
}
|
|
.height_600px , .height_600{
|
|
height: 600px!important;
|
|
}
|
|
.height_800px , .height_800{
|
|
height: 800px!important;
|
|
}
|
|
/*--================ height ====================--*/
|
|
/*--================ z_99 ====================--*/
|
|
.z_minus_1{
|
|
z-index: -1;
|
|
}
|
|
.z_0{
|
|
z-index: 0;
|
|
}
|
|
.z_1{
|
|
z-index: 1;
|
|
}
|
|
.z_2{
|
|
z-index: 2;
|
|
}
|
|
.z_99{
|
|
z-index: 99;
|
|
}
|
|
/*--================ z_99 ====================--*/
|
|
/*--================ image_fit ====================--*/
|
|
.image_fit{
|
|
object-fit: cover;
|
|
width: 100%;
|
|
object-position: center;
|
|
height: 100%
|
|
}
|
|
/*--================ image_fit ====================--*/
|
|
|
|
|
|
.justify-content-spacebetween{
|
|
justify-content: space-between!important;
|
|
}
|
|
|
|
/*--================ rounded_bottom_left_30 ====================--*/
|
|
.rounded_radius_10{
|
|
border-radius: 10px;
|
|
}
|
|
.rounded_radius{
|
|
border-radius: 30px;
|
|
}
|
|
.rounded_bottom_right_30 , .rbr_30{
|
|
border-bottom-right-radius: 30px!important;
|
|
}
|
|
.rounded_bottom_left_30 , .rbl_30{
|
|
border-bottom-left-radius: 30px!important;
|
|
}
|
|
.rounded_top_left_30 , .rtl_30{
|
|
border-top-left-radius: 30px!important;
|
|
}
|
|
.rounded_top_right_30 , .rtr_30{
|
|
border-top-right-radius: 30px!important;
|
|
}
|
|
|
|
.rounded_bottom_right_0 , .rbr_0{
|
|
border-bottom-right-radius: 0px!important;
|
|
}
|
|
.rounded_bottom_left_0 , .rbl_0{
|
|
border-bottom-left-radius: 0px!important;
|
|
}
|
|
.rounded_top_left_0 , .rtl_0{
|
|
border-top-left-radius: 0px!important;
|
|
}
|
|
.rounded_top_right_0 , .rtr_0{
|
|
border-top-right-radius: 0px!important;
|
|
}
|
|
|
|
.border_solid_2px{
|
|
border: 2px solid #0000000A;
|
|
}
|
|
.br_left_3px_theme_color{
|
|
border-left: 3px solid var(--color-set-one-1);
|
|
}
|
|
|
|
|
|
.border_color_1{
|
|
border-color: var(--color-set-one-bor-4)!important;
|
|
}
|
|
|
|
|
|
.border_left_abolute_5px{
|
|
position: relative;
|
|
&:before{
|
|
position: absolute;
|
|
content: '';
|
|
height: 50px;
|
|
top: 0;
|
|
left: 0;
|
|
background: vaR(--color-set-two-three-1);
|
|
width: 5px;
|
|
}
|
|
}
|
|
.border_left_abolute_5px_two{
|
|
position: relative;
|
|
&:before{
|
|
position: absolute;
|
|
content: '';
|
|
height: 50px;
|
|
top: 0;
|
|
left: 0;
|
|
background: vaR(--color-set-one-1);
|
|
width: 5px;
|
|
}
|
|
}
|
|
|
|
.divider{
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #02010121;
|
|
}
|
|
|
|
/*--================ image_fit ====================--*/
|
|
/*--================ float unset ====================--*/
|
|
.float-unset{
|
|
float: unset!important;
|
|
}
|
|
/*--================ float unset ====================--*/
|
|
/*--================ font_20 ====================--*/
|
|
.font_20{
|
|
font-size: 20px!important;
|
|
line-height: 32px!important;
|
|
}
|
|
.font_24{
|
|
font-size: 24px!important;
|
|
line-height: 36px!important;
|
|
}
|
|
.font_30{
|
|
font-size: 30px!important;
|
|
line-height: 42px!important;
|
|
}
|
|
.font_70{
|
|
font-size: 70px!important;
|
|
line-height: 80px!important;
|
|
}
|
|
/*--================ font_20 ====================--*/
|
|
@media(max-width:992px){
|
|
.d_md_none{
|
|
display: none
|
|
}
|
|
}
|
|
|
|
/*--================ ab_img_left_bottom ====================--*/
|
|
|
|
.ab_img_left_bottom{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.ab_img_center{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.ab_img_left_top{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.ab_img_right_bottom{
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.ab_img_right_top{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
|