.sideNavBar.sideNavBar@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
    color: #505050;
    background-color: #fff;
    position: relative;
}
.redText span {
    color: red !important;
    font-weight: 600 !important;
}
.redText {
    color: red !important;
    font-weight: 600 !important;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

p {
    font-size: 14px;
    color: #505050;
    line-height: 1.6;
    margin: 0 0 15px;
    font-weight: 400;
}

a {
    color: #505050;
    text-decoration: none !important;
    transition: ease-in-out 0.3s;
    display: inline-block;
}

a:hover,
a:active,
a:focus {
    color: #ff4800;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: #505050;
    margin: 0;
    margin-bottom: 10px;
}

h1 {
    font-size: 36px;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    line-height: 1.5;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

ul {
    margin: 0;
}

input,
select,
textarea,
button,
input:focus,
button:focus {
    outline: none;
}

button {
    transition: ease-in-out 0.3s;
}

img {
    max-width: 100%;
}

header,
section,
footer {
    width: 100%;
}

.navbar {
    padding: 65px 0px 35px;
}

.navbar-expand-lg .navbar-nav a,
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
    color: #505050;
    font-weight:500;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 15px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ff4800;
}

.navbar-nav .dropdown {}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-nav .dropdown-menu {
    border-radius: 0px;
    border: none;
    min-width: auto;
    padding: 5px 0px;
    margin-top: 0px;
}

.navbar-nav .dropdown-menu .dropdown-item {
    padding: 1px 15px;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #ff4800;
    background-color: transparent;
}

.navbar-expand-lg .navbar-nav .nav-Btn {
    border: 1px #ff4800 solid;
    border-radius: 50px;
}


/*
.navbar-expand-lg .navbar-nav .nav-Btn:hover {
  background-color: #ff4800; color: #fff;
}
*/

.dropdown-toggle::after {
    border: none;
    width: 12px;
    height: 6px;
    background: url(https://tollboothstrategy.com/images/ic_arrow.png) center no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.navbar-brand {}

.navbar-brand img {
    height: 50px;
}

.mainContent {
    padding: 15px 0px;
}

.bannerCol {
    width: 100%;
    min-height: calc(90vh - 200px);
    position: relative;
    border-radius: 20px;
    background: url(https://tollboothstrategy.com/images/home-1.jpg) center no-repeat;
    /*background-size: cover;*/ 
	
}

.bannerCaption {
    width: 100%;
    max-width: 263px;
    padding: 20px 10px 25px;
    border-radius: 15px;
    text-align: center;
    background-color: rgb(255 255 255 / 70%);
    position: absolute;
    left: 50%;
    bottom: 28%;
    transform: translateX(-50%);
}

.bannerCaption:hover {}

.listText {
    display: flex;
}

.listText li {
    width: 33.33%;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: 500px;
}

.listText li span {
    display: block;
    font-size: 17px;
    font-weight: 600 !important;
    margin-top: 5px;
    color: #78884B;
}

.bannerCaption .arrowLink {
        position: absolute;
    color: #b1b1b1;
    font-size: 40px;
    left: 50%;
    font-weight: 300 !important;
    bottom: -32px;
    transform: translateX(-50%);
    line-height: 1;
}

.bannerCaption .arrowLink:hover {
    transform: translateX(-50%) rotate(-90deg);
}

footer {
    text-align: center;
    padding: 60px 0px 20px;
}

.f_links {
    display: flex;
    justify-content: center;
}

.f_links li {
    padding: 4px 20px;
}

.f_links li a {
    position: relative;
    padding-left: 13px;
    font-weight:500;
}

.f_links li a:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #a1a2a3;
    left: 0px;
    top: 6px;
}

.copyRight {
    margin: 0px;
    padding: 5px 0px 4px;
    font-weight: 500;
}

.slideRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    height: 420px;
}

.slideLeftInfo {
    width: 34%;
    margin-right: 1%;
    background-color: #d5f2fd!important;
    border-radius: 30px;
    padding: 30px 25px;
}

.slideRightInfo {
    width: 65%;;
    flex-wrap: wrap;
    border: solid 1px #cccccc;
    border-radius: 30px;
}

.listingLeftSider {
    width: 100%;
    padding: 0px;
    list-style: disc;
    padding-left: 15px;
    padding-right: 0px;
}

.listingLeftSider li {
    margin-bottom: 25px;
    font-weight: 500;
    line-height: 1.7;
    font-size: 15px;
}

.listingLeftSider li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: #ff4800;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    left: -8px;
    margin-left: -3px;
    top: -2px;
}

.sectionTitle01 {
    font-size: 25px;
    margin-bottom: 25px;
    margin-top: 0px;
    color: #86623e;
}

.sliderOver {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 30px;
    padding: 30px 25px 30px 15px;
    border: 1px solid #abaaaa;
    position: relative;
    width:70%;
	display:none;
	height: 100%;
}

.tabelSlder {
    width: 100%;
    max-width: 510px;
    display: flex;
    flex-wrap: wrap;
}

.tableRow {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px
}

.tableCell40 {
    width: 40%;
    padding: 5px;
    font-weight: 500;
}

.tableCell {
    width: 20%;
    padding: 5px;
    font-weight: 500;
}

.tableCell100 {
    width: 100%;
    padding: 5px;
    font-weight: 500;
}

.headerRow {
    font-family: 'Montserrat', sans-serif;
}

.BGPattern01 {
    background-image: url('https://tollboothstrategy.com/images/slide1.png');
    background-repeat: no-repeat;
    background-size: cover;
    
}
.BGPattern02 {
    background-image: url('https://tollboothstrategy.com/images/slide2.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.BGPattern03 {
    background-image: url('https://tollboothstrategy.com/images/slide3.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.BGPattern04 {
    background-image: url('https://tollboothstrategy.com/images/slide4.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.BGPattern05 {
    background-image: url('https://tollboothstrategy.com/images/slide5.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.BGPattern06 {
    background-image: url('https://tollboothstrategy.com/images/slide6.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.slideButton {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #ebfaff;
}
a.slideButton.left {
    position: absolute;
    top: 360px;
    left: 29%;
    background: #FFF;
}

a.slideButton.left img {
    transform: rotate(269deg);
}
.slideButton img {
    width: 22px;
    transform: rotate(90deg);
}

.smallText {
    width: 100%;
    text-align: left;
    font-size: 10px;
    margin-top: 10px;
}

.width280 {
    max-width: 280px;
}

.width380 {
    max-width: 380px;
}



/* Home Page 20 */

.tableTitle {
    display: flex;
    justify-content: space-between;
}

select.dropDwn {
    border-radius: 50px;
    border: 1px solid #ff4800;
    height: 36px;
    padding-left: 15px;
    padding-right: 35px;
}

.tableTitle h2 {
    font-size: 20px;
        margin-bottom: 25px;
        font-weight: 500;
}


.tableStyle{margin-top: 20px;}
.tableStyle thead th,
.tableStyle td, 
.tableStyle th{border: none; padding: 6px; color: #505050;}

.tableStyle thead th{vertical-align: top;}

.tableStyle tbody td{font-weight: 500;font-size: 14px;}


.noteCol{}
.noteCol p{display: flex; font-weight: 500;}
.noteCol p label{white-space: nowrap; margin-right: 10px;}

.noteInner{padding-left: 50px;}
.colorNote{position: relative;}
.colorNote:before{position: absolute; content: ''; width: 35px; height: 25px; border:1px solid #3ba506; left: -50px;}

.greenText{color: #3ba506 !important; font-weight: 600 !important;}
.greenTextBox {padding: 6px 0px !important;}
.greenTextBox span{color: #3ba506 ; font-weight: 600 !important; border: 2px #3ba506 solid !important; border-radius: 5px; padding: 6px 8px;}

.td_title{font-weight: 600 !important;}

.sideNavBar{width: 100%; border-radius: 20px; padding: 35px; background-color: #d5f2fd!important;height: 100%;}
.sideNavBar h6{font-size: 17px; font-weight: 500; text-transform: capitalize;     margin-bottom: 16px;}

.sideNav{margin: 15px 0px 30px;}
.sideNav li{}
.sideNav li a{font-size: 14px; font-weight: 500; color: #505050;}
.sideNav li a:hover{color: #ff4800;}

.h_80 {  height: 80px;}


.table thead th {
    vertical-align: middle;
    background: #edf9fd;     font-weight: 600;
	font-size: 14px;
}

.btnList__ {
    display: inline-flex;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 20px;
        border: 0.5px solid #d5a7794a !important;
}
.btnList__ li a.active {
    color: #fff;
    background: #75dfd2;
    border-radius: 50px;
}

.btnList__ li a {
    font-size: 16px;
    color: #876440;
    font-weight: 600;
    padding: 10px 20px;
    display: inline-block;
}

.form_Col .labelCol___ {
    min-width: 70px;
    width: 70px;
    text-align: right;
}
.form_Col {
    display: flex;
    margin-bottom: 25px;
}
.form_Col .fieldCol___ select, .form_Col .fieldCol___ input {
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px #c3c3c3 solid;
    outline: none;
}

.link__Col {
    text-align: right;
}
.btn_1 {
    border-radius: 50px;
    background: #ef4217;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 6px 15px;
    margin: 4px auto;
    letter-spacing: 1px;
    min-width: 66px;
    display: inline-block;
    text-align: center;
    transition: 0.3s;
}


.form_Col .labelCol___ label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
    padding-top: 5px;
}

.wrap_440px {
    width: 100%;
    max-width: 250px;
    margin: 0px 38%;
}

.form_Col .labelCol___ {
    min-width: 70px;
    width: 70px;
    text-align: right;
}

.link__Col a {
    font-size: 12px;
    color: #000;
}
.wrap_440px.signUp {
    max-width: 290px;
}

.signUp .form_Col{
    display:block !important;
}

.signUp .form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}


.tableTitle h2>span {
    display: block;
    font-size: 15px;
    padding: 5px 0px;
}

.table.holding td, .table.holding th { padding: 7px 9px; }
.table.holding th { text-align: center; }

.h_25 {
    height: 25px;
}



.table.holding2 th {
    padding: 10px 6px;
}
.table.holding2 td {
    padding: 6px 6px;
}
td.green {
    color: #03b026;
}
td.red {
    color: #ff0000;
}


.table thead th {
    border-bottom: 0px solid #dee2e6 !important;
    border-top: 0px solid #dee2e6 !important;
}
.graph {
    padding: 20px 0;
}

.Factsheet td {
    font-size: 13px;
}



.bannerCaption ul:before{position: relative;}

.bannerCaption ul:before {
    content: '';
    background-image: url(https://tollboothstrategy.com/images/bckPath.png);
    position: absolute;
    width: 345px;
    height: 237px;
    z-index: -1;
    top: -93px;
    left: -24px;
}


.feert p {
    position: relative;
    width: 560px;
}


.width470 .tableCell40{
       width: 65%;
}


.Factsheet td {
    padding: 3px;
}

td.titlF, td.titlR {
    font-weight: 600;
}

td.titlF{
    padding-bottom: 3px;
}


select.dropDwn {
    background-image: linear-gradient(
45deg
, transparent 50%, #ff4800 50%), linear-gradient(
135deg
, #ff4800 50%, transparent 50%), linear-gradient(to right, #fff, #ffffff);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}


select:-moz-focusring {
  color: transparent !important;
  text-shadow: 0 0 0 #000;
}

select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.h_70 {
    height: 70px;
}

.width89 {
    width: 89%;
}

.table tr td {
    font-size: 14px;
}

.table tr th {
    font-size: 14px;
}


.bannerCol {
    width: 100%;
   
    position: relative;
    border-radius: 20px;
    background: url(https://tollboothstrategy.com/images/home-1.jpg) center no-repeat;
    background-size: cover;
    border: 1px solid #dad2d2;
   
}
@media (max-width:1920px){
    .bannerCaption {bottom: 40% !important;}
}
@media (max-width:1440px){
    .bannerCaption {bottom: 39% !important;}
}