/* growth and success */
.growth-success-sec {
   padding-top: 72px;
   padding-bottom: 76px;
}

.gs-shape-icon {
   -webkit-mask-image: url("../images/gs-grey-bg1.png");
   mask-image: url("../images/gs-grey-bg1.png");
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
   background-color: #e9e9e9;
   width: 205px;
   height: 205px; 
   position: relative;
}

.gs-shape-icon:hover .img-icon {
   filter: brightness(0) invert(1);
   z-index: 1;
}

.img-icon {
   transition: all 0.5s ease-in-out;
}

.gs-shape-icon:hover:after {
   transform: translate(-50%, -50%) scale(1);
}

.gs-shape-icon:after {
   content: "";
   position: absolute;
   background-color: rgba(0, 73, 144, 0.8);
   width: 100%;
   height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0);
   border-radius: 100%;
   transition: all .5s ease-in-out;
}

.growth-success-icon-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

.gs-icon-description {
   margin-top: 17px;
}

.growth-success-title.custom-underline-text:before {
   color: #004990;
   bottom: 5px;
}

.growth-success-icon.col-6.col-sm-4.col-md-2.mb-2 {
   width: 16.6%;
}

.growth-and-success-description {
   color: #273B4A;
   font-weight: 400;
   padding-left: 180px;
   padding-right: 180px;
   padding-bottom: 28px;
}

img.img-icon1 {
   width: 57px; 
   margin-bottom: 20px;
}

img.img-icon2 {
   width: 54px; 
   margin-bottom: 30px;
}

img.img-icon3 {
   width: 67px; 
   margin-bottom: 30px;
}

img.img-icon4 {
   width: 63px; 
   margin-bottom: 30px;
}

img.img-icon5 {
   width: 68px; 
   margin-bottom: 30px;
}

img.img-icon6 {
   width: 59px; 
   margin-bottom: 30px;
}

/* bridge-opportunities */
.bridge-opportunities-sec {
   background-color: #004990;
   padding-top: 63px;
   padding-bottom: 80px;
   padding-left: 150px;
   padding-right: 150px;
}

.bridge-opportunities-div {
   width: 100%;
   margin: auto;
   text-align: center;
}

.bo-title {
   color: white;
   margin-bottom: 20px;
}

a.bo-title {
   color: white;
}

.bo-title .custom-underline-text:before {
   background-color: white;
   bottom: 8px;
}

p.bo-description{
   color: white;
   margin-bottom: 40px;
}

.placeholder-white::placeholder {
   color: white;
   opacity: 0.5;
}

.btn-send {
   color:#004990;
}

.bo-contact-message .input-group {
   padding: 2px !important;
   padding: 20px;
   border-radius: 100px;
}

.bo-contact:focus {
   border-color: white !important;
   box-shadow: 0 0 0 .1rem white !important;
}

button.btn.btn-light.btn-send.fw-bold.rounded-pill.px-5.ms-1 {
   padding: 3px 31px !important;
   position: absolute;
   right: 5px;
   top: 4px;
}

/* footer */
.footer .container {
   max-width: 1170px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr 2fr repeat(auto-fit, minmax(50px, 1fr));
   gap: 13px;
   padding-top: 53px;
   padding-bottom: 17px;
}

.contact-sec {
   display: flex;
   flex-direction: column;
   color: #5A5A5A;
   max-width: 58%;
   margin-top: 15px;
   margin-left: 15px;
}
 
.phone-div,
.email-div,
.address-div {
   display: flex;
   align-items: flex-start;
   gap: 8px;
}

.address-img {
   width: 23px;
   height: 23px;
}

.phone-img {
   width: 24px;
   height: 24px;
}

.email-img {
   width: 23px;
   height: 23px;
}

p.phone-no,
p.email,
p.address {
   font-size: 13px;
   margin-top: 2px;
   margin-bottom: 10px;
}

.social-media-div {
   display: flex;
   gap: 18px;
   margin-left: 31px;
   margin-top: 22px;
}

.social-media-div a:hover img {
   transform: scale(1.2);
}

.linkedin-img,
.instagram-img,
.whatsapp-img {
   width: 14.7px;
   height: 14.7px;
   transition: 0.3s ease-in-out;
}

.footer-menu {
   display: flex;
   grid-column: 3;
   border-left: 1px solid #5A5A5A;
   margin-right: 144px;
}

.footer-menu-item {
   list-style: none;
   margin-left: 17px;
   margin-top: 15px;
}

a.footer-nav-item {
   color:#5A5A5A;
   text-decoration: none;
   display: inline-block;
   font-size: 13px;
}

.footer-copyright .container {
   border-top: 1px solid #5A5A5A;
}

.footer-copyright-text {
   padding-top: 25px;
   padding-bottom: 28px;
   color: #5A5A5A;
   font-size: 13px;
}

.footer-logo {
   grid-column: 1;
   margin-top: 15px;
}

img.footer-logo-img {
   width: 138px;
}

@media (max-width: 970px) {
   .growth-success-icon-container {
      max-width: 1000px;
      margin: 0 auto;
   }

   .growth-success-icon {
      flex: 0 0 16.66%;
      max-width: 16.66%;
   }

   .gs-shape-icon {
      width: 150px;
      height: 150px;
   }

   img.img-icon1 {
      width: 42px;
   }
   
   img.img-icon2 {
      width: 40px; 
   }
   
   img.img-icon3 {
      width: 55px; 
   }
   
   img.img-icon4 {
      width: 50px; 
   }
   
   img.img-icon5 {
      width: 55px; 
   }
   
   img.img-icon6 {
      width: 45px; 
   }

   .growth-and-success-description {
      padding-left: 130px;
      padding-right: 130px;
   }
}

@media (max-width: 860px) {
   .contact-sec {
      padding-right: 20px;
   }

   .footer-menu-item {
      margin-left: 0px;
   }
  
}

@media (max-width: 768px) {
   .growth-success-icon-container {
      max-width: 700px;
   }

   .growth-success-sec {
      padding-top: 30px;
      padding-bottom: 60px;
   }
   
   .growth-success-title {
      font-size: 23px;
   }

   .growth-and-success-description {
      padding-left :0px;
      padding-right: 0px;
   }

   .gs-shape-icon {
      width: 170px;
      height: 170px;
   }

   .growth-success-icon {
      flex: 0 0 27%;
      max-width: 26%;
   }

   img.img-icon1 {
      width: 44px;
   }
   
   img.img-icon2 {
      width: 43px; 
   }
   
   img.img-icon3 {
      width: 55px; 
   }
   
   img.img-icon4 {
      width: 50px; 
   }
   
   img.img-icon5 {
      width: 55px; 
   }
   
   img.img-icon6 {
      width: 45px; 
   }

   .gs-icon-description {
      font-size: 13px;
   }

   .bridge-opportunities-sec {
      padding-top: 50px;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 55px;
   }

   .bo-title {
      font-size: 23px;
      margin-bottom: 10px;
   }

   .bo-contact {
      font-size: 15px;
   }

   .footer .container {
      padding-top: 50px;
      /* max-width: 700px; */
      padding-bottom: 0px;
   }

   .footer-logo {
      margin-top: 0px;
   }

   .footer-menu {
      grid-column: none;
      grid-column: 3 / -1;
      justify-content: center;
      border-left: none;
      border-top: 1px solid #5A5A5A;
      margin-right: 0px;
      gap: 100px;
   }

   .contact-sec {
      padding-right: 0px;
      padding-bottom: 30px;
      max-width: 100%;
   }

   .phone-img,
   .email-img,
   .address-img {
      width: 35px;
      height: 35px;
   }

   .contact-sec {
      padding-right: 5px;
   }

   /* .footer .container {
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      padding-top: 50px;
   }

   .footer-logo {
      grid-column: 1;
      text-align: center;
      margin-right: 0;
   }

   .contact-sec {
      grid-column: 2;
      padding-right: 0;
   }

   .footer-menu {
      grid-column: 1 / -1;
      flex-direction: column;
      align-items: center;
      border-left: none;
   } */
}

@media (max-width: 600px) {
   .gs-shape-icon {
      width: 130px;
      height: 130px;
   }

   .footer-menu {
      margin-right: 0px;
   }

   .contact-sec {
      max-width: 100%
   }

   img.img-icon1 {
      width: 38px;
   }
   
   img.img-icon2 {
      width: 37px; 
   }
   
   img.img-icon3 {
      width: 42px; 
   }
   
   img.img-icon4 {
      width: 40px; 
   }
   
   img.img-icon5 {
      width: 45px; 
   }
   
   img.img-icon6 {
      width: 42px; 
   }

   .footer-menu {
      gap: 50px;
   }

   img.footer-logo-img {
      width: 100px;
   }
}
 

@media (max-width: 425px) {
   .gs-shape-icon {
      width: 110px;
      height: 110px;
   }

   img.img-icon1 {
      width: 30px;
   }
   
   img.img-icon2 {
      width: 30px; 
   }
   
   img.img-icon3 {
      width: 38px; 
   }
   
   img.img-icon4 {
      width: 35px; 
   }
   
   img.img-icon5 {
      width: 38px; 
   }
   
   img.img-icon6 {
      width: 30px; 
   }

   .growth-success-icon {
      flex: 0 0 30%;
      max-width: 30%;
   }

   .footer-menu {
      gap: 10px;
   }

   .footer .container {
      max-width: 100%;
   }
}