/******************************
INDEX:
    00 - General
    01 - Typography
    02 - Text Color & Background Color
    03 - Background Position & Size
    04 - Helper class
    05 - Social icons
    06 - Header
    07 - Bootstrap Overwrite 
    08 - Swiper 
    09 - Scroll To Top 
    10 - Search Box
******************************/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*----------------------------------------*/
/* 00 - General 
/*----------------------------------------*/
 html {
     font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}
 *{
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 body {
     margin: 0;
     overflow-x: hidden;
}
p {
    margin: 0 0 0px;
    font-family: "Roboto";
}
 article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
     display: block;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     background-color: transparent;
     font-family: "Roboto";
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 small {
     font-size: 80%;
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
     top: -0.5em;
}
 sub {
     bottom: -0.25em;
}
 img {
     border: 0;
}
 svg:not(:root) {
     overflow: hidden;
}
 figure {
     margin: 0;
}
 hr {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 code, kbd, pre, samp {
     font-size: 1em;
}
 button, input, optgroup, select, textarea {
     color: inherit;
     font: inherit;
     margin: 0;
}
 select {
     text-transform: none;
}
 button {
     overflow: visible;
}
 button, input, select, textarea {
     max-width: 100%;
}
 button, html input[type="button"], input[type="reset"], input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
}
 button[disabled], html input[disabled] {
     cursor: default;
     opacity: .5;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
 input[type="checkbox"], input[type="radio"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin-right: 0.4375em;
     padding: 0;
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 input[type="search"] {
     -webkit-appearance: textfield;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 fieldset {
     border: 1px solid #d1d1d1;
     margin: 0 0 1.75em;
     padding: 0.875em;
}
 fieldset > :last-child {
     margin-bottom: 0;
}
 legend {
     border: 0;
     padding: 0;
}
 textarea {
     overflow: auto;
     vertical-align: top;
}
 optgroup {
     font-weight: bold;
}
 textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, .form-control:focus {
     outline:0px !important;
     -webkit-appearance:none;
     box-shadow: none !important;
}
 /* .form-select{
	font-size: 14px;
	font-weight: 500;
     padding: 0 100px 0 30px;
	 height: 50px;
	 border: none;
	 border-radius: 50px;
	 cursor: pointer;
	 color: #fcfcfc;
	 background-color: var(--pbmit-light-color);
}
 .form-select:focus {
     border-color: #1bbde4;
     outline: 0;
     box-shadow: none;
} */

.row-equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .row-equal-height>[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .new_w{
    width: 100%;
  }
/*----------------------------------------*/
/* 01 - Typography 
/*----------------------------------------*/
 body {
    font-family: "Roboto";
     font-weight: 400;
     color:#fff;
     font-size: 16px;
     line-height: 1.5;
     color: #0000;
     text-transform: none;
     font-style: normal;
}
 h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto";
     /* font-weight: 300; */
     /* color: #000; */
}
 h1 {
    font-family: "Roboto";
     font-size:48px;
     line-height: 50px;
     letter-spacing: 0px;
}
 h2 {
    font-family: "Roboto";
     font-size: 35px; 
     line-height: 50px;
     letter-spacing: 0px;
}
 h3 {
    font-family: "Roboto";
     font-size: 30px;
     line-height: 46px;
     letter-spacing: 0px;
}
 h4 {
    font-family: "Roboto";
     font-size: 25px;
     line-height: 40px;
     letter-spacing: 0px;
}
 h5 {
    font-family: "Roboto";
     font-size: 20px;
     line-height: 34px;
     letter-spacing: 0px;
}
 h6 {
    font-family: "Roboto";
     font-size: 15px;
     line-height: 24px;
     letter-spacing: 0px;
}
 ul {
    font-family: "Roboto";
     margin: 0;
     padding: 0;
     list-style: none;
}
p{
    font-size: 14px;
    color: #000;
}
.comm_button{
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    background-color:#20ae4b;
    padding: 10px 20px 10px 20px;
    border-radius: 30px;
   }
   .comm_button:hover{
    color: #000;
   }
/*----------------------------------------*/
/* 04 - Helper Class 
/*----------------------------------------*/
.section-lg{
	padding-top: 90px;
	padding-bottom: 90px;
}
.section-cm{
    padding-top: 50px;
}
.section-xl{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-lgt{
	padding-top: 100px;
}
.section-md{
	padding-top: 80px;
	padding-bottom: 80px;
}
.section-lgx{
	padding-top: 100px;
	padding-bottom: 70px;
}
.section-lgb{
     padding-bottom:100px;
}

/*----------------------------------------*/
/* 05 - Social icons 
/*----------------------------------------*/
 .social-icons {
    font-family: "Roboto";
     list-style: none;
     margin: 0px;
     padding: 0px;
     font-size: 15px;
     padding-top: 2px;
     padding-bottom: 3px;
}
 .pbmit-social-li {
    font-family: "Roboto";
     display: inline-block;
     padding-left: 0px;
     padding-right: 0px;
}
 .social-icons li > a {
    font-family: "Roboto";
     width: 30px;
     height: 30px;
     line-height: 30px;
     margin-right: 8px;
     background-color: transparent;
     font-size: 16px;
}

/*----------------------------------------*/
/* 06 - Header 
/*----------------------------------------*/
 
/*----------------------------------------*/
/* 07 - Bootstrap Overwrite 
/*----------------------------------------*/
 .g-lg-4,.gy-lg-4, .g-4, .gy-4 {
     --bs-gutter-y: 2rem;
}
 .g-lg-4,.gx-lg-4, .g-4, .gx-4 {
     --bs-gutter-x: 2rem;
}
 .row>* {
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
}

.row-equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  
  .row-equal-height>[class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }