@font-face {
  font-family: 'CircularStd';
  src: url(CircularStd-Bold.ttf);
}

@font-face {
  font-family: 'CircularStdMedium';
  src: url(CircularStd-Medium.ttf);
}

@font-face {
  font-family: 'CircularStdBlack';
  src: url(CircularStd-Black.ttf);
}

@font-face {
  font-family: 'CircularStdBook';
  src: url(CircularStd-Book.ttf);
}

section .bannersection {
  /* padding: 2rem 5rem; */
  padding: 5rem 11rem;
}

section .bannersection .top-left-side{
  margin-top: 80px;
}

section .bannersection .top-left-side .top-heading .text-content h2 {
  font-size: 41.51px;
  font-weight: bold;
}

section .bannersection .top-left-side .top-heading .text-content h2 span {
  color: #2962D4 ;
}


section .bannersection .top-left-side .top-heading .text-content p {
  font-size: 24px;
  font-family: CircularStdBook;
}

section .bannersection .top-left-side .lower-paragraph p {
  font-size: 22px;
  font-family: CircularStdBook;
  margin-top: 50px;
  margin-bottom: 30px;
}

section .bannersection .top-left-side .lower-button a button {
  background: #2962D4 ;
  border: #2962D4 ;
  padding: 12px 20px;
}

section .threebox {
  padding: 2rem 8rem;
}

.threebox .boxs {
  text-align: center;
  padding: 1.7rem 0.23rem;
  /* background: #ebb8a9; 
  background: #FFEBE5;*/
  background: #F3F4F6;
  border-radius: 10px;
  border: #2962D4 1px solid;
  height:159px;
}

.threebox .boxs h3 {
  font-size: 40px;
  font-family: CircularStdBlack;
  color: #2962D4 ;
}

.threebox .boxs p {
  font-size: 17.98px;
  font-family: CircularStdBook;
  color: #2962D4 ;
}

/* GSA CATEGORY START */
.GSA-categories {
 background: #F3F4F6;
  /* padding: 3rem 3rem;*/
  padding:0rem 3rem;
  padding-top: 1rem;
  padding-bottom: 0;
  height: 460px;
 /* margin-bottom: -80px!important;*/
  
}

.GSA-categories .GSA-service .serve-heading {
  /*background: rgba(255, 102, 54, 1);*/
  background: #2962D4 ;
  height: 220px;
  border-radius: 5px;
  
}

.GSA-categories .GSA-service .serve-heading h2 {
  color: #FFFFFF;
  font-weight: 600;
  padding-top: 1.2rem;
  font-size: 50px;
  font-family: CircularStdBook !important;
}

.GSA-categories .GSA-service .serve-content {
  position: relative;
  bottom: 145px;
  padding: 0rem 7rem;
  margin-bottom: -20px;
  
  
}
.mt-4 {
    margin-top: 0.5rem !important;
}
.my-4 {
    margin-top: 2.5rem !important;
	 margin-bottom: 0rem !important;
}
.GSA-categories .GSA-service .serve-content .category-list {
  padding-left: 10px;
  padding-right: 10px;
}

.GSA-categories .GSA-service .serve-content .worker-list,
.GSA-categories .GSA-service .serve-content .lawyer-list {
  background-color: #FFFFFF;
  border-radius: 8px;border:2px solid #F3F4F6;
  min-height: 288px;
}

.GSA-categories .GSA-service .serve-content .worker-list ul,
.GSA-categories .GSA-service .serve-content .lawyer-list ul {
  list-style: none;
  padding: 1.6rem 1.3rem;
}

.GSA-categories .GSA-service .serve-content .worker-list ul,
.GSA-categories .GSA-service .serve-content .lawyer-list ul {
  font-size: 18px;
  color: #1D4ED8;
  font-family: CircularStdMedium;
}

.GSA-categories .GSA-service .serve-content .worker-list ul li,
.GSA-categories .GSA-service .serve-content .lawyer-list ul li {
  color: #000000;
  padding: 5px
}

/* GSA CATEGORY END */

/* START OF US GOVERNMENT */
body .US-government {
  font-size: 24px;
  text-align: center;
  padding: 3rem 12rem;
  font-family: CircularStd;
}

/* END OF US GOVERNMANT */

/* PRODUCT OF SERVE */

body .main-products {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

body .main-products .product-serve .product-heading {
  margin-bottom: 3.1rem;
}

body .main-products .product-serve .product-heading h2 {
  font-weight: 600;
}

body .main-products .product-serve .row-three .imgContent,
body .main-products .product-serve .row-four .imgContent {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

body .main-products .product-serve .row-three .imgContent {
  height: 230px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

body .main-products .product-serve .row-four .imgContent {
  height: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

body .main-products .product-serve .row-three .imgContent img,
body .main-products .product-serve .row-four .imgContent img {
  /* object-fit: none; */
  /* padding: 1rem; */
  width: 100%;
  height: 100%;
  transition: .4s ease-in-out;
}

body .main-products .product-serve .row-three .imgContent img:hover,
body .main-products .product-serve .row-four .imgContent img:hover {
  transform: scale(1.1);
}

/* MOSONARY START */
.main-products.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  padding: 2rem 12rem;
}

.masonry {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* 5 equal columns */
  grid-auto-rows: 200px;
  /* Fixed height for each item */
  gap: 14px;
  /* Space between items */
  padding: 0;
  box-sizing: border-box;
}

/* Masonry Items */
.masonry-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ecf0f2;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  height: 100%;
  /* Ensure all items are equal height */
}

.masonry .masonry-item img {
  max-width: 100%;
  height: auto;
  transition: .4s ease-in-out;
  mix-blend-mode: multiply;
}

.masonry .masonry-item img:hover {
  transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .masonry {
    grid-template-columns: repeat(4, 1fr);
    /* 4 columns on medium screens */
  }
}

@media (max-width: 992px) {
  .masonry {
    grid-template-columns: repeat(3, 1fr);
    /* 3 columns on tablets */
  }
}

@media (max-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, 1fr);
    /* 2 columns on small devices */
  }
}

@media (max-width: 480px) {
  .masonry {
    grid-template-columns: repeat(1, 1fr);
    /* 1 column on mobile */
  }
}

.product-view {
  margin-top: 25px;
  text-align: center;
}

.product-view a {
  text-decoration: none;
}

.product-view button {
  padding: 12px 20px;
  background: #2962D4 ;
  border: #2962D4 ;
  border-radius: 0%;
}

/* MOSONARY END */


/* START OF SERVICE EXPERIENCE */
body section .service-experience {
  box-shadow: rgba(245, 144, 0, 0.45) 0px -10px 20px, rgba(109, 82, 229, 0.23) 0px -6px 6px,
    rgba(245, 144, 0, 0.45) 0px 10px 20px, rgba(109, 82, 229, 0.23) 0px 12px 5px;
  padding: 2rem 0;
  background-color: #FFFFFF;
}


body section .service-experience .top-heading,
body section .service-experience .lower-paragraph {
  text-align: center;
}

body section .service-experience .top-heading h1 {
  font-size: 45px;
}

body section .service-experience .top-heading h1 span {
  color: #2962D4 ;
  text-decoration: underline;
}

body section .service-experience .lower-paragraph {
  font-size: 22px;
  font-family: circularStdBook;
}

body section .service-experience .lower-paragraph p {
  margin-bottom: 1.5rem;
}

/* END OF SERVICE EXPERIENCE */

/* <!-- START OF COMPREHENSIVE GSA MGMT SYSTEM */
body section .contractmgmt_banner {
  /* padding: 2rem 5rem; */
  padding: 4rem 13.8rem 4rem 10rem;
}

body section .contractmgmt_banner .top-heading h1 {
  font-size: 50px;
  font-family: CircularStd;
  color: #000000;
}

body section .contractmgmt_banner .top-left-side .lower-paragraph p {
  margin-bottom: 2rem;
  font-size: 24px;
  font-family: CircularStdBook;
}

body section .contractmgmt_banner .top-left-side .GSA-register-button a button {
  background: #2962D4 ;
  border: #2962D4 ;
  padding: 12px 25px;
}

body section .banner-image img {
  width: 75%;
}

/* <!-- END OF COMPREHENSIVE GSA MGMT SYSTEM --> */

/* START OF GSA MANAGE CONTRACT */
body section .contract-mgmt-support {
  padding: 4rem 13.8rem 4rem 10rem;
}

body section .contract-mgmt-support .annual-contract {
  background-color: rgba(255, 102, 54, 1);
  padding: 2rem;
  border-radius: 20px;
}

body section .contract-mgmt-support .annual-contract .annual-contract-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

body section .contract-mgmt-support .annual-contract .top-heading h2 {
  font-size: 45px;
  color: #FFFFFF;
}

body section .contract-mgmt-support .annual-contract .top-heading {
  padding-top: 2rem;
  padding-right: 2rem;
  font-family: CircularStdBook;
}

body section .contract-mgmt-support .annual-contract .top-heading h2 span {
  color: var(--global-color-skyBlue);
}

body section .contract-mgmt-support .annual-contract .text-content p {
  font-size: 24px;
  color: #FFFFFF;
  font-family: CircularStdBook;
}

/* END OF GSA MANAGE CONTRAACT */

/* START OF GSA ORDER MGMT */
body section .smart_GSA_order_mgmt {
  padding: 4rem 13.8rem 4rem 10rem;
  background-color: #F9F9F9;
}

body section .smart_GSA_order_mgmt .top-heading h2 {
  font-size: 45px;
}

body section .smart_GSA_order_mgmt .top-heading h2 span {
  color: #2962D4 ;
}

body section .smart_GSA_order_mgmt .lower-paragraph p {
  font-size: 23.6px;
  font-family: circularStdBook;
}

body section .smart_GSA_order_mgmt .banner-image {
  display: flex;
  justify-content: center;
}

body section .smart_GSA_order_mgmt .banner-image img {
  width: 55%;
  height: 100%;
}

body section .smart_GSA_order_mgmt .bottom-text ul {
  list-style: none;
}

body section .smart_GSA_order_mgmt .bottom-text ul li h3 img {
  width: 20px;
}

body section .smart_GSA_order_mgmt .bottom-text ul li h3 span {
  margin-left: 1rem;
}

body section .smart_GSA_order_mgmt .bottom-text ul li h3 p {
  font-size: 26px;
}

body section .smart_GSA_order_mgmt .bottom-text ul li p {
  font-size: 24px;
  margin-left: 2.8rem;
  font-family: ciruclarStdBook;
}

/* END OF GSA ORDER MGMT */

/* <!-- START ORDER AUTOMATION WITH QUICKBOOK --> */
body section .order-automation {
  padding: 5rem 13.8rem 5rem 10rem;
}

body section .order-automation .top-heading h2 {
  font-size: 42px;
  font-family: CircularStd;
}

body section .order-automation .top-heading h2 span {
  color: #2962D4 ;
}

body section .order-automation .order-automation__ .order-automation-img {
  display: flex;
  justify-content: center;
}

body section .order-automation .order-automation__ .text-content p {
  font-size: 24px;
  font-family: CircularStdBook;
  margin: 25px 0;
}

body section .order-automation .order-automation__ .get-consultantion a button {
  background: #2962D4 ;
  border: #2962D4 ;
  padding: 12px 20px;
}


/* <!-- END OF ORDER AUTOMATION WITH QUICKBOOK --> */

/* WHO WE SERVE */
.who-we-serve {
  background: #2962D4 ;
  padding: 4rem 13.8rem;
}

.who-we-serve .serve .serve-heading h2 {
  font-weight: 600;
}

.who-we-serve .serve .row .serve-text p {
  font-size: 20px !important;
  color: #FFFFFF;
  font-weight: bold;
}

.who-we-serve .serve .row .serve-text p a {
  text-decoration: underline;
  /* color: #FF8A72 ; */
  color: #FFFFFF;
}

.who-we-serve .serve-content .worker .worker-text,
.who-we-serve .serve-content .lawyer .lawyer-text {
  position: relative;
  bottom: 65px;
  left: 35px;
  width: 85%;
}

.who-we-serve .serve .serve-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .who-we-serve .serve .serve-button button{
  font-size: 18.15px;
} */

.who-we-serve .serve .serve-button button {
  background: #FFFFFF;
  color: #2962D4 ;
  border: #FFFFFF;
  font-size: 18.15px;
  padding: 0.89rem 1.4rem;
  font-family: CircularStdMedium;
}

.who-we-serve .serve-content .worker .worker-text h3,
.who-we-serve .serve-content .lawyer .lawyer-text h3 {
  font-weight: 600;
}

.who-we-serve .serve-content .worker-list,
.who-we-serve .serve-content .lawyer-list {
  background-color: #FFFFFF;
}

.who-we-serve .serve-content .worker-list ul,
.who-we-serve .serve-content .lawyer-list ul {
  list-style: none;
  padding: 1rem 0.7rem;
}

.who-we-serve .serve-content .worker-list ul li,
.who-we-serve .serve-content .lawyer-list ul li {
  font-size: 15px;
  color: #fff;
  padding: 2px 0px;
}

.who-we-serve .serve-content .category-list {
  padding-right: 7px;
  padding-left: 7px;
}

.who-we-serve .serve-content .worker-list ul li:before,
.who-we-serve .serve-content .lawyer-list ul li:before {
  color: #fff;
  content: "\2713";
  padding-right: 14px;
  font-weight: bold;
  font-family: FontAwesome;
  font-size: 18px;
}

/* END OF WHO WE SERVE */

/* START OF CONTRACTOR BANNER */
body section .contractor_banner {
  /* padding: 2rem 5rem; */
  padding: 2rem 10rem 2rem 13.8rem;
}

body section .contractor_banner .top-heading h1 {
  font-size: 60px;
  font-family: CircularStd;
  color: #000000;
}

body section .contractor_banner .top-left-side {
  margin-top: 5rem;
}

body section .contractor_banner .banner-image img {
  height: 100%;
}

body section .contractor_banner .lower-paragraph p {
  font-size: 24px;
  font-family: CircularStdBook;
  color: #000000;
  line-height: 1.6;
}

body section .contractor_banner .contractor-register a button {
  background: #2962D4 ;
  color: #FFFFFF;
  border: #2962D4 ;
  padding: 12px 20px;
  /* font-size: 24px; */
}

/* END OF BANNER SECTION */

/* START OF CONTACT__ */
body section .contact_ {
  padding: 5rem 13.8rem;
}

body section .top-heading {
  font-size: 35px;
  color: rgba(48, 58, 66, 1);
}

body section .form-group {
  color: rgba(48, 58, 66, 1);
  font-size: 22px;
  margin-top: 18px;
}

body section .form-group label {
  font-family: poppins;
}

body section .form-group input {
  background: rgba(0, 0, 0, 0.04);
  border: rgba(0, 0, 0, 0.04);
  outline: none;
  padding: 12px 20px;
}

body section .form-group input:focus {
  outline: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.04);
}

body section .form-group textarea {
  background: rgba(0, 0, 0, 0.04);
  border: rgba(0, 0, 0, 0.04);
  outline: none;
  padding: 12px 20px;
}

body section .form-group textarea:focus {
  outline: none;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.04);
}

body section .contact-submit {
  text-align: center;
  margin-top: 20px;
}

body section .contact-submit button {
  width: 100%;
  background: rgba(0, 147, 255, 1);
  font-size: 22px;
  border: rgba(0, 147, 255, 1);
  font-family: CircularStd;
  padding: 12px 20px;
}

body section .contact-image {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

body section .contacts {
  display: flex;
}

body section .icon-contact {
  padding: 12px 70px;
}

body section .contacts .phone-text {
  padding-left: 1.5rem;
}

body section .contacts .fax-text {
  padding-left: 1.5rem;
}

body section .contacts .email-text {
  padding-left: 1.5rem;
}

body section .contacts img {
  width: 21%;
}

body section .contacts .phone-text p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: CircularStd;
}

body section .contacts .phone-text a {
  font-size: 20px;
  font-family: CircularStd;
  color: #000000;
}

body section .contacts .fax-text p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: CircularStd;
}

body section .contacts .fax-text a {
  font-size: 20px;
  font-family: CircularStd;
  color: #000000;
}

body section .contacts .email-text p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: CircularStd;
}

body section .contacts .email-text a {
  font-size: 20px;
  font-family: CircularStd;
  color: #000000;
}

/* END OF CONTACT__ */