.modal-backdrop{
  opacity: 0.5 !important;
}
.nav  {
  font-size: 14px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #e55c28;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e55c28;
}

* {
  font-family: "Manrope", sans-serif !important;
  font-weight: 500;
}

body {
  overflow-x: hidden;
}

.container {
  max-width: 1200px !important;
  padding  : 0;
}

a {
  text-decoration: none;
  color          : black;
}

input {
  border: transparent;
}

.tac {
  text-align: center;
}

.section_header {
  font-size: 36px;
  margin-bottom: 2.5rem !important;
}
.top_categories{
  margin-top: 6rem !important;
}
.section_header span {
  color: #e55c28;
}

.aic {
  align-items: center;
}

.black_btn button:hover {
  animation: rotate624 0.7s ease-in-out both;
}

.black_btn .btn-shine {
  border         : 1px solid;
  width          : 106px;
  height         : 44px;
  position       : relative;
  margin         : 0;
  outline        : none;
  text-decoration: none;
  display        : flex;
  justify-content: center;
  align-items    : center;
  cursor         : pointer;

  background     : #000;
  color          : #fff;
  font-weight    : 400;
  z-index        : 0;
  overflow       : hidden;
  transition     : all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  border-radius  : 5px;
}

.black_btn .btn-shine:after {
  background: #ffffff;
  content   : "";
  height    : 130px;
  left      : -75px;
  position  : absolute;
  top       : -50px;
  transform : rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width     : 10px;
  z-index   : -10;
}

.black_btn .btn-shine:hover:after {
  left      : 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes rotate624 {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }

  25% {
    transform: rotate(3deg) translate3d(0, 0, 0);
  }

  50% {
    transform: rotate(-3deg) translate3d(0, 0, 0);
  }

  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }

  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}

@keyframes storm1261 {
  0% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }

  25% {
    transform: translate3d(4px, 0, 0) translateZ(0);
  }

  50% {
    transform: translate3d(-3px, 0, 0) translateZ(0);
  }

  75% {
    transform: translate3d(2px, 0, 0) translateZ(0);
  }

  100% {
    transform: translate3d(0, 0, 0) translateZ(0);
  }
}

.contact_btn button:hover {
  animation : rotate624 0.7s ease-in-out both;
  background: #000000;
  color     : #fff;
}

.contact_btn .btn-shine {
  border       : none;
  overflow     : hidden;
  width        : 112px;
  height       : 42px;
  border       : 1px solid black;
  border-radius: 3px;
  cursor       : pointer;
  transition   : all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  left         : 10px;
  position     : relative;
  font-size    : 13px;
}

.contact_btn .btn-shine:after {
  background: #ffffff;
  content   : "";
  height    : 130px;
  left      : -75px;
  position  : absolute;
  top       : -50px;
  transform : rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width     : 10px;
  z-index   : -10;
}

.contact_btn .btn-shine:hover:after {
  left      : 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.asterisk {
  color: red;
}

.border_right {
  border-right: 1px solid #dee2e6;
}


/* ********************************* */
/* ********************************* */

.certified {
  line-height: 25px;
}

.button1 {
  padding        : 0;
  color          : black;
  text-decoration: none;
  width          : 267px;
  display        : inline-block;
}

.right {
  display: none;
}

.right:hover {
  display: block !important;
}

.selection-home .btn:hover {
  background-color: #005dcf;
  color           : aliceblue;
  width           : 100%;
}

.see-all {
  background-color: black !important;

  width        : 90px !important;
  height       : 40px;
  border-radius: 5px;
}

.see-all:hover {
  background-color: #e55c28 !important;
  color           : white;
}

.get-quote1 {
  color           : #005dcf;
  border          : 1px solid #005dcf;
  background-color: white;
  height          : 36px;
}

.get-quote1:hover {
  background-color: #005dcf;
  color           : white;
  content         : "\2192";
}

.font-size {
  font-size  : 14px !important;
  font-weight: 500;
}

.center {
  padding-left: 31px;
}

.blue {
  width           : 600px !important;
  height          : 200px;
  z-index         : -1;
  opacity         : 1;
  position        : absolute;
  right           : 0;
  bottom          : -30px;
  border-radius   : 20px;
  background-color: #005dcf;
}

.about-color {
  height       : 200px;
  z-index      : -1;
  opacity      : 1;
  position     : absolute;
  right        : 0;
  bottom       : -30px;
  border-radius: 20px;
  text-align   : right;
  padding      : 0;
}

.about-color img {
  border-radius: 20px;
  width        : 820px;
  text-align   : right;
}

.feedback1 {
  margin-right : 0px;
  margin-bottom: 130px !important;
}

.home-banner {
  width: 372px !important;

  display    : inline;
  margin-left: 10px;
  margin-top : 18px;
}

.img-width3 {
  text-align: center;
  top       : 20%;
}

.serv-click-learn {
  font-size  : 13px;
  font-weight: 500;
  opacity    : 0;
  left       : 20px;
  position   : relative;
  margin-left: 10px;
}

.btn:hover img {
  transition: 0.2s ease-in-out;
}

.btn:hover .serv-click-learn {
  opacity: 1;

  left: 0;
}

.btn:hover .serv-click-learn {
  transition: 0.2s ease-in-out;
}

.img-border3 {
  width        : 210px;
  height       : 108px;
  justify-items: center !important;
  overflow     : hidden;
}

.dropdown-toggle::after {
  display: none;
}

.para {
  height: 48px;
  margin: 0px;
}

.card-body {
  border-top: 1px solid #dbdbdb;
  text-align: left;
}

.btn1 {
  height: 40px !important;
  width : 57px;
}

.search {
  font-size: 14px;
}

.img-brand5 {
  padding-left: 28px;
}

.form {
  background-color: #f2f2f2;
}

.text-color {
  color: #005dcf;
}

.text-color1 {
  color : #005dcf;
  border: 1px solid #005dcf;
}

.brand {
  margin-left: -30px !important;
  padding    : 0 !important;
}

.Selection5 {
  width : 400px !important;
  height: 274px !important;
  float : left;
}

.underline {
  border: none !important;
}

.brand2 p {
  font-size  : 14px;
  font-weight: 500;
  height     : 100px;
  margin     : 0px;
}


.brand2 {
  width       : 29% !important;
  height      : 225px !important;
  margin-right: 35px !important;
}




.border {
  border: 1px solid #005dcf7a !important;
}

.img-thumbnail {
  padding         : 0.25rem;
  background-color: #fff;
  border          : 1px solid #dee2e6;
  border-radius   : 0.25rem;
  max-width       : 100%;
  height          : auto;
}


.brand-company {
  text-align   : end !important;
  padding-right: 30px;
}

.manager {
  margin-left: -40px;
}




.text-color3:hover {
  background-color: #005dcf !important;
}

.text-about {
  line-height: 35px;
  width      : 55%;
  font-size  : 14px;
  font-weight: 600;
}

.contect-about {
  display              : grid;
  align-items          : center;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap           : 5px;
}

.grid-container {
  display              : grid;
  grid-template-columns: auto auto auto auto;

  padding: 10px;
}

.certified {
  margin-left: 15px;
}

.all-certified {
  margin-top: 40px;
}

/********** Clients-section **********/
.clients-part {
  width  : 100%;
  padding: 20px 0;
}

.client-inner {
  width          : 100%;
  display        : flex;
  align-items    : flex-start;
  justify-content: flex-start;
  position       : relative;
  gap            : 15px;
  margin-bottom  : 15px;
}

.test-span {
  width : 58px;
  height: 58px;
}

.client-detail {
  width: 75%;
}

.client-detail .p-head {
  margin   : 0;
  font-size: 15px;
}

.client-detail .p-text {
  font-weight: 700;
  color      : #5e6670e0;
}

img.test-icon {
  width     : 20px !important;
  position  : absolute;
  top       : 0;
  right     : 0;
  object-fit: fill !important;
}

.ratings span {
  font-size: 20px;
  color    : #ff9500;
}

.ratings .nil-star {
  color: #d1d1d1;
}

.clients-section .custom-btn {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .home-banner-main {
    display: none !important;
  }

  .see {
    margin-left: 10px;
  }

  .search {
    width: 152px !important;
  }

  ul li {
    display: inline;
  }

  .menu-btn:hover {
    width: 57px !important;
  }

  .certified1 {
    padding-bottom: 25px;
  }

  .menu-btn {
    width: 57px !important;
  }

  .contect {
    height: 40px;
  }

  .arrow {
    width: 30%;
  }

  .text-color span {
    font-size: 24px;
  }

  .customers {
    width: 65%;
  }

  .frame {
    display: none;
  }

  .contect {
    display: none;
  }

  .img-border2 {
    border         : 1px solid #dbdbdb;
    padding        : 0;
    width          : 178px;
    height         : 300px;
    justify-content: center;
    text-align     : left;
    margin         : 0px;
    font-size      : 12px;
    margin-bottom  : 10px;
    display        : inline-block;
  }

  .img-border2 img {
    width : 167px;
    height: 100px;
  }

  .img-border {
    width  : 178px;
    height : 185px;
    display: inline-block;
  }

  .img-border1 {
    margin-bottom: 10px;
  }

  .img-width3 {
    width : 150px !important;
    height: 50px !important;
  }

  .brand2 {
    width      : 100% !important;
    height     : 216px !important;
    line-height: 24px;
  }

  .list-inline-item:not(:last-child) {
    margin-right : 0px !important;
    display      : inline-block;
    margin-bottom: 10px;
    margin-left  : 18px !important;
  }

  .brand {
    margin-left: 5px !important;
  }

  .Selection3 {
    padding: 0px;
    margin : 6px 12px;
  }

  .img-width {
    width : 100px !important;
    height: 100px !important;
  }

  * {
    font-size: 12px;
  }


}

@media screen and (max-width: 768px) {
  img-border2 img {
    width : 172px !important;
    height: 100px;
  }

  .about-color {
    display: none;
  }

  .star {
    display: none;
  }

  .starting {
    display: none;
  }

  .home-banner {
    width: 350px !important;

    display    : inline;
    margin-left: 10px;
    margin-top : 18px;
  }

  .title-font {
    font-size: 24px;
  }

  .title-font h2 {
    font-size: 24px;
  }

  .text-color {
    font-size: 24px;
  }

  .img-brand {
    padding-left: 12px;
  }

  .grid-container {
    display: block;
  }

  .brand-company {
    width: 100%;
  }

  .navbar-nav .list-inline-item {
    display     : inline-block !important;
    padding-left: 0px !important;
  }

  .all-certified {
    margin-top    : 5px;
    flex-direction: column;
  }

  .img-border3 {
    width        : 169px !important;
    height       : 120px !important;
    justify-items: center !important;
    overflow     : hidden;
  }

  .contact-about {
    margin-top: 0px !important;
  }

  .grid-container {
    margin : 0px !important;
    padding: 0px;
  }

  .topbar {
    display: ruby;
  }

  .text-about {
    margin-top  : 0px !important;
    line-height : 35px;
    padding-left: 20px;
    width       : 90%;
  }

  .img-border2 {
    text-align: center;

    margin-right : 0px !important;
    display      : inline-block;
    margin-bottom: 10px;
    margin-left  : 18px !important;
  }

  .Locations ul {
    display: inline;
  }

  .img-fluid {
    display: none;
  }

  .text-color-about {
    font-size: 24px !important;
  }

  .text-color-about span {
    font-size: 24px !important;
  }

  .float-left {
    float: left !important;
  }

  .img-border4 {
    margin-left: 0.5rem !important;
  }
}

@media screen and (max-width: 900px) {
  .topbar {
    display: ruby;
  }
}

@media only screen and (max-width: 800px) and (min-width: 1200px) {
  .search {
    width: 50px !important;
  }
}

.offcanvas-end {
  top        : 0;
  right      : 0px;
  width      : 200px;
  height     : 300px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);

  background-color: #ececf1;

  transition: 0.5s;
}

.offcanvas-end li a:hover {
  background-color: #e55c28;
  color           : white;
}

.offcanvas-body ul li a {
  color: black;
}