/*
Theme Name:   Breek Child
Theme URI:    https://1.envato.market/wp-breek-preview
Author: EstudioPatagon
Author URI: https://1.envato.market/ep-portfolio-themes
  Description: webgarh - Software, App, SaaS & Startup Landing Pages Pack
Template: breek
 Tags: Responsive, HTML5, DSAThemes, One Page, Landing, Software, Mobile App, SaaS, Startup, Creative, Freelancers, Digital Product
    Template: breek

*/
.single b{    color: #fc8a03;}
.text a {
    color: #222222;font-size: 18px;
    line-height: 30px;
    color: #222;
    font-weight: 400;
    font-family: "Poppins";
    text-align: left;
}
.text a:hover {
    color: #fc8a03!important;
}
  
.first-child-tab a{
color:orange;}
.first-child-tab{border-left: 2px solid #fe8a02;
    margin-left: -2px;}
.tab-active .hide_on_active{display: none!important}
.show_on_active{display: none!important}
.tab-active .show_on_active{display: block!important;}
.first-child-tab .hide_on_active{display: none!important}
.first-child-tab .show_on_active{display: block!important;}
ul.tabs-nav li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
}
#introduction,#Scenario,#direct_migration_of_data,#Partial_Adhoc_Migration,#full_adhoc_migration,#conclusion { 
	scroll-margin-top:50px;
}
.tab-active{border-left: 2px solid #fe8a02;
    margin-left: -2px;}
.first-li br{display: none}
.tab-active a{color: #fe8a02!important;}
.page-numbers.current{    background: #fc8a03 !important;
    color: #fff;}
.justify-center{justify-content: center;}
.page-numbers{width: 35px;
    height: 35px;
    border: 1px solid #000;
    justify-content: center;
    display: flex;
    align-items: center;
    background: #f8f8f8;
    color: #6c757d;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 2px 10px;
    margin: 0 8px;
    border: 2px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;}

.right_side_tab:nth-child(1){display: block;}
/* Add your custom code just below */
.screen .elementor-widget-container{	display: block;
	height: 300px;
	overflow: hidden;
	position: relative;
	border-radius: 1px; 
	margin: 0 auto;    border: 2px solid rgba(255,255,255,0.05);
    box-shadow: 0px 3px 15px 3px rgb(0 0 0 / 15%);
    border-radius: 7px;}

.screen img {
	left: 0;
	bottom: -200px;
    width: 100%;
    height: auto!important;
	height: auto;
	position: absolute;
	z-index: 0;
  margin:0;
  padding:0;
	-webkit-transition: top 11s;
	-moz-transition: top 11s;
	-ms-transition: top 11s;
	-o-transition: top 11s;
	transition: bottom 2s;
}
.screen:hover img {
  bottom: 0;
  -webkit-transition: all 11s;
  -moz-transition: all 11s;
  -ms-transition: all 11s;
  -o-transition: all 11s;
  transition: all 2s;
}

.footersocial i{font-size: 18px;
    margin: 0 10px;}
#footer .logo {
    margin: 0px 20px 20px;
    text-align: center;
}

.mailpoet_page-template-default i.fa.fa-twitter {
    color: white;
    background: #00aced;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mailpoet_page-template-default i.fa.fa-facebook{
	 color: white;
    background: #3b5998;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.home .catename a.dc {
    font-size: 12px;
}
.text-center-sub-form p.pm.dc.fs24 {
    text-align: center;
}
html body div.text h4 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.author article.post .post-excerpt.match_height_col {
    padding-bottom: 0;
}

/* create_store_blog */

html body .grid-container .create_Store_blog_page_002b .col-lg-4 {
  width: 33%;
}
html body .grid-container .blog_page_m975p .col-lg-4 {
width: 33%;
}

@media (max-width : 1200px){
.create_Store_blog_page_002b .col-lg-8 {
  width: 100% !important;
}

.blog_page_m975p .col-lg-8 {
  width: 100% !important;
}
.inner_sub_content {
  padding-left: 0 !important;
}
.create_Store_blog_page_002b p a {
  font-size: 14px;
}
.blog_page_m975p p a {
  font-size: 14px;
}
html body.single .blog_page_m975p p {
  line-height: initial !important;
  font-size: 16px !important;
}
html body.single .create_Store_blog_page_002b p {
  line-height: initial !important;
  font-size: 16px !important;
 
}

.blog_page_m975p li {
  line-height: initial !important;
  font-size: 16px !important;
}
.create_Store_blog_page_002b li {
  line-height: initial !important;
  font-size: 16px !important;
 
}

.understanding_inner_content p {
  padding-left: 0 !important;
}
.understanding_inner_content {
  padding-left: 0 !important;
}
.bg_color_g {
  padding: 5px !important;
}

}




@media (max-width : 1200px){

  /* new blog media query css 22fab */
  html body .grid-container .create_Store_blog_page_002b .col-lg-4 {
    width: 100% !important;
}
html body .grid-container .blog_page_m975p .col-lg-4 {
  width: 100% !important;
}


/*  */
}


@media screen and (min-width: 1024px){
   
  .lind h3{min-height: 80px}
  html body .grid-container {
    max-width: 100% !important;
    padding: 0 10%!important;
}
  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%!important;
    padding: 0 10%;
}
.grid-70 {width: 75%;}
  .grid-30 {width: 25%;}
  ol.commentlist .right{float: unset;}
   ol.commentlist .right .date{    margin-left: 60px;}
   ol.commentlist .right .comment-author {    margin-left: 18px;}
}


#header.is-sticky div.menu-wrapper{    background-image: linear-gradient(to right top, #00d084, #01a9a4, #01a9a4, #00c3c6, #00d084);
padding: 15px 0;}
#header div.border {
    border-bottom: 2px solid #f1f1f1;
}
.epcl-pagination div.nav>span{color:#222}
#footer .widget_epcl_featured_category .item time, #footer .widget_epcl_posts_thumbs .item time, #footer .widget_epcl_related_articles .item time{color:#222}

@media(max-width:1023px){
   html body #menu-primary li ul.sub-menu li{padding: 0!important;}
    html body #menu-primary li ul.sub-menu li a:hover{color: #1e2125;
        background-color: #e9ecef!important;
    }
 /* html body #header nav ul.sub-menu li a:hover {
    background: none;
    color: #1e2125;
    background-color: #e9ecef!important;
  
}*/
html body #header nav ul.sub-menu li a {
    padding: 5px 0px!important;
}
  .searchbar_between_logo{display:none}
  .remixicon{color:#263238}
   #header div.menu-mobile i{color:#263238}
}
@media(min-width:1200px){
	
	.mailpoet_page-template-default .epcl-share {
    margin-left: -40px;
		display: flex;
    flex-direction: column;
    align-items: center;
}
	
	.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    top: 30px !important;
    width: 100%;
}
	
	
  .minpar{min-height: 170px}
  
html body .mygrid{max-width: 1170px;}
}
html body .is-sticky nav ul.menu li {
    top: 0!important;
}

.title-heading2 h1, .title-heading2 h2{position: relative;display: inline-block; font-size: 48px !important; font-weight: 400 !important; font-family: 'Poppins' !important;font-size: 48px;
    line-height: 60px;
    color: #333333;}
.title-heading2 h1:after, .title-heading2 h2:after {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -20px;
    content: "";
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/border-image2.png);
    background-repeat: no-repeat;
    height: 3px;
    transform: translatey(-50%);
    margin: 0 auto!important;
    background-position: center;
}
.title-heading2 h2{
  font-size: 38px !important;
}
.title-heading2 h1 strong, .title-heading2 h2 strong{color:#fc8a03}
html body #header nav .desktop_none form input{display: block;
       background: #fff;
    border: 2px solid #ffe4cd;
    border-radius: 20px;
    width: 440px;
    padding: 9px 20px;}

@media(min-width:1023px){
  .desktop_none{display: none!important;}
 header nav ul li.search-menu-item{display:none!important}
/*  .searchbar_between_logo{width:35%}*/
 .searchbar_between_logo form.search-form input.search-field {
    background: #E84E89;}
.mygrid{display:flex}
  /*#header .logo{width:30%}
  #header nav{width:35%}*/
  html body #header .logo a img{margin-left:0; border-radius: 0;}
}

html body .content 
{
    margin-top: 0;
}

html body .edit-post-button
{
  display: none;
}
html body #header div.menu-wrapper {
    padding: 10px 0 0;
}


img{border-radius: 20px}
#header .logo a img{backface-visibility: visible;}
.searchbar_between_logo form input{
      background: #fff!important;
    border: 2px solid #ffe4cd!important;
    border-radius: 20px;
    padding: 9px 20px;
    color: #565a5b!important;
}

.searchbar_between_logo form input::placeholder{color: #565a5b!important}
.searchbar_between_logo i.remixicon.remixicon-search-line {
    background: #fc8a03;
    top: 22px;
    position: absolute;
    padding: 4px 8px;
    border-radius: 20px;
    width: 32px;
    height: 32px;
}

.is-sticky .searchbar_between_logo i.remixicon.remixicon-search-line{
  top:12px;
}

html body #header #menu-primary li a {
    font-size: 15px;
    font-weight: 600;
    color: #263238;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    line-height: 32px;
}
.main-nav.gradient-effect a:not(.epcl-button) {
  background-size: 0px 2px;
}
#menu-primary li a{font-size:16px}
html body div.text ol, div.text ul{margin:unset!important}
/*header .search-form{width:412px;margin:0 auto}*/
 
#header nav ul.menu>li.current-menu-ancestor>a, #header nav ul.menu li.current-menu-item>a, #header nav ul.menu li a:hover {
    background-size: 85% 2px!important;
}
#menu-primary li ul.sub-menu li{
    width: 100%;
    float: left;
    border-bottom: 1px solid #dadada;
    border-style: dashed;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 8px;
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/menu-arrow2.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 0;
    cursor: pointer;padding: 8px 0px!important;
}
#menu-primary li ul.sub-menu li a{background-image:none!important}
#menu-primary li ul.sub-menu li:hover {
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/menu-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 0;
}
html body #header nav ul.sub-menu li a:hover{background:none}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 28, 2022 */

@font-face {
    font-family: 'fredoka_oneregular';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/fredokaone-regular-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/fredokaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fredoka_oneregular';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/fredokaone-regular-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/fredokaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'rubikbold';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-bold-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubiklight';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-light-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikmedium';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinssemibold';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rubikregular';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsbold';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinslight';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-light-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsmedium';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsregular';
    src: url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('https://reflect.webgarh.com/wp-content/themes/breek-child/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
strong.rb.webgarh-back {
    position: relative;
    color: #fc8a03 !important;z-index:99;    font-size: 48px;
    font-family: "Poppins";
    font-weight: bold;
}
strong.rb.webgarh-back:after {
   content: "";
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/title-back.png);
    background-position: center;
    background-size: 10px 10px;
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.catename{align-items: center;display: flex;}
.footer_copyright p
{
    color: #fff;
}
html body div.text ul {
    list-style-type: none !important;
    padding: 10px 0px;
    margin: 0 !important;
}
div.text ul, div.text ul li {
    list-style-type: none !important;
}
html body div.text li {
    padding-bottom: unset;
    margin-bottom: 5px;
    font-size: 16px;
    color: #6c757d;
    font-family: 'poppinsregular';
    font-weight: 300;
    line-height: 24px;
    padding-left: 23px;
}
html body div.text li::before {
    content: "";
    background: #fe8a02;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 9px;
}
html body .container ul li.dc a {
    color: #17202c!important;
}
.single .author_box h2.author_name {
    letter-spacing: 0.2px;
}
.footer_copyright{   background: #222222;color: #fff;    padding: 15px 0;}
.footer_copyright .row {
  align-items: center;
}
.footer-copyright p {
    position: relative;
    top: 6px;
}
.d-flex {
    flex-wrap: wrap;
    display: flex !important;
}
.align-items-center {
    align-items: center !important;

}    
.justify-content-center {
    justify-content: center !important;
}
.p0 {
    padding: 0 !important;
}
.text-end {
    text-align: right !important;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*.bottom-footer-list li {
    width: auto!important;
    display: inline-block!important;
    vertical-align: top;
    clear: none !important;
    padding-left: 10px;
}*/
/*.bottom-footer-list li.first-li {
    padding-left: 7px;
}*/
.pr {
    font-family: 'poppinsregular';
}
.sh {
    font-size: 16px;
}
img.footer-logo {
    width: auto;margin-right: 10px;
    max-width: inherit;
    max-height: 40px;
}
/*.footer-copyright p{display:flex}*/
/*.footer-copyright p, .footer-copyright a{font-size:12px!important;padding-right: 10px;}*/
/*.footer_copyright .row{display:flex;width:1170px}*/
/*.footer_copyright .row .col-md-6{width:50%}
.first-li a{font-size:12px!important;color:#fff}*/

span.line-text {
    margin-left: 11px;
}
#mailpoet_form-2{background: #fff8f0;
    padding: 30px 190px 30px 129px;
    border-radius: 10px;
    margin-bottom: 40px;position: relative;
    z-index: 3;}
#mailpoet_form-2:before {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/news-letter-icon2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 30px;
    top: 30px;
}

#mailpoet_form-2:after {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/news-letter-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    right: 30px;
    top: 30px;
}
.mailpoet_form_columns {justify-content:center}
.newletter_title{font-family: 'poppinsmedium';font-weight: 500;
    letter-spacing: -0.75px;}
.newletter_title strong{color: #fc8a03;font-family: 'poppinsbold';font-size: 40px;}
.newleter_des {    color: #17202c;font-size: 22px;font-family: 'poppinsmedium';margin-top: 0;}
html body form .mailpoet_text{border: 2px solid #ffe4cd;
    border-radius: 5px;
    margin-right: 14px;
    width: 99% !important;
    height: 50px !important;
    padding-left: 10px!important;
    font-family: 'poppinsregular';
    font-size: 14px;
    color: #263238;background:#fff!important}
.allform{width:80%;margin:0 auto}
.allform .mailpoet_form_column{width:100%}
html body .input-sub input:hover {
    color: #fc8a03;background: #333333; 
}
#mailpoet_form_1 form.mailpoet_form {
    padding: 0px 0 20px!important;
}
#footer .default-sidebar .grid-33{padding: 0!important}
html body .input-sub input{background: #333333;    font-family: "poppinsmedium";
    font-size: 18px;    cursor: pointer;line-height: 1;
    font-weight: 500;
    padding: 16px 32px!important;
    border: 1px solid transparent;border-radius: 5px;    transition: all 400ms ease-in-out;    text-align: center;
    text-decoration: none;
    vertical-align: middle;user-select: none;-webkit-appearance: button;
    text-transform: none;}
#mailpoet_form_1 .mailpoet_form_column:not(:first-child) {
    margin-left: 10px!important;
}
html body .allform .mailpoet_form_column:last-child{width:160px;margin-left:10px!important}
html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
} 

body {
  font-family: 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #263238;
  line-height: 1.6666;
  font-weight: 400;
}

.f100{
    width : 100%;
}

.bh{
    
    font-size : 44px;
    
}

.m-t-10{
    margin-top : 10px;
}



.mh{
    
    font-size : 20px;
    
}


.sh{
    
    font-size  : 16px;
}


.m-t-60{
    margin-top : 60px!important;
}

.m-b-60{
    margin-bottom : 60px;
}

.f40{
    
    font-size : 40px;
}


.yc{
    color : #fc8a03;
}






.ml5{
    margin-left : 5px;
}







/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #263238;
  font-weight: 300;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 35px 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-family: 'rubikmedium';
}

/*.footer-copyright {
    padding-bottom: 10px;
}
*/


.owl-carousel-2 .review-1 {
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: left;
}

.slider-img-seccc {
    padding: 0 20px;
    margin-bottom: 40px;
}

.owl-carousel-2 .review-1 .content-sec {
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-left : 20px;
}

.owl-stage{
    transition : all 0.5s ease 0.5s !important;
}

.owl-carousel-2 .review-1 .slider-img-sec {
    float: left;
    width: 100%;
}


#contacts-2 .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}


.owl-carousel-2 .review-1 .content-sec p{
    
  color : #263238;  
    
    
}


.owl-carousel-2 .review-1 .content-sec ul li a span img {
    width: auto;
    float: left;
    margin-left: 4px;
}


.owl-carousel-2 .review-1 .content-sec ul li a {
    color: #fc8a03;
    font-family: 'poppinsmedium';
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-bottom: 0;
    position : relative;
}

.owl-carousel-2 .review-1 .content-sec ul li a:after {
    position: absolute;
    content: "";
    width: 85px;
    background: #fc8a03;
    height: 1px;
    bottom: 0;
}



.tabset > label::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -7px;
    width: 100%;
    height: 6px;
    background: #fbf3e9;
    z-index: 9;
    border-radius: 5px;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #fc8a03;
}

.tabset > label:hover::after, .tabset > input:focus + label::after, .tabset > input:checked + label::after {
    background: #fc8a03;
}

.tabset > input:checked + label {
  border-color: #fff;
  border-bottom: 1px solid #fff;
}

#contacts-2 .tab-panel {
  padding: 30px 0;
  border-top: none;
}

.ps {
    font-family: 'poppinsmedium';
    line-height: 33px;
}

.slider-img-sec img {
    width: 100%;
}

.slider-img-sec {
    border-radius: 10px;
    overflow : hidden;
}


.tabset {
    max-width: 100%;
    text-align: center;
}

#contacts-2 .tab-panels {
    position: relative;
    padding-top: 30px;
}

#contacts-2 .tab-panels:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: 500px;
    content: "";
    height: 6px;
    background: #fbf3e9;
    top: 0;
    border-radius: 5px;
}


.mr10{
    margin-right : 10px;
}

.mr5{
    margin-right : 5px;
}


.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    padding: 0;
    border: none;
    background: transparent;
}

.fd{
    justify-content : flex-end;
}

.sp{
    justify-content : space-between;
}
.f14{
    font-size : 14px;
}

.f12{
    font-size : 12px;
}

.mydate{margin-top: 5px}

.width70{width : 70%;}
.width30{width : 30%;}
 .f30{
    width : 40%;
}

.f70{
    width : 60%;
}


.m-t-30{
    margin-top : 30px;
} 

.m-b-30{
    margin-bottom : 30px;
}



.imgfull{
    width : 100%;
}































.rb{
    
     font-family: 'rubikbold';
    
}


.rr{
    
    font-family: 'rubikregular';
}

.rl{
    
    font-family: 'rubiklight';
    
}

.rm{
    font-family: 'rubikmedium';
    
}

.pb{
    font-family: 'poppinsbold';
    
}

.pm{
    font-family: 'poppinsmedium';
    
}

.pr{
    
    font-family: 'poppinsregular';
}


.pl{
    
    font-family: 'poppinslight';
}

ul.simple-list ::marker {
    font-size: 0;
}

ul.simple-list li.list-item {
    background: url(../images/drop-down-icon.png);
    background-size: 6px;
    background-repeat: no-repeat;
    padding-left: 14px;
    background-position: 0px 7px;
}


.footer {
    padding-top: 0;
    padding-bottom: 30px;
    background: #222222;
}

h2.rb.mh span {
    margin-left: 7px;
    position: relative;
    top: -2px;
}

h2.rb.mh span img {
    width: 14px;
}


#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}



.consul-text span.rb {
    margin-left: 9px;
    color: #fc8a03;
    display: inline-block;
}

.number-style {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

span.green {
    position: absolute;
    left: 0;
    top: 50%;
}


span.yellow{
     position: absolute;
    right: 50%;
    bottom: -5%;
}


span.blue{
     position: absolute;
    right: 5%;
    top: 0%;
}


span.green.green2 {
    right: 0;
    left: inherit;
}

span.yellow.yellow2 {
    bottom: 100%;
}

span.blue.blue2 {
    top: 93%;
    right: 86%;
}




.shopfy-text h2.wow.fadeInUp.rr {
    font-size: 28px;
}

.small-counter {
    width: 60%;
    margin: 0 auto;
    margin-top: 25px;
}

.common-number {
    padding-top: 20px !important;   
    padding-bottom: 20px !important;
    border : none !important;
}

.common-number h2 {
    font-size: 30px !important;
    margin-top: 11px !important;
}

.consul-text h2.bh.wow.fadeInUp.rm {
    padding-left: 0;
    padding-right: 0;
}

span.yellow.yellow3 {
    bottom: 94%;
}

.bannner-section-main {
    height: 500px;
}

span.blue.blue3 {
    top: 90%;
}
.hero-10-txt.banner-section .looking-text h1.bh.wow.fadeInUp.rl {
    font-size: 40px;
}

.hero-10-txt p {
    padding: 0 5%;
    margin-bottom: 30px;
    position: relative;
}

.shopfy-text h2 {
    display: inline-block;
}

.shopfy-text {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

.hero-10-txt.banner-section .looking-text h2.bh.wow.fadeInUp.rl span {
    
    position :relative;
}

li.menus-li-sec li a {
    color: #263238;
    position: relative;
}


li.menus-li-sec li a.active {
    color: #fc8a03;
}



li.menus-li-sec li a.active:after {
    position: absolute;
    left: 0;
    width: 80%;
    height: 2px;
    background: #fc8a03;
    content: "";
    bottom: -6px;
}



.ps-r{
    position : relative;
}

span.star-icon img {
    width: 7px;
}

span.star-icon {
    position: absolute;
    left: 26px;
    top: 10px;
}

.contact-form .form-control:focus + span {
    opacity: 0;
}





@media(min-width : 1500px){
    
    .hero-10-txt.banner-section .looking-text {
    width: 100%;
    margin: 0 auto;
}

#hero-9 {
    padding-bottom: 590px;
}


}




@media(max-width : 1500px){
    
    .hero-10-txt.banner-section .looking-text {
    width: 74%;
    margin: 0 auto;
}
}




















.container {
  position: relative;
  z-index: 3;
}

.rtl-direction {
  text-align: right!important;
}

/*------------------------------------------*/
/*  PAGE CONTENT
/*------------------------------------------*/

/*#page { overflow: hidden; }*/

/*------------------------------------------*/
/*  SPACING & INDENTS
/*------------------------------------------*/

.wide-100 { padding-top: 100px; padding-bottom: 100px; }
.wide-90 { padding-top: 100px; padding-bottom: 90px; }
.wide-80 { padding-top: 100px; padding-bottom: 80px; }
.wide-70 { padding-top: 100px; padding-bottom: 70px; }
.wide-60 { padding-top: 100px; padding-bottom: 60px; }
.wide-50 { padding-top: 100px; padding-bottom: 50px; }
.wide-40 { padding-top: 100px; padding-bottom: 40px; }
.wide-30 { padding-top: 100px; padding-bottom: 30px; }
.wide-20 { padding-top: 100px; padding-bottom: 20px; }

.divisionbgb {
    padding-top: 40px;
}



/*------------------------------------------*/
/*  Margin Top
/*------------------------------------------*/

.mt-100 { margin-top: 100px; }
.mt-95 { margin-top: 95px; }
.mt-90 { margin-top: 90px; }
.mt-85 { margin-top: 85px; }
.mt-80 { margin-top: 80px; }
.mt-75 { margin-top: 75px; }
.mt-70 { margin-top: 70px; }
.mt-65 { margin-top: 65px; }
.mt-60 { margin-top: 60px; }
.mt-55 { margin-top: 55px; }
.mt-50 { margin-top: 50px; }
.mt-45 { margin-top: 45px; }
.mt-40 { margin-top: 40px; }
.mt-35 { margin-top: 35px; }
.mt-30 { margin-top: 30px; }
.mt-25 { margin-top: 25px; }
.mt-20 { margin-top: 20px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-5 { margin-top: 5px!important; }
.mt-0 { margin-top: 0; }

/*------------------------------------------*/
/*  Margin Top Inverse
/*------------------------------------------*/

.mt-inverse-150 { margin-top: -150px; }
.mt-inverse-140 { margin-top: -140px; }
.mt-inverse-130 { margin-top: -130px; }
.mt-inverse-120 { margin-top: -120px; }
.mt-inverse-110 { margin-top: -110px; }
.mt-inverse-100 { margin-top: -100px; }
.mt-inverse-90 { margin-top: -90px; }
.mt-inverse-80 { margin-top: -80px; }
.mt-inverse-70 { margin-top: -70px; }
.mt-inverse-60 { margin-top: -60px; }
.mt-inverse-50 { margin-top: -50px; }
.mt-inverse-40 { margin-top: -40px; }
.mt-inverse-30 { margin-top: -30px; }
.mt-inverse-20 { margin-top: -20px; }

/*------------------------------------------*/
/*  Margin Bottom
/*------------------------------------------*/

.mb-100 { margin-bottom: 100px; }
.mb-95 { margin-bottom: 95px; }
.mb-90 { margin-bottom: 90px; }
.mb-85 { margin-bottom: 85px; }
.mb-80 { margin-bottom: 80px; }
.mb-75 { margin-bottom: 75px; }
.mb-70 { margin-bottom: 70px; }
.mb-65 { margin-bottom: 65px; }
.mb-60 { margin-bottom: 60px; }
.mb-55 { margin-bottom: 55px; }
.mb-50 { margin-bottom: 50px; }
.mb-45 { margin-bottom: 45px; }
.mb-40 { margin-bottom: 40px; }
.mb-35 { margin-bottom: 35px; }
.mb-30 { margin-bottom: 30px; }
.mb-25 { margin-bottom: 25px; }
.mb-20 { margin-bottom: 20px; }
.mb-15 { margin-bottom: 15px; }
.mb-10 { margin-bottom: 10px; }
.mb-5 { margin-bottom: 5px!important; }
.mb-0 { margin-bottom: 0; }

/*------------------------------------------*/
/*  Margin Left
/*------------------------------------------*/

.ml-100 { margin-left: 100px; }
.ml-95 { margin-left: 95px; }
.ml-90 { margin-left: 90px; }
.ml-85 { margin-left: 85px; }
.ml-80 { margin-left: 80px; }
.ml-75 { margin-left: 75px; }
.ml-70 { margin-left: 70px; }
.ml-60 { margin-left: 60px; }
.ml-55 { margin-left: 55px; }
.ml-50 { margin-left: 50px; }
.ml-45 { margin-left: 45px; }
.ml-40 { margin-left: 40px; }
.ml-35 { margin-left: 35px; }
.ml-30 { margin-left: 30px; }
.ml-25 { margin-left: 25px; }
.ml-20 { margin-left: 20px; }
.ml-15 { margin-left: 15px; }
.ml-10 { margin-left: 10px; }
.ml-5 { margin-left: 5px!important; }

/*------------------------------------------*/
/*  Margin Right
/*------------------------------------------*/

.mr-100 { margin-right: 100px; }
.mr-95 { margin-right: 95px; }
.mr-90 { margin-right: 90px; }
.mr-85 { margin-right: 85px; }
.mr-80 { margin-right: 80px; }
.mr-75 { margin-right: 75px; }
.mr-70 { margin-right: 70px; }
.mr-65 { margin-right: 65px; }
.mr-60 { margin-right: 60px; }
.mr-55 { margin-right: 55px; }
.mr-50 { margin-right: 50px; }
.mr-45 { margin-right: 45px; }
.mr-40 { margin-right: 40px; }
.mr-35 { margin-right: 35px; }
.mr-30 { margin-right: 30px; }
.mr-25 { margin-right: 25px; }
.mr-20 { margin-right: 20px; }
.mr-15 { margin-right: 15px; }
.mr-10 { margin-right: 10px; }
.mr-5 { margin-right: 5px!important; }

/*------------------------------------------*/
/*  Padding Top
/*------------------------------------------*/

.pt-100 { padding-top: 100px; }
.pt-95 { padding-top: 95px; }
.pt-90 { padding-top: 90px; }
.pt-85 { padding-top: 85px; }
.pt-80 { padding-top: 80px; }
.pt-75 { padding-top: 75px; }
.pt-70 { padding-top: 70px; }
.pt-65 { padding-top: 65px; }
.pt-60 { padding-top: 60px; }
.pt-55 { padding-top: 55px; }
.pt-50 { padding-top: 50px; }
.pt-45 { padding-top: 45px; }
.pt-40 { padding-top: 40px; }
.pt-35 { padding-top: 35px; }
.pt-30 { padding-top: 30px; }
.pt-25 { padding-top: 25px; }
.pt-20 { padding-top: 20px; }
.pt-15 { padding-top: 15px; }
.pt-10 { padding-top: 10px; }
.pt-5 { padding-top: 5px!important; }

/*------------------------------------------*/
/*  Padding Bottom
/*------------------------------------------*/

.pb-200 { padding-bottom: 200px; }
.pb-190 { padding-bottom: 190px; }
.pb-180 { padding-bottom: 180px; }
.pb-170 { padding-bottom: 170px; }
.pb-160 { padding-bottom: 160px; }
.pb-150 { padding-bottom: 150px; }
.pb-100 { padding-bottom: 100px; }
.pb-95 { padding-bottom: 95px; }
.pb-90 { padding-bottom: 90px; }
.pb-85 { padding-bottom: 85px; }
.pb-80 { padding-bottom: 80px; }
.pb-75 { padding-bottom: 75px; }
.pb-70 { padding-bottom: 70px; }
.pb-65 { padding-bottom: 65px; }
.pb-60 { padding-bottom: 60px; }
.pb-55 { padding-bottom: 55px; }
.pb-50 { padding-bottom: 50px; }
.pb-45 { padding-bottom: 45px; }
.pb-40 { padding-bottom: 40px; }
.pb-35 { padding-bottom: 35px; }
.pb-30 { padding-bottom: 30px; }
.pb-25 { padding-bottom: 25px; }
.pb-20 { padding-bottom: 20px; }
.pb-15 { padding-bottom: 15px; }
.pb-10 { padding-bottom: 10px; }
.pb-5 { padding-bottom: 5px!important; }

/*------------------------------------------*/
/*  Padding Left
/*------------------------------------------*/

.pl-100 { padding-left: 100px; }
.pl-95 { padding-left: 95px; }
.pl-90 { padding-left: 90px; }
.pl-85 { padding-left: 85px; }
.pl-80 { padding-left: 80px; }
.pl-75 { padding-left: 75px; }
.pl-70 { padding-left: 70px; }
.pl-65 { padding-left: 65px; }
.pl-60 { padding-left: 60px; }
.pl-55 { padding-left: 55px; }
.pl-50 { padding-left: 50px; }
.pl-45 { padding-left: 45px; }
.pl-40 { padding-left: 40px; }
.pl-35 { padding-left: 35px; }
.pl-30 { padding-left: 30px; }
.pl-25 { padding-left: 25px; }
.pl-20 { padding-left: 20px; }
.pl-15 { padding-left: 15px; }
.pl-10 { padding-left: 10px; }
.pl-5 { padding-left: 5px!important; }

/*------------------------------------------*/
/*  Padding Right
/*------------------------------------------*/

.pr-100 { padding-right: 100px; }
.pr-95 { padding-right: 95px; }
.pr-90 { padding-right: 90px; }
.pr-85 { padding-right: 85px; }
.pr-80 { padding-right: 80px; }
.pr-75 { padding-right: 75px; }
.pr-70 { padding-right: 70px; }
.pr-65 { padding-right: 65px; }
.pr-60 { padding-right: 60px; }
.pr-55 { padding-right: 55px; }
.pr-50 { padding-right: 50px; }
.pr-45 { padding-right: 45px; }
.pr-40 { padding-right: 40px; }
.pr-35 { padding-right: 35px; }
.pr-30 { padding-right: 30px; }
.pr-25 { padding-right: 25px; }
.pr-20 { padding-right: 20px; }
.pr-15 { padding-right: 15px; }
.pr-10 { padding-right: 10px; }
.pr-5 { padding-right: 5px!important; }

/*------------------------------------------*/
/*  Padding Centered
/*------------------------------------------*/

.pc-70 { padding-right: 70px; padding-left: 70px; } 
.pc-65 { padding-right: 65px; padding-left: 65px; } 
.pc-60 { padding-right: 60px; padding-left: 60px; } 
.pc-55 { padding-right: 55px; padding-left: 55px; } 
.pc-50 { padding-right: 50px; padding-left: 50px; } 
.pc-45 { padding-right: 45px; padding-left: 45px; } 
.pc-40 { padding-right: 40px; padding-left: 40px; }
.pc-35 { padding-right: 35px; padding-left: 35px; }
.pc-30 { padding-right: 30px; padding-left: 30px; }
.pc-25 { padding-right: 25px; padding-left: 25px; }
.pc-20 { padding-right: 20px; padding-left: 20px; }
.pc-15 { padding-right: 15px; padding-left: 15px; }
.pc-10 { padding-right: 10px; padding-left: 10px; }

/*------------------------------------------*/
/*  BACKGROUND SETTINGS
/*------------------------------------------*/

.rel { 
  position: relative!important; 
  z-index: 3; 
}

.bg-fixed,
.bg-scroll {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
}

.bg-scroll {
  background-attachment: fixed!important;
}

/*------------------------------------------*/
/*  Background Colors
/*------------------------------------------*/

.bg-dark { background-color: #282B38!important; }
.bg-deepdark { background-color: #222d3d; }
.bg-white { background-color: #fff!important; }
.bg-lightgrey { background-color: #f6f7f8; }
.bg-grey { background-color: #f3f4f5; }
.bg-whitesmoke { background-color: #fff8f0; }
.bg-lavender { background-color: #ecf1f4; }
.bg-snow { background-color: #fff8f0; }
.bg-blue { background-color: #0f53fa; }
.bg-indigo { background-color: #62147e; }
.bg-skyblue { background-color: #0195ff; }
.bg-stateblue { background-color: #6064e3; }
.bg-green { background-color: #0fbc49; }
.bg-magenta { background-color: #562d57; }
.bg-orange-red { background-color: #ff523d; }
.bg-pink { background-color: #eb1561; }
.bg-plum { background-color: #e8daf5; }
.bg-purple { background-color: #6a26da; }
.bg-red { background-color: #f6412d; }
.bg-salmon { background-color: #ff523d; }
.bg-violet { background-color: #9400d3; }
.bg-violet-red { background-color: #c73e9b; }
.bg-deepyellow { background-color: #ffa755; }

/*------------------------------------------*/
/*  Transparent Background Colors
/*------------------------------------------*/

.bg-tra { background-color: transparent; border: 1px solid #aaa;  }
.bg-tra-dark { background-color: rgba(10, 10, 10, .15); }
.bg-tra-white { background-color: rgba(255, 255, 255, .15); }
.bg-tra-grey { background-color: rgba(17, 36, 70, .04); }
.bg-tra-blue { background-color: rgba(37, 138, 255, .08); } 
.bg-tra-skyblue { background: rgba(13, 135, 231, .08); }
.bg-tra-green { background-color: rgba(15, 188, 73, .08); }
.bg-tra-orange { background: rgba(255, 107, 15, .08); }
.bg-tra-purple { background-color: rgba(106, 38, 218, .08); }
.bg-tra-teal { background: rgba(0, 128, 128, .08); }
.bg-tra-red { background-color: rgba(240, 64, 55, .08); } 
.bg-tra-paleviolet { background: rgba(199, 62, 155, .08); }
.bg-tra-salmon { background-color: rgba(255, 82, 61, .08); } 
.bg-tra-violet { background: rgba(148, 0, 211, .08); }
.bg-tra-yellow { background: rgba(255, 179, 12, .08); }

/*------------------------------------------*/
/*  Gradient Background Colors
/*------------------------------------------*/

.bg-dark-gradient {
  background-image: linear-gradient(180deg, #1d293f, #282B38);
}

.bg-whitesmoke-gradient {
  background: #fff8f0;
}

.bg-lavender-gradient {
  background-image: linear-gradient(180deg, rgba(236, 241, 244, .5) 50%, rgba(236, 241, 244, .05) 100%);
}

.bg-plum-gradient {
  background-image: linear-gradient(180deg, rgba(232, 218, 245, .5) 50%, rgba(236, 241, 244, .05) 100%);
}

.bg-skyblue-gradient {
  background: linear-gradient(140deg, #1b78e0, #004899);
}

.bg-stateblue-gradient {
  background-image: linear-gradient(180deg, rgba(65, 62, 101, 1), rgba(76, 72, 119, 1));
}

.bg-purple-gradient {
  background-image: linear-gradient(-48deg, #8731e8 0%, #4528dc 100%); 
}


.dc{
    color : #17202c;
}



/*------------------------------------------*/
/*  Image Background
/*------------------------------------------*/

.bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .bg-06, .bg-07, .bg-08 {
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
  background-attachment: fixed!important;
}

.bg-01 { background-image: url(../images/bg-01.jpg); }
.bg-02 { background-image: url(../images/bg-02.jpg); }
.bg-03 { background-image: url(../images/bg-03.jpg); }
.bg-04 { background-image: url(../images/bg-04.jpg); }

/*------------------------------------------*/
/*  WAVE SHAPE BOTTOM
/*------------------------------------------*/

.wave-shape-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.wave-shape-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/*------------------------------------------*/
/*  SECTION DIVIDER
/*------------------------------------------*/

.section-divider {
  display: inline-block;
  max-width: 1150px;
  position: relative;
  top: -15px;
  width: 100%;
  border: 0;
  height: 2px;
  background-image: linear-gradient(90deg,white 0%,#f1f1f1 12%,#dedede 50%,#f4f4f4 88%,white 100%);
}

.section-divider:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  border-bottom: 2px solid #dedede;
  border-right: 2px solid #dedede;
  top: -14px;
  left: 49%;
  background: #fff;
  z-index: 2;
}

.bg-lightgrey .section-divider:before {
  background: #f6f7f8;
}

.newsletter-section hr {
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
  opacity: .3;
  margin: 30px 0 0;
}

.newsletter-section.bg-dark hr {
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%);
}

hr.divider {
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
  opacity: .3;
  margin: 0;
}




/* ==========================================================================
  02. TYPOGRAPHY
  =========================================================================== */

/*------------------------------------------*/
/*  HEADERS
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {  
  color: #263238;
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  letter-spacing: -0.75px;
}

h4, h5, h6 {  
  line-height: 1.3;
}

/* Header H6 */
h6.h6-xs { font-size: 1rem; }        /* 16px */
h6.h6-sm { font-size: 1.0625rem; }   /* 17px */
h6.h6-md { font-size: 1.125rem; }    /* 18px */
h6.h6-lg { font-size: 1.1875rem; }   /* 19px */
h6.h6-xl { font-size: 1.25rem; }     /* 20px */

/* Header H5 */
h5.h5-xs { font-size: 1.3125rem; }  /* 21px */
h5.h5-sm { font-size: 1.375rem; }   /* 22px */
h5.h5-md { font-size: 1.5rem; }     /* 24px */
h5.h5-lg { font-size: 1.625rem; }   /* 26px */
h5.h5-xl { font-size: 1.75rem; }    /* 28px */

/* Header H4 */
h4.h4-xs { font-size: 1.875rem; }   /* 30px */
h4.h4-sm { font-size: 2rem; }       /* 32px */
h4.h4-md { font-size: 2.125rem; }   /* 34px */
h4.h4-lg { font-size: 2.25rem; }    /* 36px */
h4.h4-xl { font-size: 2.375rem; }   /* 38px */

h3.h3-xs { font-size: 2.5rem; }     /* 40px */
h3.h3-sm { font-size: 2.625rem; }   /* 42px */
h3.h3-md { font-size: 2.75rem; }    /* 44px */
h3.h3-lg { font-size: 2.875rem; }   /* 46px */
h3.h3-xl { font-size: 3rem; }       /* 48px */

/* Header H2 */
h2.h2-xs { font-size: 3.125rem; }   /* 50px */
h2.h2-sm { font-size: 3.25rem; }    /* 52px */
h2.h2-md { font-size: 3.375rem; }   /* 54px */
h2.h2-lg { font-size: 3.5rem; }     /* 56px */ 
h2.h2-xl { font-size: 3.75rem; }    /* 60px */

h2.h2-title-xs { font-size: 4.0625rem; letter-spacing: -1.5px; } /* 65px */
h2.h2-title-sm { font-size: 4.375rem; letter-spacing: -1.5px; }  /* 70px */
h2.h2-title-md { font-size: 4.6875rem; letter-spacing: -1.5px; } /* 75px */
h2.h2-title-lg { font-size: 5rem; letter-spacing: -1.5px; }      /* 80px */
h2.h2-title-xl { font-size: 5.3125rem; letter-spacing: -1.5px; } /* 85px */

.rtl-direction h5.h5-xs { font-size: 1.5rem; }     /* 24px */
.rtl-direction h5.h5-sm { font-size: 1.625rem; }   /* 26px */
.rtl-direction h5.h5-md { font-size: 1.625rem; }   /* 26px */
.rtl-direction h5.h5-lg { font-size: 1.625rem; }   /* 26px */
.rtl-direction h5.h5-xl { font-size: 1.75rem; }    /* 28px */

/*------------------------------------------*/
/*  PARAGRAPHS
/*------------------------------------------*/

p.p-sm { font-size: 1rem; }       /* 16px */
p { font-size: 1.0625rem; }       /* 17px */
p.p-md { font-size: 1.125rem; }   /* 18px */
p.p-lg { font-size: 1.1875rem; }  /* 19px */
p.p-xl { font-size: 1.25rem; }    /* 20px */

p.p-title-xs { font-size: 1.3125rem; }  /* 21px */
p.p-title-sm { font-size: 1.375rem; }   /* 22px */
p.p-title-md { font-size: 1.4375rem; }  /* 23px */
p.p-title-lg { font-size: 1.5rem; }     /* 24px */
p.p-title-xl { font-size: 1.5625rem; }  /* 25px */

.rtl-direction p.p-md { font-size: 1.25rem; }  
.rtl-direction p.p-lg { font-size: 1.3125rem; } 
.rtl-direction p.p-xl { font-size: 1.375rem; } 

/*------------------------------------------*/
/*  LINK SETTINGS
/*------------------------------------------*/

a {
  color: #263238;
  text-decoration: none;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

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

.cadetblue-color a:hover {
  color: #f2f3f4;
}

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

/*------------------------------------------*/
/*  LISTS
/*------------------------------------------*/

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

/*------------------------------------------*/
/*  TEXT LIST
/*------------------------------------------*/

.txt-list li i {
  position: relative;
  font-size: 1.05rem;
  line-height: 1.5rem;
  float: left;
  margin-right: 10px;
  top: 2px;
}

.txt-list li p {
  overflow: hidden;
  margin-bottom: 10px;
}

ul.simple-list {
  list-style: disc;
  margin-left: 15px;
}

.rtl-direction ul.simple-list {
  direction: rtl;
  margin-left: 0;
  margin-right: 15px;
}

/*------------------------------------------*/
/*  NUMBER LIST
/*------------------------------------------*/

ol.num-list {
  margin-left: -20px;
}

ol.num-list li p {
  padding-left: 5px;
  margin-bottom: 5px;
}

ol.digit-list {
  padding: 0;
  margin-left: 15px;
}

ol.digit-list p {
  margin-bottom: 8px;
}

/*------------------------------------------*/
/*  BOX LIST
/*------------------------------------------*/

.box-list p {
  position: relative;
  font-weight: 400;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #ddd;
}

.bg-dark .box-list p {
  border-bottom: 1px dashed #777;
}

.box-list p:last-child {
  position: relative;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.box-list p span {
  font-weight: 500;
  position: absolute;
  top: 0;
  right: 15px;
}

.bg-dark .box-list p span {
  color: #fff;
}

/*------------------------------------------*/
/*  BUTTON SETTINGS
/*------------------------------------------*/

.btn {
  background-color: transparent;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 500;
  padding: 16px 32px;
  border: 1px solid transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

/*------------------------------------------*/
/*  Button Size
/*------------------------------------------*/

.btn.btn-sm {
  font-size: 1rem;
  padding: 13px 30px;
}

.btn.btn-md {
  font-size: 1.125rem;
  padding: 18px 34px;
}

.btn.btn-lg {
  font-size: 1.15rem;
  padding: 20px 36px;
}

.btn.btn-md.btn-transparent {
  padding: 18px 6px;
}

.btn.btn-lg.btn-transparent {
  padding: 20px 6px;
}

/*------------------------------------------*/
/*  Button Icon
/*------------------------------------------*/

.btn.ico-left span {
  position: relative;
  top: 1px;
  right: 3px;
}

.btn.ico-right span {
  position: relative;
  top: 1px;
  left: 3px;
}

.btn.ico-20.ico-left span {
  top: 4px;
  right: 6px;
}

/*------------------------------------------*/
/*  Button Color
/*------------------------------------------*/

.btn-transparent {
  padding: 16px 6px;
  background-color: transparent;
  border-color: transparent;
}

.white-color .btn-transparent:hover {
  color: #fff;
}

.dark-color.btn.btn-transparent:focus {
  color: #1d293f!important;
}

.btn-white, 
.white-color .btn-white {
  color: #1d293f;
  background-color: #fff;
  border-color: #fff!important;
}

.btn-tra-white {
  color: #fff;
  background-color: transparent;
  border-color: #fff!important;
}

.scroll .btn-tra-white {
  color: #1d293f!important;
  background-color: transparent;
  border-color: #1d293f!important;
}

.btn-grey, 
.white-color .btn-grey {
  color: #666;
  background-color: rgba(17, 36, 70, .04);
  border-color: rgba(17, 36, 70, .02)!important;
}

.btn-tra-grey, 
.white-color .btn-tra-grey {
  color: #1d293f;
  background-color: transparent;
  border-color: #ccc!important;
}

.btn-black,
.white-color .btn-black {
  color: #fff;
  background-color: #1d293f;
  border-color: #1d293f;
}

.btn-tra-black,
.white-color .btn-tra-black {
  color: #1d293f;
  background-color: transparent;
  border-color: #1d293f;
}

.btn-blue, 
.scroll .btn-blue, 
.white-color .btn-blue,
.blue-hover:hover, 
.scroll .blue-hover:hover, 
.white-color .blue-hover:hover {
  color: #fff!important;
  background-color: #0f53fa!important;
  border-color: #0f53fa!important;
}

.btn-tra-blue, 
.scroll .btn-tra-blue, 
.white-color .btn-tra-blue,
.tra-blue-hover:hover, 
.scroll .tra-blue-hover:hover, 
.white-color .tra-blue-hover:hover {
  color: #0f53fa!important;
  background-color: transparent!important;
  border-color: #0f53fa!important;
}

.btn-green, 
.scroll .btn-green, 
.white-color .btn-green,
.green-hover:hover, 
.scroll .green-hover:hover, 
.white-color .green-hover:hover {
  color: #fff!important;
  background-color: #0fbc49!important;
  border-color: #0fbc49!important;
}

.btn-tra-green, 
.scroll .btn-tra-green, 
.white-color .btn-tra-green,
.tra-green-hover:hover, 
.scroll .tra-green-hover:hover, 
.white-color .tra-green-hover:hover {
  color: #0fbc49!important;
  background-color: transparent!important;
  border-color: #0fbc49!important;
}

.btn-indigo, 
.scroll .btn-indigo, 
.white-color .btn-indigo,
.indigo-hover:hover, 
.scroll .indigo-hover:hover, 
.white-color .indigo-hover:hover {
  color: #fff!important;
  background-color: #62147e!important;
  border-color: #62147e!important;
}

.btn-tra-indigo, 
.scroll .btn-tra-indigo, 
.white-color .btn-tra-indigo,
.tra-indigo-hover:hover, 
.scroll .tra-indigo-hover:hover, 
.white-color .tra-indigo-hover:hover {
  color: #62147e!important;
  background-color: transparent!important;
  border-color: #62147e!important;
}

.btn-orange-red, 
.scroll .btn-orange-red, 
.white-color .btn-orange-red,
.orange-red-hover:hover, 
.scroll .orange-red-hover:hover, 
.white-color .orange-red-hover:hover {
  color: #fff!important;
  background-color: #ff523d!important;
  border-color: #ff523d!important;
}

.btn-tra-orange-red, 
.scroll .btn-tra-orange-red, 
.white-color .btn-tra-orange-red,
.tra-orange-red-hover:hover, 
.scroll .tra-orange-red-hover:hover, 
.white-color .tra-orange-red-hover:hover {
  color: #ff523d!important;
  background-color: transparent!important;
  border-color: #ff523d!important;
}

.btn-pink, 
.scroll .btn-pink, 
.white-color .btn-pink,
.pink-hover:hover, 
.scroll .pink-hover:hover, 
.white-color .pink-hover:hover {
  color: #fff!important;
  background-color: #eb1561!important;
  border-color: #eb1561!important;
}

.btn-tra-pink, 
.scroll .btn-tra-pink, 
.white-color .btn-tra-pink,
.tra-pink-hover:hover, 
.scroll .tra-pink-hover:hover, 
.white-color .tra-pink-hover:hover {
  color: #eb1561!important;
  background-color: transparent!important;
  border-color: #eb1561!important;
}

.btn-purple, 
.scroll .btn-purple, 
.white-color .btn-purple,
.purple-hover:hover, 
.scroll .purple-hover:hover, 
.white-color .purple-hover:hover {
  color: #fff!important;
  background-color: #6a26da!important;
  border-color: #6a26da!important;
}

.btn-tra-purple, 
.scroll .btn-tra-purple, 
.white-color .btn-tra-purple,
.tra-purple-hover:hover, 
.scroll .tra-purple-hover:hover, 
.white-color .tra-purple-hover:hover {
  color: #6a26da!important;
  background-color: transparent!important;
  border-color: #6a26da!important;
}

.btn-red, 
.scroll .btn-red, 
.white-color .btn-red,
.red-hover:hover, 
.scroll .red-hover:hover, 
.white-color .red-hover:hover {
  color: #fff!important;
  background-color: #f6412d!important;
  border-color: #f6412d!important;
}

.btn-tra-red, 
.scroll .btn-tra-red, 
.white-color .btn-tra-red,
.tra-red-hover:hover, 
.scroll .tra-red-hover:hover, 
.white-color .tra-red-hover:hover {
  color: #f6412d!important;
  background-color: transparent!important;
  border-color: #f6412d!important;
}

.btn-skyblue, 
.scroll .btn-skyblue, 
.white-color .btn-skyblue,
.skyblue-hover:hover, 
.scroll .skyblue-hover:hover, 
.white-color .skyblue-hover:hover {
  color: #fff!important;
  background-color: #fc8a03!important;
  border-color: #fc8a03!important;
}

.btn-tra-skyblue, 
.scroll .btn-tra-skyblue, 
.white-color .btn-tra-skyblue,
.tra-skyblue-hover:hover, 
.scroll .tra-skyblue-hover:hover, 
.white-color .tra-skyblue-hover:hover {
  color: #0195ff!important;
  background-color: transparent!important;
  border-color: #0195ff!important;
}

label.shopify-portal::after {
    width: 100%;
}


.btn-tra-skyblue, .scroll .btn-tra-skyblue, .white-color .btn-tra-skyblue, .tra-skyblue-hover:hover, .scroll .tra-skyblue-hover:hover, .white-color .tra-skyblue-hover:hover {
    color: #333!important;
    background-color: transparent!important;
    border-color: #373737!important;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo a {
    padding: 9px;
}

.btn-tra-stateblue, 
.scroll .btn-tra-stateblue, 
.white-color .btn-tra-stateblue,
.tra-stateblue-hover:hover, 
.scroll .tra-stateblue-hover:hover, 
.white-color .tra-stateblue-hover:hover {
  color: #6064e3!important;
  background-color: transparent!important;
  border-color: #6064e3!important;
}

.btn-violet, 
.scroll .btn-violet, 
.white-color .btn-violet,
.violet-hover:hover, 
.scroll .violet-hover:hover, 
.white-color .violet-hover:hover {
  color: #fff!important;
  background-color: #9400d3!important;
  border-color: #9400d3!important;
}

.btn-tra-violet, 
.scroll .btn-tra-violet, 
.white-color .btn-tra-violet,
.tra-violet-hover:hover, 
.scroll .tra-violet-hover:hover, 
.white-color .tra-violet-hover:hover {
  color: #9400d3!important;
  background-color: transparent!important;
  border-color: #9400d3!important;
}

.btn-violet-red, 
.scroll .btn-violet-red, 
.white-color .btn-violet-red,
.violet-red-hover:hover, 
.scroll .violet-red-hover:hover, 
.white-color .violet-red-hover:hover {
  color: #fff!important;
  background-color: #c73e9b!important;
  border-color: #c73e9b!important;
}

.btn-tra-violet-red, 
.scroll .btn-tra-violet-red, 
.white-color .btn-tra-violet-red,
.tra-violet-red-hover:hover, 
.scroll .tra-violet-red-hover:hover, 
.white-color .tra-violet-red-hover:hover {
  color: #c73e9b!important;
  background-color: transparent!important;
  border-color: #c73e9b!important;
}

.btn-yellow, 
.scroll .btn-yellow, 
.white-color .btn-yellow,
.yellow-hover:hover, 
.scroll .yellow-hover:hover, 
.white-color .yellow-hover:hover {
  color: #1d293f!important;
  background-color: #ffb30c!important;
  border-color: #ffb30c!important;
}

.btn-tra-yellow, 
.scroll .btn-tra-yellow, 
.white-color .btn-tra-yellow,
.tra-yellow-hover:hover, 
.scroll .tra-yellow-hover:hover, 
.white-color .tra-yellow-hover:hover {
  color: #1d293f!important;
  background-color: transparent!important;
  border-color: #ffb30c!important;
}

/*------------------------------------------*/
/*  Button Hover
/*------------------------------------------*/

.white-hover:hover,
.scroll .white-hover:hover {
  color: #1d293f!important;
  background-color: #fff!important;
  border-color: #fff!important;
}

.tra-white-hover:hover,
.white-color .tra-white-hover:hover {
  color: #fff!important;
  background-color: transparent!important;
  border-color: #fff!important;
}

.scroll .tra-white-hover:hover {
  color: #1d293f!important;
  background-color: transparent!important;
  border-color: #1d293f!important;
}

.dark-menu .scroll .tra-white-hover:hover {
  color: #fff!important;
  background-color: transparent!important;
  border-color: #fff!important;
}

.black-hover:hover,
.scroll .black-hover:hover,
.white-color .black-hover:hover {
  color: #fff!important;
  background-color: #1d293f!important;
  border-color: #1d293f!important;
}

.tra-black-hover:hover,
.scroll .tra-black-hover:hover
.white-color .tra-black-hover:hover {
  color: #1d293f!important;
  background-color: transparent!important;
  border-color: #1d293f!important;
}

.grey-hover:hover,
.scroll .grey-hover:hover {
  color: #1d293f!important;
  background-color: rgba(17, 36, 70, .04)!important;
  border-color: rgba(17, 36, 70, .02)!important;
}

.tra-grey-hover:hover,
.scroll .tra-grey-hover:hover {
  color: #1d293f!important;
  background-color: transparent!important;
  border-color: #ccc!important;
}

/*------------------------------------------*/
/*  Button Focus
/*------------------------------------------*/

.btn:focus {
  color: #fff; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn.btn-black:focus {
  color: #fff; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-grey:focus {
  color: #666; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

.btn-tra-black:focus, 
.btn.btn-tra-grey:focus {
  color: #333; 
  -webkit-box-shadow: none;
  box-shadow: none; 
}

/*------------------------------------------*/
/*  WATCH VIDEO LINK
/*------------------------------------------*/

.watch-video {
  display: inline-block;
  position: relative;
}

.watch-video-link {
  display: inline-block;
  position: relative;
  text-align: center;
  float: left;
  width: 56px;
  height: 56px; 
  color: #fff;
  border: 2px solid transparent;
  margin-right: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; 
}

.watch-video-link:before {
  content: '';
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.watch-video-link:hover:before {
  opacity: .75;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
}

.watch-video-link.bg-tra-white {
  background-color: rgba(255, 255, 255, .15);
  border: 2px solid transparent;
}

.watch-video-link.ico-35 [class^="flaticon-"]:before, 
.watch-video-link.ico-35 [class^="flaticon-"]:after {
  line-height: 54px!important;   
  margin-left: 5px;
}

.watch-video-txt {
  display: inline-block;
}

p.video-txt-lg {
  line-height: 1;
  font-weight: 500;
  margin-bottom: 5px;
}

p.video-txt-sm {
  line-height: 1;
  padding-left: 2px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  VIDEO LINK
/*------------------------------------------*/

.btn-md.btn-video-link {
  color: #666;
  font-size: 18px;
  padding: 10px 8px;
}

.btn-md.btn-video-link span {
  position: relative;
  top: 5px;
  right: 6px;
}

.btn-md.btn-video-link {
  line-height: 30px!important;
}

/*------------------------------------------*/
/*  VIDEO POPUP ICON
/*------------------------------------------*/

.video-preview {
  position: relative; 
  text-align: center;
}

.video-btn {
  position: absolute!important;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; 
}
.p0{
    padding : 0;
}
.video-btn-xl {
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px; 
}

.video-btn-lg {
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px; 
}

.video-btn-md {
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px; 
}

.video-btn-sm {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px; 
}

.video-block-wrapper {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn.video-btn-xl [class^="flaticon-"]:before, 
.video-btn.video-btn-xl [class^="flaticon-"]:after {
  line-height: 120px!important;   
  margin-left: 10px;
}

.video-btn.video-btn-lg [class^="flaticon-"]:before, 
.video-btn.video-btn-lg [class^="flaticon-"]:after {
  line-height: 100px!important;   
  margin-left: 8px;
}

.video-btn.video-btn-md [class^="flaticon-"]:before, 
.video-btn.video-btn-md [class^="flaticon-"]:after {
  line-height: 80px!important;   
  margin-left: 7px;
}

.video-btn.video-btn-sm [class^="flaticon-"]:before, 
.video-btn.video-btn-sm [class^="flaticon-"]:after {
  line-height: 60px!important;   
  margin-left: 6px;
}

.video-btn:hover .video-block-wrapper {
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.video-btn:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn.video-btn-xl:hover:before {
  opacity: .75;
  left: -32px;
  right: -32px;
  top: -32px;
  bottom: -32px;
}

.video-btn.video-btn-lg:hover:before {
  opacity: .75;
  left: -25px;
  right: -25px;
  top: -25px;
  bottom: -25px;
}

.video-btn.video-btn-md:hover:before {
  opacity: .75;
  left: -18px;
  right: -18px;
  top: -18px;
  bottom: -18px;
}

.video-btn.video-btn-sm:hover:before {
  opacity: .75;
  left: -12px;
  right: -12px;
  top: -12px;
  bottom: -12px;
}

/*------------------------------------------*/
/*  STORE BADGE ICONS
/*------------------------------------------*/

.stores-badge {
  display: inline-block;
}

.store {
  display: inline-block;
  text-align: center;
  float: left;
  margin-right: 15px;
}

.store:last-child {
  margin-right: 0;
} 

.footer .store {
  text-align: right;
  display: block;
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
}

.store img {
  width: auto;
  max-width: inherit;
  max-height: 50px;
}

.store.header-store img {
  max-height: 44px;
}

.footer .store img {
  display: inline-block;
  max-height: 45px;
}

span.os-version {
  display: block;
  font-size: 1.0625rem;
  line-height: 1; 
  margin-top: 15px; 
}

/*------------------------------------------*/
/*  VECTOR ICONS
/*------------------------------------------*/

.ico-10 [class*="flaticon-"]:before, .ico-10 [class*="flaticon-"]:after { font-size: 0.75rem; }     /* 15px */
.ico-15 [class*="flaticon-"]:before, .ico-15 [class*="flaticon-"]:after { font-size: 0.9375rem; }   /* 15px */
.ico-20 [class*="flaticon-"]:before, .ico-20 [class*="flaticon-"]:after { font-size: 1.25rem; }     /* 20px */
.ico-25 [class*="flaticon-"]:before, .ico-25 [class*="flaticon-"]:after { font-size: 1.5625rem; }   /* 25px */
.ico-30 [class*="flaticon-"]:before, .ico-30 [class*="flaticon-"]:after { font-size: 1.875rem; }    /* 30px */
.ico-35 [class*="flaticon-"]:before, .ico-35 [class*="flaticon-"]:after { font-size: 2.1875rem; }   /* 35px */
.ico-40 [class*="flaticon-"]:before, .ico-40 [class*="flaticon-"]:after { font-size: 2.5rem; }      /* 40px */
.ico-45 [class*="flaticon-"]:before, .ico-45 [class*="flaticon-"]:after { font-size: 2.8125rem; }   /* 45px */
.ico-50 [class*="flaticon-"]:before, .ico-50 [class*="flaticon-"]:after { font-size: 3.125rem; }    /* 50px */
.ico-55 [class*="flaticon-"]:before, .ico-55 [class*="flaticon-"]:after { font-size: 3.4375rem; }   /* 55px */
.ico-60 [class*="flaticon-"]:before, .ico-60 [class*="flaticon-"]:after { font-size: 3.75rem; }     /* 60px */
.ico-65 [class*="flaticon-"]:before, .ico-65 [class*="flaticon-"]:after { font-size: 4.0625rem; }   /* 65px */
.ico-70 [class*="flaticon-"]:before, .ico-70 [class*="flaticon-"]:after { font-size: 4.375rem; }    /* 70px */
.ico-75 [class*="flaticon-"]:before, .ico-75 [class*="flaticon-"]:after { font-size: 4.6875rem; }   /* 75px */
.ico-80 [class*="flaticon-"]:before, .ico-80 [class*="flaticon-"]:after { font-size: 5rem; }        /* 80px */
.ico-85 [class*="flaticon-"]:before, .ico-85 [class*="flaticon-"]:after { font-size: 5.3125rem; }   /* 85px */
.ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after { font-size: 5.625rem; }    /* 90px */
.ico-95 [class*="flaticon-"]:before, .ico-95 [class*="flaticon-"]:after { font-size: 5.9375rem; }   /* 95px */
.ico-100 [class*="flaticon-"]:before, .ico-100 [class*="flaticon-"]:after { font-size: 6.25rem; }   /* 100px */
.ico-105 [class*="flaticon-"]:before, .ico-105 [class*="flaticon-"]:after { font-size: 6.5625rem; } /* 105px */
.ico-110 [class*="flaticon-"]:before, .ico-110 [class*="flaticon-"]:after { font-size: 6.875rem; }  /* 110px */
.ico-115 [class*="flaticon-"]:before, .ico-115 [class*="flaticon-"]:after { font-size: 7.1875rem; } /* 115px */
.ico-120 [class*="flaticon-"]:before, .ico-120 [class*="flaticon-"]:after { font-size: 7.5rem; }    /* 120px */
.ico-125 [class*="flaticon-"]:before, .ico-125 [class*="flaticon-"]:after { font-size: 7.8125rem; } /* 125px */

/*------------------------------------------*/
/*  VECTOR ROUNDED ICONS
/*------------------------------------------*/ 

.ico-rounded-xs,
.ico-rounded-sm,
.ico-rounded-md,
.ico-rounded-lg,
.ico-rounded-xl {
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.ico-rounded-xs { width: 70px; height: 70px; }
.ico-rounded-sm { width: 80px; height: 80px; }
.ico-rounded-md { width: 90px; height: 90px; }
.ico-rounded-lg { width: 95px; height: 95px; }
.ico-rounded-xl { width: 110px; height: 110px; }

.ico-rounded-xs [class*="flaticon-"]:before, .ico-rounded-xs [class*="flaticon-"]:after { line-height: 70px!important; }
.ico-rounded-sm [class*="flaticon-"]:before, .ico-rounded-sm [class*="flaticon-"]:after { line-height: 80px!important; }
.ico-rounded-md [class*="flaticon-"]:before, .ico-rounded-md [class*="flaticon-"]:after { line-height: 90px!important; }
.ico-rounded-lg [class*="flaticon-"]:before, .ico-rounded-lg [class*="flaticon-"]:after { line-height: 95px!important; }
.ico-rounded-xl [class*="flaticon-"]:before, .ico-rounded-xl [class*="flaticon-"]:after { line-height: 110px!important; }

/*------------------------------------------*/
/*   PNG ICONS SETTINGS
/*------------------------------------------*/ 

.ico-125 img { width: 125px; height: 125px; }
.ico-120 img { width: 120px; height: 120px; }
.ico-115 img { width: 115px; height: 115px; }
.ico-110 img { width: 110px; height: 110px; }
.ico-105 img { width: 105px; height: 105px; }
.ico-100 img { width: 100px; height: 100px; }
.ico-95 img { width: 95px; height: 95px; }
.ico-90 img { width: 90px; height: 90px; }
.ico-85 img { width: 85px; height: 85px; }
.ico-80 img { width: 80px; height: 80px; }
.ico-75 img { width: 75px; height: 75px; }
.ico-70 img { width: 70px; height: 70px; }
.ico-65 img { width: 65px; height: 65px; }
.ico-60 img { width: 60px; height: 60px; }
.ico-55 img { width: 55px; height: 55px; }
.ico-50 img { width: 50px; height: 50px; }

.ico-40 img { width: 40px; height: 40px; }
.ico-35 img { width: 35px; height: 35px; }
.ico-30 img { width: 30px; height: 30px; }
.ico-25 img { width: 25px; height: 25px; }
.ico-20 img { width: 20px; height: 20px; }
.ico-15 img { width: 15px; height: 15px; }

/*------------------------------------------*/
/*   SECTION ID
/*------------------------------------------*/

.section-id {
  display: block;
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 35px;   
}

.section-title .section-id,
.section-title-left .section-id {
  margin-bottom: 25px;   
}

.section-id.grey-color {
  color: #998da0;
  opacity: .65;
}

.section-id.rounded-id {
  display: inline-block;
  padding: 6px 24px;
  font-size: 1.05rem;
  text-transform: uppercase;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.section-id.txt-upcase {
  font-size: 0.975rem;
}

.rtl-direction .section-id.txt-upcase { font-size: 1.15rem; } 

/*------------------------------------------*/
/*  SECTION TITLE
/*------------------------------------------*/

.title-01, 
.title-02,
.title-03 {
  text-align: center;
}

.title-01 h2 {
  letter-spacing: -1px;
}

.title-01 p {
  padding: 0 3%; 
  margin-top: 20px;
  margin-bottom: 0;
}

.title-02 p {
  margin-top: 20px;
  margin-bottom: 0;
  font-size : 16px;
}

.section-title .btn {
  margin-top: 25px;
}

/*------------------------------------------*/
/*  FONT SETTINGS
/*------------------------------------------*/

.txt-300 { font-weight: 300; }
.txt-400 { font-weight: 400; }
.txt-500 { font-weight: 500; }
.txt-600 { font-weight: 600; }
.txt-700 { font-weight: 700; }
.txt-900 { font-weight: 900; }

.txt-upcase { text-transform: uppercase }

/*------------------------------------------*/
/*  TEXT COLORS
/*------------------------------------------*/

.white-color,
.white-color h2, 
.white-color h3, 
.white-color h4, 
.white-color h5, 
.white-color h6, 
.white-color p, 
.white-color a, 
.white-color li,
.white-color i, 
.white-color span { color: #fff; }

.dark-color,
.dark-color h2, 
.dark-color h3, 
.dark-color h4, 
.dark-color h5, 
.dark-color h6, 
.dark-color p, 
.dark-color a,
.dark-color li, 
.dark-color i, 
.dark-color span,
.white-color .dark-color { color: #1d293f; }

.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color a,
.grey-color li, 
.grey-color i,
.grey-color span, 
.white-color .grey-color { color: #757575; }

.blue-color,
.blue-color h2, 
.blue-color h3, 
.blue-color h4, 
.blue-color h5, 
.blue-color h6, 
.blue-color p, 
.blue-color a, 
.blue-color li,
.blue-color i, 
.blue-color span,
.white-color .blue-color { color: #0f53fa; }

.skyblue-color,
.skyblue-color h2, 
.skyblue-color h3, 
.skyblue-color h4, 
.skyblue-color h5, 
.skyblue-color h6, 
.skyblue-color p, 
.skyblue-color a, 
.skyblue-color li,
.skyblue-color i, 
.skyblue-color span,
.white-color .skyblue-color { color: #0195ff; }

.cadetblue-color,
.cadetblue-color h2, 
.cadetblue-color h3, 
.cadetblue-color h4, 
.cadetblue-color h5, 
.cadetblue-color h6, 
.cadetblue-color p, 
.cadetblue-color a,
.cadetblue-color li, 
.cadetblue-color i, 
.cadetblue-color span,
.white-color .cadetblue-color { color: #83889c; }

.stateblue-color,
.stateblue-color h2, 
.stateblue-color h3, 
.stateblue-color h4, 
.stateblue-color h5, 
.stateblue-color h6, 
.stateblue-color p, 
.stateblue-color a, 
.stateblue-color li,
.stateblue-color i, 
.stateblue-color span,
.white-color .stateblue-color { color: #6064e3; }

.green-color,
.green-color h2, 
.green-color h3, 
.green-color h4, 
.green-color h5, 
.green-color h6, 
.green-color p, 
.green-color a, 
.green-color li,
.green-color i, 
.green-color span,
.white-color .green-color { color: #0fbc49; }

.indigo-color,
.indigo-color h2, 
.indigo-color h3, 
.indigo-color h4, 
.indigo-color h5, 
.indigo-color h6, 
.indigo-color p, 
.indigo-color a, 
.indigo-color li,
.indigo-color i, 
.indigo-color span,
.white-color .indigo-color { color: #62147e; }

.orange-color,
.orange-color h2, 
.orange-color h3, 
.orange-color h4, 
.orange-color h5, 
.orange-color h6, 
.orange-color p, 
.orange-color a, 
.orange-color li,
.orange-color i, 
.orange-color span,
.white-color .orange-color { color: #ff6b0f; }

.orange-red-color,
.orange-red-color h2, 
.orange-red-color h3, 
.orange-red-color h4, 
.orange-red-color h5, 
.orange-red-color h6, 
.orange-red-color p, 
.orange-red-color a, 
.orange-red-color li,
.orange-red-color i, 
.orange-red-color span,
.white-color .orange-red-color { color: #ff523d; }

.pink-color,
.pink-color h2, 
.pink-color h3, 
.pink-color h4, 
.pink-color h5, 
.pink-color h6, 
.pink-color p, 
.pink-color a, 
.pink-color li,
.pink-color i, 
.pink-color span,
.white-color .pink-color { color: #eb1561; }

.purple-color,
.purple-color h2, 
.purple-color h3, 
.purple-color h4, 
.purple-color h5, 
.purple-color h6, 
.purple-color p, 
.purple-color a, 
.purple-color li,
.purple-color i, 
.purple-color span,
.white-color .purple-color { color: #6a26da; }

.red-color,
.red-color h2, 
.red-color h3, 
.red-color h4, 
.red-color h5, 
.red-color h6, 
.red-color p, 
.red-color a, 
.red-color li,
.red-color i, 
.red-color span,
.white-color .red-color { color: #f6412d; }

.violet-red-color,
.violet-red-color h2, 
.violet-red-color h3, 
.violet-red-color h4, 
.violet-red-color h5, 
.violet-red-color h6, 
.violet-red-color p, 
.violet-red-color a, 
.violet-red-color li,
.violet-red-color i, 
.violet-red-color span,
.white-color .violet-red-color { color: #c73e9b; }

.violet-color,
.violet-color h2, 
.violet-color h3, 
.violet-color h4, 
.violet-color h5, 
.violet-color h6, 
.violet-color p, 
.violet-color a, 
.violet-color li,
.violet-color i, 
.violet-color span,
.white-color .violet-color { color: #9400d3; }

.yellow-color,
.yellow-color h2, 
.yellow-color h3, 
.yellow-color h4, 
.yellow-color h5, 
.yellow-color h6, 
.yellow-color p, 
.yellow-color a, 
.yellow-color li,
.yellow-color i, 
.yellow-color span,
.white-color .yellow-color { color: #ffb30c; }

/*------------------------------------------*/
/*  TEXT BLOCK
/*------------------------------------------*/ 

.tabs-section .img-block.left-column,
.tabs-section .txt-block.left-column,
.content-section .img-block.left-column,
.content-section .txt-block.left-column {
  padding-left: 5px;
  padding-right: 20px;
  margin-bottom: 40px;
}

.tabs-section .img-block.right-column,
.tabs-section .txt-block.right-column,
.content-section .img-block.right-column,
.content-section .txt-block.right-column {
  padding-left: 20px;
  padding-right: 5px;
  margin-bottom: 40px;
}

.content-5.content-section .txt-block.left-column,
.content-5.content-section .content-section .img-block.left-column {
  padding-left: 0;
}

.content-5.content-section .txt-block.right-column,
.content-5.content-section .content-section .img-block.right-column {
  padding-right: 0;
}

/*------------------------------------------*/
/*  TEXT BLOCK TYPOGRAPHY
/*------------------------------------------*/ 

.txt-block h3,
.txt-block h2,
.content-14-txt h4,
.content-14-txt h3 {
  margin-bottom: 26px;
}

.txt-block h5 {
  margin-bottom: 20px;
}

h5.sm-title {
  margin-top: 20px;
  margin-bottom: 20px;
}

.txt-block .btn,
.txt-block .stores-badge,
.content-14-txt .btn {
  margin-top: 20px;
}

.txt-block hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  ADVANTAGES LIST
/*------------------------------------------*/

.advantages li {
  width: auto!important;
  display: inline-block!important;
  vertical-align: top;
  clear: none !important;
  padding-left: 5px; 
}

.advantages li.first-li {
  padding-left: 0; 
}

.advantages li:after { 
  content: "|"; 
  padding-left: 7px; 
  position: relative;
  top: 1px;
}

.advantages li.last-li:after { 
  content: " "; 
  padding-left: 0; 
}

.advantages li p {
  display: inline-block;
  float: left;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  TERMS TEXT
/*------------------------------------------*/

p.terms-txt {
  margin-bottom: 0;
}

p.terms-txt a,
.advantages li p a {
  text-decoration: underline;
}

/*------------------------------------------*/
/*  TOOLS LIST
/*------------------------------------------*/

.tools-list h6 {
  margin-bottom: 25px;
}

.tools-list span {
  line-height: 1;
  padding-right: 6px;
}

/*------------------------------------------*/
/*  RATING STARS
/*------------------------------------------*/ 

.txt-block-rating {
  margin-top: 20px;
}

.stars-rating,
.stars-rating p {
  font-size: 1.05rem;
  margin-bottom: 0;
}

.txt-block-rating [class*="flaticon-"]:before, 
.txt-block-rating [class*="flaticon-"]:after { 
  font-size: 0.95rem; 
  line-height: 1;
  margin-left: 1px;  
} 

.txt-block-rating.ico-15 [class*="flaticon-"]:before, 
.txt-block-rating.ico-15 [class*="flaticon-"]:after { 
  font-size: 1.05rem; 
} 

.stars-rating span {
  color: #ffc832;
} 

.stars-rating.grey-stars span {
  color: #757575;
} 

/*------------------------------------------*/
/*  QUOTE
/*------------------------------------------*/ 

.quote p.p-xl {
  color: #666;
  border-left: 3px solid #0195ff;
  font-style: italic;
  padding-left: 20px;
  margin-top: 25px;
  margin-bottom: 20px;
}
/*------------------------------------------*/
/*  Quote Avatar 
/*------------------------------------------*/ 

.quote-avatar {
  display: inline-block;
  margin: 0 auto; 
}

.quote-avatar img {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

/*------------------------------------------*/
/*  Quote Author 
/*------------------------------------------*/ 

.quote-author {
  display: inline-block;
  padding: 0 0 0 15px;
  text-align: left;
  position: relative;
  top: 14px;
} 
   
.quote-author h5,
.quote-author p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  IMG BLOCK IMAGE
/*------------------------------------------*/ 

.img-block {
  text-align: center;
}




/* ==========================================================================
  03. PRELOAD ANIMATION
  ========================================================================== */

#loading {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
  z-index: 99999999;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite;
}

.object {
  width: 20px;
  height: 20px;
  background-color: #0195ff;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;  
}

.lue-loading .object { background-color: #0f53fa; }
.skyblue-loading .object { background-color: #0195ff; }
.stateblue-loading .object { background-color: #6064e3; }
.green-loading .object { background-color: #0fbc49; }
.indigo-loading .object { background-color: #62147e; }
.orange-red-loading .object { background-color: #ff523d; }
.pink-loading .object { background-color: #eb1561; }
.purple-loading .object { background-color: #6a26da; }
.red-loading .object { background-color: #f6412d; }
.violet-red-loading .object { background-color: #c73e9b; }
.violet-loading .object { background-color: #9400d3; }

.object:nth-child(2n+0) {
  margin-right: 0px;
}

#object_one {
  -webkit-animation: object_one 1s infinite;
  animation: object_one 1s infinite;
}

#object_two {
  -webkit-animation: object_two 1s infinite;
  animation: object_two 1s infinite;
} 

#object_three {
  -webkit-animation: object_three 1s infinite;
  animation: object_three 1s infinite;
}  

#object_four {
  -webkit-animation: object_four 1s infinite;
  animation: object_four 1s infinite;
}   
  
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  }     
}  

@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  }
} 
  
@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
  }
}  

@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
  }
}

@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
  }
}  

@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
  }
}

@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
  }
}   

@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
  }
}

@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
  }
}   
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
  }
}




/* ==========================================================================
  04. HEADER & NAVIGATION
  =========================================================================== */

#header {
  width: 100%;
  display: block;
  padding-top: 0;
  min-height: 95px;
}
#header {
    border-bottom: 1px solid #fc8a0329;
    /*box-shadow: 0 5px 15px rgba(25, 25, 25, 0.08);*/
}
.header-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.headerwp {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}

.posrlt {
  position: relative;
}

#header.hiddden-header {
  display: none;
}

.hidden-nav .wsmainfull {
  margin-top: -100px;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.hidden-nav .wsmainfull.scroll {
  margin-top: 0;
}

.rtl-direction .desktoplogo {
  float: right;
}

.rtl-direction .wsmenu {
  float: left;
}

.rtl-direction .wsmenu > .wsmenu-list > li {
  float: right;
}

/*------------------------------------------*/
/*  HEADER LOGO
/*------------------------------------------*/

.desktoplogo img {
  width: auto;
  max-width: inherit;
  max-height: 50px;
}

/*------------------------------------------*/
/*   NAVIGATION MENU
/*------------------------------------------*/

.wsmainfull {
  width: 100%;
  height: auto;
  z-index: 1031;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out; 
}

.tra-menu .wsmainfull {
  background-color: transparent!important;
  padding: 20px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.white-menu .wsmainfull {
  background-color: #fff!important;
  padding: 5px 0;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.dark-menu .wsmainfull {
  background-color: #222227!important;
  padding: 5px 0;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

/*------------------------------------------*/
/*  HEADER LINK
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > a {
  display: block;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 7px;
  padding: 10px 15px;
  line-height: 50px;
  text-decoration: none;  
}

.rtl-direction .wsmenu > .wsmenu-list > li > a {
  font-size: 22px;
  text-align: right!important;
}

.navbar-dark .wsmenu > .wsmenu-list > li > a {
  color: #2c3e50;
}

.navbar-light .wsmenu > .wsmenu-list > li > a {
  color: #fff;
}

.wsmenu > .wsmenu-list > li > a.last-link {
  padding: 10px 0px;
  margin: 0 0 0 7px;
}

.wsmenu > .wsmenu-list > li > a .wsarrow:after {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid;
  content: "";
  float: right;
  right: 0;
  height: 0;
  margin: 0 0 0 14px;
  position: absolute;
  text-align: right;
  top: 33px;
  width: 0;
}

/*------------------------------------------*/
/*  HEADER BUTTONS
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li a.btn {
  font-size: 16.5px;
  line-height: 30px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 14px;
  margin-left: 12px;
  padding: 5px 30px;
}

.rtl-direction .wsmenu > .wsmenu-list > li a.btn {
  font-size: 20px;
}

.wsmenu > .wsmenu-list > li a.header-store {
  margin: 8px 0 0 12px;
  padding: 0;
}

/*------------------------------------------*/
/*  HEADER SOCIAL LINKS  
/*------------------------------------------*/

.header-socials {
  margin: 0;
  display: inline-block; 
  text-align: center;
}

.header-socials span {
  float: left;
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
}

.header-socials a {
  display: block;
  line-height: 70px!important;   
  margin-left: 15px;
}

.header-socials a span {
  position: relative;
  top: 5px;
}

.header-socials.ico-20 [class*="flaticon-"]:before, 
.header-socials.ico-20 [class*="flaticon-"]:after { font-size: 1.4rem; } 

/*------------------------------------------*/
/*  HEADER SUBMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > ul.sub-menu {
  padding: 12px 20px;
  width: auto;
  min-width: 200px;
  top: 65px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.wsmenu > .wsmenu-list > li > ul.sub-menu:before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: -8px;
  left: 40px;
  height: .9375rem;
  width: .9375rem;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -2;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  color: #2c3e50;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 0;
  transition: all 0.3s ease-in-out;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a span {
  color: #ff523d;
  font-size: 0.6rem;
  position: relative;
  top: -8px;
  left: 1px;
}

.rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
  font-size: 19px;
  text-align: right!important;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
  padding: 8px 0 8px 8px;
}

.rtl-direction .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a:hover {
  padding: 8px 8px 8px 0;
}

/*------------------------------------------*/
/*   HALFMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > .wsmegamenu {
  top: 65px;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu {
  width: 36%;
  padding: 15px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu:before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: -8px;
  left: 40px;
  height: .9375rem;
  width: .9375rem;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -2;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .link-list li {
  border-bottom: none;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  color: #2c3e50;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 0;
  transition: all 0.3s ease-in-out;
}

.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a {
  font-size: 19px;
  text-align: right!important;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  padding: 8px 0 8px 8px;
}

.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  padding: 8px 8px 8px 0;
}

/*------------------------------------------*/
/*   MEGAMENU
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > .wsmegamenu {
  padding: 15px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.wsmenu > .wsmenu-list > li.mg_link:hover > a:after {
  content: "";
  background-color: #fff;
  position: absolute;
  bottom: -2px;
  left: 34%;
  height: .9375rem;
  width: .9375rem;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9990;
  transition: all 1.4s ease-in-out;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu.w-75 {
  width: 76%!important;
  left: 22%;
  padding: 20px 10px;
}

.wsmenu > .wsmenu-list > li > .wsmegamenu .title p,
.wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin: 10px 0 10px 0;
  letter-spacing: 0;
}

.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu .title p,
.rtl-direction .wsmenu > .wsmenu-list > li > .wsmegamenu.halfmenu .title p {
  font-size: 22px;
  text-align: right!important;
}

/*------------------------------------------*/
/*  NAVBAR HOVER
/*------------------------------------------*/

.wsmenu > .wsmenu-list.nav-blue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-blue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #0f53fa!important;
}

.wsmenu > .wsmenu-list.nav-skyblue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-skyblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #0195ff!important;
}

.wsmenu > .wsmenu-list.nav-stateblue-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-stateblue-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #6064e3!important;
}

.wsmenu > .wsmenu-list.nav-green-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-green-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #0fbc49!important;
}

.wsmenu > .wsmenu-list.nav-indigo-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-indigo-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #62147e!important;
}

.wsmenu > .wsmenu-list.nav-orange-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-orange-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #ff523d!important;
}

.wsmenu > .wsmenu-list.nav-pink-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-pink-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #eb1561!important;
}

.wsmenu > .wsmenu-list.nav-purple-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-purple-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #6a26da!important;
}

.wsmenu > .wsmenu-list.nav-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #f6412d!important;
}

.wsmenu > .wsmenu-list.nav-violet-red-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-red-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #c73e9b!important;
}

.wsmenu > .wsmenu-list.nav-violet-hover > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-violet-hover > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #9400d3!important;
}

/*------------------------------------------*/
/*  NAVBAR SCROLL
/*------------------------------------------*/

.tra-menu .wsmainfull.scroll,
.white-menu .wsmainfull.scroll,
.dark-menu.dark-scroll .wsmainfull.scroll {
  background-color: #fff!important;
  padding: 0;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
}

.scroll .white-color.header-socials span {
  color: #463853!important;
}

/*------------------------------------------*/
/*  Navigation Menu
/*------------------------------------------*/

.tra-menu.navbar-light .scroll .wsmenu > .wsmenu-list > li a {
  color: #463853;
}

.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list > li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list > li a {
  color: #fff;
}

.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list .sub-menu li a,
.tra-menu.navbar-light.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a,
.tra-menu.navbar-dark.dark-scroll .scroll .wsmenu > .wsmenu-list li .wsmegamenu a {
  color: #666;
}

/*------------------------------------------*/
/*  Logo Image
/*------------------------------------------*/

.logo-white, 
.logo-black {
  display: block;
}

.navbar-light .logo-black,
.navbar-dark .logo-white,
.tra-menu.navbar-light .scroll .logo-white,
.tra-menu.navbar-light.dark-scroll .scroll .logo-black,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-black {
  display: none;
}

.tra-menu.navbar-light .scroll .logo-black,
.tra-menu.navbar-light.dark-scroll .scroll .logo-white,
.tra-menu.navbar-dark.dark-scroll .scroll .logo-white {
  display: block;
}




/* ==========================================================================
  05. HERO
  =========================================================================== */

.hero-section .container {
  position: relative;
  z-index: 3;
}

/*------------------------------------------*/
/*  HERO APP LOGO
/*------------------------------------------*/

.hero-logo img,
.hero-logo-sm img {
  width: auto;
  max-width: inherit;
  max-height: 70px;
}

.hero-logo-sm img {
  max-height: 30px;
}

.hero-logo-rounded {
  display: inline-block;
  padding: 5px 28px;
  border: 2px solid #2c3e50;
  border-radius: 100px;
}

.bg-grey.hero-logo-rounded {
  background-color: #f4f5f6;
  border: 2px solid #f2f2f2;
}

.bg-tra-white.hero-logo-rounded {
  background-color: rgba(255, 255, 255, .15);
  border: 2px solid rgba(255, 255, 255, .06);
}

.white-color.hero-logo-rounded {
  border: 2px solid #fff;
}

.grey-color.hero-logo-rounded {
  border: 2px solid #999;
}

.hero-logo-rounded span {
  position: relative;
  top: 1px;
  line-height: 20px;
  font-weight: 500;
}

.hero-logo-rounded img {
  width: auto;
  max-width: inherit;
  max-height: 20px;
  margin-right: 8px;
}

/*------------------------------------------*/
/*  HERO-1
/*------------------------------------------*/

#hero-1 {
  position: relative;
  z-index: 3;
  background-image: url(../images/hero-1.jpg);
  padding-top: 140px;
  padding-bottom: 100px;
}

.hero-1-txt h2 {
  line-height: 1.2;
  margin-bottom: 30px;
}

.hero-1-txt p.p-xl {
  font-size: 1.35rem;
  padding-right: 8%;
  margin-bottom: 40px;
}

.rtl-direction  .hero-1-txt p.p-xl {
  padding-right: 0;
}

.hero-1-img {
  margin-left: 20px;
}

/*------------------------------------------*/
/*  HERO-2
/*------------------------------------------*/

#hero-2 {
  position: relative;
  z-index: 3;
  background-image: url(../images/hero-2.jpg);
  padding-top: 150px;
  margin-bottom: 50px;
}

.hero-2-txt {
  padding-left: 15px;
}

.hero-2-txt h2 {
  margin-bottom: 25px;
}

.hero-2-txt p.p-xl {
  font-size: 1.35rem;
  padding-right: 5%;
  margin-bottom: 35px;
}

.hero-2-img {
  text-align: center;
  margin-bottom: -50px;
}

/*------------------------------------------*/
/*  HERO-3
/*------------------------------------------*/

#hero-3 {
  position: relative;
  background-image: url(../images/hero-3.jpg);
  padding-top: 160px;
}

.hero-3-txt {
  margin-top: -30px;
}

.hero-3-txt h2 {
  line-height: 1.2;
  margin-bottom: 30px;
}

.hero-3-txt p {
  margin-bottom: 35px;
}

.hero-3-img {
  margin-left: 15px;
  margin-right: -75%;
  text-align: center;
  position: relative;
}

/*------------------------------------------*/
/*  HERO-4
/*------------------------------------------*/

#hero-4 {
  position: relative;
  background-image: url(../images/hero-4.jpg);
  padding-top: 160px;
  padding-bottom: 50px;
}

.hero-4-txt {
  padding-left: 20px;
}

.hero-4-txt h2 {
  margin-bottom: 25px;
}

#hero-4-form {
  position: relative;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  padding: 45px 35px;
  margin-right: 35px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
}

#hero-4-form h4 {
  margin-bottom: 15px;
}

#hero-4-form p {
  color: #757575;
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  HERO-5
/*------------------------------------------*/

#hero-5 {
  padding-top: 150px;
}

.hero-5-txt {
  padding-left: 20%;
}

.hero-5-list {
  background-color: #fff;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #f5f6f6;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

.hero-5-list li {
  padding: 18px 5px;
  border-bottom: 1px solid #4e4b4d;
  border-bottom: 1px solid #eee;
}

.hero-5-list li.first-li {
  padding: 30px 5px 20px;
}

.hero-5-list li.last-li {
  padding: 20px 5px 25px;
  border-bottom: none;
}

.hero-5-list h4 {
  line-height: 1;
  letter-spacing: 6px;
  margin-bottom: 0;
}

.hero-5-list h5 {
  letter-spacing: 1px;
  margin-bottom: 2px;
}

.hero-5-list span {
  font-size: 1.05rem;
  line-height: 1;
  margin-bottom: 0;
}

.hero-5-img {
  margin-left: -20px;
  margin-right: -200px;
}

/*------------------------------------------*/
/*  HERO-6
/*------------------------------------------*/

#hero-6 {
  position: relative;
  background-image: linear-gradient(180deg, #dde6f1 0%, #fbfbfd 100%);
  padding-top: 150px;
  padding-bottom: 100px;
}

.hero-6-txt {
  padding-left: 20px;
  padding-right: 30px;
}

.hero-6-txt h2 {
  line-height: 1.25;
  margin-bottom: 30px;
}

#hero-6 .quick-form {
  margin: 45px 15px 0 0;
}

#hero-6 .quick-form .btn {
  padding: 13px 40px;
}

.hero-6-img {
  margin-bottom: -50px;
}

/*------------------------------------------*/
/*  HERO-7
/*------------------------------------------*/

#hero-7 {
  position: relative;
  background-image: url(../images/hero-7.jpg);  
  padding-top: 160px;
  margin-bottom: 50px;
  z-index: 3;
}

.hero-7-txt {
  margin-top: -50px;
  padding-right: 20px;
}

.hero-7-txt h2 {
  margin-bottom: 25px;
}

.hero-7-img {
  margin-bottom: -50px;
}

.hero-7-img img {
  position: relative;
  max-width: none;
  display: inline-block;
}

/*------------------------------------------*/
/*  HERO-8
/*------------------------------------------*/

#hero-8 {
  position: relative;
  background-image: url(../images/hero-8.jpg);  
  padding-top: 150px;
  padding-bottom: 70px;
}

.hero-8-txt {
  padding-left: 40px;
  padding-right: 20px;
}

.hero-8-txt h2 {
  margin-bottom: 30px;
}

.hero-8-img {
  margin-bottom: -70px;
}

#hero-8 .quick-form {
  margin: 45px 15px 0 0;
}

#hero-8 .quick-form .btn {
  padding: 13px 40px;
}

/*------------------------------------------*/
/*  HERO-9
/*------------------------------------------*/

#hero-9 {
  position: relative;
  background-image: url(../images/hero-9.jpg);
  padding-top: 100px;
  padding-bottom: 50px;
}

#hero-9-form {
  position: relative;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  padding: 45px 35px;
  margin-top: -30px;
  margin-right: 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .1);
}

#hero-9-form h4 {
  margin-bottom: 15px;
}

#hero-9-form p {
  color: #757575;
  margin-bottom: 25px;
}

/*------------------------------------------*/
/*  HERO-10
/*------------------------------------------*/

#hero-10 {
  position: relative;
  background-image: url(../images/hero-10.jpg);
  padding-top: 170px;
  margin-bottom: 100px;
}

.hero-10-txt {
  padding: 0 8%;
}

.hero-10-txt p {
  padding: 0 5%;
  margin-bottom: 30px;
}

.hero-10-txt h5, 
.hero-10-txt h4 {
  margin-bottom: 35px;
}

.hero-10-txt p {
  padding: 0 8%;
  margin-bottom: 35px;
}

.hero-10-img {
  margin: 60px 0 -120px;
}

/*------------------------------------------*/
/*  HERO-11
/*------------------------------------------*/

#hero-11 {
  position: relative;
  padding-top: 150px;
}

.hero-11-txt {
  padding-left: 40px;
  padding-right: 25px;
} 

.hero-11-txt .os-btn {
  margin: 0 0 20px 0;
} 

.hero-11-txt h2 {
  margin-bottom: 20px;
}

.hero-11-txt p {
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  HERO-12
/*------------------------------------------*/

#hero-12 {
  padding-top: 180px;
}

#hero-12 .container {
  overflow: hidden;
}

#hero-12:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 30%;
  background-color: #f4f4f9;
  top: 70%;
  left: 0;
  z-index: -1;
}

.hero-12-txt h2 {
  margin-bottom: 35px;
}

.hero-12-txt p {
  font-size: 1.4rem;
  padding-right: 10%;
}

.hero-12-img {
  margin-top: 60px;
}

/*------------------------------------------*/
/*  HERO-13
/*------------------------------------------*/

#hero-13 {
  background-image: url(../images/hero-13.jpg);
  padding-top: 170px;
  margin-bottom: 50px;
}

.hero-13-txt {
  padding-right: 5%;
  margin-top: 40px;
}

.hero-13-txt p.p-title-sm {
  margin-bottom: 2px;
}

.hero-13-img {
  margin: 0 -45px -60px;
}

/*------------------------------------------*/
/*  HERO-14
/*------------------------------------------*/

#hero-14 {
  background-image: url(../images/hero-14.jpg);
  padding-top: 170px;
  padding-bottom: 100px;
}

.hero-14-txt h2 {
  margin-bottom: 30px;
}

.hero-14-txt p.p-xl {
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  HERO-15
/*------------------------------------------*/

#hero-15 {
  position: relative;
  background-image: url(../images/hero-15.jpg);
  padding-top: 170px;
  overflow: hidden;
}

.hero-15-txt {
  padding: 0 15%;
}

.hero-15-txt h2 {
  margin-bottom: 35px;
}

.hero-15-txt p {
  padding: 0 8%;
  margin-bottom: 35px;
}

.hero-15-img {
  margin-top: 60px;
  margin-bottom: -20%;
}

/*------------------------------------------*/
/*  HERO-16
/*------------------------------------------*/

#hero-16 {
  position: relative;
  padding-top: 150px;
}

.hero-16-txt {
  padding-left: 25px;
  padding-right: 40px;
} 

.hero-16-txt h2 {
  margin-bottom: 20px;
}

.hero-16-txt p {
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  HERO-17
/*------------------------------------------*/

#hero-17 {
  background-image: url(../images/hero-17.jpg);
  padding-top: 170px;
  overflow: hidden;
}

.hero-17-title h2 {
  margin-bottom: 0;
}

.hero-17-txt {
  margin-top: 40px;
  padding-right: 30px;
}

.hero-17-txt p {
  margin-bottom: 40px;
}

.hero-17-txt .os-btn {
  margin: 0 0 20px;
}

.hero-17-img {
  margin-bottom: -90px;
}

.hero-17-img img {
  position: relative;
  max-width: none;
  display: inline-block;
}

/*------------------------------------------*/
/*  HERO-18
/*------------------------------------------*/

#hero-18 {
  padding-top: 150px;
  padding-bottom: 30px;
} 

#hero-18:after {
  position: absolute;
  content: '';
  width: 50%;
  height: 100%;
  background-image: linear-gradient(180deg, #dde6f1 0%, #fbfbfd 100%);
  top: 0;
  left: 50%;
  z-index: -1;
} 

#hero-18-form {
  padding: 0 12% 0 10px;
}

#hero-18-form h3,
#hero-18-form h2 {
  margin-bottom: 30px;
}

.hero-18-img {
  padding-left: 25px;
  margin-right: -35px;
}

/*------------------------------------------*/
/*  HERO-19
/*------------------------------------------*/

#hero-19 {
  background-image: url(../images/hero-19.jpg);
  padding-top: 160px;
  overflow: hidden;
}

.hero-19-txt {
  margin-top: -20px;
}

.hero-19-txt h2 {
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.hero-19-txt p.p-xl {
  margin-bottom: 40px;
}

.hero-19-img {
  margin-left: 25px;
  margin-bottom: -40px;
}

.hero-19-img img {
  position: relative;
  max-width: none;
  display: inline-block;
}

/*------------------------------------------*/
/*  HERO-20
/*------------------------------------------*/

#hero-20 {
  background-image: url(../images/hero-20.jpg);
  padding-top: 170px;
  padding-bottom: 100px;
}

.hero-20-txt {
  padding-left: 25px;
  padding-right: 20px;
}

.hero-20-txt h2 {
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}

.hero-20-txt p {
  padding-right: 10px;
  margin-bottom: 35px;
}

/*------------------------------------------*/
/*  HERO-21
/*------------------------------------------*/

#hero-21 {
  padding-top: 170px;
}

.hero-21-txt h2 {
  margin-bottom: 25px;
}

.hero-21-txt p.p-xl {
  padding: 0 15%;
  margin-bottom: 0;
}

#hero-21 .quick-form {
  margin: 40px 15% 0;
}

/*------------------------------------------*/
/*  HERO-22
/*------------------------------------------*/

.hero-22-wrapper {
  padding: 70px 70px 30px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  margin-top: 120px;
  margin-bottom: 60px;
}

.hero-22-wrapper .img-block {
  margin-bottom: -60px; 
}

/*------------------------------------------*/
/*  HERO-23
/*------------------------------------------*/

#hero-23 {
  position: relative;
  z-index: 3;
  background-image: url(../images/hero-23.jpg);
  padding-top: 160px;
  padding-bottom: 100px;
}

.hero-23-txt h2 {
  line-height: 1.2;
  margin-bottom: 20px;
}

.hero-23-txt p.p-xl {
  font-size: 1.35rem;
  padding-right: 10%;
  margin-bottom: 30px;
}

.rtl-direction  .hero-23-txt p.p-xl {
  padding-right: 0;
}

.hero-23-img {
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
}

/*------------------------------------------*/
/*  HERO-24
/*------------------------------------------*/

.hero-24-txt {
  padding-top: 150px;
  padding-bottom: 20px;
}

.hero-24-txt h3,
.hero-24-txt h2 {
  padding-bottom: 15px;
}

.hero-24-txt h5 {
  color: #777;
  font-weight: 400;
  padding-bottom: 20px;
}

.hero-24-txt h2.tra-header {
  position: absolute;
  top: -20px;
  left: -22%;
  z-index: -1;
  font-size: 23rem;
  line-height: 1;
  opacity: .15;
}

.hero-24-img {
  margin-bottom: 30px;
}

.hero-24-img img {
  padding: 0 15%;
}

/*------------------------------------------*/
/*  HERO REQUEST FORM
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Request Form Input
/*------------------------------------------*/

.request-form .form-control {
  border: 1px solid #ccc;
  height: 55px;
  color: #333;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 22px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
/*------------------------------------------*/
/*  Hero Request Form Placeholder
/*------------------------------------------*/

.hero-form-wrapper .form-control::-moz-placeholder { color: #999; } 
.hero-form-wrapper .form-control:-ms-input-placeholder { color: #999; }
.hero-form-wrapper .form-control::-webkit-input-placeholder { color: #999; }

.request-form .form-control:focus {
  background-color: #fff;
  border-color: #00b871;
  outline: 0;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Hero Request Form Button
/*------------------------------------------*/

#hero-4-form .btn,
#hero-9-form .btn {
  width: 100%;
  padding: 16px;
}

/*------------------------------------------*/
/*  Hero Request Form Message
/*------------------------------------------*/

.request-form-msg {
  width: 100%!important;
  display: block;
  text-align: center;
  margin-top: 15px;
}

.request-form-msg .loading {
  color: #00b2e4;
  font-size: 18px;
  font-weight: 500;
}

.request-form .error {
  color: #e74c3c;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
}

/*------------------------------------------*/
/*  HERO QUICK FORM
/*------------------------------------------*/

.hero-section .quick-form .input-group {
  border: none;
}

/*------------------------------------------*/
/*  Hero Quick Form Input
/*------------------------------------------*/

.quick-form .form-control {
  height: 54px;
  background-color: #fff;
  border: none;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  padding: 0 20px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;  
}

.rtl-direction .quick-form .form-control {
  text-align: right;
}
  
/*------------------------------------------*/
/*  Hero Quick Form Placeholder
/*------------------------------------------*/

.quick-form .form-control::-moz-placeholder { color: #555; } 
.quick-form .form-control:-ms-input-placeholder { color: #555; } 
.quick-form .form-control::-webkit-input-placeholder { color: #555; } 

/*------------------------------------------*/
/*  Hero Quick Form Focus
/*------------------------------------------*/

.quick-form .form-control:focus {
  background-color: #fff;
  border-color: #00b871;
  outline: 0;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Hero Quick Form Button
/*------------------------------------------*/

.quick-form .btn {
  height: 54px;
  font-size: 18px;
  padding: 13px 55px;
  margin-left: 15px;
}

.rtl-direction .quick-form .btn {
  margin-left: 0;
  margin-right: 15px;
}

/*------------------------------------------*/
/*  Hero Quick Form Message
/*------------------------------------------*/

.quick-form-msg {
  width: 100%!important;
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
}

.quick-form-msg .loading {
  color: #00b2e4;
  font-size: 17px;
  line-height: 1;
  font-weight: 500;
}




/* ==========================================================================
  06. ABOUT
  =========================================================================== */

#about-2 {
  margin-bottom: 150px;
}

#about-2 .bg-inner {
  padding-bottom: 2px;
}

/*------------------------------------------*/
/*  ABOUT TITLE
/*------------------------------------------*/ 

.about-2-title {
  padding-right: 10%;
}

#about-1 .txt-block p {
  margin-bottom: 0;
}

.about-2-title p {
  margin-top: 25px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  ABOUT IMAGES
/*------------------------------------------*/ 

.about-2-images {
  position: relative;
  margin-top: 50px;
  margin-bottom: -150px;
}

.about-2-images img {
  width: auto;
  max-width: inherit;
  max-height: 400px;
}




/* ==========================================================================
  07. FEATURES
  =========================================================================== */

/*------------------------------------------*/
/*  FEATURE BOX
/*------------------------------------------*/ 

.fbox-5 {
  padding: 55px 40px;
} 

.fbox-6 {
  padding: 40px 50px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
} 

#fb-6-2 {
  margin-bottom: 40px;
}

.fbox-7,
.fbox-5.bg-white {
  background-color: #fff;
  border: 1px solid #efefef;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
} 

.fbox-7 {
  padding: 40px;
} 

.post-cont-para a {
    text-transform: uppercase;
}

.post-cont-para a:hover {
    color : #fc8a03;
}
/*------------------------------------------*/
/*  FEATURE BOX TEXT
/*------------------------------------------*/

.fbox-txt {
  width: 82%;
  display: inline-block!important;
}

/*------------------------------------------*/
/*  FEATURE BOX TYPOGRAPHY
/*------------------------------------------*/ 

.fbox-5 h6,
.fbox-5 h5,
.fbox-6 h6,
.fbox-6 h5,
.fbox-7 h6,
.fbox-7 h5,
.fbox-txt-center h6,
.fbox-txt-center h5 {
  margin-top: 18px;
  margin-bottom: 10px;
}

.fbox-txt h5 {
  margin-bottom: 10px;
}

.fbox-5 p,
.fbox-6 p,
.fbox-7 p,
.fbox-8 p,
.fbox-txt p,
.fbox-txt-center p {
  margin-bottom: 0;
}

.fbox-6-link {
  font-weight: 400;
  margin-top: 20px;
}

.fbox-6-link a {
  margin-top: 18px;
}

.fbox-6-link span {
  position: relative;
  top: 2px;
  left: 3px;
}

.fbox-6-link.ico-15 [class*="flaticon-"]:before,
.fbox-6-link.ico-15 [class*="flaticon-"]:after { font-size: 0.9rem; }

/*------------------------------------------*/
/*  FEATURE BOX ICON
/*------------------------------------------*/ 

.shape-ico {
  position: relative;
  margin-left: 5px;
  display: inline-block;
}

.ico-bkg {
  position: absolute;
  z-index:  -1;
  top: -15px;
  left: -10px;
  transform: rotate(-30deg);
}

.fbox-ico {   
  width: 18%;
  display: inline-block!important;  
  float: left;
  margin-top: 4px;
  text-align: left;
}

.rtl-direction .fbox-ico {   
  float: right;
  text-align: right;
}

.fbox-img {
  padding: 40px 18% 50px;
  margin-bottom: 70px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
} 

.fbox-img img {
  margin-bottom: -80px;
} 

/*------------------------------------------*/
/*  FEATURES DOWNLOAD BUTTON
/*------------------------------------------*/ 

.more-btn {
  text-align: center;
  margin-bottom: 40px;
} 




/* ==========================================================================
  08. CONTENT
  =========================================================================== */

.content-8 .container {
  overflow: hidden;
}

.content-9 {
  margin-bottom: 100px;
}

.content-5-wrapper {
  padding: 90px 70px 50px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
}

.content-4 .txt-block {
  margin-top: 30px;
}

.hdng-sidebar h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: normal;
    margin-top: 10px;
}

.par-title p {
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 4px;
}

.par-title p:hover,.item-content:hover{
    color : #fc8a03;
}

/*------------------------------------------*/
/*  CONTENT BOX
/*------------------------------------------*/

.cbox-2 {
  display: inline-block;
  width: 400px;
  min-width: 400px;
  padding: 20px 30px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-4.left-column,
.cbox-4.right-column {
  position: absolute;
  bottom: 10px;
  right: 25px;
  width: 52%;
  padding: 25px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-4.right-column {
  left: 15px;
  bottom: -5px;
  right:  0;
}

.cbox-5 {
  position: absolute;
  top: -30px;
  left: -10px;
  width: 54%;
  padding: 25px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-6 {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 54%;
  padding: 25px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cbox-txt {
  overflow: hidden;
  padding-left: 25px;
}

.rtl-direction .cbox-txt {
  padding-left: 0;
  padding-right: 25px;
}

.cbox-2-txt {
  display: inline-block!important;
  padding-left: 20px;
}

.rtl-direction .cbox-2-txt {
  padding-left: 0;
  padding-right: 20px;
}

.cbox-3-txt {
  display: inline-block!important;
  padding-left: 10px;
}

.rtl-direction .cbox-3-txt {
  padding-left: 0;
  padding-right: 20px;
}

.cbox-ico {   
  float: left;
  text-align: center;
  margin-top: 2px;
}

.rtl-direction .cbox-ico {   
  float: right;
  text-align: right;
}

.cbox-2-ico {   
  display: inline-block!important;  
  float: left;
  margin-top: 2px;
  text-align: center;
}

.rtl-direction .cbox-2-ico {   
  float: right;
}

.cbox-3-ico {   
  display: inline-block!important;  
  background-image: linear-gradient(0deg, #d4dbff 0%, #fff 100%);
  width: 28px;
  height: 28px;
  float: left;
  margin-top: -2px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.rtl-direction .cbox-3-ico {   
  float: right;
}

.cbox-3-ico.ico-15 [class*="flaticon-"]:before,
.cbox-3-ico.ico-15 [class*="flaticon-"]:after { font-size: 0.8rem; }

.cbox-3-ico span { 
  line-height: 28px; 
}

.cbox-4 h5,
.cbox-5 h5,
.cbox-6 h5,
.cbox-txt h5 {
  margin-bottom: 10px;
}

.cbox-2-txt h5,
.cbox-3-txt h5 ,
.cbox-2-txt p {
  margin-bottom: 0;
}

.content-14-txt h4,
.content-14-txt h3 {
  margin-bottom: 22px;
}

.cbox-4 p,
.cbox-5 p,
.cbox-6 p,
.cbox-txt p {
  line-height: 1.5;
  margin-bottom: 0;
}

.cbox-4 .divider,
.cbox-5 .divider,
.cbox-6 .divider {
  margin-top: 15px;
  margin-bottom: 15px;
}

.cbox-4 .btn,
.cbox-5 .btn,
.cbox-6 .btn {
  width: 100%;
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*  CB BOXES
/*------------------------------------------*/ 

.cb-wrapper {
  position: relative;
}

.cb-holder {
  background-color: #fff;
  border: 1px solid #f5f6f6;
  padding: 50px 40px;
  margin: 0 12% 40px;
  z-index: 1;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cb-box-rounded {
  padding: 20px 25px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;  
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cb-holder .divider {
  margin-top: 25px;
  margin-bottom: 25px;
}

.cb-single-box h2 {
  letter-spacing: -2px;
  line-height: 1;
}

.cb-single-box h4,
.cb-single-box h3 {
  line-height: 1;
  margin-bottom: 5px;
}

.cb-single-box h5 {
  margin-bottom: 12px;
}

p.cb-header {
  margin-bottom: 10px;
}

.cb-box-rounded p {
  margin-bottom: 0;
}

.statistic-number sup {
  font-size: 3rem;
  top: -10px;
  right: 0;
  margin-right: 5px;
}

.cb-shape-1 {
  position: absolute;
  right: 30px;
  top: -35px;
  z-index: -1;
}

.cb-shape-2 {
  position: absolute;
  left: 30px;
  bottom: -25px;
  z-index: -1;
}

.cb-shape-1 img,
.cb-shape-2 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*------------------------------------------*/
/*  CONTENT BUTTONS
/*------------------------------------------*/

.content-9-txt .btn {
  margin-top: 25px;
}

.content-10-btn {
  text-align: center;
  margin-top: 60px;
}

/*------------------------------------------*/
/*  CONTENT IMAGE
/*------------------------------------------*/ 

.img-block.v-box {
  margin: 0 15px;
}

.content-4-img {
  text-align: center;
  margin-top: -80px;
}

.content-7-img {
  text-align: center;
  margin-left: 30px;
  margin-bottom: 40px;
}

.content-7-img img {
  max-width: none;
  display: inline-block;
}

.content-8-img {
  text-align: center;  
  margin-bottom: -100px;
}

.content-9-img {
  text-align: center;  
  margin-bottom: -100px;
}




/* ==========================================================================
  09. TABS
  =========================================================================== */

#tabs-1 .tabs-nav { 
  text-align: center;
}

.tabs-1 { 
  display: inline-block;
  margin: 0 auto 60px;
}

#tabs-1 .tab-content,
#tabs-2 .tab-content {
  display: none;
}

#tabs-1 .tab-content.current,
#tabs-2 .tab-content.current {
  display: inherit;
}

.tabs-1 li {
  display: inline-block; 
  margin: 0 8px;
  color: #888;
  padding: 10px 32px;
  background-color: transparent;
  border: 2px solid #eee;
  cursor: pointer;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

#tabs-2 .tabs-1 li {
  margin-bottom: 15px;
  background-color: transparent;
  border: 1px solid #f3f3f3;
  padding: 30px 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.tabs-1 li span {
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 500;
}

.tabs-1 li p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  TAB LINK HOVER
/*------------------------------------------*/

.tabs-1 li:hover {
  color: #333!important;
  background-color: #eee;
  border-color: #eee!important;
}

#tabs-2 .tabs-1 li:hover {
  color: #333!important;
  background-color: transparent;
  border-color: #e3e3e3!important;
}

/*------------------------------------------*/
/*  TAB LINK CURRENT
/*------------------------------------------*/

#tabs-1 .tabs-1 li.current,
#tabs-1 .tabs-1 li.current:hover {
  color: #fff!important;
  background-color: #00b871;
  border-color: #00b871!important;
}

#tabs-2 .tabs-1 li.current,
#tabs-2 .tabs-1 li.current:hover {
  background-color: #fff;
  border-color: #efefef!important;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}




/* ==========================================================================
  10. PROJECTS
  =========================================================================== */

.project-preview {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

#projects-1 .project-txt {
  padding-left: 5%;
  padding-right: 30%;
}

.rtl-direction #projects-1 .project-txt {
  padding-left: 30%;
  padding-right: 5%;
}

#projects-2 .project-txt {
  padding-left: 5%;
  padding-right: 10%;
}

.rtl-direction #projects-2 .project-txt {
  padding-left: 10%;
  padding-right: 5%;
}

#projects-1 .project-txt h5 {
  margin-bottom: 5px;
}

#projects-2 .project-txt h5 {
  margin-bottom: 10px;
}

#projects-1 .project-txt p {
  font-weight: 400;
  margin-bottom: 5px;
}

#projects-2 .project-txt p {
  font-weight: 400;
  margin-bottom: 0;
}

.project-rating {
  font-size: 1rem;
}

.project-rating span {
  position: relative;
  top: 2px;
  color: #f7be27;
}

.project-rating.ico-20 [class*="flaticon-"]:before, 
.project-rating.ico-20 [class*="flaticon-"]:after { font-size: 1rem; }

/*------------------------------------------*/
/*  MASONRY IMAGES HOLDER
/*------------------------------------------*/ 

#projects-1 .masonry-image {
  position: relative; 
  width: 50%;
  padding: 0 15px;
  margin-bottom: 50px;
}

#projects-2 .masonry-image {
  position: relative; 
  width: 33.33333%;
  padding: 0 8px;
  margin-bottom: 50px;
}

/*------------------------------------------*/
/*  Image Hover Overlay
/*------------------------------------------*/

.hover-overlay {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative; 
}

.hover-overlay img {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  overflow: hidden;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
}

/*------------------------------------------*/
/*  Image Hover Effect 
/*------------------------------------------*/ 

.masonry-image:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.project-inner-img .col-md-6 .project-image:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

/*------------------------------------------*/
/*  PROJECT DETAILS
/*------------------------------------------*/ 

.single-project .project-title {
  margin-bottom: 70px;
}

.project-title h2 {
  padding-right: 10%;
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #ddd;
}

.project-data {
  margin-bottom: 0;
}

.project-data span {
  margin-right: 40px;
}

/*------------------------------------------*/
/*  PROJECT INNER PAGES
/*------------------------------------------*/

.project-inner-img {
  margin-top: 40px;
  margin-bottom: 40px;
}

.project-inner-img .col-md-6 .project-image {
  overflow: hidden;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

/*------------------------------------------*/
/*  MORE PROJECTS BUTTON
/*------------------------------------------*/

.more-projects {
  margin-top: 70px;
  margin-bottom: 40px;
}

.more-projects a {
  text-decoration: underline;
}




/* ==========================================================================
  11. STATISTIC
  =========================================================================== */

#statistic-3 {
  padding-top: 60px;
  padding-bottom: 20px;
}

.statistic-1-wrapper .statistic-block {
  padding: 10px 40px;
}

#sb-1-1, #sb-1-2 {
  border-right: 1px solid rgba(230, 230, 230, .2);
}

.bg-white #sb-1-1, .bg-white #sb-1-2 {
  border-right: 1px solid #ccc;
}

.rtl-direction #statistic-2  .col-lg-3 .statistic-block {
  padding-right: 60px;
}

/*------------------------------------------*/
/*  STATISTIC BLOCK
/*------------------------------------------*/

.statistic-block-txt {
  width: 65%;
  display: inline-block!important;
  padding-left: 20px;
}

.rtl-direction .statistic-block-txt {
  padding-left: 0;
  padding-right: 20px;
}

.statistic-block-digit {   
  width: 35%;
  display: inline-block!important;  
  float: left;
}

.rtl-direction .statistic-block-digit {   
  float: right;
}

.statistic-ico {
  margin-bottom: 15px;
}

h2.statistic-number {
  line-height: 1; 
  letter-spacing: -0.5px;
  margin-bottom: 0;
}

.statistic-block h5 {
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 0;
}

.statistic-block h2.h2-title-xs {
  letter-spacing: -1.5px;
}

#statistic-1 .statistic-block h5 {
  margin-top: 20px;
  margin-bottom: 15px;
}

#statistic-2 .txt-block h3 {
  margin-bottom: 0;
}

#statistic-4 h6,
#statistic-4 h5 {
  line-height: 1.4;
  padding-left: 5px;
  margin-bottom: 0;
}

.statistic-block p {
  margin-bottom: 0;
}

#statistic-2 .statistic-block p {
  line-height: 1.4;
}

.statistic-block-link {
  margin-top: 20px;
}

.statistic-block-link a {
  margin-top: 18px;
}

.statistic-block-link span {
  position: relative;
  top: 2px;
  left: 3px;
}

.statistic-block .txt-block-rating.ico-15 [class*="flaticon-"]:before,
.statistic-block .txt-block-rating.ico-15 [class*="flaticon-"]:after { font-size: 1.15rem; }




/* ==========================================================================
  12. TESTIMONIALS
  =========================================================================== */

.reviews-4-holder {
  position: relative;
  padding-top: 70px;
  padding-bottom: 60px;
}

.reviews-4-holder:after {
  position: absolute;
  content: '';
  width: 76%;
  height: 100%;
  background-color: #f4f4f9;
  top: 0;
  left: 12%;
  z-index: -1;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.reviews-4-holder.plum_shape:after {
  background-color: #e8daf5;
}

.review-1,
.review-2,
.review-3,
.review-4 { 
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 40px 22px;
  margin: 0 10px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 10px 15px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 10px 15px 0px rgba(5, 5, 5, .05);
}

.review-2 { 
  margin: 0;
}

.review-3 { 
  padding: 40px 20px;
  margin: 0 0 30px;
}

.right-column #rw-3-1,
.right-column #rw-3-3 {
  margin-left: 40px;
  margin-right: -40px;
}

.left-column #rw-3-1,
.left-column #rw-3-3 {
  margin-right: 40px;
  margin-left: -40px;
}

.review-4 { 
  padding: 40px;
  margin: 0 10px 40px;
}

.bg-lightgrey .review-1,
.bg-lightgrey .review-2,
.bg-lightgrey .review-3 { 
  border: 1px solid #f5f6f6;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
}

/*------------------------------------------*/
/*  Testimonial Message Text
/*------------------------------------------*/

.review-1-ico,
.review-2-ico {   
  width: 10%;
  display: inline-block!important;  
  float: left;
  margin-top: 6px;
  text-align: center;
  opacity: .6;
}

.rtl-direction .review-1-ico,
.rtl-direction .review-2-ico {   
  float: right;
}

.review-3-avatar {   
  width: 20%;
  display: inline-block!important;  
  float: left;
  margin-top: 2px;
  text-align: center;
}

.rtl-direction .review-3-avatar {   
  float: right;
  text-align: center;
}

.review-1-ico.ico-25 [class*="flaticon-"]:before, .review-2-ico.ico-20 [class*="flaticon-"]:before
.review-1-ico.ico-25 [class*="flaticon-"]:after, .review-2-ico.ico-20 [class*="flaticon-"]:after { font-size: 1.4rem; }

.review-1-txt,
.review-2-txt {
  width: 90%;
  display: inline-block!important;
  padding-left: 8px;
}

.rtl-direction .review-1-txt,
.rtl-direction .review-2-txt {
  padding-left: 0;
  padding-right: 8px;
}

.review-3-txt {
  width: 80%;
  display: inline-block!important;
  padding-left: 12px;
}

.rtl-direction .review-3-txt {
  padding-left: 0;
  padding-right: 12px;
}

/*------------------------------------------*/
/*  Testimonial Author
/*------------------------------------------*/ 

.author-data {
  margin-top: 25px;
}

.review-4 .author-data {
  margin-top: 30px;
}

.review-avatar {
  margin: 0 auto; 
  float: left;
}

.rtl-direction .review-avatar {
  margin: 0 auto; 
  float: right;
}

.review-avatar img,
.owl-item .review-avatar img {
  width: 52px;
  height: 52px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.review-2 .review-avatar img {
  width: 56px;
  height: 56px;
}

.review-3-avatar img,
.review-4 .review-avatar img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

/*------------------------------------------*/
/*  Testimonial Author 
/*------------------------------------------*/ 

.review-author {
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 0 0 0 15px;
} 

.rtl-direction .review-author {
  position: relative;
  display: inline-block;
  text-align: right;
  padding: 0 15px 0 0;
} 

.review-3 .review-author {
  text-align: center;
  padding: 0;
  top: 0;
  margin-bottom: 5px;
} 

.review-3 .review-author span {
  font-size: 1.05rem;
  font-weight: 300;
  margin-left: 5px;
} 

.review-author h6 {
  line-height: 1;
  margin-bottom: 8px;
}

.review-1 .review-author p,
.review-2 .review-author p {
  line-height: 1;
  font-weight: 300;
  margin-bottom: 0;
}

.review-3-txt p {
  padding-right: 5%;
  margin-bottom: 0;
}

.rtl-direction .review-3-txt p {
  padding-left: 5%;
  padding-right: 0;
}

.review-4 .review-author p {
  line-height: 1;
  margin-bottom: 10px;
}

/*------------------------------------------*/
/*  Testimonials Rating
/*------------------------------------------*/

.review-rating {
  margin-top: 8px;
}

.review-rating.ico-15 [class*="flaticon-"]:before, 
.review-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.875rem; }

.review-4 .review-rating.ico-15 [class*="flaticon-"]:before, 
.review-4 .review-rating.ico-15 [class*="flaticon-"]:after { font-size: 0.95rem; }

/*------------------------------------------*/
/*  Carousel Dots
/*------------------------------------------*/

.reviews-section button {
  background-color: transparent;
  border: none;
  padding: 0 2px;
}

.owl-theme .owl-dots .owl-dot span {
  margin: 0 7px;
}

.owl-dots button:focus {
  outline: none;
  text-decoration: none;
}




/* ==========================================================================
  13. PRICING
  =========================================================================== */

/*------------------------------------------*/
/*  Price Table
/*------------------------------------------*/

.pricing-1-table,
.pricing-2-table,
.pricing-3-table {
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 45px 35px 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.pricing-2-table {
  padding: 35px 40px 40px;
}

.pricing-3-table {
  text-align: center;
  position: relative;
  padding: 50px 40px;
}

.rtl-direction .pricing-3-table {
  text-align: right;
}

/*------------------------------------------*/
/*  Pricing Table Title
/*------------------------------------------*/

.pricing-plan-title {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.pricing-plan-title h6 {
  position: absolute;
  right: -3px;
  top: -3px;
  letter-spacing: 0.5px;
  padding: 6px 14px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}

.rtl-direction .pricing-plan-title h6 {
  display: inline-block;
  width: auto;
  right: 60%;
  left: -10px;
  top: -3px;
}

.pricing-1-table .pricing-plan h5 {
  margin-bottom: 25px;
}

.pricing-3-table .pricing-plan h6 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

/*------------------------------------------*/
/*  Pricing Plan
/*------------------------------------------*/

.pricing-plan span {
  font-size: 3.375rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.pricing-3-table .pricing-plan span {
  font-size: 5rem;
  line-height: 1;
  letter-spacing: -2px;
}

.pricing-plan sup {
  font-size: 2.25rem;
  font-weight: 500;
  top: -7px;
  right: 3px;
}

.rtl-direction .pricing-plan sup {
  left: 4px;
  right: 0;
}

.pricing-3-table .pricing-plan sup {
  font-size: 2.875rem;
  font-weight: 500;
  top: -12px;
  right: 3px;
}

.pricing-3-table .pricing-plan sup.coins {
  font-size: 2.875rem;
  font-weight: 500;
  top: -25px;
  left: 1px;
}

.pricing-plan sup.validity {
  color: #878787;
  font-weight: 400;
  font-size: 1.2rem;
  top: 0px;
  left: 0;
}

.pricing-plan sup.validity span {
  position: relative;
  font-size: 2.75rem;
  left: -2px;
}

.rtl-direction .pricing-plan sup.validity span {
  right: -2px;
  left: 3px;
}

.pricing-plan p {
  margin-top: 15px;
  margin-bottom: 0;
}

.pricing-1-table .pricing-plan p {
  padding-right: 3%;
}

.pricing-trial-link {
  display: block;
  text-decoration: underline;
}

/*------------------------------------------*/
/*  Pricing Hightlight Badge
/*------------------------------------------*/

.badge-wrapper {
  position: absolute;
  top: -21px;
  left: 0;
  width: 100%;
  text-align: center;
}

.highlight-badge {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 45px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.highlight-badge h6 {
  line-height: 1;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  Pricing Table Body
/*------------------------------------------*/

.pricing-2-table .features {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #ccc;
}

.pricing-3-table .features {
  color: #757575;
  border-top: 1px solid #ddd;
  margin-top: 35px;
  padding-top: 30px;
}

.pricing-2-table .features p {
  margin-bottom: 5px;
}

.pricing-3-table .features p {
  margin-bottom: 8px;
}

.pricing-2-table .features p span,
.pricing-3-table .features p span {
  font-weight: 500;
}

.features li.disabled-option {
  color: #c5c5c5;
}

/*------------------------------------------*/
/*  Pricing Table Button
/*------------------------------------------*/

.pricing-1-table .btn,
.pricing-2-table .btn {
  margin-top: 25px;
}

.pricing-3-table .btn {
  display: block;
  width: 100%;
  margin-top: 30px;
}

/*------------------------------------------*/
/*  PAYMENT METHODS
/*------------------------------------------*/

.payment-methods {
  margin-top: 25px;
}

.payment-methods h6 {
  margin-bottom: 12px;
}

/*------------------------------------------*/
/*  Payment Icons
/*------------------------------------------*/

.payment-icons li {
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding-right: 10px;
}

.payment-icons li:last-child {
  padding-right: 0;
}

/*------------------------------------------*/
/*  PRICING NOTICE TEXT
/*------------------------------------------*/

.pricing-notice {
  text-align: center;
  margin-top: 25px;
}

.pricing-notice p {
  padding: 0 10%;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  PRICING NOTICE TEXT
/*------------------------------------------*/

.pricing-compare {
  margin-top: 60px;
}

.pricing-compare .table-responsive {
  margin-top: 50px;
  margin-bottom: 25px;
}

.pricing-compare .pricing-header {
  max-width: 700px;
}

.pricing-compare .disabled-option {
  color: #999;
}




/* ==========================================================================
  14. TEAM
  =========================================================================== */

/*------------------------------------------*/
/*  TEAM MEMBER
/*------------------------------------------*/

.team-member {
  text-align: center;
  margin-bottom: 50px;
}

/*------------------------------------------*/
/*  TEAM MEMBER PHOTO
/*------------------------------------------*/

.team-member-photo {
  text-align: center;
  margin-bottom: 25px;
}

.team-member-photo img {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}

/*------------------------------------------*/
/*  TEAM MEMBER TYPOGRAPHY
/*------------------------------------------*/

.team-member-data h5 {
  line-height: 1;
  margin-bottom: 10px;
}

.team-member-data p {
  line-height: 1;
  margin-bottom: 0;
}

.team-member-data p.tm-social {
  margin-top: 8px;
}




/* ==========================================================================
  15. BRANDS
  =========================================================================== */

.brands-section h4 {
  line-height: 1.4;
  padding: 0 5%;
  margin-bottom: 40px;
}

.brands-section p {
  padding: 0 5%;
  margin-bottom: 50px;
}

#brands-1.brands-section p {
  margin-bottom: 45px;
}

/*------------------------------------------*/
/*  BRANDS LOGO HOLDER
/*------------------------------------------*/ 

#brands-1 .brand-logo {
  padding: 0 24px;
  opacity: .7;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
} 

#brands-2 .brand-logo {
  opacity: .8;
  padding: 0 10px;
  margin-bottom: 30px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
} 

#brands-1 .brand-logo:hover,
#brands-2 .brand-logo:hover {
  opacity: 1;
} 

#brands-1 .owl-dots {
  display: none;
}



/* ==========================================================================
  16. FAQs
  =========================================================================== */

#faqs-2 .question {
  margin-bottom: 40px;
}

/*------------------------------------------*/
/*  FAQs TYPOGRAPHY
/*------------------------------------------*/

#faqs-2 .question h5 {
  margin-bottom: 15px;
}

/*------------------------------------------*/
/*  FAQS ACCORDION  
/*------------------------------------------*/

.accordion-item {
  background-color: transparent!important;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

.accordion-item.acc-last-item {
  border-bottom: none;
}

/*------------------------------------------*/
/*  Question
/*------------------------------------------*/

.accordion-thumb {
  margin: 0;
  padding: 25px 0;
  cursor: pointer;
  position: relative;
}

.accordion-item .accordion-thumb:after,
.accordion-item.is-active .accordion-thumb:after {
  font-family: Flaticon;
  font-weight: 300; 
  content: "\f1c0";
  position: absolute;
  font-size: 0.85rem;
  top: 29px;
  right: 5px;
}

.rtl-direction .accordion-item .accordion-thumb:after,
.rtl-direction .accordion-item.is-active .accordion-thumb:after {
  top: 27px;
  right: 99%;
}

.accordion-item.is-active .accordion-thumb:after {
  content: "\f1c1";
}

/*------------------------------------------*/
/*  Answer
/*------------------------------------------*/

.accordion-panel {
  margin: 0;
  padding: 0 0 15px 0;
  display: none;
}

.accordion-thumb h5 {
  line-height: 1;
  margin-bottom: 0;
}

.question h5 span,
.accordion-thumb h5 span {
  margin-right: 3px;
}

/*------------------------------------------*/
/*  MORE QUESTIONS BUTTON
/*------------------------------------------*/ 

.more-questions {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

#faqs-1 .more-questions {
  margin-top: 50px;
}

.more-questions a {
  text-decoration: underline;
}




/* ==========================================================================
  17. CALL TO ACTION
  =========================================================================== */

#cta-2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

#cta-3 {
  position: relative;
  margin-top: 90px;
}

#cta-4 {
  position: relative;
  margin-bottom: 90px;
}

.cta-3-holder {
  padding-top: 10px;
}

.cta-4-holder {
  padding-bottom: 10px;
}

.cta-box,
.cta-1-wrapper,
.cta-3-wrapper,
.cta-4-wrapper,
.cta-5-wrapper,
.cta-7-wrapper,
.cta-11-wrapper {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.cta-1-wrapper {
  padding: 55px 50px;
}

.cta-3-wrapper,
.cta-4-wrapper,
.cta-11-wrapper {
  position: relative;
  border: 1px solid #efefef;
  padding: 55px 60px;
}

.cta-3-wrapper {
  margin-top: -100px;
}

.cta-4-wrapper {
  margin-bottom: -100px;
}

.cta-5-wrapper {
  padding: 55px 30px;
}

.cta-5-wrapper.bg-white {
  border: 1px solid #efefef;
}

.cta-7-wrapper {
  padding: 50px 60px;
  margin: 0 8%;
  border: 1px solid #efefef;
}

.cta-11-wrapper {
  padding: 55px 70px;
}

.cta-box-wrapper {
  padding: 0 10px 20px;
  margin-top: -100px;
}

.cta-box {
  border: 1px solid #efefef;
  padding: 35px 20px 40px;
} 

.cta-txt {
  width: 80%;
  display: inline-block!important;
  padding-left: 5px;
}

.rtl-direction .cta-txt {
  padding-left: 0;
  padding-right: 5px;
}

.cta-ico {   
  width: 20%;
  display: inline-block!important;  
  float: left;
  margin-top: 2px;
  text-align: center;
}

.rtl-direction .cta-ico {   
  float: right;
}

.rtl-direction .cta-11-txt {
  padding-right: 20px;
}

/*------------------------------------------*/
/*  DOWNLOAD BUTTON
/*------------------------------------------*/ 

.os-btn {
  margin: 0 auto 20px;
  text-align: left;
  width: 310px;
  min-width: 310px;
  border: 1px solid #dbe4f1;
  padding: 25px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}

.os-btn-txt {
  display: inline-block!important;
  padding-left: 20px;
}

.mac-os-btn .os-btn-txt {
  padding-top: 7px;
}

.os-btn-ico {   
  display: inline-block!important;  
  float: left;
  text-align: center;
}

.os-btn-txt h6,
.os-btn-txt h5 {
  line-height: 1;
  margin-bottom: 0;
}

.os-btn-txt p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CALL TO ACTION TYPOGRAPHY
/*------------------------------------------*/ 

.cta-1-txt h4,
.cta-1-txt h3 {
  margin-bottom: 0;
}

.cta-2-txt h4,
.cta-2-txt h3 {
  margin-bottom: 12px;
}

.cta-3-txt h5,
.cta-3-txt h4,
.cta-4-txt h5,
.cta-4-txt h4 {
  line-height: 1.35;
  margin-bottom: 0;
}

.cta-5-txt h4,
.cta-5-txt h3,
.cta-5-txt h2 {
  margin-bottom: 20px;
}

.cta-6-txt h4,
.cta-6-txt h3,
.cta-6-txt h2 {
  margin-bottom: 30px;
}

.cta-9-txt h4,
.cta-9-txt h3 {
  margin-bottom: 12px;
}

.cta-box h5 {
  margin-bottom: 10px;
}

.cta-box p,
.cta-2-txt p {
  margin-bottom: 0;
}

.cta-3-txt p,
.cta-4-txt p {
  margin-top: 5px;
  margin-bottom: 0;
}

.cta-5-txt p {
  margin-bottom: 25px;
}

.cta-7-txt p {
  margin-bottom: 0;
}

.cta-10-txt p,
.cta-11-txt p {
  margin-top: 15px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  CALL TO ACTION BUTTON
/*------------------------------------------*/

.cta-1-btn,
.cta-2-btn,
.cta-3-btn,
.cta-4-btn {
  display: inline-block;
  margin: 0 auto;
}

.cta-1-btn {
  margin: 10px auto 0;
}

.cta-10-txt .btn,
.cta-11-txt .btn {
  margin-top: 20px;
}

.cta-1-btn p {
  margin-top: 10px;
  margin-bottom: 0;
}

.cta-2-btn p,
.cta-3-btn p,
.cta-4-btn p {
  margin-top: 15px;
  margin-bottom: 0;
}

.cta-1-btn p a,
.cta-2-btn p a,
.cta-3-btn p a,
.cta-4-btn p a {
  text-decoration: underline;
}




/* ==========================================================================
  18. DOWNLOAD
  =========================================================================== */

.version-release {
  margin-bottom: 60px;
}

.release-data {
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
}

.release-data h4 {
  margin-bottom: 40px;
}

span.version-data {
  font-size: 2.25rem;
  line-height: 1;
  margin-right: 20px;
  margin-bottom: 0;
}

span.release-date {
  color: #999;
  font-size: 1.175rem;
  line-height: 1;
  margin-bottom: 0;
}

span.release-date span {
  color: #666;
  font-weight: 500;
  margin-left: 20px;
}

.release-download {
  position: absolute;
  right: 5px;
  bottom: 0;
}

.release-highlights .simple-list p {
  margin-bottom: 2px;
}




/* ==========================================================================
  19. NEWSLETTER
  =========================================================================== */

#newsletter-1 .container {
  padding-left: 0;
  padding-right: 0;
}

.newsletter-wrapper {
  border: 1px solid #efefef;
  padding: 45px 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.newsletter-wrapper.bg-snow {
  border: 1px solid #f5f5f5;
}

#newsletter-1 .section-id {
  margin-bottom: 20px;
}

/*------------------------------------------*/
/*  NEWSLETTER TYPOGRAPHY
/*------------------------------------------*/ 

.newsletter-txt h4,
.newsletter-txt h3 {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  NEWSLETTER FORM
/*------------------------------------------*/ 

#newsletter-1 .newsletter-form {
  margin-top: 60px;
}

#newsletter-2 .newsletter-form {
  margin-top: 30px;
}

/*------------------------------------------*/
/*   Newsletter Form Input
/*------------------------------------------*/

.newsletter-section .form-control {
  height: 52px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #ddd;
  color: #3a4a56;
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0 5px;  
  margin-right: 15px;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.rtl-direction .newsletter-section .form-control {
  margin-left: 15px;
  margin-right: 0;
  text-align: right;
}

#newsletter-2.newsletter-section .form-control {
  color: #3a4a56;
  font-size: 1.125rem;
  padding: 0 15px;  
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.rtl-direction #newsletter-2.newsletter-section .form-control {
  margin-left: 15px;
  margin-right: 0;
  text-align: right;
}


.newsletter-section .input-group > .custom-select:not(:last-child), 
.newsletter-section .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*------------------------------------------*/
/*  Newsletter Form Input Focus
/*------------------------------------------*/

.newsletter-section .form-control:focus {
  outline: 0;
  box-shadow: none;
  border-bottom: 2px solid #998da0;
}

/*------------------------------------------*/
/*  Newsletter Form Input Placeholder
/*------------------------------------------*/

.newsletter-section .form-control::-moz-placeholder { color: #ccc; } 
.newsletter-section .form-control:-ms-input-placeholder { color: #ccc; } 
.newsletter-section .form-control::-webkit-input-placeholder { color: #ccc; } 

.bg-lightgrey.newsletter-section .form-control::-moz-placeholder { color: #999; } 
.bg-lightgrey.newsletter-section .form-control:-ms-input-placeholder { color: #999; } 
.bg-lightgrey.newsletter-section .form-control::-webkit-input-placeholder { color: #999; } 

/*------------------------------------------*/
/*  Newsletter Form Button
/*------------------------------------------*/

.newsletter-section .btn {
  display: block; 
  width: 100%!important;
  padding: 13px 32px;
  height: 52px;
}

/*------------------------------------------*/
/*  Newsletter Form Notification
/*------------------------------------------*/

.newsletter-section .form-notification {
  color: #e03a3e;
  font-size: 0.975rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 15px;
  margin-left: 5px;
}

.newsletter-section .form-notification label.valid,
.newsletter-section .form-notification label.error {
  color: #e03a3e;
}

.newsletter-section .newsletter-form label.valid {
  color: #48af4b;
}




/* ==========================================================================
  20. BLOG
  =========================================================================== */

/*------------------------------------------*/
/*  MASONRY IMAGES HOLDER
/*------------------------------------------*/ 

#blog-page .masonry-image {
  position: relative; 
  width: 33.333333%;
  padding: 0 8px;
  margin-bottom: 50px;
}

/*------------------------------------------*/
/*  BLOG POST TEXT
/*------------------------------------------*/ 

#blog-1 .blog-post-img,
#blog-2 .blog-post-img,
#blog-page .blog-post-img {
  overflow: hidden;
  text-align: center;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

/*------------------------------------------*/
/*  BLOG POST TYPOGRAPHY
/*------------------------------------------*/ 

.blog-1-post .blog-post-txt {
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 5%;
}

.blog-2-post .blog-post-txt {
  margin-top: 30px;
  padding-left: 5%;
  padding-right: 10%;
}

#blog-page .blog-post-txt {
  margin-top: 30px;
  padding-left: 5%;
  padding-right: 10%;
}

.blog-post-txt h6,
.blog-post-txt h5 {
  margin-bottom: 10px;
}

p.post-tag {
  margin-bottom: 10px;
}

.blog-post-txt p.p-lg {
  margin-bottom: 12px;
}

.post-meta p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*    Image Hover Effect 
/*------------------------------------------*/ 

.blog-1-post:hover img,
.blog-2-post:hover img,
.blog-post-wide:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
}




/* ==========================================================================
  21. BLOG LISTING
  =========================================================================== */

.posts-wrapper {
  padding: 0 4%;
}

.featured-post {
  margin: 0 4%;
}

h5.posts-category {
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  margin-top: 20px;
  margin-bottom: 50px;
}

/*------------------------------------------*/
/*  Featured Post Badge
/*------------------------------------------*/ 

.featured-badge {
  text-align: center;
  z-index: 70;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.featured-badge.ico-25 [class*="flaticon-"]:before, 
.featured-badge.ico-25 [class*="flaticon-"]:after { line-height: 48px!important; }

/*------------------------------------------*/
/*  BLOG POST
/*------------------------------------------*/ 

#blog-page .blog-post-wide .blog-post-txt {
  padding: 0 60px 0 40px;
  border: none;
}

.blog-post-wide {
  background-color: #fff;
  margin-bottom: 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.featured-post .blog-post-txt p.post-tag {
  margin-bottom: 15px;
}

.blog-post-wide .blog-post-txt h5 {
  margin-bottom: 15px;
}

.blog-post-wide .post-meta {
  margin-top: 15px;
}

.blog-post-wide .blog-post-img {
  -webkit-border-radius: 0; 
  -moz-border-radius:  0; 
  -o-border-radius: 0; 
  border-radius: 0; 
  overflow: hidden;
}  




/* ==========================================================================
  22. SINGLE BLOG POST
  =========================================================================== */

/*------------------------------------------*/
/*  SINGLE POST TITLE
/*-----------------------------------------*/

.single-post-title {
  padding: 0 4%;
  margin-bottom: 35px;
}

.single-post-title h3,
.single-post-title h2 {
  padding-right: 5%;
}

#single-post p.post-tag {
  margin-bottom: 35px;
}

#single-post .post-data {
  margin-top: 45px;
  margin-bottom: 45px;
}

/*------------------------------------------*/
/*  SINGLE POST AUTHOR
/*------------------------------------------*/ 

#single-post .post-author-avatar {
  position: relative;
  left: 0;
  top: 0;
}

#single-post .post-author-avatar img {
  width: 60px;
  height: 60px;
  display: inline-block;
  float: left;
  margin: 0 15px 0 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

/*------------------------------------------*/
/*  AUTHOR AVATAR
/*------------------------------------------*/

#single-post .post-author {
  position: relative;
  top: 3px;
  left: 3px;
}

#single-post .post-author h6,
#single-post .post-author p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  SINGLE POST TEXT
/*-----------------------------------------*/

.single-post-txt {
  padding: 0 4%;
}

.single-post-txt h4,
.single-post-txt h3 {
  margin-bottom: 30px;
}

.single-post-txt h5 {
  margin-top: 25px;
  margin-bottom: 28px;
}

.single-post-txt span.txt-600 {
  color: #151515;
}

/*------------------------------------------*/
/*  BLOG POST INNER IMAGE
/*------------------------------------------*/ 

.post-inner-img {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 55px;  
}

.post-inner-img img {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px; 
}

.post-inner-img p {
  margin-top: 25px;
  margin-bottom: 0;  
}

/*------------------------------------------*/
/*  POST TAGS 
/*------------------------------------------*/ 

.post-share-links {
  padding: 0 4%;
  margin-top: 80px;
}

.post-tags-list span a {
  color: #353535;
  font-weight: 400;
  background-color: transparent;
  border: 2px solid #ddd;
  padding: 5px 12px;
  margin-right: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}

.post-tags-list span a:hover {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

/*------------------------------------------*/
/*  POST SHARE ICONS
/*-----------------------------------------*/

.post-share-links .share-social-icons {
  display: inline-block; 
  padding-left: 0;
}

.post-share-links .share-social-icons li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  padding: 0;
}

.post-share-links .share-social-icons a.share-ico span {
  margin-right: 15px;
}

/*------------------------------------------*/
/*  ABOUT POST AUTHOR
/*------------------------------------------*/ 

.about-post-author {
  padding: 80px 4%;
}

.author-senoff img {  
  width: 100px;
  height: 100px;
  float: left;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;  
}

.author-senoff-txt {
  position: relative;
  overflow: hidden;
  padding-left: 40px;
}

.author-senoff-txt h5.h5-xs {
  color: #757575;
  font-size: 0.925rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.author-senoff-txt h5.h5-lg {
  line-height: 1;
  font-weight: 500;
  margin-bottom: 20px;
}

.author-senoff-txt p {
  color: #757575;
  padding-right: 5%;
  margin-bottom: 0;
}

.author-follow-btn {
  display: inline-block;
  position: absolute;
  color: #757575;
  font-size: 1rem;
  line-height: 1;
  font-weight: 400;
  padding: 5px 15px;
  top: 1px;
  right: 12px;
  border: 1px solid #888;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.author-link {
  margin-top: 20px;
}

.author-link a {
  color: #151515;
  font-weight: 500;
  text-decoration: underline;
}

/*------------------------------------------*/
/*  POST COMMENTS
/*------------------------------------------*/

.comments-wrapper {
  padding: 0 4%;
}

.post-comments hr {
  margin-top: 24px; 
  margin-bottom: 40px; 
}

.post-comments h5.h5-lg {
  margin-bottom: 80px;
}

.post-comments img {
  width: 65px;
  height: 65px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.comment-body {
  margin-left: 25px;
}

.comment-meta {
  margin-bottom: 10px;
}

.comment-meta h6 {
  line-height: 1;
  margin-bottom: 2px;
}

.comment-date {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}

/*------------------------------------------*/
/*  Comment Reply 
/*------------------------------------------*/

.btn-reply {
  margin-left: 3px;
}

.btn-reply a {
  font-size: 17px;
  font-weight: 400; 
}

.btn-reply span {
  position: relative;
  top: 3px;
  margin-right: 4px;
  left: 3px;
}

.btn-reply.ico-20 [class*="flaticon-"]:before, 
.btn-reply.ico-20 [class*="flaticon-"]:after { font-size: 0.975rem; }

.btn-reply a:hover {
  color: #222;
}

/*------------------------------------------*/
/*  SINGLE POST COMMENT FORM
/*------------------------------------------*/

.post-comments #leave-comment h5 {
  padding-bottom: 0;
  margin-top: 80px;
  margin-bottom: 5px;
  border: none;
}

.comment-form {
  position: relative;
  margin-top: 70px;
}

.comment-form p {
  color: #333;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 15px;
  padding-left: 8px;
  display: block;
}

.comment-form .form-control {
  height: 56px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 1.125rem;
  font-weight: 300;
  padding: 0 15px;
  margin-bottom: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.comment-form .form-control:focus {
  border-color: #00b2e4;
  outline: 0px none;
  box-shadow: none;
}

.comment-form textarea { min-height: 200px; }
.comment-form textarea.form-control { 
  padding: 20px;
}

/*------------------------------------------*/
/*  Comment Form Button
/*------------------------------------------*/

.comment-form .btn {
  margin-top: 15px;
}

.comment-form .btn:focus {
  outline: 0px none;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Comment Form Message
/*------------------------------------------*/

.comment-form-msg {
  width: 100%!important;
  display: block;
  margin-top: 15px;
  padding-left: 0;
}

.comment-form .loading {
  color: #00b2e4;
  font-size: 18px;
  font-weight: 500;
}

.comment-form .error {
  color: #e74c3c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-left: 10px;
}

.comment-form .form-control.error {
  font-size: 17px!important;
}




/* ==========================================================================
  23. CONTACTS
  =========================================================================== */

#contacts-1 .section-title {
  position: relative;
  z-index: 3;
}

#contacts-1-form {
  position: relative;
  z-index: 999;
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 45px 35px 35px;
  margin: 0 30px 40px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

#contacts-2 .contact-form p {
    color: #263238;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
}

#contacts-2 .contact-form .col-md-12 span {
  display: block;
  font-size: 17px;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 25px;
  padding-left: 10px;
}

/*------------------------------------------*/
/*  CONTACT FORM INPUT
/*------------------------------------------*/

.contact-form .form-control,
.contact-form .form-select {
  height: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 0 0;
  color: #3a4a56;
  font-size: 14px;
  font-weight: 400;
  padding: 0 15px 0 28px !important;
  margin-bottom: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 10px;
}

.contact-form .form-select {
  display: inline-block;
  width: 100%;
  color: #998da0;
  box-shadow: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
    -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
        background : url("../images/drop-down3.png");
        background-repeat: no-repeat;
    background-position: 98%;
}

/*------------------------------------------*/
/*  Contact Form Textarea
/*------------------------------------------*/

.contact-form textarea { min-height: 220px; }
.contact-form textarea.form-control { 
  padding: 15px 15px 0 28px !important;
}

/*------------------------------------------*/
/*  Contact Form Placeholder
/*------------------------------------------*/

.contact-form .form-control::-moz-placeholder { color: #263238; } 
.contact-form .form-control:-ms-input-placeholder { color: #263238; }
.contact-form .form-control::-webkit-input-placeholder { color: #263238; }

/*------------------------------------------*/
/*  Contact Form Input Focus
/*------------------------------------------*/

.contact-form .form-control:focus,
.contact-form .form-select:focus {
  outline: 0px none;
  box-shadow: none;
  border-color: #009ddc;
}

/*------------------------------------------*/
/*  Contact Form Button
/*------------------------------------------*/

#contacts-1-form .btn {
  width: 100%;
  padding: 16px;
}

/*------------------------------------------*/
/*  Contact Form Message
/*------------------------------------------*/

.contact-form-msg {
  width: 100%!important;
  display: block;
  margin-top: 20px;
  padding-left: 0;
}

.contact-form .loading {
  color: #00b2e4;
  font-size: 18px;
  font-weight: 500;
  padding-left: 15px;
}

.contact-form  .error {
  color: #e74c3c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-left: 10px;
}

p.pr.shs.shpy-text {
    margin-top: 30px;
}


.icon-sec-two .common-number.fbox-7 {
    height: 240px;
}

.footer-copyright p.pr.sh {
    color: #fff;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix {
    display: flex;
    justify-content: space-between;
}

span.most {
    border-bottom: 2px solid #fc8a03;
    color: #fc8a03;
    border-style: dashed;
    border-left: none;
    border-right: none;
    border-top: none;
}


.desktoplogo.new-dialog {
    width: 76%;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo {
    display: flex;
    float: right;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li {
    margin: 0 3px;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li:last-child {
    margin-right: 0;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li a {
    font-family: 'rubikmedium';
    background: transparent !important;
    color: #212529 !important;
    font-family: 'rubikmedium';
    font-size: 15px;
    padding-top: 13px;
    padding-bottom: 11px;
    border: 2px solid #212529 !important;
    border-radius: 10px;
    padding-left: 12px;
    padding-right: 13px;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li a:hover{
    background: #fc8a03!important;
    border: 2px solid #fc8a03 !important;
    color: #fff !important;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li a.active-port{
    background: #fc8a03!important;
    border: 2px solid #fc8a03 !important;
    color: #fff !important;
}




.cont-form-itt {
    padding-top: 70px;
}

.col-md-6.cont-seccc {
    border: 1px solid #f85b00;
    border-radius: 7px 0px 0px 7px;
    padding-top: 60px;
}


.col-md-6.cont-seccc li {
    margin-bottom: 31px;
}

.footer-copyright p.pr.sh a.pr.sh {
    margin-left: 0px;
    padding: 0 5px 0 0;
    margin-right: 5px;
    position: relative;
}


.footer-copyright p.pr.sh a.pr.sh:after {
    position: absolute;
    right: -0px;
    content: "";
    height: 12px;
    width: 1px;
    background: #fff;
    top: 5px;
}



.menus-bar-sec {
    display: none !important;
}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll {
    display: block !important;
}


section#features-4 h5.rb.mh {
    color: #3a4144;
}

/* ==========================================================================
  24. FOOTER
  =========================================================================== */

.footer {
    padding-top: 10px;
    padding-bottom: 20px;
}

span.line-text {
    margin-left: 11px;
}


.footer-logo{
    margin-right : 10px;
}



.footer-info p {
  padding-right: 5%;
}

.rtl-direction .footer-info p {
  padding-right: 0;
}

.tabset > input:checked + label::before {
    content: "";
    height: 10px;
    width: 20px;
    position: absolute;
    left: 50%;
    background: url(/wp-content/themes/breek-child/images/drop-down-icon2.png);
    bottom: -16px;
}

.common-number .ico-rounded-md {
    line-height: 90px;
}

.rtl-direction #footer-1 .footer-info p {
  padding-left: 5%;
}

#footer-1 .footer-links {
  padding-left: 10%;
}

.rtl-direction #footer-3 .footer-links {
  padding-left: 10%;
}

.rtl-direction .footer-links {
  padding-right: 20px;
}

.rtl-direction .bottom-footer-list {
  text-align: left;
}

/*------------------------------------------*/
/*  FOOTER LOGO
/*------------------------------------------*/

img.footer-logo {
  width: auto;
  max-width: inherit;
  max-height: 40px;
}

/*------------------------------------------*/
/*  FOOTER TYPOGRAPHY
/*------------------------------------------*/

.footer h6, 
.footer h5 {
  line-height: 1;
  margin-bottom: 25px;
}

/*------------------------------------------*/
/*  FOOTER LINKS
/*------------------------------------------*/

.footer-links li {
  width: auto !important;
  display: block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding: 0;
}

.footer-links li p {
  margin-bottom: 8px;
}

.bg-dark .footer-links li a:hover,
.bg-dark .footer-socials li span:hover,
.bg-deepdark .footer-links li a:hover,
.bg-deepdark .footer-socials li span:hover {
  color: #f2f3f4;
}

/*------------------------------------------*/
/*  FOOTER SOCIAL LINKS
/*------------------------------------------*/

.footer-socials {
  margin: 0;
  display: inline-block; 
}

.footer-socials li {
  float: left;
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
}

.footer-socials a {
  display: block;
  margin-right: 20px;
}

.footer-socials span {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

.footer-socials.ico-25 a { 
  margin-right: 16px; 
} 

/*------------------------------------------*/
/*  FOOTER NEWSLETTER FORM
/*------------------------------------------*/

.footer-form .newsletter-form .input-group {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; 
  padding: 8px 2px;
}

.footer-form .form-control {
  height: 40px;
  background-color: transparent;
  border: none;
  color: #666;
  font-size: 1.125rem;
  padding: 0 15px;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Newsletter Form Input Focus
/*------------------------------------------*/

.footer-form .form-control:focus {
  border: none;
  border-right: none;
  outline: 0;
  box-shadow: none;
}

/*------------------------------------------*/
/*  Footer Form Placeholder
/*------------------------------------------*/

.footer-form .form-control::-moz-placeholder { color: #263238; } 
.footer-form .form-control:-ms-input-placeholder { color: #263238; } 
.footer-form .form-control::-webkit-input-placeholder { color: #263238; } 

/*------------------------------------------*/
/*  Newsletter Form Button
/*------------------------------------------*/

.footer-form .btn {
  height: 40px;
  padding: 0 15px;
}

.footer-form .ico-15 [class*="flaticon-"]:before, 
.footer-form .ico-15 [class*="flaticon-"]:after { line-height: 40px!important; }

/*------------------------------------------*/
/*  Footer Form Notification
/*------------------------------------------*/

.footer-form .form-notification {
  color: #e03a3e;
  font-size: 0.95rem;
  line-height: 1.25;
  font-weight: 400;
  margin-top: 12px;
  margin-left: 5px;
}

/*------------------------------------------*/
/*  BOTTOM FOOTER
/*------------------------------------------*/



.footer hr {
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);
  opacity: .3;
  margin: 30px 0 0;
}

.footer.bg-dark hr {
  background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #ced3f6 38%, #ced3f6 64%, rgba(206,211,246,0) 99%);
}

/*------------------------------------------*/
/*  BOTTOM FOOTER LINKS
/*------------------------------------------*/

.bottom-footer-list li {
  width: auto!important;
  display: inline-block!important;
  vertical-align: top;
  clear: none !important;
  padding-left: 10px; 
}

.bottom-footer-list li.first-li {
  padding-left: 7px; 
}

/*.bottom-footer-list li:after {
    content: "|";
    padding-left: 11px;
    position: absolute;
    top: 2px;
    opacity: 0;
}*/

li.first-li a {
    padding: 0;
}

.bottom-footer-list li.last-li:after { 
  content: " "; 
  padding-left: 0; 
}

.bottom-footer-list li p {
  display: inline-block;
  float: left;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  FOOTER COPYRIGHT
/*------------------------------------------*/



/* ==========================================================================
  25. INNER PAGE WRAPPER
  =========================================================================== */

.inner-page-hero {
  padding-top: 180px;
}

.page-hero-section {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;   
  background-size: cover;
  background-attachment: scroll!important;
  padding-top: 150px;
  padding-bottom: 110px;
}

#download-page {
  background-image: url(../images/download-page.jpg);
}

#faqs-page {
  background-image: url(../images/faqs-page.jpg);
}

/*------------------------------------------*/
/*  INNER PAGE HERO TYPOGRAPHY
/*------------------------------------------*/

.page-hero-section h3,
.page-hero-section h2 {
  margin-bottom: 0;
}

.page-hero-section p {
  padding: 0 10%;
  margin-top: 20px;
  margin-bottom: 0;
}



/* ==========================================================================
  26. TERMS PAGE
  =========================================================================== */

.terms-title {
  margin-bottom: 70px;
}

.terms-title p {
  line-height: 1;
  margin-top: 25px;
  margin-bottom: 0;
}

.terms-section span.txt-500 {
  color: #151515;
}

/*------------------------------------------*/
/*  TERMS PAGE TYPOGRAPHY
/*------------------------------------------*/

.terms-box { 
  margin-bottom: 30px;
}

.terms-box h5 {
  margin-bottom: 25px;
}

.terms-box a {
  font-weight: 500;
}




/* ==========================================================================
  27. PAGE PAGINATION
  =========================================================================== */

.page-link {
  color: #263238;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 2px 10px;
  margin: 0 8px;
  background-color: transparent;
  border: 2px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

.pagination.ico-20 [class*="flaticon-"]:before, 
.pagination.ico-20 [class*="flaticon-"]:after { font-size: 0.9rem; } 

.page-item:first-child .page-link {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #0195ff;
  border: 2px solid #0195ff;
}

.page-item.disabled .page-link {
  color: #263238;
  background-color: transparent;
  border: 2px solid transparent;
}

.page-link:hover {
  color: #263238;
  background-color: transparent;
  border: 2px solid #ccc;
}

.page-link:focus {
  background-color: transparent;
  color: #263238;
  border: 2px solid transparent;
  box-shadow: 0 0;
}




/* ==========================================================================
  29. SIGN-IN / SIGN-UP PAGE
  =========================================================================== */

#login-1,
#signup-1 {
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 50px;
}

#login-2,
#signup-2 {
  background-color: #f2f6f8;
  min-height: 100vh;
  padding-top: 80px;
  padding-bottom: 50px;
}

#login-3,
#signup-3 {
  position: relative;
  background-color: #eff6ff;
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 50px;
}

#login-3 {
  padding-top: 160px;
}

#reset-password-1,
#reset-password-2 {
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 50px;
}

#reset-password-2 {
  padding-top: 160px;
}

/*------------------------------------------*/
/*  LOGIN PAGE LOGO
/*------------------------------------------*/

.login-page-logo {
  text-align: center;
  margin-bottom: 60px;
}

#reset-password-1 .login-page-logo {
   margin-bottom: 40px;
}

.login-page-logo img {
  width: auto;
  max-width: inherit;
  max-height: 50px;
}

#reset-password-1 .login-page-logo img {
  max-height: 45px;
}

/*------------------------------------------*/
/*  REGISTER PAGE TITLE
/*------------------------------------------*/

.register-form-title {
  margin-bottom: 30px;
}

.register-form-title h4 {
  line-height: 1;
  margin-bottom: 8px;
}

.reset-password-section .register-form-title h4 {
  margin-bottom: 20px;
}

.register-form-title h3 {
  line-height: 1;
  margin-bottom: 10px;
}

.register-form-title p {
  margin-bottom: 0;
}

.reset-password-section .register-form-title p {
  padding: 0 2%;
}

.register-form-title a {
  font-weight: 500;
  text-decoration: underline;
}

/*------------------------------------------*/
/*  REGISTER PAGE TYPOGRAPHY
/*------------------------------------------*/

.form-data {
  margin-top: 30px;
  margin-bottom: 30px;
}

.reset-password-section .form-data {
  margin-top: 35px;
  margin-bottom: 15px;
}

.form-check .form-check-label {
  font-size: 1.0625rem;
}

.form-check span {
  display: block;
  margin-bottom: 0;
}

.form-check span a {
  font-weight: 500;
  text-decoration: underline;
}

p.forgot-password {
  line-height: 1;
  margin-bottom: 0;
}

.register-form p a:hover {
  color: #333;
  text-decoration: underline;
}

.form-check-input:focus {
  outline: 0px none;
  box-shadow: none;
  border-color: #ccc;
}

.register-form p.create-account {
  line-height: 1;
  margin-top: 35px;
  margin-bottom: 0;
}

.register-form p.create-account a {
  font-weight: 500;
  text-decoration: underline;
}

/*------------------------------------------*/
/* REGISTER PAGE NOTICE
/*------------------------------------------*/

.sign-in-notice {
  padding: 0 17%;
  margin-top: 50px;
}

.sign-in-notice p {
  margin-bottom: 0;
}

.sign-in-notice p a {
  font-weight: 500;
  text-decoration: underline;
}

/*------------------------------------------*/
/*  REGISTER PAGE FOOTER
/*------------------------------------------*/

.sign-in-footer {
  margin-top: 80px;
}

#reset-password-1 .sign-in-footer {
  margin-top: 50px;
}

.sign-in-footer p {
  line-height: 1;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  REGISTER PAGE SEPARATOR
/*------------------------------------------*/

.login-separator {
  text-align: center;
  margin-bottom: 25px;
}

.login-separator-txt {
  position: relative;  
  font-family: 'Rubik', sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
}

.login-separator-txt:before,
.login-separator-txt:after {
  content: '';
  position: absolute;
  top: 50%;
  height: 2px;
  background: rgba(0, 0, 0, .1);
}

.login-separator-txt:before {
  right: 140%;
  left: -820%;
}

.login-separator-txt:after {
  left: 140%;
  right: -820%;
}

#login-1 .login-separator-txt:before,
#signup-1 .login-separator-txt:before {
  left: -1263238%;
}

#login-1 .login-separator-txt:after,
#signup-1 .login-separator-txt:after {
  right: -1263238%;
}

/*------------------------------------------*/
/*  SIGN-IN / SIGN-UP FORM
/*------------------------------------------*/

.register-form form { 
  margin: 0 15px;
}

#login-2 .register-form form,
#signup-2 .register-form form { 
  background: #fff;
  border: 1px solid #fafafa;
  margin: 0 35px;
  padding: 50px 25px 55px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  -moz-box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
  box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

#reset-password-1 .register-form form { 
  margin: 0 20px;
}

/*------------------------------------------*/
/*  RegisterForm Input
/*------------------------------------------*/

.register-form .form-control {
  height: 60px;
  background-color: #f8f9fa;
  border: 1px solid #e5e5e5;
  color: #333;
  font-size: 17px;
  margin-bottom: 20px;
  padding: 5px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#login-3 .register-form .form-control,
#signup-3 .register-form .form-control {
  background-color: #fff;
}

.reset-password-section .register-form .form-control {
  text-align: center;
}

.register-form .form-control::-moz-placeholder { color: #999; } 
.register-form.form-control:-ms-input-placeholder { color: #999; } 
.register-form .form-control::-webkit-input-placeholder { color: #999; } 

/*------------------------------------------*/
/*  RegisterForm Input Focus
/*------------------------------------------*/

.register-form .form-control:focus {
  outline: 0px none;
  box-shadow: none;
  border-color: #009ddc;
}

/*------------------------------------------*/
/*  RegisterForm Button
/*------------------------------------------*/

.register-form .btn {
  width: 100%;
  margin-top: 5px;
}

.register-form .btn-facebook {
  color: #fff;
  background-color: #2d5c98;
  border: 1px solid #2d5c98;
}

.register-form .btn-google {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
}

.btn-google img,
.btn-facebook img {
  width: 22px;
  height: 22px;
  margin-top: -1px;
  margin-right: 5px;
}

/*------------------------------------------*/
/*  Register Form Message
/*------------------------------------------*/

.reset-form-msg {
  text-align: center;
  width: 100%!important;
  display: block;
  padding-left: 0;
}

.register-form .loading {
  color: #00b2e4;
  font-size: 18px;
  font-weight: 500;
  padding-left: 15px;
}

.register-form .error {
  color: #e74c3c;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-left: 10px;
}

.reset-password-section .register-form .error {
  width: 100%;
  text-align: center;
  display: inline-block;
  padding-left: 0;
}

/*------------------------------------------*/
/*  RegisterForm Show Password
/*------------------------------------------*/

.wrap-input {
  position: relative;
}

.btn-show-pass {
  color: #999999;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 20px;
  right: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-show-pass.ico-20 [class^="flaticon-"]:before, 
.btn-show-pass.ico-20 [class^="flaticon-"]:after {
  font-size: 1.125rem;
}

.btn-show-pass:hover {
  color: #0195ff;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

.btn-show-pass.active {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

/*------------------------------------------*/
/*  REGISTER PAGE IMAGE
/*------------------------------------------*/

.login-3-img {
  margin: 20px -30px 0 35px;
}

.signup-3-img {
  margin: 20px 35px 0 -30px;
}




/* ==========================================================================
  30. SCROLL TO TOP
  ========================================================================== */  
 
#scrollUp {
  display: none;
  width: 44px;
  height: 44px;
  position: fixed;
  bottom: 30px;
  right: 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-image: url(../images/back-to-top.png);
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-color: rgba(10, 10, 10, .25);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

#scrollUp:hover {
  background-color: rgba(0, 0, 0, .4);
}

nav a#pull {  
  display: none;  
}

.reviews-1-wrapperfff .review-1 {
    height: 580px;
}


section.accordian-sec.container {
    margin-bottom: 70px;
}

.content-sec p {
    color: #263238;
    margin-bottom: 10px;
}


section#content-5 {
    margin-top: 0;
    padding-top: 40px;
}

.content-sec {
    text-align: left;
    padding-left: 15px;
    margin-top: 20px;
}


.content-sec ul li a:after {
    position: absolute;
    content: "";
    width: 85px;
    background: #fc8a03;
    height: 1px;
    bottom: 0;
}

.content-sec ul li a {
    color: #fc8a03;
    font-family: 'poppinsmedium';
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-bottom: 0;
    position: relative;
}

.reviews-1-wrapperfff .review-1 {
    height: 620px;
    display: flex;
}

.reviews-1-wrapperfff .review-1 p.pr.mh {
    height: 440px;
}

span.rb.webgarh-content.f18 a{
    font-family : "rubikmedium";
    font-size : 30px;
    color : #fc8a03;
}



@media (max-width : 1500px){
    .reviews-1-wrapperfff .review-1 {
    height: 720px;
}
}

@media (max-width : 1450px){


.reviews-1-wrapperfff .review-1 p.pr.mh {
    height: 550px;
}

}



@media (max-width : 1200px){




      #mailpoet_form_2 .mailpoet_paragraph {
    width: 49%;
}
    .bh {
    font-size: 30px;
}
.content-5.ws-wrapper {
    background-color: #fff !important;
}

.reviews-1-wrapperfff .review-1 {
    height: 651px;
}

.reviews-1-wrapperfff .review-1 p.pr.mh {
    height: 550px;
}

}


@media (max-width : 991px){
    
    .reviews-1-wrapperfff .review-1 {
    height: 661px;
}
    
    .bg-whitesmoke {
    background-color: #fff8f0;
    padding: 74px 15px 0 !important;
}

ul.simple-list {
    margin-left: 0;
}

    .bannner-section-main {
    height: 540px;
}
#hero-9 {
    padding-bottom: 0;
}
.content-section .img-block.right-column, .content-4-img.right-column {
    margin-right: 0 !important;
}
.img-fluid {
    width: 100%;
}


}



@media (max-width : 767px){
    
    
    .content-sec {
    padding-left: 0;
}


    .small-counter {
    width: 100%;
    margin-top: 0;
 
}
#hero-9 {
    background-position: center !important;
   
}

.bannner-section-main {
    height: 480px;
}

.footer-copyright p.pr.sh {
    color: #fff;
    text-align: center;
}

.footer {
    padding-top: 0;
}

.yellow img, .green img, .blue img {
    width: 10px;
}

.hero-10-txt.banner-section .looking-text {
    width: 100%;
    margin: 0 auto;
}

.bh {
    font-size: 20px !important;
}

.sh {
    font-size: 14px !important;
}

.mh {
    font-size: 16px !important;
}

.shopfy-text h2.wow.fadeInUp.rr {
    font-size: 20px;
}


.reviews-1-wrapperfff .review-1 {
    height: auto;
}


}




.panel-collapse.collapse.in {
    display: block;
}

.accordion_one .panel-group {
    margin-top: 100px
}


.container.container2525 {
    text-align: center;
    margin: 50px 0;
}


a:link {
    text-decoration: none
}

.accordion_one .panel {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 0px solid transparent;
    border-radius: 0;
    margin: 0
}

.accordion_one .panel-default {
    border: 0
}

.accordion-wrap .panel-heading {
    padding: 0px;
    border-radius: 0px
}

h4 {
    font-size: 18px;
    line-height: 24px
}

.accordion_one .panel .panel-heading a.collapsed {
        color: #263238 !important;
    display: block;
    padding:18px 24px ;
    border-top: 0px;
    font-family: 'rubikmedium';
    color: #263238;
    border-radius: 7px;
        font-weight: normal;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #ffe3c4;margin-bottom: 20px
}
.accordion_one .panel .panel-heading a:hover {
    color: #fc8a03 !important;
}

.accordion_one .panel .panel-heading a {
    display: block;
    padding: 13px 14px 12px 16px;
    border-bottom: none;
    border: 1px solid #ffe3c4 !important;
       background: transparent;
     font-family: 'rubikmedium';
    color: #263238 !important;
}

.container.container2525 a {
    border-bottom: 2px solid #263238;
    padding-bottom: 8px;
    border-style: dashed;
    border-top: none;
    border-left: none;
    border-right: none;
}

.text-accordion p {
    font-family: 'poppinsregular';
    color: #263238;
    font-weight: 400;
    font-size: 16px;
}

.accordion-wrap .panel .panel-heading a {
    font-size: 14px
}


.accordion_one .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
    padding-top: 0;
    padding: 15px 30px 5px 11px;
    background: #fff;
    color: #999999;
}

.img-accordion {
    width: 81px;
    float: left;
    margin-right: 15px;
    display: block
}

.form-holder {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 1px 0px 14px 1px #2632382632381c;
    padding-bottom: 0;
    margin-bottom: 80px;
}

.accordion_one .panel .panel-heading a.collapsed:after {
    content: "\2b";
    color: #999999;
    background: #f1f1f1
}

.accordion_one .panel .panel-heading a:after,
.accordion_one .panel .panel-heading a.collapsed:after {
    font-family: 'FontAwesome';
    font-size: 15px;
    width: 36px;
    line-height: 48px;
    text-align: center;
    background: #F1F1F1;
    float: left;
    margin-left: -31px;
    margin-top: -12px;
    margin-right: 15px;
    opacity : 0;
    position : absolute;
}

.accordion_one .panel .panel-heading a:after {
    content: "\2212"
}

.logos-sec li {
    border-bottom: none;
    padding: 19px 16px;
    border-top: none;
    box-shadow: 0px 15px 20px 0px rgb(5 5 5 / 5%);
}

.logos-sec {
    justify-content: space-around;
}




@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "";
    padding-right: 5px;
    color: #fc8a03 !important;
    width: 21px;
    height: 21px;
    background: url(../images/minus-icon.png);
    background-size : 15px;
    background-repeat : no-repeat;
}


.panel-title > a.collapsed:before {
    float: right !important;
    content:"";
    color : #263238 !important;
    width: 24px;
    height:24px;
    background: url(/wp-content/themes/breek-child/images/plus-icon.png);
        background-size : 24px;
    background-repeat : no-repeat;
    
}

.panel-title > a.collapsed:hover:before {
    float: right !important;
    content: "";
    color: #263238 !important;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/breek-child/images/minus-icon.png);
    background-size: 24px;
    background-repeat: no-repeat;
    /*margin-top: 10px;*/
}

.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}


.accordion_one .panel .panel-heading a {
    color: #fc8a03 !important;
}


strong.rb.webgarh-back {
    position: relative;
    color: #fc8a03 !important;
}


.shopfy-text span {
    color: #565a5b;
}




/**************** blog-website ******************/


ul.menu-sec {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.searchbar_between_logo form input {
  background: #fff;
    border: 2px solid #ffe4cd;
    border-radius: 20px;
    width: 0;
    padding: 3px 20px;
    opacity: 0;
    transition: ease all 0.5s;
    font-size: 14px;
    float: right;
    height: 36px;
    top: 6px;
    left: 16px;
    position: relative;
}
.is-sticky .searchbar_between_logo form input {
  top: -4px;
}
.lf{
    display: contents;}
header form.search-form:hover input#s {
    width: 320px;
    opacity: 1;
}
.searc-sec {
    position: relative;
}
li.menus-li-sec ul{
    display: flex;
}

.fs24{
    font-size : 24px;
}

header.header-menus-sec {
    background: #fff8f0;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
}

li.menus-li-sec ul li:first-child {
    margin-right: 35px;
}

li.menus-li-sec ul li select {
    border: none;
    background: transparent;
    color : #263238;
}

.m-t-15{
    margin-top : 15px;
}

.right-side-bar-content {
    border: 2px solid #ffe4cd;
    border-radius: 10px;
    padding: 0 0px;
}

span.circle-sec {
    width: 25px;
    height: 25px;
    background: #fc8a03;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    font-family: 'poppinsmedium';
    line-height: 25px;
    text-align: center;
    float: right;
    font-size: 13px;
}

.sidebar-banner-sec22 {
    width: 70%;
    padding: 5px 5px;
    border: 2px solid #ffe4cd;
    margin: 0 auto;
    margin-top: 30px;
}


html body .bredum-crum {
    border-bottom: 1px solid #f0e4d7;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
html body .bredum-crum  a{color: #fc8a03;}


li.menus-li-sec ul li.f100 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #dadada;
    border-style: dashed;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-bottom: 8px;
    background: url(../images/menu-arrow2.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 0;
    cursor: pointer;
}

li.drop-down-select:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    background: #fc8a03;
    bottom: -1px;
    left: 0;
    opacity : 0;
}

li.drop-down-select a.pr.f16 {
    background-image: url(../images/drp-down-icon.png);
    background-repeat: no-repeat;
    background-position: 100% 55%;
    padding-right: 15px;
}

li.drop-down-select:hover a.pr.f16 {
    background-image: url(../images/drp-down-icon2.png);
    background-repeat: no-repeat;
    background-position: 100% 55%;
    padding-right: 15px;
}

li.drop-down-select:hover:after {
    opacity : 1;
}


li.drop-down-select:hover:a{
    color : #fc8a03;
}



a#loadMore {
       background: #fc8a03;
    color: #fff;
    padding: 20px 40px;
    width: 160px;
    height:60px;
    border-radius: 10px;
    background-color: #fc8a03;font-size:18px;
color: #ffffff;
font-weight: 400;
font-family: "Poppins";
text-align: center;position: relative;
}

a#loadMore i.fa.fa-spinner {
    margin-right: 3px;
}

li.menus-li-sec ul li.f100 a {
    font-family: 'poppinsregular';
    font-size: 14px;
}

li.menus-li-sec ul li.f100:hover{
    background: url(../images/menu-arrow.png);
      background-repeat: no-repeat;
    background-position: right;
    margin-right: 0;
}

li.menus-li-sec ul li.f100:hover a{
    color : #fc8a03;
}

li.drop-down-select {
    position: relative;
}

ul.menu-drop-down.f100 {
    flex-wrap: wrap;
    position: absolute;
    background: #fff;
    left: -70px;
    width: 230px;
    box-shadow: 0px 1px 3px 1px #dadada;
    border-radius: 10px;
    padding: 10px 10px;
    top: 33px;
    opacity : 0;
}


li.drop-down-select:hover ul.menu-drop-down.f100 {
    opacity : 1;
}


.sidebar-banner-sec {
    width: 100%;
    text-align: center;
    height: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    padding-top: 210px;
    margin: 0 auto;
}


.f20{
    font-size : 20px;
}

.p-b-20{
    padding-bottom : 20px;
}

ul.ap-sec {
    padding: 0 10px;
}


.p0{
    padding : 0 !important;
}

.border-bottom-borer {
    border-bottom: 1px solid #f0e4d7;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.hdng-sidebar {
    background: #ffe4cd;
    border-radius: 8px 8px 0px 0;
    padding: 9px 0;
    margin-bottom: 20px;
}

.bor-box-sec {
    background: #fff;
    padding: 20px 25px;
    border-radius: 8px;
    border: 2px solid #ffe4cd;
}


.bor-box-sec:after {
    position: absolute;
    background: #fc8a03;
    height: 100%;
    width: 4px;
    content: "";
    top: 0;
    left: 0;
    border-radius: 10px 0 0 10px;
}

.m-b-20{
    margin-bottom : 20px;
}

button.btn.subscribe-btn {
    background: #333333;
    font-family: "poppinsmedium";
    font-size: 18px;
}

.new-leetr-inner-sec {
    background: #fff8f0;
    padding: 30px 190px 30px 129px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.dg{
    color : #263238;
}

.bredum-crum li {
    margin-right: 25px;
    position: relative;
}
.single_blog_post_bredcrumbs{margin-top: 30px!important;}
.bredum-crum li:after {
    position: absolute;
    right: -18px;
    height: 9px;
    width: 10px;
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/arrow-icon3.png);
    background-repeat: no-repeat;
    content: "";
    top: 7px;
}
.bredum-crum li:last-child:after {
   opacity : 0;
}

.new-leetr-inner-sec:after {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(../images/news-letter-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    right: 30px;
    top: 30px;
}

.news-letter-input li {
    margin-right: 8px;
}

.post-medi-title h2, .post-medi-title h1 {
    line-height: 62px;
    font-size: 48px;
    color: #222222;
    font-weight: 400;
    font-family: "fredoka_oneregular";
}
.attachment-post-thumbnail{margin-bottom: 40px}

.hgn-sec a {
    height: 95px;
    display : inline-block;
}

button.btn.subscribe-btn:hover {
    color: #fc8a03;
}

.new-leetr-inner-sec:before{
    position : absolute;
    content : "";
    height : 162px;
    width : 160px;
    background : url("../images/news-letter-icon2.png");
    background-repeat : no-repeat;
    background-size : 100%;
    left: 30px;
    top: 30px;
}

.fs30{
    font-size : 25px;
}

section.new-letter input {
    border: 2px solid #ffe4cd;
    border-radius: 5px;
    margin-right: 14px;
    width: 99% !important;
    height: 50px !important;
    padding-left: 10px;
    font-family: 'poppinsregular';
    font-size: 14px;
    color: #263238;
}

.news-letter-input {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}   


button.btn.subscribe-btn {
    background: #333333;
}

li.menus-li-sec ul li select:focus {
    outline : none;
    color : #fc8a03;
}
.m0{
    margin : 0;
}

.d-flex{
    flex-wrap : wrap;
}

.pr{
    position : relative;
}

ul.ul-data-sec li {
    margin-bottom: 5px;
}

.m-t-20{
    margin-top : 20px;
}

.m-t-10{
    margin-top : 10px;
}

.m-b-10{
    margin-bottom : 10px;
}

.f26{
    font-size : 26px;
}

.sec-cnt-sec {
    border: 2px solid #ffe4cd;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 30px 0;
}

.formsec2 {
    background: #fff8f0;
    padding: 40px 40px;
    border-radius: 8px;
    margin-bottom: 40px;
}

.submit-form input {
    border: 2px solid #ffe4cd;
    width: 50%;
    border-radius: 8px;
    height: 44px;
    margin-bottom: 10px;
    font-family: 'poppinsregular';
    color: #263238;
    padding-left: 15px;
}

.submit-form textarea {
    border: 2px solid #ffe4cd;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
    font-family: 'poppinsregular';
    color: #263238;
    padding-left: 15px;
}

.formsec2 input[type="submit"] {
    background: #fc8a03;
    color: #fff;
    border: none;
    width: 200px;
}

.formsec2 input[type="submit"]:hover {
    opacity: 0.8;
}

.submit-form textarea::-webkit-input-placeholder,.submit-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #263238;
}
.submit-form textarea::-moz-placeholder,.submit-form input::-moz-placeholder { /* Firefox 19+ */
  color: #263238;
}
.submit-form textarea:-ms-input-placeholder,.submit-form input:-ms-input-placeholder { /* IE 10+ */
  color: #263238;
}
.submit-form textarea:-moz-placeholder,.submit-form input:-moz-placeholder { /* Firefox 18- */
  color: #263238;
}


.social-input input[type="text"] {
    border: 2px solid #ffe4cd;
    width: 85%;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 8px;
    padding-left: 12px;
}

ul.ul-data-sec li {
    padding-left: 25px;
    background-image: url(../images/arrow4.png);
    background-repeat: no-repeat;
    background-position: 16px 7px;
    background-size: 5px;
}

.soci-sec {
    padding: 20px 0;
    margin-bottom: 25px;
    border-radius: 8px;
}

.sec-post-img {
    border-radius: 5px;
    padding-right: 10px;
}

.social-input a {
    position: absolute;
    right: 11%;
    bottom: 39%;
}

ul.social-media {
    display: none;
}

.post-im:hover ul.social-media {
    display: block;
}

.fs16{
    font-size : 16px;
}

.f16{
    font-size : 16px;
}

.m-r-10{
    margin-right : 10px;
}

.wh{
    color : #fff;
}


.social-icons1 li img {
    margin-right: 10px;
}

.social-icons1 li {
    padding: 10px 20px;
    width: 49%;
    border-radius: 12px;
    text-align: center;
}


ul.sec-par-post {
    background: #ffecd6;
    border-radius: 8px;
    padding: 12px 10px;
    align-items: center;
    margin:0px 0 0!important;
}

.post-img-sec img{
    border-radius: 20px!important;
    overflow: hidden;
}

ul.social-media {
    position: absolute;
    top: 50%;
    left: -20px;
    background: #fff;
    padding: 12px 8px;
    border-radius: 50px;
    box-shadow: 3px 5px 6px #969696;
}

ul.social-media li {
    margin: 10px 0;
}

ul.social-media li:hover img {
    filter: grayscale(1);
}

.container12 .post-cont-para {
    height: 120px;
}

.post-par-sec {
    height: 60px;
}

button.btn.search-btn {
    position: absolute;
    left: 89.6%;
    bottom: 4%;
    padding: 0;
}

.title-heading2 {
    position: relative;
    display: inline-block;
}

ul.ec-sec-back li:last-child {
    margin-right: 0;
}

ul.sec-par-post ul li:last-child {
    margin: 0 8px;
}

ul.sec-par-post ul li:last-child {
    margin-right: 0;
}


.item-content {
    text-transform: uppercase;
    font-size: 20px;
}

html body .elementor-button-content-wrapper span{width: 100%;}

.title-heading3:after {
    position: absolute;
    left: 36%;
    width: 120px;
    bottom: -20px;
    content: "";
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/border-image2.png);
    background-repeat: no-repeat;
    height: 3px;
    transform: translatey(-50%);
}
h2.title-heading3 {
    font-size: 38px;
    font-family: "fredoka_oneregular";
    color: #333;
}
ul.sec-par-post ul li{
    margin : 0 10px;
}

ul.ec-sec-back li {
    margin: 5px 7px;
    background: #ffecd6;
    padding: 3px 10px;
    border-radius: 50px;
}


.left-sec-post img {
    margin-right: 5px;
    position: relative;
    top: 2px;
    border-radius: unset!important;
}

/**************** blog-website ******************/

.main-div-list div{    line-height: 24px;margin: 15px;}
html body .main-div-list p{margin-bottom: 0!important;
    padding-top: 0;
}
@media(min-width : 1500px){
    

#hero-9 {
    padding-bottom: 250px;
    background-position: bottom;
}


}

@media(min-width : 1600px){
    #hero-9 {background-position: bottom;padding-bottom: 690px;}

}



@media (min-width : 1200px) and (max-width : 1400px){
    .f14 {font-size: 11px;}
    .font_size_11{font-size: 11px}
}


@media(min-width : 991px){
    

 .mobile-nav-bar {
    display : none;
}


}

.wsmainfull.menu.clearfix.menus-bar-sec.scroll .wsmainwp.clearfix ul.desktoplogo li a.active-port:hover {
    background: #e4e4e4 !important;
    color: #263238;
    border-color: #e4e4e4 !important;
}


@media (min-width : 1024px){
    .show_on_mobile{display: none}
}

@media (max-width : 1024px){
    
.desktoplogo.new-dialog {width: 68%;}
.searc-sec input {width: 307px;}
.fs30 {font-size: 25px;}
.post-cont-para {height: auto;margin-bottom: 20px;}

.left-sec-post,ul.ec-sec-back {
    width: 100%;
    margin-bottom: 15px;
    justify-content : flex-start;}

.ps {line-height: 27px;}
.fs24 {font-size: 24px;}
.post-par-sec {height: 100px;;}
.social-input a {right: 5%;}
.social-input input[type="text"] {width: 95%;}
.footer-copyright {padding-bottom: 10px;text-align: center;}
ul.bottom-footer-list.text-secondary.text-end {text-align: center !important;justify-content: center !important;}
.f20 {
  font-size: 11px !important;
}

}

@media (max-width : 1023px){ 
  .show_on_desktop{display: none}
}




@media (max-width : 991px){
    
    .fd {
    justify-content: flex-end;
}
    
    
    
        .hero-section {
    margin-top: 10px !important;
}

nav.navbar.navbar-expand-lg.navbar-light.mobile-nav-bar a.nav-link {
    color: #fc8a03;
    font-family: 'poppinsregular';
}

nav.navbar.navbar-expand-lg.navbar-light.mobile-nav-bar ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    margin-top: 19px;
}

.post-par-sec {
    height: auto;
}

ul.sec-par-post li.f30, ul.sec-par-post li.f70 {
    width: 50%;
}

.fd {
    justify-content: flex-start;
}

.post-medi-title h2 {
    line-height: 34px;
    font-size: 25px;
}

/*.f30.right-content-sec-area {
    width: 35%;
}*/

.post-sec.f70.left-content-sec-area {
    width: 65%;
}

.f30.right-content-sec-area .f26 {
    font-size: 20px;
}

.f30.right-content-sec-area .f20 {
    font-size: 15px;
}

.social-icons1 li {
    width: 47%;
}

.user-img img {
    width: 86%;
}

}


@media (min-width : 767px){
    .mobile-menus{
        display : none;
    }
}

@media (max-width : 767px){
    
    .bg-light {
    --bs-bg-opacity: 1;
    background-color: #fff8f0 !important;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 1) !important;
    border-color: transparent !important;
    padding-right: 0;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem !important;
}

.navbar-toggler:focus {
    
}
    
    ul.sec-par-post {
    margin-bottom: 30px;
}
    
    .hero-section {
    margin-top: 0px !important;
}

ul.sec-par-post li.f30, ul.sec-par-post li.f70 {
    width: 50%;
}

.fd {
    justify-content: flex-end;
}

.hgn-sec a {
    height: auto;
    display: inline-block;
}


/*.m-b-60 {
    margin-bottom: 0;
}*/

ul.ec-sec-back li:first-child {
    margin-left: 0;
}

.new-leetr-inner-sec {
    padding: 30px 0 30px 0;
}

.new-leetr-inner-sec:before {
    opacity: 0;
}

.new-leetr-inner-sec:after {
    opacity: 0;
}
    
  /*  .f40 {
    font-size: 26px;
}*/

section.new-letter input {
    width: 99% !important;
    margin-bottom: 9px;
}

.news-letter-input li {
    margin-right: 0;
    width: 100%;
}

.footer {
    padding-top: 0 !important;
    padding-bottom: 30px;
}


.desktop-menus{
    display : none;
}


.news-letter-input {
    width: 91%;
    margin: 0 auto;
    margin-bottom: 20px;
}

nav.navbar.navbar-expand-lg.navbar-light.mobile-nav-bar a.nav-link {
    color: #fc8a03;
    font-family: 'poppinsregular';
}

nav.navbar.navbar-expand-lg.navbar-light.mobile-nav-bar ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    margin-top: 19px;
}

.search-btnv button {
    position: absolute;
    right: 7px;
    background: #fc8a03;
    padding: 10px;
    border-radius : 0 4px 4px 0;
}



.bor-box-sec img {
    width: 91%;
}

.search-btnv input {
    padding-right: 78px;
}

.post-sec.f70.left-content-sec-area {
    width: 100%;
}

.f30.right-content-sec-area {
    width: 100%;
}

.sec-cnt-sec {
    padding: 30px 15px;
}

.social-icons1 li {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
}

.submit-form input {
    width: 100%;
}

.formsec2 {
    padding: 40px 10px;
}

.heading-sec.text-center.f-w-100.m-b-60 {
    margin-top: 30px;
}


}


div.text ul, div.text ul li {
/*    list-style-type: none!important;
    list-style-position: none!important;*/
    position: relative;
}



/*@charset "UTF-8"; /*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #263238;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #263238;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #263238;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}
*,
::after,
::before {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}
hr:not([size]) {
    height: 1px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  html body .f-w-100 p{font-size: 15px}
    .h1,
    h1 {
        font-size: 2.5rem;
    }
}
.h2,
h2 {
    font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
    .h2,
    h2 {
        font-size: 2rem;
    }
}
.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
    .h3,
    h3 {
        font-size: 1.75rem;
    }
}
.h4,
h4 {
    font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
    .h4,
    h4 {
        font-size: 1.5rem;
    }
}
.h5,
h5 {
    font-size: 1.25rem;
}
.h6,
h6 {
    font-size: 1rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[data-bs-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul {
    padding-left: 2rem;
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
.small,
small {
    font-size: 0.875em;
}
.mark,
mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #0d6efd;
    text-decoration: underline;
}
a:hover {
    color: #0a58ca;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override;
}
pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em;
}
pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}
code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word;
}
a > code {
    color: inherit;
}
kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}
kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}
figure {
    margin: 0 0 1rem;
}
img,
svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #263238;
    text-align: left;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role="button"] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
    display: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit;
}
@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem;
    }
}
legend + * {
    clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::file-selector-button {
    font: inherit;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
iframe {
    border: 0;
}
summary {
    display: list-item;
    cursor: pointer;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem;
    }
}
.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}
.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem;
    }
}
.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}
.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem;
    }
}
.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 0.875em;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
.blockquote > :last-child {
    margin-bottom: 0;
}
.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #263238;
}
.blockquote-footer::before {
    content: "— ";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}
.figure-caption {
    font-size: 0.875em;
    color: #263238;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {

  .minpar{min-height: 170px}
  /* .post_footer_height1{    position: absolute;
    bottom: 0;
    width: 95%;} */
  /* .f-w-100 p{min-height: 180px} */
   .post_footer{position: absolute;width: 94%;bottom: 0}
 /* .post_footer_height {
    height: 90px;
    position: absolute;
    bottom: 0px;
    width: 94%;
} */
/*  html body .f-w-100 p{min-height: 175px}*/
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
  /* .f-w-100 p{min-height: 150px} */
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1170px;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
.col {
    flex: 1 0 0%;
}
.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}
.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}
.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
    vertical-align: inherit;
}
.table > thead {
    vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
}
.caption-top {
    caption-side: top;
}
.table-sm > :not(caption) > * > * {
    padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}
.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #bacbe6;
}
.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #cbccce;
}
.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #bcd0c7;
}
.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #badce3;
}
.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #e6dbb9;
}
.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #dfc2c4;
}
.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #263238;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #263238;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #263238;
    color: #263238;
    border-color: #dfe0e1;
}
.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.form-label {
    margin-bottom: 0.5rem;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}
.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #263238;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}
.form-control[type="file"] {
    overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
    height: 1.5em;
}
.form-control::-moz-placeholder {
    color: #263238;
    opacity: 1;
}
.form-control::placeholder {
    color: #263238;
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none;
    }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    -webkit-margin-end: 0.5rem;
    margin-inline-end: 0.5rem;
}
.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem;
}
textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
    width: 3rem;
    height: auto;
    padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}
.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}
.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}
.form-select:disabled {
    background-color: #e9ecef;
}
.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
}
.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}
.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.form-check-input[type="checkbox"] {
    border-radius: 0.25em;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
}
.form-check-input:active {
    filter: brightness(90%);
}
.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    opacity: 0.5;
}
.form-switch {
    padding-left: 2.5em;
}
.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}
.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
}
.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-range:focus {
    outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
    border: 0;
}
.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}
.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}
@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}
.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe;
}
.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}
.form-range:disabled {
    pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}
.form-floating {
    position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}
.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .form-floating > label {
        transition: none;
    }
}
.form-floating > .form-control {
    padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
    color: transparent;
}
.form-floating > .form-control::placeholder {
    color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
    z-index: 3;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.input-group .btn:focus {
    z-index: 3;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #198754;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, 0.9);
    border-radius: 0.25rem;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
    display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #198754;
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #198754;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754;
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: 0.5em;
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1;
}
.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
    z-index: 3;
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
    display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545;
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545;
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545;
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: 0.5em;
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2;
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
    z-index: 3;
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}
.btn:hover {
    color: #212529;
}
.btn-check:focus + .btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
}
.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}
.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-secondary {
    color: #fff;
    background-color: #263238;
    border-color: #263238;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:active + .btn-secondary,
.btn-check:checked + .btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}
.btn-check:active + .btn-secondary:focus,
.btn-check:checked + .btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #263238;
    border-color: #263238;
}
.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}
.btn-check:focus + .btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:active + .btn-success,
.btn-check:checked + .btn-success,
.btn-success.active,
.btn-success:active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f;
}
.btn-check:active + .btn-success:focus,
.btn-check:checked + .btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-info {
    color: #263238;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-info:hover {
    color: #263238;
    background-color: #31d2f2;
    border-color: #25cff2;
}
.btn-check:focus + .btn-info,
.btn-info:focus {
    color: #263238;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:active + .btn-info,
.btn-check:checked + .btn-info,
.btn-info.active,
.btn-info:active,
.show > .btn-info.dropdown-toggle {
    color: #263238;
    background-color: #3dd5f3;
    border-color: #25cff2;
}
.btn-check:active + .btn-info:focus,
.btn-check:checked + .btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #263238;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-warning {
    color: #263238;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-warning:hover {
    color: #263238;
    background-color: #ffca2c;
    border-color: #ffc720;
}
.btn-check:focus + .btn-warning,
.btn-warning:focus {
    color: #263238;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:active + .btn-warning,
.btn-check:checked + .btn-warning,
.btn-warning.active,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
    color: #263238;
    background-color: #ffcd39;
    border-color: #ffc720;
}
.btn-check:active + .btn-warning:focus,
.btn-check:checked + .btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #263238;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
.btn-check:focus + .btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834;
}
.btn-check:active + .btn-danger:focus,
.btn-check:checked + .btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-light {
    color: #263238;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #263238;
    background-color: #f9fafb;
    border-color: #f9fafb;
}
.btn-check:focus + .btn-light,
.btn-light:focus {
    color: #263238;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.btn-light.active,
.btn-light:active,
.show > .btn-light.dropdown-toggle {
    color: #263238;
    background-color: #f9fafb;
    border-color: #f9fafb;
}
.btn-check:active + .btn-light:focus,
.btn-check:checked + .btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #263238;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
}
.btn-check:focus + .btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:active + .btn-dark,
.btn-check:checked + .btn-dark,
.btn-dark.active,
.btn-dark:active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f;
}
.btn-check:active + .btn-dark:focus,
.btn-check:checked + .btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent;
}
.btn-outline-secondary {
    color: #263238;
    border-color: #263238;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: #263238;
    border-color: #263238;
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:active + .btn-outline-secondary,
.btn-check:checked + .btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #fff;
    background-color: #263238;
    border-color: #263238;
}
.btn-check:active + .btn-outline-secondary:focus,
.btn-check:checked + .btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #263238;
    background-color: transparent;
}
.btn-outline-success {
    color: #198754;
    border-color: #198754;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:active + .btn-outline-success,
.btn-check:checked + .btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-check:active + .btn-outline-success:focus,
.btn-check:checked + .btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent;
}
.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-outline-info:hover {
    color: #263238;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:active + .btn-outline-info,
.btn-check:checked + .btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
    color: #263238;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-check:active + .btn-outline-info:focus,
.btn-check:checked + .btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent;
}
.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}
.btn-outline-warning:hover {
    color: #263238;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:active + .btn-outline-warning,
.btn-check:checked + .btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
    color: #263238;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-check:active + .btn-outline-warning:focus,
.btn-check:checked + .btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}
.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:active + .btn-outline-danger,
.btn-check:checked + .btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-check:active + .btn-outline-danger:focus,
.btn-check:checked + .btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #263238;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:active + .btn-outline-light,
.btn-check:checked + .btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
    color: #263238;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-check:active + .btn-outline-light:focus,
.btn-check:checked + .btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-dark {
    color: #212529;
    border-color: #212529;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-check:focus + .btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.btn-check:active + .btn-outline-dark:focus,
.btn-check:checked + .btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent;
}
.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline;
}
.btn-link:hover {
    color: #0a58ca;
}
.btn-link.disabled,
.btn-link:disabled {
    color: #263238;
}
.btn-group-lg > .btn,
.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}
.btn-group-sm > .btn,
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none;
    }
}
.dropdown,
.dropend,
.dropstart,
.dropup {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu {
    position: absolute;
    z-index: 1263238;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}
.dropdown-menu-start {
    --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}
.dropdown-menu-end {
    --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start;
    }
    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-end {
        --bs-position: end;
    }
    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start;
    }
    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-end {
        --bs-position: end;
    }
    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start;
    }
    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-end {
        --bs-position: end;
    }
    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start;
    }
    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-end {
        --bs-position: end;
    }
    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start;
    }
    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-end {
        --bs-position: end;
    }
    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropend .dropdown-toggle::after {
    vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}
.dropstart .dropdown-toggle::after {
    display: none;
}
.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #263238;
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: 0.25rem 1rem;
    color: #212529;
}
.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
    color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
    color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
    position: relative;
    flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
    margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}
.nav-link:focus,
.nav-link:hover {
    color: #0a58ca;
}
.nav-link.disabled {
    color: #263238;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
.nav-tabs .nav-link.disabled {
    color: #263238;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d6efd;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
}
.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
    .navbar-expand-sm .offcanvas-header {
        display: none;
    }
    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1263238;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-sm .offcanvas-bottom,
    .navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
    .navbar-expand-md .offcanvas-header {
        display: none;
    }
    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1263238;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-md .offcanvas-bottom,
    .navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
    .navbar-expand-lg .offcanvas-header {
        display: none;
    }
    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1263238;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-lg .offcanvas-bottom,
    .navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
    .navbar-expand-xl .offcanvas-header {
        display: none;
    }
    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1263238;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-xl .offcanvas-bottom,
    .navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
    .navbar-expand-xxl .offcanvas-header {
        display: none;
    }
    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1263238;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }
    .navbar-expand-xxl .offcanvas-bottom,
    .navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}
.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-expand .offcanvas-header {
    display: none;
}
.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1263238;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
}
.navbar-expand .offcanvas-bottom,
.navbar-expand .offcanvas-top {
    height: auto;
    border-top: 0;
    border-bottom: 0;
}
.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}
.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
    border-top: 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card-title {
    margin-bottom: 0.5rem;
}
.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link + .card-link {
    margin-left: 1rem;
}
.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%;
}
.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-group > .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-header,
    .card-group > .card:not(:last-child) .card-img-top {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-footer,
    .card-group > .card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-header,
    .card-group > .card:not(:first-child) .card-img-top {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-footer,
    .card-group > .card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0;
    }
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none;
    }
}
.accordion-button:hover {
    z-index: 2;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.accordion-header {
    margin-bottom: 0;
}
.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.accordion-flush .accordion-collapse {
    border-width: 0;
}
.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
    border-top: 0;
}
.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #263238;
    content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
    color: #263238;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none;
    }
}
.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.page-item.disabled .page-link {
    color: #263238;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}
.page-link {
    padding: 0.375rem 0.75rem;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.alert-primary .alert-link {
    color: #06357a;
}
.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}
.alert-secondary .alert-link {
    color: #34383c;
}
.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-success .alert-link {
    color: #0c4128;
}
.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}
.alert-info .alert-link {
    color: #04414d;
}
.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.alert-warning .alert-link {
    color: #523e02;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.alert-danger .alert-link {
    color: #6a1a21;
}
.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-light .alert-link {
    color: #4f5050;
}
.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}
.alert-dark .alert-link {
    color: #101214;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem;
    }
}
.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}
.progress-bar-animated {
    -webkit-animation: 1s linear infinite progress-bar-stripes;
    animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none;
    }
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}
.list-group-numbered {
    list-style-type: none;
    counter-reset: section;
}
.list-group-numbered > li::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #263238;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.list-group-item + .list-group-item {
    border-top-width: 0;
}
.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
    margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
    .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px;
    }
}
.list-group-flush {
    border-radius: 0;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298;
}
.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b;
}
.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132;
}
.list-group-item-info {
    color: #055160;
    background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160;
}
.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03;
}
.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029;
}
.list-group-item-light {
    color: #636464;
    background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464;
}
.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #263238;
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16' fill='%23263238'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 0.5;
}
.btn-close:hover {
    color: #263238;
    text-decoration: none;
    opacity: 0.75;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1;
}
.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}
.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.toast.showing {
    opacity: 0;
}
.toast:not(.show) {
    display: none;
}
.toast-container {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none;
}
.toast-container > :not(:last-child) {
    margin-bottom: 0.75rem;
}
.toast-header {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #263238;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
    margin-right: -0.375rem;
    margin-left: 0.75rem;
}
.toast-body {
    padding: 0.75rem;
    word-wrap: break-word;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #263238;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
    margin: 0.25rem;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-sm {
        max-width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
.modal-fullscreen .modal-footer {
    border-radius: 0;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0;
    }
}
.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show {
    opacity: 0.9;
}
.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^="top"],
.bs-tooltip-top {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #263238;
}
.bs-tooltip-auto[data-popper-placement^="right"],
.bs-tooltip-end {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #263238;
}
.bs-tooltip-auto[data-popper-placement^="bottom"],
.bs-tooltip-bottom {
    padding: 0.4rem 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #263238;
}
.bs-tooltip-auto[data-popper-placement^="left"],
.bs-tooltip-start {
    padding: 0 0.4rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #263238;
}
.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #263238;
    border-radius: 0.25rem;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
    top: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 1rem 1rem;
    color: #212529;
}
.carousel {
    position: relative;
}
.carousel.pointer-event {
    touch-action: pan-y;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%);
}
.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none;
    }
}
.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none;
    }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}
.carousel-control-prev {
    left: 0;
}
.carousel-control-next {
    right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2263238/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}
.carousel-indicators .active {
    opacity: 1;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #263238;
}
.carousel-dark .carousel-caption {
    color: #263238;
}
@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: 0.75s linear infinite spinner-border;
    animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 0.75s linear infinite spinner-grow;
    animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none;
    }
}
.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #263238;
}
.offcanvas-backdrop.fade {
    opacity: 0;
}
.offcanvas-backdrop.show {
    opacity: 0.5;
}
.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
}
.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}
.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
}
.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
}
.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateY(100%);
}
.offcanvas.show {
    transform: none;
}
.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: 0.5;
}
.placeholder.btn::before {
    display: inline-block;
    content: "";
}
.placeholder-xs {
    min-height: 0.6em;
}
.placeholder-sm {
    min-height: 0.8em;
}
.placeholder-lg {
    min-height: 1.2em;
}
.placeholder-glow .placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}
@-webkit-keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}
@keyframes placeholder-glow {
    50% {
        opacity: 0.2;
    }
}
.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #263238 55%, rgba(0, 0, 0, 0.8) 75%, #263238 95%);
    mask-image: linear-gradient(130deg, #263238 55%, rgba(0, 0, 0, 0.8) 75%, #263238 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-animation: placeholder-wave 2s linear infinite;
    animation: placeholder-wave 2s linear infinite;
}
@-webkit-keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}
@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%;
    }
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.link-primary {
    color: #0d6efd;
}
.link-primary:focus,
.link-primary:hover {
    color: #0a58ca;
}
.link-secondary {
    color: #263238;
}
.link-secondary:focus,
.link-secondary:hover {
    color: #565e64;
}
.link-success {
    color: #198754;
}
.link-success:focus,
.link-success:hover {
    color: #146c43;
}
.link-info {
    color: #0dcaf0;
}
.link-info:focus,
.link-info:hover {
    color: #3dd5f3;
}
.link-warning {
    color: #ffc107;
}
.link-warning:focus,
.link-warning:hover {
    color: #ffcd39;
}
.link-danger {
    color: #dc3545;
}
.link-danger:focus,
.link-danger:hover {
    color: #b02a37;
}
.link-light {
    color: #f8f9fa;
}
.link-light:focus,
.link-light:hover {
    color: #f9fafb;
}
.link-dark {
    color: #212529;
}
.link-dark:focus,
.link-dark:hover {
    color: #1a1e21;
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: calc(3 / 4 * 100%);
}
.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio-21x9 {
    --bs-aspect-ratio: calc(9 / 21 * 100%);
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
@media (min-width: 576px) {
    .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 768px) {
    .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 992px) {
    .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}
.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: 0.25;
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.float-start {
    float: left !important;
}
.float-end {
    float: right !important;
}
.float-none {
    float: none !important;
}
.opacity-0 {
    opacity: 0 !important;
}
.opacity-25 {
    opacity: 0.25 !important;
}
.opacity-50 {
    opacity: 0.5 !important;
}
.opacity-75 {
    opacity: 0.75 !important;
}
.opacity-100 {
    opacity: 1 !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}
.overflow-scroll {
    overflow: scroll !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}
.top-0 {
    top: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.top-100 {
    top: 100% !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.bottom-50 {
    bottom: 50% !important;
}
.bottom-100 {
    bottom: 100% !important;
}
.start-0 {
    left: 0 !important;
}
.start-50 {
    left: 50% !important;
}
.start-100 {
    left: 100% !important;
}
.end-0 {
    right: 0 !important;
}
.end-50 {
    right: 50% !important;
}
.end-100 {
    right: 100% !important;
}
.translate-middle {
    transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
    transform: translateX(-50%) !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end {
    border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-start {
    border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #0d6efd !important;
}
.border-secondary {
    border-color: #263238 !important;
}
.border-success {
    border-color: #198754 !important;
}
.border-info {
    border-color: #0dcaf0 !important;
}
.border-warning {
    border-color: #ffc107 !important;
}
.border-danger {
    border-color: #dc3545 !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #212529 !important;
}
.border-white {
    border-color: #fff !important;
}
.border-1 {
    border-width: 1px !important;
}
.border-2 {
    border-width: 2px !important;
}
.border-3 {
    border-width: 3px !important;
}
.border-4 {
    border-width: 4px !important;
}
.border-5 {
    border-width: 5px !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.vw-100 {
    width: 100vw !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mh-100 {
    max-height: 100% !important;
}
.vh-100 {
    height: 100vh !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 3rem !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.order-last {
    order: 6 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.me-0 {
    margin-right: 0 !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-5 {
    margin-right: 3rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ms-0 {
    margin-left: 0 !important;
}
.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.ms-5 {
    margin-left: 3rem !important;
}
.ms-auto {
    margin-left: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.pe-0 {
    padding-right: 0 !important;
}
.pe-1 {
    padding-right: 0.25rem !important;
}
.pe-2 {
    padding-right: 0.5rem !important;
}
.pe-3 {
    padding-right: 1rem !important;
}
.pe-4 {
    padding-right: 1.5rem !important;
}
.pe-5 {
    padding-right: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.ps-0 {
    padding-left: 0 !important;
}
.ps-1 {
    padding-left: 0.25rem !important;
}
.ps-2 {
    padding-left: 0.5rem !important;
}
.ps-3 {
    padding-left: 1rem !important;
}
.ps-4 {
    padding-left: 1.5rem !important;
}
.ps-5 {
    padding-left: 3rem !important;
}
.font-monospace {
    font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
    font-size: 1.25rem !important;
}
.fs-6 {
    font-size: 1rem !important;
}
.fst-italic {
    font-style: italic !important;
}
.fst-normal {
    font-style: normal !important;
}
.fw-light {
    font-weight: 300 !important;
}
.fw-lighter {
    font-weight: lighter !important;
}
.fw-normal {
    font-weight: 400 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-bolder {
    font-weight: bolder !important;
}
.lh-1 {
    line-height: 1 !important;
}
.lh-sm {
    line-height: 1.25 !important;
}
.lh-base {
    line-height: 1.5 !important;
}
.lh-lg {
    line-height: 2 !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-decoration-line-through {
    text-decoration: line-through !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
    --bs-text-opacity: 1;
    color: #263238 !important;
}
.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}
.text-opacity-25 {
    --bs-text-opacity: 0.25;
}
.text-opacity-50 {
    --bs-text-opacity: 0.5;
}
.text-opacity-75 {
    --bs-text-opacity: 0.75;
}
.text-opacity-100 {
    --bs-text-opacity: 1;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}
.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
    --bs-bg-opacity: 1;
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}
.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}
.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}
.pe-none {
    pointer-events: none !important;
}
.pe-auto {
    pointer-events: auto !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-1 {
    border-radius: 0.2rem !important;
}
.rounded-2 {
    border-radius: 0.25rem !important;
}
.rounded-3 {
    border-radius: 0.3rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.rounded-end {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-start {
    border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }
    .float-sm-end {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 3rem !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-last {
        order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 3rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-last {
        order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.25rem !important;
    }
    .pe-md-2 {
        padding-right: 0.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.5rem !important;
    }
    .pe-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.25rem !important;
    }
    .ps-md-2 {
        padding-left: 0.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.5rem !important;
    }
    .ps-md-5 {
        padding-left: 3rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-last {
        order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }
    .float-xl-end {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.25rem !important;
    }
    .gap-xl-2 {
        gap: 0.5rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.5rem !important;
    }
    .gap-xl-5 {
        gap: 3rem !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .order-xl-first {
        order: -1 !important;
    }
    .order-xl-0 {
        order: 0 !important;
    }
    .order-xl-1 {
        order: 1 !important;
    }
    .order-xl-2 {
        order: 2 !important;
    }
    .order-xl-3 {
        order: 3 !important;
    }
    .order-xl-4 {
        order: 4 !important;
    }
    .order-xl-5 {
        order: 5 !important;
    }
    .order-xl-last {
        order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 3rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-right: 0 !important;
    }
    .me-xl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1rem !important;
    }
    .me-xl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xl-5 {
        margin-right: 3rem !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-left: 0 !important;
    }
    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1rem !important;
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 3rem !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 3rem !important;
    }
    .pe-xl-0 {
        padding-right: 0 !important;
    }
    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1rem !important;
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xl-0 {
        padding-left: 0 !important;
    }
    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1rem !important;
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 3rem !important;
    }
    .text-xl-start {
        text-align: left !important;
    }
    .text-xl-end {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
@media(max-width:1400px){
    html body  .Solutions_date{display: block!important;}
    html body  .Solutions_date .fd {
    justify-content: flex-start;
}
      html body  .Solutions_date .f30 {
    width: 100%;}
    html body  .Solutions_date .f70 {width: 100%!important;}
}
@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }
    .float-xxl-end {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.25rem !important;
    }
    .gap-xxl-2 {
        gap: 0.5rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.5rem !important;
    }
    .gap-xxl-5 {
        gap: 3rem !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
    .order-xxl-first {
        order: -1 !important;
    }
    .order-xxl-0 {
        order: 0 !important;
    }
    .order-xxl-1 {
        order: 1 !important;
    }
    .order-xxl-2 {
        order: 2 !important;
    }
    .order-xxl-3 {
        order: 3 !important;
    }
    .order-xxl-4 {
        order: 4 !important;
    }
    .order-xxl-5 {
        order: 5 !important;
    }
    .order-xxl-last {
        order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 3rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-right: 0 !important;
    }
    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xxl-3 {
        margin-right: 1rem !important;
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xxl-5 {
        margin-right: 3rem !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-left: 0 !important;
    }
    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xxl-3 {
        margin-left: 1rem !important;
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xxl-5 {
        margin-left: 3rem !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 3rem !important;
    }
    .pe-xxl-0 {
        padding-right: 0 !important;
    }
    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xxl-3 {
        padding-right: 1rem !important;
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xxl-0 {
        padding-left: 0 !important;
    }
    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xxl-3 {
        padding-left: 1rem !important;
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xxl-5 {
        padding-left: 3rem !important;
    }
    .text-xxl-start {
        text-align: left !important;
    }
    .text-xxl-end {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-2 {
        font-size: 2rem !important;
    }
    .fs-3 {
        font-size: 1.75rem !important;
    }
    .fs-4 {
        font-size: 1.5rem !important;
    }
}
@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}
/*# sourceMappingURL=bootstrap.min.css.map */
.myall_post p{    text-align: center;
    color: #17202C!important;
    font-family: "Poppins", Sans-serif;
    font-size: 40px!important;
    font-weight: 400;
    line-height: 38.4px;
    letter-spacing: -0.75px;}

.f-w-100 p{    font-family: 'poppinsregular';color: #6c757d;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom :16px;} 


   .height_90{min-height: 90px;}
   .img_w_h{width: 25px;height: 25px!important;border-radius: 50%!important;} 

   html body div.left-content .main-article {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: #fff;
    border-radius: 15px;
    padding: unset;
}


.social-b div.epcl-share-container {margin-left: -70px;}
.social-b div.epcl-share a.whatsapp {
    color: #1FB381;
}
.social-b div.epcl-share a.pinterest i:before {
    color: #fff;
}
 .social-b div.epcl-share a.pinterest  i{
    background: #d50012;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
 .social-b div.epcl-share a.email i{
    background: #fc8a03;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.social-b  .fa-envelope:before{color:#fff}
 .social-b div.epcl-share a.whatsapp i{
    background: #1fb381;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.myfaqattr.active{color:#fc8a03!important;}
.myfaqattr.active:before {
    float: right !important;
    content: "";
    color: #263238 !important;
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/breek-child/images/minus-icon.png)!important;
    background-size: 24px;
    background-repeat: no-repeat;
}
.social-b .fa-whatsapp:before{color:#fff}
html body .social-b div.epcl-share{    box-shadow: 3px 5px 6px #969696;width: 50px;}
html .epcl-share-bottom a{    justify-content: center;
    display: inline-flex;
    align-items: center;}
    .myd{    padding: 10px 20px;
    font-size: 16px;line-height: 20px}
  html #sidebar .widget {
    box-shadow: none;
    margin: 0;
    padding: 20px 20px;
}
/*.widget{padding: 0!important;border: 2px solid #ffe4cd;
    border-radius: 10px!important;
    padding: 0 0 20px 0!important;}*/
html body #epcl_posts_thumbs-5{border: 2px solid #ffe4cd;
    border-radius: 10px!important;
    padding: 0 0 20px 0px!important;}

html body #categories-8{border: 2px solid #ffe4cd;
    border-radius: 10px!important;
    padding: 0 0 20px 0px!important;}
html .widget-title:after{display:none!important}
html .widget-title{    font-size: 24px;
    color: #333333;
    font-weight: 400;
    font-family: "fredoka_oneregular";}
html .widget_media_image{text-align:center}
html .widget_media_image a{background:unset;border-radius:unset}
html .widget_media_image a img{border-radius:unset}
/*html .default-sidebar section, .default-sidebar article, .default-sidebar ul{margin:10px}*/
#epcl_posts_thumbs-5 article  a{width:125px;border-radius:unset}
#epcl_posts_thumbs-5 .gradient-effect{margin-left:40px}
#epcl_posts_thumbs-5 .info time{color:#fc8a03}
#epcl_posts_thumbs-5 .info .title{font-size: 14px;
    font-family: 'poppinsmedium';
    font-weight: 300;
    text-transform: uppercase;
    line-height: 16px;
    margin-top: 4px;}
#epcl_posts_thumbs-5 .gradient-effect a:not(.epcl-button):hover{background-image:none!important}
#epcl_posts_thumbs-5 .gradient-effect a:not(.epcl-button){background-image:none!important}
#categories-8 ul li.cat-item a:before {
    content: '';
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/orange-arrow.png);
    height: 10px;
    width: 10px;
    z-index: 999;
    top: 32%;
    position: absolute;
    background-repeat: no-repeat;left:0
}
#categories-8 ul li.cat-item a{position:relative;padding-left:10px}
.share-buttons{    background-color: #fff8f0;
    padding: 20px 0;
    margin-bottom: 25px;
    border-radius: 8px;}
.single-post .share-buttons .permalink input{    border: 2px solid #ffe4cd;
    width: 650px!important;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 8px;
    padding-left: 12px;
    background: #fff;}
.sec-cnt-sec .avatar .thumb{    height: 140px;
    border-radius: 50%;
    width: 140px;
    margin: 0 auto;}
.social_single_post{display:inline-flex;
    column-gap: 10px;
    margin-top: 10px;
}
.social_single_post .twitter{background:#02aded}
.social_single_post .facebook{background:#3b5998}
.social_single_post .fa-linkedin{background:#0077b7}
.fa-linkedin:hover{transform:unset}
.first-li a i{    background: #cccccc;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #263238;}
   .first-li a i:hover{color:#fc8a03;}
   html body.single p strong{color:#263238;}
   /*html body.single .text h2{margin-top: 24px}*/
   html body.single ul li strong{color:#263238;}
.social_single_post .twitter:hover, .facebook:hover, .fa-linkedin:hover{color:#fff;}
.social_single_post .twitter, .facebook, .fa-linkedin{width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex!important;
    justify-content: center;
    align-items: center;
    color: #fff;}

    #single .comment-form .form-author {
    width: 50%!important;
    float: unset!important;
}
#single .comment-form .form-email {
    width: 50%!important;
    float: unset!important;
}

#comments{-webkit-box-shadow: unset;
    /* box-shadow: unset; */
    border-radius: unset;
    padding: unset;
    background: #fff8f0;
    padding: 40px 40px;
    border-radius: 8px;
    margin-bottom: 40px;}
    #single #comments.hosted.have-comments #respond {
    padding-top: 0!important;
}
/*#comment{display: none;}*/
.df{display: block!important;}

#commentform input[type=text]{border: 2px solid #ffe4cd;
    width: 50%!important;
    border-radius: 8px;
    height: 44px;
    margin-bottom: 10px;
    font-family: 'poppinsregular';
    color: #263238;
    padding-left: 15px;background: #fff;} 
    #commentform input[type=email]{border: 2px solid #ffe4cd;
    width: 50%!important;
    border-radius: 8px;
    height: 60px;
    margin-bottom: 10px;
    font-family: 'poppinsregular';
    color: #263238;
    padding-left: 15px;background: #fff;} 
#commentform textarea{border: 2px solid #ffe4cd;
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
    font-family: 'poppinsregular';
    color: #263238;
    padding-left: 15px;background: #fff;}

   html body #menu-primary li ul.sub-menu{padding:10px 10px 0px}
html body #header nav ul.sub-menu li a{padding:0}

.title.bordered:after{display:none!important}

#reply-title {
    position: relative;
    font-family: "fredoka_oneregular";
}
#reply-title:before{content:'Your email address will not be published';position: absolute;
    top: 40px;
    font-size: 13px;
    color: #263238;
    font-family: 'poppinsregular';
    font-weight: 300;}
ol.commentlist li{background: #fff;
    padding: 20px 25px;
    border-radius: 8px;
    border: 2px solid #ffe4cd;position:relative}
ol.commentlist li:after{position: absolute;
    background: #FDE3CD;
    height: 100%;
    width: 8px;
    content: "";
    top: 0;
    left: 0;
    border-radius: 10px 0 0 10px;}
ol.commentlist li span{display:block}
@media(max-width:1024px){
  html body .post_footer .f14{font-size: 11px}
    html body #header nav ul.menu li:hover>ul.sub-menu{opacity: 0;}
    html body #header nav ul.menu li.menu-item-has-children:after{left: 120px;right: unset}
    #mailpoet_form-2:after{display:none}
#mailpoet_form-2:before{display:none}
html body .menu-open nav {
    left: 0!important;
    width: 100%;
    background: #fff8f0!important;
    box-shadow: none!important;
    box-shadow: none!important;
    height: 100vh;
}
/*#menu-primary li ul.sub-menu li{background: none!important;}*/
/*#header nav ul.menu li{border: none!important}*/
html body #header nav .sub-menu {
    max-width: 100%;
    margin: 10px 0 0;
    background: #fff;
    padding:10px!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    /*border: 1px solid rgba(0, 0, 0, 0.15);*/
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%);

}

}
.ml5{position: relative;top: 3px}
html body .desktop_none .submit i{display: none;}
html body .desktop_none .submit {
    background: url(https://reflect.webgarh.com/wp-content/themes/breek-child/images/search-icon.png);
    width: 40px;
    height: 40px;
    right: 5px;
    background-repeat: no-repeat;
    top: 16px;
}
@media(max-width:580px){
    html body .container {
    max-width: 100%;
    padding: 0 5%;
}
  .accordion_one .panel-default{padding-bottom: 20px}
  html body .container12 {
    padding: 20% 5%!important;
}
  #contacts-2 .tab-panels:before{width:100%!important;}
       html body  #single #comments.hosted .children {
    padding-left: 0px;
}
    .footer-copyright p.pr.sh a.pr.sh:after{display: none}
   .mailpoet_paragraph{margin-bottom: 0px!important;}
    .footer_copyright .row{margin:0 10px}
    #reply-title:before{line-height: 15px;}
}
@media(max-width:991px){
     html body .height_90 {
    height: auto;}
}
@media(max-width: 1025px){
    html body .right-content-sec-area ul.tabs-nav{padding-right: 0px}
}
@media(max-width:700px){
    .right_side_tab{margin-top: 30px}
}
@media(max-width:768px){
    .m-b-40_mobile{margin-bottom: 40px}
   .right_side_tab .panel-title{font-size: 16px}
    html body .two-sec .container12 { padding: 15% 0%;}
   .panel-heading ul{margin-left: 0!important}
  .just_cnt {justify-content: center!important;}
  .html body.single p{line-height: 20px}
  html body .banner-text{font-size: 24px;line-height: 34px;}
  .title-heading2 h1, .title-heading2 h2 {font-size: 36px !important;line-height: 46px;}
  html body .title-heading2 h1, .title-heading2 h2 {margin-top: 0!important;}
  strong.rb.webgarh-back{font-size: 24px}
  #mailpoet_form_2 .mailpoet_paragraph { width: 49%!important;}
   .accordion_one .panel .panel-heading a.collapsed{height: auto}
    #single .comment-form .form-author{width: 100%!important;}
    #single .comment-form .form-email{width: 100%!important;}
    html body .desktop_none form{width: 100%}
html body #header nav .desktop_none form input{width: 100%!important}
}
@media(min-width:768px){
.footer-copyright p.pr.sh {
    display: inline-flex !important;
    min-height: unset !important;
}
}
@media(max-width:768px){
  /*.grey_section{padding: 20% 10% 20%;}*/
     .newletter_title strong{font-size:26px;}
    html body .mobile-sidebar section div form h2.newletter_title{font-size:26px!important}
    
    #mailpoet_form_1 form.mailpoet_form{padding:20px 0!important}   
    html body .allform{width:100%;display: block;}
    #mailpoet_form_1 .mailpoet_form_column:not(:first-child) {
    margin-left:0px!important;
}
    #mailpoet_form_1 .mailpoet_submit {
    width: unset!important;
    padding: 10px 32px!important;
}
img.footer-logo{display: block;margin: 0 auto;}
html body form .mailpoet_text{margin-bottom: 10px!important;}
}



html body .row {
    margin-left: 0;
    margin-right: 0;
}
#footer .widgets{padding-top:0px}
@media screen and (max-width: 1023px){
    ol.commentlist .right {
    float: unset;
    width: 100%;
    padding: 0;
}
    ol.commentlist .right .comment-author {
    margin-left: 18px;
}
    ol.commentlist .right .date {
    margin-left: 50px;
}
   html body #footer .mobile-sidebar{padding:0}
   html body #footer .grid-33{padding:0}
   html body #header div.menu-mobile {left:unset;right:10px;}
 html body #header .logo{padding:0!important;margin-top:10px!important;float: left;}
}
html body .desktop_none form input::placeholder{color:rgba(0, 0, 0, 0.55)!important}
html body .desktop_none form {
    margin-left: 0;
}
html body #header nav 
html body #header nav .desktop_none form .submit i{display:none}
html body #header nav 
input:focus-visible {
    outline: -webkit-focus-ring-color auto 1px!important;
}



/*new css newsletter 7-1-2022*/

.blog_post ul.sec-par-post li {
    list-style: none;
    margin-bottom: 0;
}

.new-leetr-inner-sec {
    background: #fff8f0;
    padding: 30px 190px 30px 129px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.post-title-sec {
    margin-top: 15px !important;
}

button.btn.subscribe-btn:hover {
    color: #fc8a03;
}
button.btn.subscribe-btn {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 500;
    padding: 16px 32px;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

h2.pm.dc.f40 {
    font-weight: 500;
    letter-spacing: -0.75px;
    padding-top: 0;
    margin-bottom: 0;
	font-size: 40px;
    line-height: 1.2;
    font-family: "fredoka_oneregular" !important;
    color: #333 !important;
    text-transform: capitalize !important;
}
p.pm.dc.fs24 {
    padding-top: 10px;
    margin-bottom: 0.5rem;
}
.new-leetr-inner-sec:before {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(../images/news-letter-icon2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 30px;
    top: 30px;
}
.container {
    position: relative;
    z-index: 3;
}

/*.text-center {
    text-align: center !important;
}*/
.dc {
    color: #17202c;
}
.pm {
    font-family: 'poppinsmedium' !important;
}
.fs24 {
    font-size: 24px;
}
.f100 {
    width: 100%;
}
.container .news-letter-input {
    width: 80%;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
}
.d-flex {
    display: flex !important;
}
.news-letter-input li {
    margin-right: 8px;
}

section.new-letter input {
    border: 2px solid #ffe4cd;
    border-radius: 5px;
    margin-right: 14px;
    width: 99% !important;
    height: 50px !important;
    padding-left: 10px;
    font-family: 'poppinsregular' !important;
    font-size: 14px;
    color: #263238;
}

.news-letter-input {
	width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}	

button.btn.subscribe-btn {
    background: #333333;
    font-family: "poppinsmedium" !important;
    font-size: 18px;
}
.new-leetr-inner-sec:before {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(../../uploads/2022/07/news-letter-icon2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 30px;
    top: 30px;
}
.new-leetr-inner-sec:after {
    position: absolute;
    content: "";
    height: 162px;
    width: 160px;
    background: url(../../uploads/2022/07/news-letter-icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    right: 30px;
    top: 30px;
}
.container.new-leetr-inner-sec li {
    list-style: none;
}

#mailpoet_form_2 .mailpoet_paragraph {
    display: inline-block;
}
#mailpoet_form_2 form.mailpoet_form {
    padding: 0px 20px !important;
        text-align: center;
 }
 #mailpoet_form_2 input[type=submit] {
    background-color: #fc8a03;
    border-radius: 5px;
    padding: 12px 20px !important;font-size: 16px; 
    font-weight: 700;
}
#mailpoet_form_2 .mailpoet_paragraph {
    width: 35%;
}
#mailpoet_form_2 .mailpoet_paragraph.last {
    width: inherit;
}

.tabset>label {
    color: #222;
}

header form.search-form {
    margin: 12px 24px;
    left: 0%;
}
/*end new css newsletter 7-1-2022*/
.banner-text{
color: #565a5b;
font-weight: 400;
font-family: "Poppins";
text-align: center;font-size: 48px;line-height: 60px;}
#archives{margin-top: 50px}
@media (min-width: 1200px){
    #archives{margin-top: 150px}
  html body .grid-container {
    max-width: 1300px;
    padding: 0;
}
.tabset > input:checked + label::before {
    transform: translate(-50%);
}
.tabset label:hover:before {
    transform: translate(-50%);
}
}

.panel-heading {
    text-align: left;
}

.tabset label:hover:before {
    content: "";
    height: 10px;
    width: 20px;
    position: absolute;
    left: 50%;
    background: url(/wp-content/themes/breek-child/images/drop-down-icon2.png);
    bottom: -16px;
}
.post-par-sec_old {
     display: block !important;
     margin: 10px 0;
}

.col-sm-12.col-md-6.col-lg-6.blog_post .cate-sec {
    width: auto;
}
.col-sm-12.col-md-6.col-lg-6.blog_post .date-sec{
   width: auto;
}

.col-sm-12.col-md-6.col-lg-4.blog_post .item-content {
    font-size: 20px;
    line-height: 28px;
    display: block;
    font-family: "fredoka_oneregular" ; color: #333;
}
.col-sm-12.col-md-6.col-lg-4.blog_post .post-title-sec a {
    font-size: 20px;
    display: block;
    line-height: 28px;min-height: 56px;
}
div#frequent_hm_title h1, a.ps.fs24.dc.item-content, h2.hm_title_insight, 
a.ps.fs30.dc.homeb, h2.hm_title_solution
{
    font-family: "fredoka_oneregular" !important; color: #333;
    display: block;
}
.container12.grey_section {
  padding-top: 70px !important;
}



.cate-sec .catename:first-child {
    margin-left: 0;
}

.cate-sec .catename {
    margin: 3px;
}

.sec-small-title {
    margin-top: 15px !important;
    margin-bottom: 0;
}
.all-pages ul li{
  list-style: none !important;
}

.enable-masonry div.articles article{
  min-height:500px!important;
  position:relative!important;
  left:0px!important;
  top:0px!important;
}

.row.line-mc {
    display: flex;
    --bs-gutter-x: 0rem!important;
}

div.articles {
    padding: 0;
    height: 100%!important;
}

@media (max-width: 767px){
    .cate-sec {
    justify-content: flex-start;
    width: 100%;
}
form.search-form {
    left: 0 !important;}
}


.panel-group a#loadMore{position: relative;}

html body .home_banner_button .elementor-button{width: 218px;
    height: 70px;
    background-color: #fc8a03;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;}
    #menu-item-3464{padding-right:0!important }
 /*  .title-heading2 h1, .title-heading2 h2 {margin-top: 148px}*/

   @media(max-width: 991px){
    html body .accordion_one .panel .panel-heading a.collapsed{height: auto}
   }


   @media(max-width: 1400px){
    html body ul.tabs-nav li{margin-bottom: 15px;}
    .fs30 {
    font-size: 24px;}
    html body .home_banner_button .elementor-button{width: 178px;height: 55px;padding: 12px 20px}
    #mailpoet_form_2 .mailpoet_paragraph {
    width: 33%;
}
    strong.rb.webgarh-back {font-size: 36px;}
    .banner-text{font-size: 36px; line-height: 46px;}
  .aft .col-md-8{width:65%;}
   .aft .col-md-4{width:35%;}
    a#loadMore{padding: 15px 20px;font-size: 16px}
    .title-heading2 h1, .title-heading2 h2{font-size: 40px!important}
   }

   @media(max-width:1600px){
     html body .grid-container .col-lg-4{width: 15%}
     html body .grid-container .col-lg-5{width: 60%}


   }
    @media(max-width: 1300px){
  .aft .col-md-8{width:70%;}
   .aft .col-md-4{width:30%;}

 }
    @media(max-width: 1201px){
  .aft .col-md-8{width:90%;}
   .aft .col-md-4{width:10%;}

 }
 .container12{padding:10% 10%}
 .grey_section{background: #f1f1f1;}
 header .width_380 input{width: 320px!important;    opacity: 1!important;}
 .w30{width:30%;}
 .w70{width:70%;}
 .m-b-40{margin-bottom: 30px}
 .right_side_tab{display: none}
 .display_block_faq{display: block!important}


 .blog_post{position: relative;
margin-bottom: 20px;}
 /* .post_footer_height ul.sec-par-post{position: absolute;width: 100%;bottom: 0}*/
 .two-sec .container12{padding:3% 10%}
 .right-content-sec-area ul.tabs-nav li.tab-active span.sho-icon, .right-content-sec-area ul.tabs-nav li.tab-active:hover span.sho-icon {
    background: url(../images/shopify-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}
.right-content-sec-area ul.tabs-nav li span.sho-icon {
    background: url(../images/shopify-icon2.png);
    background-repeat: no-repeat;
    background-position: center;
}

.right-content-sec-area ul.tabs-nav li span {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: contain !important;
}
.right-content-sec-area ul.tabs-nav {
    border-left: 2px solid #dadada;
    padding-right: 20px;
}

.container{max-width:100%;padding: 0 10%}
html body div.text h3 {
    padding-top: 10px;margin-bottom: 10px;}
 /*   .mydate{display: flex;align-items: center;}*/


html body .wpsm_panel-body{    font-size: 16px;
    color: #6c757d;
    font-family: 'poppinsregular';
    font-weight: 300;
    line-height: 24px;}
    html body .ac_title_class{    font-weight: 700;
    font-family: "Montserrat",sans-serif;}
   #wpsm_accordion_3903{margin-top: 30px}


   @media(min-width: 1200px) and (max-width: 1400px){
    /* .f-w-100 p {
    min-height: 180px;}
   } */
  }
@media screen and (min-device-width: 260px) and (max-device-width: 767px) {
    #introduction,#Scenario,#direct_migration_of_data,#Partial_Adhoc_Migration,#full_adhoc_migration,#conclusion { 
    scroll-margin-top:-55px!important;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #introduction,#Scenario,#direct_migration_of_data,#Partial_Adhoc_Migration,#full_adhoc_migration,#conclusion { 
    scroll-margin-top:10px!important;
}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1500px) {
    #introduction,#Scenario,#direct_migration_of_data,#Partial_Adhoc_Migration,#full_adhoc_migration,#conclusion { 
    scroll-margin-top:50px!important;
}
.postid-4052 .post-img-sec.f-w-100.m-b-20 {
    height: 230px!important;
    margin-bottom: 10px;
}
.postid-4052 .post-img-sec img {
    height: 100%;
    object-fit: cover;
}
}
@media screen and (min-device-width: 1500px) and (max-device-width: 1950px) {
    #introduction,#Scenario,#direct_migration_of_data,#Partial_Adhoc_Migration,#full_adhoc_migration,#conclusion { 
    scroll-margin-top:60px!important;
}
.postid-4052 .post-img-sec.f-w-100.m-b-20 {
    height: 280px!important;
    margin-bottom: 10px;
}
.postid-4052 .post-img-sec img {
    height: 100%;
    object-fit: cover;
}
.postid-4052 .wp-image-4075.size-large.loaded {
    object-fit: cover;
    width: 100%;
    /*border-radius: 15px;*/
}
.postid-4052 .wp-image-4076.size-large.loaded{
    object-fit: cover;
    width: 100%;
    /*border-radius: 15px;*/
}

}


@media (max-width: 768px){
.just_cnt {
    justify-content: left!important;
}
}

.social-b.dfd img {
    width: 100% !important;
}

.tag-description{
	
color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 12px -1px rgb(7 10 25 / 5%), 0 22px 27px -20px rgb(7 10 25 / 5%);
    box-shadow: 0 3px 12px -1pxrgba(7,10,25,.05),0 22px 27px -20pxrgba(7,10,25,.05);
    position: relative;
    z-index: 1;
    font-size: 17px;
    padding: 60px 0;
    margin-top: 30px;
    margin-bottom: 50px!important;
	background-color: #fc8a03!important;
}
/*
.archive .icon{position: relative;}
.archive .icon:before {
    content: '';
    position: absolute;
    background: url(https://reflect.webgarh.com/wp-content/uploads/2022/11/prestashop.png);
    height: 100px;
    width: 100px;
    background-size: 75px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
/*.archive .icon svg{visibility: hidden;}*/

.latest_post{    align-items: center;
    display: flex;
}

/*.default-sidebar article{min-height: 100px!important;padding-left: 120px!important;}
.default-sidebar article a{    width: 100px!important;
    height: 100px!important}*/
    .tag-description .icon .custom-icon{max-width:100%!important;}
    .pulse {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  background-color: #fff!important;
  border-color:#fff!important;
  animation: pulse 1500ms infinite;
      width: 100px!important;
    height: 100px !important;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #fbb32f;
  }
  100% {
    box-shadow: 0 0 0 17px #fbb32f01;
  }
}
.tag-description:after{
content:'';
background: url(https://reflect.webgarh.com/wp-content/uploads/2022/12/BlockElement_Right.png);
position:absolute;
width: 180px;height:100%;right:0;top: 0;background-repeat: no-repeat;
}
.tag-description:before{
content:'';
background: url(https://reflect.webgarh.com/wp-content/uploads/2022/12/BlockElement_Left.png);
position:absolute;
width: 180px;
    height: 180px;
left:0;bottom: 0;background-repeat: no-repeat;
}
.tag-description .overlay{background: unset!important;}


/*ul.f100 li.pm:first-child{display: none}*/
.display-none{display:none;}
.single_post_image{margin-bottom: 20px}
#Single_admin_access{margin-bottom: 0px}
#Multistore_different_domains{margin-bottom: 0px}
#Global_Expansion{margin-bottom: 0px}
#Save_time{margin-bottom: 0px}
.single .left-content article{margin-top: 70px}
/*.single aside#sidebar{margin-top: 70px}*/

m-t-15 {
    margin-top: 5px;
}
.post-par-sec_old{display:none}



.post-img-sec{margin-bottom:0}


.page-id-2659 .sec-par-post span.pm.dc.f14.d-flex {
    margin-left: 15px;
  
}
.page-id-2659 .col-lg-4 .sec-par-post span.pm.dc.f14.d-flex {
    margin-left: 15px;
  
}

/*.single_blog_post_bredcrumbs li.pr.yc.f14:nth-child(2) {
    display: none;
}*/
b{color:#263238}
/*.theiaStickySidebar .default-sidebar .cover {
    background-position: initial !important;
    background-size: cover !important;opacity: unset !important;
}*/
.theiaStickySidebar .default-sidebar #epcl_posts_thumbs-5 article a {
    width: 80px;
}
.theiaStickySidebar .default-sidebar #epcl_posts_thumbs-5 .gradient-effect {
    margin-left: 5px;
}

html body .inner_cont .elementor-container{padding:0!important}
html body #wpsm_accordion_3903 .wpsm_panel-body {
    font-size: 16px;
    color: #6c757d;
    font-family: 'poppinsregular'!important;
    font-weight: 300;
    line-height: 24px;
}

.main-div-list a:hover{color: #fc8a03;}


.single-post .table_of_content.main-div-list a {
    color: #0583d8 !important;
}
.single-post .table_of_content.main-div-list a:hover {
    color: #fc8a03 !important;
}
.single-post .table_of_content.main-div-list ::marker {
    color: #0583d8;
}
.single-post .table_of_content.main-div-list ::marker:hover{
    color: #fc8a03 !important;
}
.home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
    position: relative;
    clear: both;
}
.single-post .table_of_content.main-div-list ol li {
    list-style-type: none;
}
@media screen and (max-width: 767px){
    .home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
    height: auto;
    position: relative;
    clear: both;
}
}

@media screen and (max-width: 1024px){
/* CSS */
        .home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
    
    position: relative;
    clear: both;
}
.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 100%!important;
  padding: 0 2%;
}
html body .new_color .container12 {
  padding: 5% 2%;
}
a.ps.fs24.dc.item-content{
  font-size: 20px;
}
.lind h3 {
  min-height: auto;
}
}

@media screen and (max-width: 1366px){
    .home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
    
    position: relative;
    clear: both;
}
.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 100%!important;
  padding: 0 2%;
}
.two-sec .container12 {
    padding: 3% 2%;
}
.elementor-3505 .elementor-element.elementor-element-f9795d8 > .elementor-widget-container{
  margin-top: 0;
}
html body .new_color .container12 {
  padding: 5% 2% !important;
}
html body .grid-container {
  padding: 0 2% !important;
}
.container {
  max-width: 100%;
  padding: 0 2%;
}
.single-post h1.ps.f40.dc {
/*   font-size: 28px !important; */
  line-height: 44px;
}
.social-b div.epcl-share-container {
  margin-left: -23px;
  margin-top: 23px;
}
div.text h2 {
  font-size: 20px !important;
}
html body.single p {
  font-size: 14px !important;
}
.container12 {
  padding: 10% 2%;
}
/*body {
  overflow-x: hidden;
}*/



}



@media screen and (max-width: 1600px) {
  .aside_menu_links {
    width: 100% !important;
  }

    .home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
 
    position: relative;
    clear: both;
}

.f20 {
  font-size: 16px;
}
}
@media screen and (max-width: 1900px) {
    .home .grey_section .col-sm-12.col-md-6.col-lg-6.m-b-40.blog_post .post-img-sec img {
   
    position: relative;
    clear: both;
}
}
.text ul{padding-left:20px;list-style-type: disclosure-closed !important;}
.postid-4142 .text ul li{    list-style-type: disclosure-closed;}
.postid-4142 .first_word{display:none}


html body .new_color .grey_section {
    padding: 7% 10%;background: #FEF7F0;
}
html body .new_color .container12 {
    padding: 4% 10%;
}
.lispaceorderlist li{margin-bottom:20px!important}
.author .sec-cnt-sec {margin-bottom:70px}
.divleft{width:70%;padding:0 20px 0 0;}
.divright{width:30%;}
@media (min-width: 1200px){
.author #archives {
    margin-top: 100px;
}

}
.wp-video{width:100%!important}
@media (max-width: 580px){
    .text ul {
    padding-left: 0;}
    .divleft {
    width: 100%;}
    .divright {
    width: 100%;
    padding: 0;}
}


a:hover{color: #fc8a03 !important;}
.single-post .share-buttons .permalink{display:none !important}
.single-post .share-buttons{padding-top: 20px;padding-bottom: 20px;}
div.text h2{font-size: 30px;
line-height: 30px;
color: #fe8a02;
font-weight: 700;
font-family: "Poppins";
text-align: left;    padding-top: 0 !important;}
.main-div-list{margin-bottom: 20px}
.author_box{position: relative;
border-radius: 10px;border-radius: 10px;
background-color: #fff8f0;    padding: 24px 28px;}
.avatar{width: 100%;height: 150px;margin-bottom: 10px;}
.avatar a {
    width: 150px;
    height: 150px;
    margin: 0 auto;  
      border-radius: 50%;border: 3px solid #ffecd7;
}



html body.single p{  font-size: 16px;
    line-height: 27px;
    color: #222222;
    font-weight: 400;
    font-family: "Poppins";
    text-align: left;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 75px !important;
  }
    html body.single .author_box p{
font-size: 16px;
line-height: 24px;
color: #222222;
font-weight: 400;
font-family: "Poppins";
text-align: center;}
.author_name a{     font-size: 20px;
    color: #fe8a02;
    font-weight: 400;
    font-family: "fredoka_oneregular";
    text-align: center;}

.author_box:before {
    content: '';
    height: 100px;
    background-color: #ffecd7;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.widget-title{    margin-bottom: 30px;
    border-bottom: 2px solid #ffe4cd;
    padding-bottom: 10px;position: relative;}
.widget-title:before {
    content: '';
    background-image: url(//reflect.webgarh.com/wp-content/themes/breek-child/images/Icon_AboutAuthor.png);
    height: 29px;
    width: 35px;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    bottom: 10px;
}
.button_author a {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background-color: #fe8a02;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;    margin: 20px 0 10px;
}
.button_author a:hover{color:#fff !important;} 

#sidebar .search-form input{    background:transparent !important;
    border: 1px solid #ffecd7 ;font-size: 16px;
color: #222222;
font-weight: 400;
font-family: "Poppins";}
 #sidebar .search-form  button{    width: 35px;
    height: 35px;
    border-radius: 20px;
    background-color: #fc8a03;
    top: 5px;
    right: 5px;margin: 0;}   
#sidebar .search-form input::placeholder{font-size: 16px;
color: #222222;
font-weight: 400;
font-family: "Poppins";}   

/*Css for Single Blog Page*/ 
.single-post #single div.meta .meta-info{
    margin-right: 20px;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 20px;
}
.single-post a.comments.tooltip{
    margin:7px 20px 0px 4px;
}
.single-post .tooltip {
    position: unset;
    opacity: 0.9;
}
.single-post ul.sec-par-post {
    margin:30px 0 0!important;
}
.single-post h1.ps.f40.dc {
    padding-bottom: 30px; color: #333; font-size: 36px;
}
.single-post ul.ec-sec-back li {
    text-transform: uppercase;
}
.single-post a.comments.tooltip i{color: #000;}
div.text h2 {
    margin-top: 15px;
}
.single-post .f-w-100.m-t-15.m-b-20.height_90.lind h3 a {
    font-family: "fredoka_oneregular";
}
.single-post ul.f-w-100.sp.d-flex {
    margin-top: 12px;
}
h1.hm_title_latest_pst {
    font-family: "fredoka_oneregular" !important;
    color: #333333 !important;
    font-size: 36px !important
}
#single #author {
    margin-top: 15px !important;
}
p.form-submit input[type=submit] {
    font-weight: 600;
}
 .single-post #comments img.avatar {
    width: 64px;
    height: 64px;
}
.single-post #comments cite.comment-author a {
    color: #717171;
    font-size: 14px;
}
.single-post #comments span.date {
    margin-left: 67px !important;
    font-size: 11px;
    color: #717171;
        font-weight: 600;
    font-family: "Montserrat",sans-serif;
}
.single-post #comments .text p {
    text-transform: capitalize;
    font-size: 14px;
}
.single-post #comments .avatar {height: auto !important ;}
.single-post #comments .right.grid-90.tablet-grid-85.mobile-grid-85 {
    padding-left: 5px !important;
}
@media (min-width: 1530px){
.single-post #comments span.date {
    margin-left: 85px !important;
    font-size: 11px;
    color: #717171;
    font-weight: 600;
    font-family: "Montserrat",sans-serif;
}
}

.show_2 li{display: none}
.show_2 li:nth-child(1), .show_2 li:nth-child(1){display: block}
.tab_cnet li{display: none}
.tab_cnet li:nth-child(1), .tab_cnet li:nth-child(1){display: block}
ul li.catename{display: none}
ul li.catename:nth-child(1), ul li.catename:nth-child(1){display: block}

div.epcl-share a.facebook, div.epcl-share a.twitter {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
div.epcl-share a.facebook {
    color: #FFF !important;
    background: #3b5998;
	margin-bottom:7px;
}
div.epcl-share a.twitter {
    color: #fff !important;
    background: #00aced;
    border-radius: 50%;
    margin-block: 4px;
}



.post-title-sec a {
  display: inline-block;
}

@media (min-width: 1366px){

}



#epcl_featured_category-2 .thumb{
    display: none;
}
#epcl_featured_category-2  article {
    padding-left: 0;
    min-height: unset;
}

.post-content-sec{
  margin: 10px 0;
}

@media (max-width: 676px){
  .col-sm-12.col-md-6.col-lg-4.blog_post .item-content {
    font-size: 14px;
    line-height: 21px;
  }
  .f-w-100 p {
    font-size: 13px;
    line-height: 20px;
  }
  .left-sec-post, ul.ec-sec-back {
    margin-bottom: 0px;
}
.fs30 {
  font-size: 17px;
}
.col-sm-12.col-md-6.col-lg-4.blog_post .post-title-sec a{
  font-size: 14px;
  line-height: 22px;
}
.fs24 {
  font-size: 17px;
}
.title-heading2 h1, .title-heading2 h2 {
  font-size: 24px!important;
}
html body .accordion_one .panel .panel-heading a.collapsed {
  height: auto;
  font-size: 14px;
  line-height: 19px;
  padding: 10px;
  margin-bottom: 10px;
}
.accordion_one .panel-default {
  padding-bottom: 0px;
}
h2.pm.dc.f40 {
    font-size: 25px;
}
.f40 {
  font-size: 25px;
}
html body .container12 {
  padding-top: 20px !important;
}
.single-post h1.ps.f40.dc {
  font-size: 21px !important;
  line-height: 30px;
}
h2.title-heading3 {
  font-size: 27px;
}
.title-heading3:after {
  left: 24%;
}
a.ps.fs24.dc.item-content {
  font-size: 14px;
  line-height: 23px;
}
a:link {
  font-size: 10px;
}
#mailpoet_form_2 .mailpoet_paragraph {
  width: 100%!important;
}
}


.aos-animate {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}


@media screen and (max-width: 767px){
.tag-description .icon {
    margin: -64px 0 0 -55px !important;
}
}
section#epcl_featured_category-2 {
    padding-top: 2px!important;
}

section#epcl_featured_category-2 h2.widget-title.title.bordered {
   margin-bottom: 17px !important;
}
.mobile-cate-display {
    display: none;
}
@media (max-width: 767px) {
    .mobile-cate-display {
        display: block;
        margin-top: 20px;
    }
    #single .main-article {
        margin-top: 20px;
    }
    .single-post ul.ec-sec-back li{
      margin: 10px 0;
    }
}


@media screen and (max-width: 676px){
  a.ps.fs24.dc.item-content{
    font-size: 14px;
    line-height: 21px;
    min-height: auto;
  }
  a.ps.fs30.dc.homeb{
    font-size: 14px;
    line-height: 21px;
    min-height: auto;
  }
  .col-sm-12.col-md-6.col-lg-4.blog_post .post-title-sec a {
    min-height: auto;
}
.f-w-100.m-t-15.m-b-20.post-title-sec{
  margin-bottom: 10px;
}
.single-post ul.ec-sec-back li{
  margin: 10px 0;
}
.m-b-20 {
  margin-bottom: 0px;
}
a:link {
  font-size: 14px;
}
div.text {
  font-size: 14px !important;
}
html body.single p {
  font-size: 12px !important;
}
}



@media screen and (max-width: 900px){
  .f14 {
    font-size: 12px;
}
.fs30 {
  font-size: 20px;
}
}




/* saksham 20-09-2023 */
.img_area_getit{
  width:100%;
  max-width: 100%;
  margin: 20px 0;
  display: none;
}

.img_area_getit img{
  width:100%;
  max-width: 100%;
}

.date-sec .f14 {
  font-size: 12px;
}

/* @media screen and (max-width: 1023px){
  .img_area_getit{
    display: block;
  }
} */



/* 15-02-2024 Css */
.post-medi-title h1 {
  line-height: normal;
}
.you_may_also_know .heading-sec h2 {
  margin-top: 50px;
  line-height: normal;
}

.col-sm-12.col-md-6.col-lg-4.blog_post .item-content {
  font-size: 20px;
  line-height: 28px;
  display: block;
  font-family: "fredoka_oneregular";
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match_height_col, .match_height_txt {
  height: auto !important;
}

.blog_post .post-par-sec_old p {
  min-height: 96px;
}

.sec-small-title {
  margin-top: 15px !important;
  margin-bottom: 0;
  min-height: 56px;
}






/* 15-02-2024 Css End */
@media (min-width: 768px) {
  .blog_post .post-title-sec a ,
  .blog_post .sec-small-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px !important;
    font-size: 20px !important;
    line-height: normal !important;
    text-transform: uppercase;
  }
  .blog_post .post-content-sec p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 75px !important;
  }
  #loadMore:hover {
    background: #404445;
    color: #fff !important;
  }
}
.blogMainRight {
  display: block;
  position: sticky;
  top: 90px;
}
.blogMainRight .badge {
  background: #fc8502;
}
.blogMainRight a.list-group-item {
  padding-block: 14px !important;
  font-weight: 600;
  font-size: 14px;
}



/*  */

.understanding_inner_content p {
  padding-left: 20px;
}

.understanding_inner_content {
  padding-left: 20px;
}

.inner_sub_points h4 {
  margin-bottom: 0px !important;
  margin-left: 24px !important;
  font-weight: 600 !important;
}

.inner_sub_points p {
  margin-bottom: 5px !important;
}

.payout_mode_inner_content {
  padding-left: 20px;
}
strong.crucial_text {
  font-size: 22px !important;
}

.aside_menu_links {
  z-index: 99;
  position: sticky !important;
  top: 70px !important;
  right: 0;
  transition: all .5s ease-in-out 0s;
  padding: 10px 0;
  padding: 30px 20px;
  background: #4e662a1a;
  border-radius: 10px;
  width: 95%;
  max-height: 90vh;
  overflow: auto;
}


/* width */
.aside_menu_links::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
.aside_menu_links::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.aside_menu_links::-webkit-scrollbar-thumb {
  background: #888; 
}
.inner_sub_menu_links a.scrooltop::before {
  display: none;
}

a.scrooltop {
  position: relative;
}

.aside_menu_links a.scrooltop {
  display: block;
  padding: 8px 10px;
  /* border-left: 4px solid #4e662a36 !important; */
  font-size: 16px !important;
  line-height: 26px;
}
a.scrooltop.active {
  color: #fc8a03;
  /* border-left: 4px solid #fc8a03 !important; */
}

.aside_menu_links a.scrooltop::before {
  content: url(https://reflect.webgarh.com/wp-content/uploads/2024/02/right-2.png);
  width: 20px;
  height: 20px;
  position: absolute;
  left: -10px;
  top: 10px;
}
.menu_links_points {
  padding-left: 10px;
}

.create_Store_blog_page_002b .menu_links_points>*:nth-child(4) {
  display: none;
}

h3.aside_menu_title {
  margin-bottom: 20px !important;
  padding: 0px !important;
}
a.sub_title_blogs {
  font-weight: bold;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  color: #263238;
}
.understanding_inner_content h3 {
  display: list-item;
  list-style: auto;
}
.payout_mode_inner_content h3 {
  display: list-item;
  list-style: auto;
}
.understanding_inner_content b {
  font-weight: 400 !important;
  color: #222;
}
.payout_mode_inner_content b {
  font-weight: 400 !important;
  color: #222;
}
.blog_page_m975p br {
  display: none;
}
.inner_sub_points ul li {
  display: list-item;
  list-style-position: outside !important;
}
.inner_sub_points {
  padding: 10px 0px;
}
.blog_page_m975p li {
  font-size: 18px;
  line-height: 30px !important;
  color: #222;
  font-weight: 400;
  font-family: "Poppins";
}

.inner_sub_points b {
  font-weight: 600 !important;
  line-height: 30px;
  color: #222;
}

.payout_mode_inner_content b {
  font-weight: 500 !important;
}
.aside_menu_links p {
  border-radius: 0px 5px 5px 0px !important;
}

body.post-template-default.single.single-post.postid-6108.single-format-standard.logged-in.admin-bar.wp-embed-responsive.enable-optimization.ehf-template-breek.ehf-stylesheet-breek-child.elementor-default.elementor-kit-2365.customize-support.e--ua-blink.e--ua-chrome.e--ua-webkit.pace-done div.left-content {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0px;
}

.aside_menu_links>p>a:last-child {
  padding-bottom: 0px;
}



/* blog_2 */


.create_Store_blog_page_002b br {
  display: none;
}

.create_Store_blog_page_002b li {
  list-style-position: outside !important;

}
.Store_Journey_inner_section h4 {
  margin: 0 !important;
}
.inner_sub_content {
  padding-left: 24px;
}
.menu_links_points br {
  display: none;
}

.Store_Journey_inner_section ul {
  padding: 10px 20px !important;
}

.Store_Journey_inner_section li {
  font-size: 18px;
  line-height: 30px !important;
}
.Store_Journey_inner_section img {
  margin-left: 0 !important;
}

.bg_color_g {
  padding: 20px;
  background: #f1f1f1;
  border: 1px solid #48484829 !important;
}

img.size-full.wp-image-6018.aligncenter {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #4848482e !important;
}

.inner_sub_menu_links a.scrooltop {
  list-style: disc;
  display: list-item;
  list-style-position: outside !important;
  padding: 2px 0;
  margin-left: 30px;
  border: none !important;
  font-size: 15px !important;
}
.inner_sub_menu_links a.scrooltop li::marker {
  color: #4e662a;
}


.create_Store_blog_page_002b.blog_three .inner_sub_content h3 {
  list-style: auto;
  display: list-item;
}
.create_Store_blog_page_002b h3 {
  font-size: 20px !important;
}
.blog_page_m975p h3 {
  font-size: 18px !important;
}
.single .author_box h2.author_name {
    margin: 20px 0px 10px;
}
/* blog 4 */

.blog_4 .inner_sub_content h3 {
  font-size: 20px !important;
  list-style: auto;
    display: list-item;
}

/* blog 5 */

.content_row_blog .inner_sub_content H4 a {
  margin-bottom: 0px !important;
  font-size: 20px !important;
  color: red;
  font-weight: 700;
  font-family: "Montserrat",sans-serif !important;
  color: #263238 !important;
  line-height: 1.5;
}

.blog_5 .content_row_blog .inner_sub_content H4 {
  margin-bottom: 10px !important;
  /* list-style: auto;
  display: list-item; */
}


.create_Store_blog_page_002b.blog_5 .image-sizen {
  margin-top: 0 !important;
  
}

.aside_menu_links .scrooltop:hover::before {
  filter: brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(1096%) hue-rotate(357deg) brightness(99%) contrast(101%) !important;
}
a.scrooltop.active::before {
  filter: brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(1096%) hue-rotate(357deg) brightness(99%) contrast(101%) !important;
}
.create_Store_blog_page_002b.blog_5 .inner_sub_content h3 {
  list-style: auto;
  display: list-item;
}




/* solution blogs css */

ul.solution_ul li b {
  font-weight: 500 !important;
  line-height: 30px;
  color: #222;
}

ul.Web_Application_ul li {
  margin-bottom: 24px !important;
}
ul.Web_Application_ul p img {
  margin-bottom: 24px !important;
}
html body.single .create_Store_blog_page_002b.blog_7 p {
  min-height: auto !important;
}
 html body.single .inner_sub_content p {
  min-height: auto !important;
  display: block !important;
}


html body.single .create_Store_blog_page_002b.blog_10 p {
  min-height: auto !important;
  display: block !important;
}

.create_Store_blog_page_002b.blog_10 .content_row_blog img {
  margin: 24px 0px !important;
}
.create_Store_blog_page_002b.blog_10 li {
  font-weight: 500 !important;
  line-height: 30px;
  color: #222;
}



/*New CSS for Blog Details 13 March*/

.single .left-content {
    padding-right: 60px !important;
}
.single #sidebar {
    margin-top: 70px;
}
.single-mailpoet_page aside#sidebar {
    position: unset !important;
}
.single-mailpoet_page #sidebar section#text-3 {
  display: none;
}
.single #sidebar .widget_categories {
    border: 2px solid #ffe4cd;
    padding: 0px 0px 5px 0px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.single #sidebar h2.widget-title {
    padding: 10px 20px;
    margin: 0;
    font-size: 22px;
}
.single #sidebar h2.widget-title::before {
    content: "";
    right: 16px;
    bottom: 15px;
}
.single #sidebar .widget_categories ul li.cat-item {
    padding: 10px 20px;
    margin: 0;
}
.single #sidebar .widget_categories ul li.cat-item a {
    position: relative;
    padding-left: 22px;
    font-weight: 500;
    font-size: 15px;
}
.single #sidebar .widget_categories ul li.cat-item span {
    font-weight: 600;
}
.single #sidebar .widget_categories ul li.cat-item a::before {
    content: '\25B8' !important;
    position: absolute;
    top: 0;
    left: -6px;
    color: #FC8A02;
    font-size: 32px;
}
.single #sidebar section#text-3 {
    border: 2px solid #ffe4cd;
    padding: 0px 0px 5px 0px;
}
.single #sidebar section#text-3 ul.info.gradient-effect {padding: 22px 0px 0px;}
.single #sidebar section#text-3 ul.info.gradient-effect li {
    margin-bottom: 15px;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 20px 15px;
    display: flex;
    column-gap: 12px;
    align-items: center;
}
.single #sidebar section#text-3 ul.info.gradient-effect li .right_recent_conts .title a {
    font-size: 14px;
    font-weight: 700;
    padding: 0 !important;
}
.right_recent_conts .title {
    line-height: 19px !important;
    margin-top: -7px;
    margin-bottom: 0 !important;
}
.single #sidebar section#text-3 ul.info.gradient-effect li .right_recent_conts time {
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0px;
    padding: 0;
    position: relative;
    top: -7px;
}
.single #sidebar section#text-3 ul.info.gradient-effect li:last-child {
    border: none;
    margin-bottom: 0;
}
.single #sidebar section#text-3 ul.info.gradient-effect li a:not(.epcl-button) {
  background-size: 0px 2px;
}
.single #sidebar section#text-3 ul.info.gradient-effect li a:not(.epcl-button):hover {
    background-size: 100% 2px;
}
.recent_posts_lists .post-thumbnail {
    width: 100px;
}
.right_recent_conts {
    flex: 1;
}
.recent_posts_lists .post-thumbnail img {
    border-radius: 4px;
    height: 65px;
    object-fit: cover;
}
.single .aside_menu_links p:empty {
    display: none;
    min-height: auto !important;
}
.single #sidebar .widget {
    padding: 0 !important;
}


/*Category Page CSS*/

body.category main#archives {
    margin: 0;
}
body.category main#archives>.grid-container.section {
    max-width: 100% !important;
    width: 100%;
    padding: 0 !important;
}
body.category main#archives>.grid-container.section .tag-description {
    border-radius: 0;
    margin: 0;
}

/*Mailpoet page css*/
.main-article.mailpoet_page h1 {
    font-size: 32px;
}
.single-mailpoet_page .main-article.mailpoet_page .post-medi-title {
    margin-top: 0px !important;
}
.single-mailpoet_page .share-buttons.section {
    margin-top: 25px !important;
    border: 2px solid #ffe4cd !important;
}
.single-mailpoet_page .share-buttons.section .permalink {
    margin-top: 10px !important;
}
.single-mailpoet_page .share-buttons.section input#copy-link {
    background: #fff;
    color: #333;
    border: 2px solid #ddd;
    font-weight: 500;
    font-size: 14px;
}
.single-mailpoet_page .author_box {
    border: 2px solid #ffe4cd;
}
.single-mailpoet_page .author_box .sec-title-sec {
    margin: 22px 0px 10px;
}
.single-mailpoet_page .author_box .sec-title-sec h2.author_name {
    text-transform: uppercase;
    letter-spacing: 0.2px;
}
.single-mailpoet_page .author_box .third-par-sec p {
    min-height: unset !important;
}
.single-mailpoet_page .author_box .avatar span.fullimage.cover {
    background-color: #fff;
}
.single-mailpoet_page .author_box .avatar a {
    box-shadow: 0px 0px 27px 2px rgba(0,0,0,.05);
    border-color: #f7d3b4 !important;
}
.single-mailpoet_page .share-buttons.section h3.title {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0;
    margin-right: 10px !important;
    font-weight: 600;
}
.single-mailpoet_page .share-buttons.section .epcl-share-bottom a.epcl-button {
    margin: 0px 1px !important;
}
.single-mailpoet_page .you_may_also_know h3 a.item-content, .single .you_may_also_know h3 a.item-content {
    min-height: 56px !important;
    font-size: 20px !important;
    line-height: 28px !important;
    letter-spacing: 0.2px;
}
.single-mailpoet_page .you_may_also_know h3, .single .you_may_also_know h3 {
    min-height: unset;
}
.single-mailpoet_page .you_may_also_know .post-par-sec_old p, .single .you_may_also_know .post-par-sec_old p {
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #6c757d;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 16px;
}
.single-mailpoet_page .you_may_also_know ul.f-w-100.sp.d-flex, .single .you_may_also_know ul.f-w-100.sp.d-flex {
    align-items: center;
}
.single-mailpoet_page .you_may_also_know .row.m-t-30.m-b-30, .single .you_may_also_know .row.m-t-30.m-b-30 {
    margin-bottom: 0;
}
#subscribe_new_posts_secs form.mailpoet_form p {
    min-height: auto !important;
}
#subscribe_new_posts_secs form.mailpoet_form p.mailpoet_validate_success {
    text-align: center;
    font-size: 15px;
    margin: 0;
    color: #5cb85c;
    text-transform: uppercase;
    padding: 0;
}
#subscribe_new_posts_secs p.pm.dc.fs24 {
    min-height: auto !important;
}
#subscribe_new_posts_secs h2.pm.dc.f40 span.yc.pb.f40 {
    font-family: inherit;
}
#subscribe_new_posts_secs .text-center-sub-form p.pm.dc.fs24 {
    font-size: 18px;
}
.single aside#sidebar .textwidget {
    margin: 0;
}
/*Author page css*/
body.author .content-wrapper .grid-container.section {
    padding: 0 20px !important;
}
body.author .author_box {
    margin-bottom: 40px;
}
body.author main#archives {
    margin-top: 70px;
}
body.author .author_box .sec-title-sec h2.author_name {
    font-size: 22px;
    color: #fe8a02;
    font-weight: 400;
    font-family: "fredoka_oneregular";
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}
body.author .author_box .sec-title-sec {
    margin: 22px 0px 10px;
}
body.author .author_box .third-par-sec {
    margin-bottom: 25px;
}
body.author .author_box .third-par-sec p {
    font-size: 16px;
    line-height: 26px;
}
body.author article.post h3.title.main-title, body.category article .title.main-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 50px !important;
    font-family: "fredoka_oneregular" !important;
    text-transform: uppercase;
    display: -webkit-box !important;
    font-weight: 500;
    font-size: 18px;
}
body.author article.post .border, body.category article .border {
    display: none;
}
body.author article.post .post-excerpt p, body.category article .post-excerpt {
    text-overflow: ellipsis;
    display: -webkit-box !important;
    min-height: 96px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    margin-bottom: 20px;
}
body.category article .post-excerpt {
  padding-bottom: 0 !important;
}
body.category article .tags.no-thumb {
  display: none;
}
body.category .enable-masonry div.articles article {
  float: left;
}
body.author .epcl-pagination.section, body.category .epcl-pagination.section {
    padding-top: 10px;
}
.epcl-pagination.section {
    padding-top: 10px;
}
body.author .epcl-pagination.section span.page-number, body.category .epcl-pagination.section span.page-number {
    color: #333;
    margin: 0;
}
body.author .epcl-pagination.section a, body.category .epcl-pagination.section a {
    text-transform: uppercase;
    height: auto;
    padding: 0px 30px;
    font-size: 13px;
    color: #fff !important;
}
.latest_posts_main_coloun .elementor-widget-container {
    margin: 0 !important;
}
section.one-sec.all-pages {
    padding: 0px 20px;
}
.single-post .epcl-page-wrapper {
  padding: 0 14px;
}
.single-mailpoet_page .epcl-page-wrapper {
    padding: 0px 14px;
}
html body #header .logo a img {
  border-radius: 0px !important;
}
button#load-more-posts {
    padding: 16px 36px;
    border-radius: 10px;
    background-color: #fc8a03;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    margin: 20px auto 0;
    display: table;
}
button#load-more-posts:hover {
    background: #404445;
    color: #fff;
}
















@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .single .left-content {
      padding-right: 30px !important;
  }


}


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

.single #sidebar .widget_categories {
    width: 100%;
    margin-top: 20px;
}
.single .left-content {
    padding-right: 0px !important;
}
.single #sidebar {
  margin-top: 30px !important;
}


}

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

.single #sidebar h2.widget-title {
    padding: 10px 20px;
    margin: 0;
    font-size: 20px;
}
.single #sidebar section#text-3 ul.info.gradient-effect {
    padding: 15px 0 0;
}
body.category main#archives>.grid-container.section .tag-description span.icon.pulse {
    display: none;
}
body.category main#archives>.grid-container.section .tag-description h1.title {
    margin: 0;
}
body.category div.articles {
    margin: 0 !important;
}
body.category .content-wrapper.grid-posts {
    padding: 0px !important;
}
.main-article.mailpoet_page h1 {
    font-size: 24px;
}
.single-mailpoet_page .share-buttons.section {
    margin-top: 15px !important;
}
.single-mailpoet_page .you_may_also_know .heading-sec {
    margin-top: 0 !important;
}
.single-mailpoet_page .you_may_also_know .heading-sec h2 {
    margin-top: 20px;
}
body.author .content-wrapper .grid-container.section {
    padding: 0px !important;
}
body.author .content-wrapper {
    padding: 0;
}
body.author .articles {
    margin: 0;
}
body.author main#archives {
    margin-top: 30px;
}
body.author .author_box .sec-title-sec h2.author_name {
  font-size: 18px;
}
body.author .author_box .sec-title-sec {
    margin: 15px 0 4px;
}
body.author .author_box .third-par-sec p {
    font-size: 15px;
    line-height: 24px;
}
body.author .author_box .third-par-sec {
    margin-bottom: 20px;
}
section.one-sec.all-pages {
    padding: 0;
}
.single-mailpoet_page .epcl-page-wrapper {
    padding: 0px;
}


}