/*
Theme Name: Gonzalez Gallo
Theme URI: https://hopdevserver.com/gonzalezgallo/wp/
Author: Hop Group
Author URI: https://hopgr.com/
Description: Wordpress theme designed for Ipek & Parnters with Blog Integration.
Version: 1.1.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gonzalezgallo
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/

*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
  --primary:#2C4873;
  --dark:#151719;
  --black:#000000;
  --white:#ffffff;
  --font1:"Montserrat";
  --font2:"Rokkitt";
}
body{font-size: 16px;font-family: var(--font1);}
ul, ol{padding: 0;list-style: none;}
li{padding: 0;margin: 0;}
a{display: inline-block;color: var(--black);text-decoration: none;}
img{max-width: 100%;object-fit: cover;}
h1, h2, h3, h4, h5, h6{font-weight: 400;font-family: var(--font2); color: var(--dark);}
h1{font-size: 67px;line-height: 68px;}
h2{font-size: 49px;line-height: 59px;}
h3{font-size: 43px;line-height:56px;}
h4{font-size: 34px;line-height: 44px;}
h5{font-size: 25px;line-height: 37px;}
/* p{font-size: 18px;} */

/* buttons */
button{border: none;background-color: transparent;}
.btn-primary {
  border-radius: 46px;
  background-color: var(--white);
  color: var(--primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 4px 4px 20px;
  gap: 12px;
  font-weight: 500;
  border: 1px solid var(--white);
  font-size: 16px;
  transition: all .3s ease-in;
  width: fit-content;

}
.btn-primary span img{
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: all .3s ease-in;
}
.btn-primary span {
  display: flex;justify-content: center;align-items: center;
  border-radius: 50%;
  background-color: var(--primary);
  padding: 14px;
  transition: all .3s ease-in;

}
.btn-primary:hover{background-color: var(--primary);color: var(--white);border-color: var(--primary);}
.btn-primary:hover span{background-color: var(--white);}
.btn-primary:hover span img{filter: invert(1);}

/* ========= */

.btn-primary-2 {
  border-radius: 46px;
  background-color: var(--primary);
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 7px 6px 16px;
  gap: 12px;
  font-weight: 500;
  border: 1px solid var(--primary) !important;
  font-size: 16px;
  transition: all .3s ease-in;
  width: fit-content;

}
.btn-primary-2 span img{
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: all .3s ease-in;
  filter: invert(1);
}
.btn-primary-2 span {
  display: flex;justify-content: center;align-items: center;
  border-radius: 50%;
  background-color: var(--white);
  padding: 11px;
  transition: all .3s ease-in;

}

.btn-primary-2:hover{background-color: var(--white);color: var(--primary);}
.btn-primary-2:hover span{background-color: var(--primary);}
.btn-primary-2:hover span img{filter: invert(0);}

header {position: fixed; z-index: 2; top:0; right:0; left:0; padding: 5px 0;border-bottom: 1px solid var(--white);}

  ul.top_right {padding:0; margin:0; list-style: none; text-align: right;}
  ul.top_right li {display: inline-block; margin-right:25px;}
  ul.top_right li:last-child {margin-right: 0;}
  ul.top_right li a {font-size: 18px;font-weight: 500;font-family: "Inter";color: #000000;}

  .top_featured_wrap {position: relative;}
  #menu{position:relative;}
  #menu ul {
    list-style: none;
    margin: 28px 0;
    display: flex;
    align-items: center;
    gap: 43px;
    justify-content: center;
}

  #menu ul li{display:inline-block;position:relative;}
  #menu ul li a{color:var(--white);display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 16px;font-weight: 400; transition:all .3s linear;}
  #menu ul li a::before{content: "";transition: all .3s ease; position: absolute;bottom: -1.5px;left:0;right: 0;width: 0%;margin: auto; height: 1.3px;background-color: var(--white);}
  #menu ul li a:hover::before{width: 70%;}
  #menu li > a:after { content: '\f107'; font-family:'Bootstrap'; margin-left:5px;}
  #menu li > a:only-child:after { margin-left: 0; content: '';}
  #menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--white);}
  #menu li.active ul li a{color:#fff;background:#000}
  #menu li.active ul li a:hover{color:#fff;background:#333}
  #menu li>ul{position:absolute;left:0;top:100%;z-index:999;white-space:nowrap;padding-left: 0;flex-direction: column;gap: 0;}
  #menu ul li.active ul li a { background:#fff; color:#C71846;}
  #menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
  #menu li>ul li:hover{background:var(--info-dark);border-bottom:1px solid rgba(0,0,0,0.09)}
  #menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
  #menu li>ul li a:hover{color:#fff;text-decoration:none}
  #menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}
  #menu>li{border-left:1px solid #999}
  #menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
  #menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
  #menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li:hover>ul{visibility:visible;opacity:1}
  #menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
  #menu li:hover>ul li a{padding:10px 23px}
  #menu li>ul li:hover a {color:#fff;}
  #menu li>ul li:hover ul li a {color:#000;}
  #menu li>ul li ul li a:hover {color:#ff9e00;}
  @keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}
  }
  header.sticky {  margin:0;  position: fixed; background: #2c487388; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(255, 255, 255, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); padding: 0; backdrop-filter: blur(5px);}

  header.sticky .top-header,header.sticky .sub-manu{display: none;}
  /* header.sticky .logo img{width: 150px;} */
  /* header.sticky #menu ul{margin:20px 0;} */
  header .logo img{max-width: 230px;}
  #menu ul li a:after{content: "";  position: absolute;bottom: 0;left: 0;width: 0%;background: #000;height: 2px; transition: all .3s ease;}
  #menu ul li a:hover::after{transform-origin:100% ;}


section{position: relative;padding: 50px 0;overflow: hidden;}
.hero-banner{min-height: 848px;display:flex;align-items: end;padding: 0;}
.hero-banner::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #131517;opacity: .94;}
.hero-banner::before{content: "";position: absolute;
  z-index: 1;
  height: 992px;  width: 952px;
  right:0;
  top: 0px;
  clip-path: polygon(8% 0, 54% 0, 100% 100%, 46% 100%);
  background: rgba(44, 72, 115, 0.38);}
.hero-banner .container{position: relative;z-index: 1;}
.hero-banner .hero-content {color: var(--white);}
.hero-banner .hero-content h1{color: var(--white);}
.hero-banner .hero-content p{line-height: 35px;}
.hero-banner .hero-content .kicker{font-size: 32px;font-family: var(--font2);line-height: 30px;}
.hero-banner .hero-content .sub-heading{font-size: 32px;font-family: var(--font2);line-height: normal;margin-bottom: 15px;}
.banner-shape{position: absolute;bottom: 0;left: 0;z-index: 1;}
.banner-liner{position: absolute;height: 153px;width: 100%;z-index: 1;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(21,23,25,1) 0%, rgba(21,23,25,0) 100%);}

.firma-content p{line-height: 34px;}

.service-card .img-box{position: relative;width: 100%;}
.service-card .img-box img{
  width: 100%;
}
.service-card .img-box .service-content{position:absolute;padding: 17px; bottom: 16px;width: 90%;height: fit-content;left: 0;right: 0;margin: auto;background: var(--white);}

.service-card .img-box .service-content .content-img{position: absolute;    top: -60px;
  border-radius: 50%;
  background-color: var(--primary);
  width: 80px;
  height: 80px;
  left: 10px;display: flex;align-items: center;justify-content: center;border: 3px solid var(--white);}
.service-card .img-box .service-content .content-img img{width: 40px;height:40px;object-fit: contain;}
.service-card .img-box .service-content p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  text-overflow:ellipsis;
  max-width: 100%;
}
.heading-center{margin-bottom: 32px;text-align: center;text-transform: uppercase;}
.service-content p{margin-bottom:  0;}
.modal-btn {
  position: absolute;
  right: 8px;
  bottom: 4px;
  font-size: 22px;
}

.modal-btn i{color: var(--primary);}
.modal.show{display: flex !important;align-items: center;}
.modal.show .modal-dialog {
  min-width: 90vw;
  height: 80vh;
  /* transform: translate(0px, 90px); */
}
.service-modal{backdrop-filter: blur(10px);background-color: #2C487330;}
.service-modal .modal-content{height:100%;}
.service-modal .modal.show .modal-dialog {
  transform: none;
  min-width: 90vw !important;
  height: 90vh;
  display: flex;
  align-items: center;justify-content: center;
}
.service-modal .modal-header{background: var(--primary);color: var(--white);}
.service-modal .modal-title{color: var(--white);}
.service-modal .modal-header .btn-close{border: none;filter: invert(1);opacity: 1;box-shadow: none;}

.client-img{border: 1px solid var(--primary);height: 80px;display: block;}
.client-img img{width: 100%;height: 100%;object-fit: contain;}

/* afzal css */
/* afzal css */
/* afzal css */

.contac-sec{background: linear-gradient(159.3deg, #FAFAFA 50%, #F3F3F3 50%); width: 98.5%;border: 1px solid #05050333; margin:0 auto 47px; }
.contac-sec .contact-box{background-color: var(--white); padding: 25px;}
.contac-sec .heading{margin-bottom: 10px;}
.contac-sec .heading h2{font-family: var(--font2); font-weight: 600;}
.contac-sec  form .form-control{font-weight: 600; font-size: 16px; border-radius: 0; border: none; background-color:#FAFAFA;height: 55px; font-weight: 600;}
.contac-sec  form .form-control:focus{outline: none; box-shadow: none;}
.contac-sec  form::placeholder{  color:#13131338;}
.contac-sec .contact-btn{background-color: var(--primary);}
.contac-sec  form textarea.form-control{height: 116px;  margin-bottom: 20px;}

.contac-sec .contact-btn .btn{font-family: var(--font2); font-weight: 500; font-size: 18px; color: var(--white);}
.contac-sec .bg-image .contact-image img{width: 100%; object-fit: cover;min-height: 560px;}
.contac-sec .bg-image {position: relative;}
.contac-sec .bg-image .contact-info{background-color: var(--white); position: absolute;  width:94%; left: 0px;right: 0px;margin: auto; bottom: 13px; padding: 10px;}
.contac-sec .bg-image .contact-info .info-heading h5{font-weight: 600; }
.contac-sec .bg-image .contact-info ul li a img{min-width: 20px; padding-right: 5px;}
.contac-sec .bg-image .contact-info ul li a{font-size: 13px; text-decoration: none; color: var(--black);}
.contac-sec .bg-image .contact-info ul li{margin-bottom: 10px;}
.contac-sec .form-btn input.btn-primary-2{padding: 10px 30px;width: 100%;}




footer{background-color: var(--dark); padding: 48px 26px 26px 26px;}
footer .logo{text-align: center; margin-bottom: 24px;}
footer .footer-text p{color: var(--white); font-family: var(--font2); font-weight: 500; line-height: 50px; text-align: center; margin: auto; font-size: 18px; max-width: 77%; margin-bottom: 60px;}
footer .copyright-box p{text-align: center; font-family: var(--font2); font-weight: 500; color: var(--black); margin-bottom: 0;}
.copyright-box{background-color: var(--white); border-radius: 6px; padding: 16px 0;}

.service-modal .modal-body .content{height: 70vh;overflow: auto;}
header.inner{background:#2c487388;position:relative;}
header.inner.sticky{position:fixed;}