body {
	width:auto;
  background-image: url('../images/backgroud3.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family:"Calibri",sans-serif;
  font-size: 18px;
}
/* top-bar menu phone no */
.top-bar {
    max-width: 768px;
    margin: 0 auto;
    position: sticky; /* Fixed positioning */
    top: 0; /* Distance from the top */
    height: 120px;
  display: flex;
  flex-direction: column;
  flex-shrink:0;
  flex-grow:1;
    z-index:99999;
   align-items: center;      left: 0;margin: 0 auto;

}
.top-menu {
      position: fixed;
      top: 0;
      width: 100%;
      height: 120px;
      background-color: #ffffff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: space-between;
      
      padding: 0 30px;
      z-index: 1000;
      border-bottom: 1px solid #f0f0f0;
    }

.container-top {
   height: 100%;
   position: relative;
   padding-top:10px;
    width: 1024px;
    margin: 0 auto;
    padding-left: 15%;
}

.cass-logo {
    width: 101px;
}

.navbar-brand {
	padding:0;
	padding-bottom:10px;
}
.top-phone {
    margin-left: 22%;
    height: 100px;
    display: inline-flex;
}
.top-phone a {
    display: table-cell;
    margin: auto;
    font: Bold 22px / 22px Helvetica;
    letter-spacing: 0px;
    color: #F08020;
    vertical-align: middle;
    background-image: url('../images/top-ph.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 22px;
    padding-left:35px;
    text-decoration: none;
}
.top-phone a:hover {
    color: #6c757d;
    text-decoration: none;
 }

 .container {
    max-width: 1200px;
    height: 1000px;
    max-height: 1200px;
    margin: 0 auto;
    padding: 35px;
    overflow-y: auto;
    z-index: 1;
    padding-top:150px!important;
}
.subcontractor .card-body {
    margin-top:35px;
    margin-bottom:35px;
        margin-left: 15%;
}
.subcontractor .btn {
    margin-left:10px;
}
.subcontractor .card-footer {
    font-size:13px;
}
 /* mobile version css 26 sep 2025*/
@media only screen and (max-width: 760px) {
    .top-menu {
        padding-left:5px;
        height:84px;
    }
    .container-top {
       margin-left: 2%;
       width:100%;
       padding-top:0;
       padding-left:5%;
    }

    .cass-logo {
        width: 67px;
        padding-bottom: 20px;
    }
     .container {
        margin: 0 auto;
        padding: 35px;
        padding-top: 80px !important;
    }
    .subcontractor .card-body {
            margin-left: 4%;
    }
    .subcontractor h2 {
        font-size: 20px;
        padding-top: 7px;
    }
    .top-phone a {
        font: Bold 18px / 18px Helvetica;
        letter-spacing: 0px;
        color: #F08020;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center left;
        background-size: auto 18px;
        padding-left:35px;
    }

}  
 /* mobile version css 26 Jun 2025*/
@media only screen and (max-width: 480px) {

    .subcontractor .card-body {
        margin-left: 1%;
    }
    .subcontractor h2 {
        font-size: 20px;
        padding-top: 7px;
    }
    .subcontractor .btn {
        margin-left:3px;
        font-size: 15px;
    }
    .top-phone {
        margin-left: 12%;
    }
    .top-phone a {
        font: Bold 18px / 18px Helvetica;
        background-size: auto 18px;
        padding-left:25px;

    }
    .btn-outline-secondary { margin-left: 1px;margin-top: 0px }
}  
 /* mobile version css 16 oct 2025*/
@media only screen and (max-width: 400px) {

    .subcontractor .card-body {
        margin-left: 5%;
    }

    .subcontractor .btn {
        margin-left:3px;
        font-size: 15px;
    }

    .btn-outline-secondary { margin-top: 10px }
} 

.float-end {
    float: right !important;
}