/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap");
/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
body {
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  color: #323232;
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
}

a {
  text-decoration: none !important;
  outline: none;
}

p {
  font-size: 18px;
  line-height: 1.6;
}

hr {
  margin-bottom: 0px;
  margin-top: 0px;
  border-top: 1px solid #c2c6cd;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

html {
  scroll-padding-top: 70px;
  scroll-behavior: smooth;
}

.row > * {
  position: relative;
}

.btn,
.btn:focus,
button,
.form-control:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.social-container {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}

.social-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}

/* Colores de cada red social */
.social-container a.whatsapp {
  background: #25D366;
}

.social-container a.email {
  background: #ff6b6b;
}

.social-container a.instagram {
  background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF);
}

.social-container a.youtube {
  background: #FF0000;
}

/* Efecto Hover */
.social-container a::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}

.social-container a:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.social-container a:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

@media (max-width: 600px) {
  .social-container {
    flex-direction: column;
    gap: 10px;
  }
}
/* START CARROUSEL EMPRESAS */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-5890px); /* Avanza una tanda de 19 logos (duplicado) */
  }
}
.slider {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 95%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 60px;
  z-index: 2;
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slider .slide-track {
  display: flex;
  width: 11780px; /* 19 logos duplicados (38 en total), cada uno con margen incluido */
  animation: scroll 40s linear infinite;
}

.slider:hover .slide-track {
  animation-play-state: paused;
}

.slider .slide {
  width: auto;
  margin-right: 60px;
}

.slide img {
  max-height: 60px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
}

/* END CARROUSEL EMPRESAS */
/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
/*******color Loop*******/
.text-primary {
  color: #323232 !important;
}

.bg-primary {
  background-color: #323232 !important;
}

.text-success {
  color: #34af7a !important;
}

.bg-success {
  background-color: #34af7a !important;
}

.text-info {
  color: #49c6e5 !important;
}

.bg-info {
  background-color: #49c6e5 !important;
}

.text-warning {
  color: #e9aa39 !important;
}

.bg-warning {
  background-color: #e9aa39 !important;
}

.text-danger {
  color: #f01414 !important;
}

.bg-danger {
  background-color: #f01414 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.text-dark {
  color: #13121d !important;
}

.bg-dark {
  background-color: #13121d !important;
}

.text-muted {
  color: #616469 !important;
}

.bg-muted {
  background-color: #616469 !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.section {
  padding-bottom: 110px;
  padding-top: 110px;
  position: relative;
}

.bg-light {
  background-color: #f7f7f7 !important;
}

.text-muted {
  color: #616469 !important;
}

.home-center {
  display: table;
  width: 100%;
  height: 100%;
}
.home-center .home-desc-center {
  display: table-cell;
  vertical-align: middle;
}

.bg-overlay {
  background: linear-gradient(to bottom, rgba(19, 18, 29, 0.9) 0%, rgb(19, 18, 29) 2%, rgba(19, 18, 29, 0.5) 100%) !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/**** FONT-SIZE *****/
.f-11 {
  font-size: 11px;
}

.f-12 {
  font-size: 12px;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-17 {
  font-size: 17px;
}

.f-18 {
  font-size: 18px;
}

.f-19 {
  font-size: 19px;
}

.f-20 {
  font-size: 20px;
}

.f-21 {
  font-size: 21px;
}

.f-22 {
  font-size: 22px;
}

.line-height_1_4 {
  line-height: 1.4;
}

.line-height_1_6 {
  line-height: 1.6;
}

.line-height_1_8 {
  line-height: 1.8;
}

.letter-spacing_2 {
  letter-spacing: 2px;
}

.letter-spacing_4 {
  letter-spacing: 4px;
}

.letter-spacing_6 {
  letter-spacing: 6px;
}

.heading-title-title {
  font-size: 21px;
  font-weight: 600;
}

.heading-title-desc {
  max-width: 700px;
  margin: 0 auto;
  font-size: 15px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
/**** BUTTON-CODE *****/
.btn {
  padding: 14px 28px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-sm {
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-md {
  padding: 12px 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn-round {
  border-radius: 3px !important;
}

.btn-rounded {
  border-radius: 30px !important;
}

.btn-custom {
  color: #ffffff;
  background-color: #e9aa39;
  border: 1px solid #e9aa39;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.open > .dropdown-toggle .btn-custom {
  color: #ffffff;
  background-color: rgba(233, 170, 57, 0.85) !important;
  border: 1px solid rgba(233, 170, 57, 0.85) !important;
}

.btn-white {
  color: #323232;
  background-color: #ffffff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.focus,
.btn-white:active,
.open > .dropdown-toggle .btn-white {
  color: #323232 !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.btn-dark-custom {
  color: #ffffff;
  background-color: #323232 !important;
}

.btn-whatsapp-custom {
  color: #ffffff;
  background-color: #25d366 !important;
}

.btn-dark-custom:hover,
.btn-dark-custom:focus,
.btn-dark-custom:active,
.btn-dark-custom.active,
.btn-dark-custom.focus,
.btn-dark-custom:active,
.open > .dropdown-toggle .btn-dark {
  color: #ffffff !important;
  background-color: rgba(50, 50, 50, 0.85) !important;
}

.nav-item .nav-link {
  color: #333;
}
.nav-item .nav-link .interior-services-icon .icon-services {
  color: #666;
  transition: color 0.3s ease-in-out;
}
.nav-item .nav-link:hover, .nav-item .nav-link.active {
  color: #d9534f;
}
.nav-item .nav-link:hover .interior-services-icon .icon-services, .nav-item .nav-link.active .interior-services-icon .icon-services {
  filter: invert(1); /* Invierte colores (blanco a negro, negro a blanco) */
}

.icon-services {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #666;
  transition: color 0.3s ease-in-out;
}

/* Diferentes clases para cada imagen */
.icon-1 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="484.000000pt" height="367.000000pt" viewBox="0 0 484.000000 367.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,367.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M1057 3389 c-82 -19 -174 -95 -210 -173 -38 -78 -77 -167 -77 -171 0 -3 -16 -40 -36 -82 -19 -43 -42 -93 -50 -110 -8 -18 -20 -48 -28 -65 -8 -18 -31 -68 -50 -111 -20 -42 -36 -82 -36 -87 0 -6 -16 -28 -36 -50 l-36 -40 138 -65 c77 -36 146 -69 154 -74 23 -12 39 -70 29 -106 -13 -44 -144 -162 -190 -170 -43 -8 -118 16 -177 57 -44 31 -111 112 -112 137 0 29 -29 -12 -61 -87 -60 -143 -72 -202 -77 -385 l-4 -168 31 -63 31 -63 0 -220 c0 -207 1 -220 20 -241 20 -21 27 -22 268 -22 183 0 253 3 265 13 14 10 17 36 19 167 l3 155 1120 0 1120 0 3 -150 c2 -121 6 -152 19 -167 15 -16 38 -18 269 -18 250 0 253 0 268 22 13 19 16 60 16 245 0 129 4 224 9 228 6 3 -10 24 -35 47 -24 22 -46 39 -47 37 -2 -2 -13 -18 -25 -36 -68 -98 -277 -97 -415 3 -67 49 -89 87 -84 147 4 44 3 48 -22 52 -59 11 -189 60 -243 92 -32 18 -84 58 -117 88 l-59 55 -661 0 -662 0 -82 32 c-45 17 -91 40 -102 50 -19 17 1 18 703 18 622 0 722 2 722 14 0 8 -5 18 -10 21 -22 13 -70 139 -89 233 -14 68 -14 226 0 294 24 119 68 222 130 305 22 29 39 55 39 58 0 3 -58 5 -128 5 -90 0 -134 -4 -146 -13 -16 -12 -17 -27 -14 -130 l3 -117 -360 0 -360 0 3 115 c3 80 0 120 -8 130 -10 12 -50 15 -215 15 -252 0 -239 8 -234 -148 l4 -110 -60 -6 c-94 -10 -223 -45 -301 -82 -84 -40 -98 -42 -91 -11 4 19 59 148 150 349 13 29 30 69 37 88 37 94 66 135 114 165 l49 30 912 0 c964 0 937 1 984 -43 7 -7 20 -11 28 -8 8 3 23 6 34 6 47 0 -3 54 -91 98 l-55 27 -880 2 c-500 1 -897 -3 -918 -8z m-384 -1489 c108 -41 187 -120 187 -188 0 -106 -168 -214 -333 -214 -169 0 -272 192 -178 332 27 41 80 83 116 93 39 11 151 -1 208 -23z"/><path d="M3095 3155 c-147 -23 -262 -83 -362 -186 -75 -77 -112 -137 -152 -244 -32 -87 -40 -241 -16 -337 51 -214 227 -404 433 -468 86 -27 204 -35 287 -21 38 7 73 15 77 17 5 3 -12 24 -38 47 -46 41 -48 41 -114 38 -207 -9 -401 99 -490 273 -43 85 -60 157 -60 256 0 152 46 265 150 371 226 230 630 196 809 -70 62 -92 83 -159 89 -293 l5 -117 38 -37 c21 -21 41 -35 44 -32 14 14 27 133 22 213 -7 123 -45 231 -118 330 -102 140 -266 241 -424 260 -27 4 -61 8 -75 10 -14 2 -61 -3 -105 -10z"/><path d="M3075 2971 c-142 -38 -261 -148 -320 -296 -25 -63 -27 -78 -23 -165 4 -81 10 -105 37 -163 76 -160 245 -276 404 -277 20 0 37 1 37 3 0 1 -55 58 -123 127 -145 148 -168 188 -169 294 0 154 75 255 219 293 68 17 136 12 202 -18 29 -13 91 -65 174 -147 l130 -127 -6 70 c-10 116 -52 202 -138 287 -35 34 -85 69 -126 89 -60 29 -79 33 -168 35 -55 2 -113 0 -130 -5z"/><path d="M324 2845 c-42 -18 -84 -74 -84 -113 0 -22 11 -42 38 -72 l39 -40 105 0 c136 0 148 9 148 110 0 83 -5 97 -39 114 -35 17 -168 18 -207 1z"/><path d="M3110 2708 c-116 -67 -162 -195 -109 -301 14 -27 148 -169 370 -392 l349 -350 162 162 163 163 -349 349 c-192 192 -366 358 -388 370 -53 28 -149 28 -198 -1z"/><path d="M3918 1787 c-60 -60 -108 -111 -108 -112 0 -2 21 -24 47 -49 l47 -47 115 115 116 116 -45 45 c-24 25 -49 44 -55 43 -5 0 -58 -50 -117 -111z"/><path d="M4061 1653 l-113 -115 37 -38 37 -38 115 116 115 115 -39 37 -38 38 -114 -115z"/><path d="M4180 1535 l-115 -116 101 -99 c89 -87 106 -99 145 -105 25 -4 56 -2 73 5 16 6 36 8 45 5 17 -5 79 -105 99 -160 44 -119 55 -285 27 -419 -17 -83 -78 -240 -118 -303 l-26 -41 25 -17 c13 -9 29 -13 35 -10 16 11 97 180 123 257 36 110 46 169 46 278 0 169 -34 283 -123 412 l-39 57 13 50 c21 82 4 119 -105 229 l-91 93 -115 -116z"/></g></svg>');
}

.icon-2 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="680.000000pt" height="693.000000pt" viewBox="0 0 680.000000 693.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,693.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M4585 6232 c-258 -90 -403 -198 -514 -383 -207 -346 3 -860 436 -1064 69 -33 231 -75 288 -75 82 0 219 30 282 62 86 43 205 148 259 229 88 133 175 384 190 552 8 88 -9 133 -64 175 l-34 26 -82 -84 c-44 -47 -134 -156 -200 -243 -70 -94 -129 -163 -145 -170 -14 -6 -71 -11 -126 -11 -92 -1 -105 1 -159 29 -74 37 -160 115 -188 169 -28 55 -48 131 -48 185 0 47 13 68 205 321 90 119 165 234 165 253 0 9 -14 27 -31 41 -44 37 -99 34 -234 -12z"/><path d="M1925 6050 c-239 -5 -292 -12 -296 -38 -1 -4 -6 -85 -12 -181 l-12 -175 -85 -18 c-90 -20 -201 -67 -274 -117 -25 -17 -49 -31 -54 -31 -4 0 -49 39 -98 88 -157 154 -156 154 -286 38 -114 -101 -290 -287 -302 -320 -15 -39 0 -66 94 -179 l90 -108 -31 -45 c-59 -87 -131 -260 -154 -374 l-11 -55 -59 -7 c-33 -4 -77 -5 -98 -2 -61 9 -137 -5 -164 -32 -23 -23 -23 -23 -23 -299 l0 -276 25 -24 c21 -22 34 -25 102 -26 43 -1 111 -4 152 -8 l75 -6 13 -60 c28 -124 91 -280 144 -356 l19 -27 -93 -97 c-50 -53 -96 -104 -100 -112 -16 -28 3 -60 95 -160 51 -55 135 -146 187 -203 97 -105 141 -140 177 -140 22 0 69 32 188 129 79 64 79 64 105 47 79 -52 293 -136 346 -136 19 0 29 -6 32 -21 4 -14 10 -18 22 -13 9 4 57 18 106 32 50 13 102 33 117 43 15 11 59 63 99 117 39 53 99 125 132 159 34 34 59 64 56 67 -2 2 -26 0 -54 -4 -100 -17 -332 20 -484 78 -120 44 -214 101 -318 192 -285 248 -405 588 -348 985 31 220 132 412 307 582 175 171 363 256 621 283 215 22 391 -17 578 -129 305 -181 518 -509 550 -847 5 -59 7 -114 5 -121 -3 -7 -4 -13 -2 -13 12 0 81 71 182 187 63 72 139 150 169 173 29 22 56 47 59 55 7 20 -40 208 -65 258 -12 23 -44 77 -70 120 -27 43 -49 81 -49 83 0 3 41 51 91 107 138 154 144 184 50 268 -25 23 -107 101 -181 174 -136 134 -163 155 -197 155 -22 0 -145 -100 -213 -173 l-45 -48 -79 45 c-67 39 -231 99 -327 121 -25 6 -26 11 -33 88 -3 45 -6 117 -6 160 0 110 -30 161 -92 155 -13 -1 -135 -5 -273 -8z"/><path d="M6187 5164 c-33 -39 -181 -155 -277 -216 -47 -31 -92 -64 -102 -74 -16 -18 -49 -104 -89 -231 -11 -34 -36 -84 -56 -110 -56 -74 -260 -324 -441 -542 -728 -873 -772 -926 -772 -934 0 -3 35 -33 78 -68 42 -34 79 -66 80 -70 8 -21 32 -5 83 58 30 36 140 168 244 293 105 125 228 274 275 330 47 57 152 180 234 274 81 94 211 247 289 340 152 182 163 191 317 241 96 31 160 65 174 94 8 15 24 56 36 91 24 71 102 217 156 291 19 26 34 54 34 62 0 8 -35 44 -77 80 -43 36 -89 77 -102 91 -31 33 -55 33 -84 0z"/><path d="M3937 5008 c-30 -40 -115 -147 -189 -238 -73 -91 -145 -181 -160 -201 -28 -38 -78 -96 -328 -384 -85 -98 -173 -199 -195 -225 -22 -26 -94 -110 -160 -186 -66 -77 -154 -179 -195 -229 -41 -49 -120 -142 -175 -205 -127 -146 -246 -287 -551 -657 -34 -42 -36 -43 -97 -43 -75 0 -264 -33 -341 -60 -74 -25 -128 -64 -207 -147 -70 -75 -79 -94 -104 -237 -30 -175 -17 -349 35 -471 56 -131 274 -276 466 -310 121 -21 186 -19 298 9 117 30 183 65 251 131 58 57 126 183 150 280 16 66 35 210 35 265 0 32 11 47 93 131 50 52 137 151 192 219 55 69 152 188 215 265 64 77 160 194 213 260 53 66 148 185 212 265 263 327 344 427 423 524 45 55 135 166 200 246 64 80 148 181 187 225 39 44 97 114 130 155 80 101 175 200 203 211 35 14 26 24 -46 52 -169 67 -315 185 -413 335 -27 41 -49 78 -49 83 0 5 -8 9 -19 9 -11 0 -40 -28 -74 -72z m157 -401 c15 -19 26 -39 26 -45 0 -16 -98 -120 -121 -127 -10 -4 -26 -19 -33 -34 -8 -15 -45 -58 -81 -96 -37 -38 -78 -86 -92 -108 -13 -21 -59 -74 -103 -119 -43 -44 -84 -94 -91 -111 -18 -46 -67 -105 -107 -131 -20 -12 -52 -49 -72 -82 -23 -39 -52 -70 -85 -91 -27 -18 -49 -40 -50 -50 -6 -65 -61 -133 -109 -133 -73 0 -82 82 -16 151 20 21 46 39 57 39 15 0 27 13 41 43 11 24 37 57 57 73 68 53 100 90 128 147 16 31 45 70 67 87 21 17 63 66 93 108 30 42 82 101 116 130 34 30 85 86 115 125 29 40 60 78 69 85 8 7 19 27 22 44 9 39 94 128 123 128 12 0 32 -14 46 -33z m-1110 -1303 c9 -8 16 -19 16 -23 0 -25 -37 -86 -100 -166 -99 -126 -139 -148 -187 -103 -31 29 -29 69 4 110 37 44 111 126 146 160 39 38 95 48 121 22z m-434 -459 c35 -18 38 -41 11 -93 -25 -49 -54 -74 -82 -70 -51 7 -63 107 -18 154 26 28 48 30 89 9z m-831 -555 c31 -5 91 -14 135 -20 133 -17 220 -76 262 -176 23 -53 22 -169 -1 -215 -34 -66 -96 -138 -142 -166 -40 -23 -59 -28 -123 -28 -64 0 -85 5 -142 32 -85 40 -149 100 -179 166 -19 42 -24 69 -24 142 0 77 4 98 27 145 33 70 85 130 111 130 12 0 46 -4 76 -10z"/><path d="M5542 3792 c-23 -31 -87 -111 -142 -177 -55 -66 -144 -174 -199 -240 -54 -66 -108 -129 -120 -139 -11 -11 -21 -25 -21 -31 0 -7 32 -57 71 -111 163 -227 222 -419 198 -646 -12 -122 -31 -192 -80 -305 -53 -119 -115 -207 -221 -312 -99 -97 -190 -163 -263 -190 -94 -35 -228 -63 -335 -68 -58 -3 -112 -11 -121 -17 -20 -14 -122 -133 -229 -266 -46 -58 -97 -120 -114 -137 -16 -18 -26 -36 -22 -40 4 -4 30 -19 59 -33 30 -14 57 -36 64 -50 6 -14 25 -88 42 -164 17 -76 37 -151 44 -165 l12 -26 281 -3 c213 -2 284 1 297 10 15 12 66 189 97 340 12 63 -1 53 193 142 43 20 91 45 107 56 15 11 32 20 37 20 8 0 112 -83 220 -176 28 -24 58 -44 66 -44 29 0 416 353 450 410 16 27 16 29 -12 66 -15 22 -57 71 -93 109 -35 39 -81 92 -101 119 l-36 48 28 42 c41 59 92 162 111 226 l18 55 73 12 c41 6 118 15 171 19 151 11 142 -11 146 359 l3 304 -23 15 c-23 15 -154 39 -296 53 l-74 8 -28 85 c-32 99 -69 183 -105 241 l-26 41 41 51 c22 29 69 85 104 126 81 94 92 114 80 146 -5 14 -61 77 -124 141 -113 114 -160 155 -177 153 -4 0 -27 -26 -51 -57z"/><path d="M3973 3125 c-37 -16 -88 -82 -103 -134 -6 -20 -17 -83 -25 -141 -8 -58 -17 -115 -21 -126 -9 -32 42 -74 454 -370 l133 -95 52 24 c33 16 79 27 125 31 121 10 187 59 218 162 16 54 11 87 -23 132 -42 56 -623 496 -685 519 -44 16 -86 15 -125 -2z"/><path d="M3640 2551 c-116 -29 -207 -73 -276 -134 -25 -22 -91 -101 -146 -176 -56 -75 -143 -188 -193 -251 -50 -63 -136 -173 -190 -245 -54 -71 -135 -174 -179 -229 -195 -238 -230 -286 -267 -361 -128 -264 -20 -558 256 -697 187 -95 361 -101 529 -17 118 59 111 51 551 619 75 96 211 271 303 388 244 310 260 341 287 543 8 58 19 117 24 133 6 15 11 28 11 30 0 1 -9 2 -21 3 -22 2 -40 15 -342 244 -105 81 -203 153 -217 161 -23 14 -34 13 -130 -11z m-82 -293 c7 -7 12 -26 12 -44 0 -25 -15 -48 -76 -115 -41 -46 -127 -151 -190 -234 -63 -82 -144 -186 -180 -230 -253 -310 -352 -432 -387 -483 -45 -65 -53 -72 -86 -72 -33 0 -61 27 -61 59 0 37 28 78 123 184 46 51 116 135 157 187 135 174 263 334 335 420 39 47 106 133 148 192 42 58 89 116 105 127 30 23 82 27 100 9z m292 -118 c36 -36 25 -57 -90 -170 -47 -47 -144 -160 -215 -251 -176 -225 -465 -584 -560 -694 -104 -120 -106 -126 -68 -173 30 -36 32 -37 89 -34 33 2 65 9 73 15 7 6 41 48 74 92 34 44 99 125 146 181 47 55 116 138 152 185 36 46 130 167 210 269 80 102 166 213 193 248 76 100 144 135 188 95 32 -29 21 -57 -58 -149 -42 -49 -103 -125 -137 -169 -33 -44 -84 -107 -112 -140 -28 -33 -88 -108 -133 -167 -45 -59 -149 -191 -232 -293 -82 -103 -158 -206 -170 -229 -28 -58 -52 -78 -97 -80 -35 -1 -39 2 -58 42 -17 35 -23 41 -40 35 -11 -4 -51 -7 -90 -7 -148 -1 -209 90 -144 214 19 36 41 65 244 315 66 81 155 191 198 244 43 53 119 149 168 213 147 193 299 371 342 401 48 33 98 36 127 7z"/></g></svg>');
}

.icon-3 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="687.000000pt" height="659.000000pt" viewBox="0 0 687.000000 659.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,659.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M2130 6028 c-264 -28 -623 -173 -845 -339 -132 -99 -312 -279 -393 -392 -181 -252 -304 -563 -339 -852 -24 -206 4 -528 63 -715 51 -165 193 -435 293 -560 107 -134 344 -361 376 -360 5 1 39 67 74 148 35 81 97 210 138 287 l75 140 1 277 0 278 -55 57 c-200 211 -169 531 66 672 52 31 66 34 174 42 151 12 1203 12 1304 0 87 -10 159 -45 227 -111 50 -49 110 -166 118 -230 7 -64 -21 -190 -60 -264 -35 -66 -112 -156 -133 -156 -12 0 -14 -47 -14 -286 l0 -286 31 -40 c29 -36 148 -267 179 -348 8 -19 48 -100 91 -180 42 -80 82 -162 89 -182 6 -21 17 -38 24 -38 7 0 69 26 138 59 190 90 301 197 365 351 68 166 -21 384 -211 513 -90 61 -141 77 -247 77 l-91 0 6 32 c8 39 66 102 121 130 29 15 60 21 112 22 67 0 78 -3 166 -48 89 -46 97 -48 126 -36 23 9 33 22 40 49 54 203 75 481 51 671 -29 222 -75 389 -152 547 -274 563 -814 966 -1428 1063 -91 15 -377 20 -480 8z m322 -305 c80 -44 148 -144 148 -219 0 -79 -83 -195 -175 -243 -83 -44 -185 -22 -267 57 -90 86 -89 252 2 356 78 88 186 107 292 49z m808 -254 c97 -44 145 -117 143 -221 -1 -150 -109 -268 -244 -268 -178 0 -309 196 -239 358 55 128 213 189 340 131z m-1639 1 c87 -24 173 -141 173 -235 0 -94 -72 -205 -159 -246 -105 -49 -251 6 -307 114 -26 52 -34 143 -18 201 35 125 179 202 311 166z m-486 -739 c91 -41 165 -139 165 -219 0 -48 -36 -130 -81 -185 -33 -40 -141 -97 -183 -97 -52 0 -107 23 -147 63 -57 55 -79 107 -79 193 0 87 24 139 92 197 78 66 158 83 233 48z m2687 -23 c133 -86 156 -254 52 -377 -49 -57 -100 -81 -171 -81 -110 1 -189 62 -231 182 -36 103 -27 153 43 236 52 60 106 84 185 80 55 -3 74 -10 122 -40z m-2504 -874 c92 -46 162 -145 162 -229 0 -63 -113 -211 -185 -241 -98 -40 -236 20 -290 127 -84 165 41 357 241 368 11 0 43 -11 72 -25z m2400 -394 c48 -23 91 -88 99 -149 7 -54 -20 -107 -68 -131 -82 -42 -160 -15 -205 70 -29 54 -30 91 -5 146 37 81 98 103 179 64z"/><path d="M5643 5826 c-85 -27 -151 -85 -195 -169 -23 -46 -27 -117 -18 -342 l5 -120 -76 -6 c-82 -7 -126 -25 -158 -65 -38 -48 -42 -90 -31 -291 5 -103 10 -229 10 -279 0 -84 2 -92 26 -115 l26 -24 491 -1 491 0 31 28 32 28 5 307 c3 170 2 318 -3 331 -12 32 -105 72 -196 85 l-73 11 6 171 c6 160 5 177 -15 245 -19 62 -31 81 -76 126 -86 83 -183 111 -282 80z m134 -698 c22 -21 23 -26 23 -205 l0 -183 54 0 c29 0 68 -3 85 -6 l31 -6 0 172 c0 147 2 176 17 192 21 24 55 23 78 -2 17 -18 18 -40 17 -221 -1 -110 -4 -204 -6 -207 -2 -4 -155 -7 -340 -6 -294 0 -338 2 -352 16 -14 14 -16 40 -9 218 7 179 10 205 26 221 24 24 44 24 69 -1 24 -24 24 -23 20 -217 l-2 -153 86 0 c47 0 89 0 93 0 4 0 6 79 4 175 l-3 175 30 30 c36 36 48 37 79 8z"/><path d="M1900 4581 c-218 -7 -230 -10 -293 -80 -102 -114 -112 -241 -27 -375 24 -37 43 -53 80 -69 l50 -21 0 -356 c0 -301 -2 -359 -15 -377 -20 -28 -191 -372 -306 -615 -50 -106 -116 -245 -146 -308 -30 -63 -63 -135 -73 -160 -10 -25 -41 -94 -70 -155 -28 -60 -65 -143 -81 -182 -16 -40 -51 -117 -78 -170 -44 -89 -162 -355 -189 -428 -99 -263 -52 -530 123 -707 78 -79 191 -158 272 -188 31 -12 94 -26 138 -31 103 -13 2143 -12 2240 1 161 22 270 75 403 197 127 115 176 215 207 419 9 57 -9 172 -40 268 -14 44 -81 197 -149 340 -68 144 -154 329 -192 411 -37 83 -100 211 -138 285 -38 74 -117 230 -176 345 -217 427 -333 651 -350 675 -16 23 -18 61 -21 382 l-4 357 33 6 c44 8 117 76 150 140 38 72 38 178 0 251 -32 62 -94 119 -145 134 -44 14 -885 21 -1203 11z m1138 -187 c50 -35 68 -122 33 -165 l-18 -22 -653 0 -654 0 -18 23 c-40 50 -32 101 22 141 23 18 59 19 509 23 266 3 486 8 489 11 3 3 64 5 136 5 103 0 136 -3 154 -16z m-143 -724 c2 -363 3 -387 22 -425 11 -22 48 -95 82 -162 33 -68 61 -125 61 -127 0 -7 221 -420 239 -444 18 -26 54 -98 277 -547 141 -285 321 -673 355 -768 38 -102 39 -194 4 -304 -34 -106 -68 -153 -175 -244 -69 -59 -120 -86 -184 -98 -32 -6 -467 -9 -1181 -8 -1272 2 -1154 -5 -1285 81 -88 58 -141 121 -193 225 l-42 85 1 115 c0 112 1 119 41 216 22 55 87 195 143 310 56 116 122 255 147 310 83 185 185 398 333 700 82 165 166 341 188 391 22 50 66 142 97 205 l58 114 5 377 5 377 76 3 c42 2 267 3 500 3 l425 0 1 -385z"/><path d="M1487 2284 c-4 -4 -7 -20 -7 -36 0 -33 -24 -94 -46 -119 -8 -9 -39 -79 -70 -155 -30 -76 -65 -155 -78 -174 -33 -51 -146 -312 -237 -550 -49 -129 -51 -138 -46 -208 12 -160 119 -289 272 -331 27 -7 389 -11 1140 -11 987 -1 1106 1 1155 15 94 28 135 58 179 133 51 86 70 138 77 223 6 58 3 76 -19 131 -32 81 -157 347 -306 653 -64 132 -132 283 -151 335 -18 52 -34 96 -35 97 -3 5 -149 -53 -277 -111 -203 -92 -280 -109 -493 -110 -152 0 -182 3 -285 28 -63 15 -162 46 -220 68 -190 72 -305 106 -386 112 -44 4 -97 9 -120 12 -22 2 -43 1 -47 -2z m354 -497 c138 -73 116 -285 -32 -316 -112 -23 -219 54 -219 158 0 60 34 129 79 158 46 31 113 31 172 0z m-378 -399 c34 -25 33 -53 -4 -134 -50 -109 -76 -124 -139 -81 -58 39 -59 47 -15 138 22 45 49 88 60 95 24 17 57 11 98 -18z"/><path d="M5516 4332 c-3 -3 -6 -27 -6 -54 0 -39 6 -54 29 -80 l29 -33 123 -3 c146 -4 192 6 214 47 22 44 30 110 14 115 -22 7 -397 15 -403 8z"/><path d="M5673 3937 c-16 -19 -47 -63 -68 -98 -39 -65 -87 -133 -160 -224 -22 -27 -60 -84 -85 -125 -25 -41 -76 -120 -114 -175 -130 -188 -177 -296 -197 -457 -21 -158 20 -313 121 -456 54 -76 95 -113 185 -162 33 -18 78 -43 100 -55 61 -35 170 -65 235 -65 204 0 422 122 554 309 64 90 89 149 105 246 19 113 -14 315 -74 450 -33 75 -195 340 -270 440 -101 137 -134 186 -198 295 -71 121 -87 130 -134 77z m-332 -919 c1 -2 4 -61 8 -133 8 -147 26 -201 88 -258 54 -49 74 -70 91 -96 15 -22 15 -24 -3 -37 -27 -20 -95 -17 -132 5 -39 24 -105 110 -135 176 -17 38 -22 69 -22 130 -1 69 3 88 28 135 35 68 45 80 62 80 8 0 15 -1 15 -2z m768 -36 c61 -60 64 -254 7 -376 -50 -108 -152 -186 -243 -186 -34 0 -46 5 -59 25 -25 38 -14 57 51 92 75 39 129 99 151 165 14 43 16 73 10 174 -7 134 -11 123 47 133 5 0 21 -12 36 -27z"/></g></svg>');
}

.icon-4 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="791.000000pt" height="759.000000pt" viewBox="0 0 791.000000 759.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,759.000000) scale(0.100000,-0.100000)" fill="%23000000" stroke="none"><path d="M4443 7270 c-57 -12 -89 -35 -118 -85 -47 -80 -28 -121 88 -187 83 -46 319 -169 527 -275 63 -31 117 -61 118 -65 2 -5 9 -8 15 -8 7 0 125 -56 264 -126 285 -142 311 -149 364 -99 36 35 54 67 62 113 5 26 0 43 -24 82 -46 74 -1 49 -684 385 -143 70 -299 150 -346 177 -71 39 -212 101 -222 97 -1 -1 -21 -5 -44 -9z"/><path d="M4287 6859 c-15 -22 -33 -59 -41 -82 -8 -23 -29 -71 -46 -107 -59 -121 -69 -145 -156 -343 -74 -171 -86 -207 -91 -270 -9 -112 17 -218 89 -367 33 -69 68 -147 79 -173 32 -81 23 -184 -28 -306 -31 -75 -29 -80 48 -134 30 -20 62 -43 72 -49 9 -7 17 -18 17 -26 0 -7 7 -15 15 -18 8 -4 15 -12 15 -19 0 -8 9 -10 25 -7 26 4 55 46 62 87 2 11 8 22 13 23 6 2 10 10 10 18 0 19 52 123 76 151 22 26 111 47 247 58 76 6 87 5 87 -9 0 -9 6 -16 14 -16 9 0 12 7 9 20 -4 15 0 20 13 20 11 0 31 6 46 14 15 8 40 17 57 21 16 3 35 12 41 20 6 8 24 17 40 20 16 3 34 13 41 21 6 8 16 14 21 14 18 0 89 83 115 134 14 28 37 68 50 89 22 35 28 38 54 33 28 -5 29 -4 29 29 0 24 5 35 14 35 19 0 25 21 27 90 1 64 16 130 28 130 11 0 32 60 25 71 -6 11 10 41 41 75 14 15 25 36 25 48 0 12 11 45 25 74 14 30 25 56 25 58 0 2 -26 15 -57 29 -267 120 -895 437 -934 471 -9 8 -36 21 -62 30 -25 8 -51 22 -58 30 -6 8 -16 14 -21 14 -5 0 -18 9 -30 20 -31 28 -41 25 -71 -21z"/><path d="M6320 5604 c-148 -55 -180 -69 -180 -81 0 -19 77 -172 167 -331 l25 -44 26 25 c15 14 61 41 102 60 117 54 116 52 90 117 -28 71 -124 241 -147 262 -17 14 -23 14 -83 -8z"/><path d="M5920 5503 c-48 -21 -143 -57 -280 -104 -182 -64 -292 -106 -375 -144 -100 -45 -120 -45 -142 0 -20 42 -36 44 -100 9 -26 -14 -56 -23 -67 -20 -10 3 -24 -1 -32 -8 -7 -7 -33 -16 -59 -19 -58 -8 -123 -59 -156 -122 -13 -25 -30 -45 -36 -45 -7 0 -13 -6 -13 -13 0 -21 -40 -49 -90 -62 -3 -1 -18 -7 -35 -14 -16 -7 -43 -15 -60 -18 -16 -4 -55 -19 -85 -34 -30 -14 -65 -30 -77 -33 -13 -4 -23 -12 -23 -18 0 -17 151 -462 160 -472 5 -4 19 -1 31 8 13 9 29 16 37 16 17 0 435 157 484 181 21 11 41 19 46 19 5 0 12 -33 16 -72 13 -146 35 -205 166 -443 21 -38 38 -72 37 -75 0 -3 7 -23 17 -45 10 -24 18 -70 19 -115 2 -86 -16 -133 -85 -220 -33 -42 -40 -58 -40 -93 2 -106 109 -102 226 7 28 25 55 46 61 46 12 0 44 66 71 149 32 98 10 241 -75 501 -16 47 -40 135 -55 195 -38 160 -46 185 -55 185 -5 0 -30 -10 -57 -21 -40 -18 -59 -21 -121 -15 -87 7 -101 13 -159 74 -106 110 -106 257 1 350 42 37 84 42 103 12 7 -11 21 -20 32 -20 25 0 25 9 3 25 -16 12 -16 16 -3 40 14 26 17 27 77 22 50 -4 70 -11 100 -35 65 -51 141 -177 143 -235 0 -10 -9 -38 -20 -62 -24 -52 -21 -62 28 -95 80 -54 241 -208 446 -428 78 -84 96 -109 96 -134 0 -32 -7 -40 -173 -196 -75 -71 -84 -100 -47 -159 29 -49 50 -55 149 -48 137 11 122 23 386 -295 44 -53 107 -130 140 -172 77 -97 112 -122 164 -115 59 7 109 35 175 98 34 31 87 78 118 105 31 27 123 109 203 183 170 155 194 191 175 260 -13 48 -113 160 -255 284 -44 38 -105 93 -135 122 -30 28 -136 125 -235 215 -99 90 -189 173 -200 184 -11 12 -43 41 -70 64 -91 80 -142 148 -161 218 -16 59 -16 68 -1 120 19 65 23 53 -89 251 -35 62 -64 117 -64 123 0 6 -5 16 -10 23 -6 7 -22 26 -36 42 -14 17 -34 47 -45 68 -21 41 -35 44 -89 20z"/><path d="M5180 4990 c0 -5 -9 -10 -20 -10 -25 0 -88 -62 -96 -95 -12 -49 6 -98 52 -142 50 -48 69 -52 131 -24 28 13 49 33 67 63 28 49 32 77 15 111 -19 36 -72 87 -91 87 -10 0 -18 5 -18 10 0 6 -9 10 -20 10 -11 0 -20 -4 -20 -10z"/><path d="M4035 4882 c-44 -21 -107 -49 -140 -62 -33 -13 -63 -26 -67 -29 -4 -3 9 -46 29 -95 19 -49 53 -137 73 -195 21 -58 55 -151 75 -206 21 -55 40 -110 42 -122 l5 -22 47 18 c25 10 52 16 59 14 6 -3 12 -1 12 4 0 11 98 38 119 34 8 -1 20 4 25 11 6 8 19 17 29 21 9 3 17 15 17 25 0 20 -64 205 -98 283 -11 26 -28 75 -37 110 -9 35 -21 73 -26 84 -4 11 -19 52 -32 90 -13 39 -30 71 -38 72 -8 1 -50 -15 -94 -35z"/><path d="M3420 4603 c0 -8 -14 -13 -37 -13 -24 0 -48 -9 -71 -26 -22 -17 -37 -23 -41 -16 -10 16 -83 17 -195 3 -119 -15 -137 -21 -165 -57 -39 -49 -19 -130 39 -154 37 -15 98 -6 374 60 49 11 92 17 96 13 4 -4 10 -32 12 -61 l5 -54 -76 -63 c-42 -35 -93 -84 -114 -109 -21 -26 -78 -73 -126 -105 -145 -98 -186 -165 -145 -240 29 -54 65 -75 110 -66 29 5 54 23 110 81 40 41 77 74 82 74 5 0 15 14 22 30 7 17 16 30 21 30 5 0 9 6 9 13 0 13 40 57 53 57 3 0 17 10 30 23 13 12 60 55 106 96 45 40 94 92 108 115 14 22 37 50 51 61 14 11 37 30 50 43 l23 22 -21 30 c-15 21 -30 30 -49 30 -28 0 -61 -26 -61 -48 0 -18 -44 -14 -79 6 -33 18 -41 42 -15 42 9 0 38 19 66 41 42 36 49 46 46 72 -4 44 -52 69 -144 77 -57 4 -74 3 -74 -7z"/><path d="M3709 4175 c-32 -17 -68 -73 -149 -230 -72 -141 -84 -195 -50 -238 35 -44 75 -61 107 -45 51 24 114 146 187 361 29 84 34 111 26 127 -21 40 -74 51 -121 25z"/><path d="M7270 3502 c-47 -49 -235 -220 -311 -283 l-43 -36 104 -111 c58 -62 111 -112 118 -112 19 0 242 177 325 257 70 68 79 91 55 136 -12 23 -188 197 -197 196 -4 0 -26 -21 -51 -47z"/><path d="M3716 3393 c-2 -3 -318 -4 -702 -4 -773 0 -773 0 -909 -64 -88 -42 -165 -112 -318 -289 -67 -77 -153 -174 -192 -216 -38 -42 -98 -110 -132 -153 -71 -87 -107 -109 -221 -136 -113 -27 -271 -85 -397 -146 -185 -90 -255 -169 -321 -365 l-29 -85 2 -240 c2 -207 5 -249 21 -303 41 -130 100 -171 248 -172 l91 0 6 158 c6 173 21 232 93 357 41 73 57 91 155 176 91 79 145 112 242 147 66 24 85 26 227 26 134 0 163 -3 218 -22 108 -38 200 -100 300 -202 107 -109 149 -172 188 -285 25 -71 28 -95 28 -212 1 -123 2 -132 21 -138 29 -10 1429 -18 1561 -10 l111 7 -1 146 c-1 120 2 157 18 202 70 204 221 376 395 450 118 50 174 61 312 59 105 -2 139 -6 206 -28 119 -39 230 -111 330 -214 139 -144 192 -284 193 -508 0 -92 1 -97 23 -103 43 -11 177 -6 205 8 32 17 84 71 102 106 40 78 58 277 42 465 -8 94 -14 121 -45 185 -19 41 -47 102 -61 134 -37 83 -66 118 -149 181 -120 90 -214 130 -450 191 -117 31 -230 64 -252 74 -27 13 -108 90 -256 247 -119 125 -240 255 -269 288 -49 57 -52 62 -46 103 3 25 2 42 -4 42 -6 0 -10 -4 -10 -10 0 -19 -76 -11 -95 10 -68 75 -247 142 -388 145 -48 1 -89 0 -91 -2z m-768 -597 c-3 -247 -7 -317 -17 -330 -13 -15 -62 -17 -567 -14 l-552 3 -25 23 c-53 50 -46 65 98 227 221 248 315 343 363 367 45 22 59 23 332 28 157 3 305 7 329 8 l43 2 -4 -314z m1002 279 c25 -13 72 -52 105 -86 110 -117 380 -420 394 -443 17 -29 10 -49 -26 -73 -25 -17 -67 -18 -589 -21 l-563 -3 -12 23 c-9 16 -14 115 -19 323 -4 165 -6 302 -4 305 1 3 152 3 335 1 325 -3 335 -4 379 -26z"/><path d="M7445 3052 c-33 -32 -71 -65 -84 -74 l-23 -17 30 -53 c67 -117 87 -234 58 -331 -8 -26 -35 -75 -60 -111 -69 -97 -149 -153 -297 -207 -130 -47 -210 -63 -443 -85 -191 -18 -260 -38 -301 -86 -21 -24 -25 -39 -21 -61 8 -40 65 -116 92 -123 35 -9 499 62 626 95 226 60 323 104 432 197 42 36 76 69 76 72 0 4 19 27 41 51 45 50 79 113 100 186 21 74 18 284 -5 360 -31 104 -118 245 -150 245 -6 0 -38 -26 -71 -58z"/><path d="M1433 1865 c-95 -32 -207 -100 -248 -150 -18 -22 -55 -83 -81 -134 -47 -92 -49 -98 -52 -196 -2 -56 1 -127 8 -158 28 -139 145 -294 266 -355 240 -121 489 -63 670 156 70 85 102 154 121 256 23 134 -3 236 -92 361 -145 204 -381 292 -592 220z"/><path d="M4616 1875 c-105 -27 -261 -116 -304 -174 -43 -58 -111 -210 -122 -272 -29 -160 41 -364 164 -475 130 -117 301 -169 458 -139 92 17 115 26 181 68 101 66 202 190 239 296 25 70 35 222 19 286 -20 78 -70 172 -124 232 -62 68 -180 147 -251 168 -76 23 -191 27 -260 10z"/><path d="M624 541 c-72 -44 -92 -106 -54 -168 34 -57 59 -63 253 -63 96 0 202 3 237 7 62 6 63 7 80 47 10 23 20 73 22 111 l3 70 -60 6 c-33 4 -148 7 -255 8 -175 1 -198 -1 -226 -18z"/><path d="M1420 549 c-35 -7 -55 -19 -94 -59 -42 -44 -48 -55 -42 -81 8 -41 35 -75 74 -95 30 -14 95 -16 575 -15 298 1 560 5 582 10 28 7 52 23 82 55 36 40 46 46 80 45 33 0 42 -6 68 -42 54 -74 39 -72 515 -69 233 2 447 7 475 13 79 14 131 86 106 148 -24 57 -64 89 -122 96 -30 3 -245 5 -479 3 -477 -3 -456 0 -506 -80 -14 -22 -35 -40 -51 -44 -23 -6 -33 0 -77 51 -45 51 -58 58 -101 66 -67 11 -1028 9 -1085 -2z"/><path d="M4175 547 c-46 -21 -85 -73 -85 -111 0 -38 32 -89 73 -120 27 -20 43 -21 285 -24 179 -3 269 0 299 9 50 14 113 76 113 112 0 33 -62 102 -110 121 -57 23 -531 34 -575 13z"/><path d="M5139 551 c-72 -7 -88 -16 -119 -67 -21 -33 -21 -33 -1 -71 10 -21 33 -51 50 -67 41 -40 84 -44 396 -42 224 1 254 3 288 20 45 22 66 50 74 99 5 31 1 39 -34 74 -22 22 -53 43 -69 47 -38 10 -500 16 -585 7z"/></g></svg>');
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.avatar-xs {
  height: 1rem;
  width: 1rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4rem;
  width: 4rem;
}

.avatar-lg {
  height: 6rem;
  width: 6rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

.avatar-title {
  align-items: center;
  background-color: #323232;
  color: #ffffff;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.avatar-group {
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
}
.avatar-group .avatar-group-item {
  margin-left: -12px;
  border: 2px solid #f8f9fa;
  border-radius: 50%;
  transition: all 0.2s;
}
.avatar-group .avatar-group-item:hover {
  position: relative;
  transform: translateY(-2px);
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.navbar-custom {
  padding: 20px 0px;
  width: 100%;
  border-radius: 0px;
  z-index: 999;
  margin-bottom: 0px;
  transition: all 0.5s ease-in-out;
}
.navbar-custom .navbar-brand .logo-light {
  display: inline-block;
}
.navbar-custom .navbar-brand .logo-dark {
  display: none;
}
.navbar-custom .navbar-toggler {
  font-size: 24px;
  margin-top: 5px;
  margin-bottom: 0px;
  color: #323232;
}
.navbar-custom .navbar-collapse .navbar-nav .nav-item .nav-link {
  line-height: 26px;
  font-size: 13px;
  margin: 0 15px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 600;
  color: white;
}
.navbar-custom .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: #ffffff;
}
.navbar-custom .navbar-collapse .navbar-nav .nav-item .nav-link.active::before {
  width: 100%;
}

/*---NAVBAR STICKY--*/
.nav-sticky.navbar-custom {
  margin-top: 0px;
  padding: 15px 0px;
  background-color: #ffffff;
  box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.08);
}
.nav-sticky .navbar-brand .logo-dark {
  display: inline-block;
}
.nav-sticky .navbar-brand .logo-light {
  display: none;
}
.nav-sticky .navbar-nav .nav-item .nav-link {
  color: rgba(0, 0, 0, 0.5) !important;
}
.nav-sticky .navbar-nav .nav-item .nav-link.active {
  color: #323232 !important;
}
.nav-sticky .navbar-nav .nav-item .nav-link:hover {
  color: #323232 !important;
}
.nav-sticky .navbar-nav .nav-item .nav-link::before {
  background-color: #323232 !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .interior-home-content img {
    max-height: 80px;
    width: auto;
  }
  .interior-home-title {
    font-size: 15px !important;
  }
  .navbar-custom {
    padding: 18px 0px;
    background-color: white;
  }
  .navbar-custom .navbar-brand {
    margin-left: 15px;
  }
  .navbar-custom .navbar-brand .logo-dark {
    display: inline-block !important;
    max-height: 60px;
  }
  .navbar-custom .navbar-brand .logo-light {
    display: none !important;
  }
  .navbar-custom .nav-item .nav-link {
    display: inline-block;
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .navbar-custom .nav-item .nav-link.active {
    color: #323232 !important;
  }
}
#galleryWrapper {
  max-height: 1300px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

#galleryWrapper.expanded {
  max-height: none;
}

.redes-sociales {
  display: flex;
  gap: 1rem;
  margin-top: 20px;
}

.redes-sociales a {
  color: white;
  font-size: 24px;
  transition: color 0.3s;
}

.redes-sociales a:hover {
  color: #007bff; /* o el color que prefieras */
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.agency-home {
  background: url(../images/background/bg-1.jpeg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
}
.agency-home .agency-home-title {
  font-size: 40px;
}
.agency-home .agency-home-desc {
  max-width: 650px;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 576px) {
  .agency-home .home-center .agency-home-title {
    font-size: 28px;
  }
}
.app-home {
  padding: 160px 0px 160px 0px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
.app-home .app-home-sub-title {
  font-size: 36px;
}
.app-home .app-home-desc {
  max-width: 600px;
}

.bg-aap-shape {
  position: absolute;
  background-color: #9894ff;
  top: -350px;
  right: -50px;
  border-radius: 8%;
  width: 60%;
  height: 800px;
  transform: skew(3deg, 30deg);
  opacity: 1;
  z-index: -1;
}

.bg-app-circle {
  position: absolute;
  background-color: #9894ff;
  top: -400px;
  left: -260px;
  border-radius: 100%;
  height: 800px;
  width: 800px;
  opacity: 0.6;
  z-index: -1;
}

.bg-app-circle-two {
  position: absolute;
  background-color: #9894ff;
  top: 160px;
  left: 430px;
  border-radius: 100%;
  height: 100px;
  width: 100px;
  z-index: -1;
}

@media (max-width: 1024px) {
  .bg-aap-shape {
    display: none;
  }
  .bg-app-circle {
    width: 100%;
    left: 0;
    top: -70%;
    border-radius: 10%;
  }
}
@media (max-width: 576px) {
  .bg-app-circle {
    display: none;
  }
  .bg-app-circle-two {
    display: none;
  }
}
/*------ BLOG-POST ------*/
.blog-standard-home {
  background: url(../images/background/bg-1.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 170px 0px 140px 0px;
}
.blog-standard-home .blog-standard-home-title {
  font-size: 36px;
}

.post-subtitle {
  color: #323232 !important;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

/*------ Book HOME ------*/
.book-home {
  background: url(../images/background/bg-11.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.book-home .home-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.book-home .home-center .book-home-title {
  font-size: 38px;
}
.book-home .home-center .book-price {
  font-size: 40px;
  font-weight: 600;
}
.book-home .home-center .book-home-desc {
  color: rgba(248, 249, 250, 0.9);
}

@media (max-width: 768px) {
  .book-home {
    height: auto;
  }
}
@media (max-width: 576px) {
  .book-home-title {
    font-size: 28px !important;
  }
  .book-price {
    font-size: 28px !important;
  }
}
/*------  BUSINESS HOME ------*/
.business-home {
  background: url(../images/background/bg-17.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
}
.business-home .home-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.business-home .home-center .intro {
  display: flex;
  height: 32px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.business-home .home-center .intro .typing {
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 4px;
  height: auto;
  margin-left: 10px;
  position: relative;
}
.business-home .home-center .intro .typing::after {
  content: "";
  position: absolute;
  right: -5px;
  width: 1px;
  height: 100%;
  border-right: 2px solid #ffffff;
  animation: blink 0.5s ease infinite;
}
.business-home .home-center .business-home-subtitle {
  font-size: 38px;
}
.business-home .home-center .business-home-desc {
  max-width: 600px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.7);
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*------ CONSTRUCTION-HOME ------*/
.construction-home {
  background: url(../images/background/bg-4.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
}
.construction-home .construction-home-title {
  font-size: 36px;
}
.construction-home .construction-home-border {
  border: 1px solid #ffffff;
  width: 80px;
  margin: 0 auto;
}
.construction-home .construction-home-desc {
  max-width: 700px;
  margin: 0 auto;
  color: rgba(248, 249, 250, 0.7);
}

/*------ GYM-HOME ------*/
.gym-home {
  position: relative;
}
.gym-home .container-fluid {
  overflow: hidden;
}
.gym-home .container-fluid .carousel-item {
  background-position: center center;
  background-size: cover;
}
.gym-home .container-fluid .carousel-item .gym-home-subtitle {
  font-size: 20px;
}
.gym-home .container-fluid .carousel-item .gym-home-title {
  font-size: 70px;
  text-transform: uppercase;
}

.gym-home .carousel-item,
.gym-home .carousel {
  height: 100vh;
  width: 100%;
}

@media (max-width: 576px) {
  .gym-home .gym-home-title {
    font-size: 40px !important;
  }
}
/*------ INTERIOR-HOME ------*/
.interior-home {
  position: relative;
}
.interior-home .container-fluid {
  overflow: hidden;
}
.interior-home .container-fluid .carousel-item {
  background-position: center center;
  background-size: cover;
}
.interior-home .container-fluid .carousel-item .interior-home-subtitle {
  font-size: 18px;
}
.interior-home .container-fluid .carousel-item .interior-home-title {
  font-size: 30px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.interior-home .carousel-item,
.interior-home .carousel {
  height: 100vh;
  width: 100%;
}

/*------ PHOTOGRAPHER-HOME ------*/
.photographer-home {
  background: url(../images/background/bg-12.jpg);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
}
.photographer-home .intro {
  display: flex;
  height: 32px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.photographer-home .intro .typing2 {
  font-size: 40px;
  letter-spacing: 5px;
}
.photographer-home .photographer-home-desc {
  max-width: 650px;
  color: #e9ecef;
}
.photographer-home .photographer-home-social a {
  color: #ffffff;
  font-size: 20px;
  transition: all 0.5s;
}
.photographer-home .photographer-home-social a:hover {
  color: #e9aa39;
}

/*------ SOFTWERE-HOME ------*/
.softwere-home {
  background: url(../images/background/bg-14.jpg);
  background-size: cover;
  background-position: center center;
  padding: 250px 0px 270px 0px;
  position: relative;
}
.softwere-home .softwere-home-title {
  font-size: 48px;
}
.softwere-home .softwere-home-desc {
  color: rgba(255, 255, 255, 0.6);
}
.softwere-home span {
  font-weight: 600;
}
.softwere-home .softwere-home-shape-img {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  padding: 0px;
}
.softwere-home .softwere-home-shape-img img {
  width: 100%;
  height: auto;
}
.softwere-home .softwere-home-watch-video {
  position: relative;
  z-index: 1;
}
.softwere-home .softwere-home-watch-video .modal-btn {
  text-align: center;
}
.softwere-home .softwere-home-watch-video .modal-btn .play-icon-circle {
  height: 70px;
  width: 70px;
  font-size: 30px;
  line-height: 68px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
  color: #e9aa39;
}
.softwere-home .btn-close {
  width: 24px;
  height: 24px;
  background-color: rgba(26, 51, 101, 0.5);
  border-radius: 4px;
  position: relative;
  top: 60px;
  right: 3px;
  z-index: 3;
}

/*------ STARTUP HOME ------*/
.startup-home {
  background: url(../images/background/taller.png);
  background-size: cover;
  background-position: center center;
  height: 100vh;
  position: relative;
}
.startup-home .startup-home-title {
  font-size: 36px;
}
.startup-home .startup-home-desc {
  max-width: 700px;
  color: #e9ecef;
}
.startup-home a {
  color: #ffffff;
}
.startup-home a .play-icon-circle {
  height: 70px;
  width: 70px;
  background-color: #e9aa39;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-size: 26px;
}
.startup-home .btn-close {
  width: 24px;
  height: 24px;
  background-color: rgba(26, 51, 101, 0.5);
  border-radius: 4px;
  position: relative;
  top: 60px;
  right: 3px;
  z-index: 3;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.about .progress {
  height: 3px;
  background: rgba(97, 100, 105, 0.1);
  overflow: visible;
}
.about .progress .progress-bar {
  position: relative;
  background-color: #323232;
  border-radius: 0px;
  animation: animate-positive 2s;
  overflow: visible;
}
.about .progress .progress-bar .progress-value {
  display: block;
  color: #323232;
  position: absolute;
  top: -28px;
  right: -25px;
  font-size: 13px;
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}
/*------ APP-ABOUT------*/
.app-about .app-about-icon i {
  font-size: 35px;
}

/*------ BOOK ABOUT ------*/
.book-about .book-about-icon i {
  font-size: 35px;
}
.book-about .book-about-border {
  width: 40px;
  height: 2px;
  background-color: #323232;
  opacity: 0.4;
}
.book-about .book-about-title {
  font-size: 26px;
  text-transform: uppercase;
}
.book-about .book-baout-signicher {
  font-size: 20px;
  font-family: "Dancing Script", cursive;
}

/*------ BUSINESS ABOUT ------*/
.business-about .business-about-img {
  position: relative;
}
.business-about .business-about-img img {
  border-radius: 30px;
}
.business-about .business-about-img .bg-color-overlay {
  background-color: #505050;
  opacity: 0.5;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  border-radius: 30px;
}
.business-about .business-about-img .modal-btn {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 0;
  left: 0;
  text-align: center;
}
.business-about .business-about-img .modal-btn .play-btn {
  height: 90px;
  width: 90px;
  font-size: 30px;
  line-height: 90px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
  color: #323232;
}
.business-about .business-about-img .modal-btn .play-btn .btn-icon i {
  font-size: 40px;
}
.business-about .business-about-img .home-modal {
  border: 0;
  background-color: transparent;
}
.business-about .business-about-img .btn-close {
  width: 24px;
  height: 24px;
  background-color: rgba(26, 51, 101, 0.5);
  border-radius: 4px;
  position: relative;
  top: 60px;
  right: 3px;
  z-index: 3;
}
.business-about .business-about-content .business-about-features span {
  color: #616469;
}
.business-about .business-about-content .business-about-features .about-icon {
  height: 22px;
  width: 22px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  border-radius: 50%;
  background-color: #323232;
  color: #ffffff;
}
.business-about .business-about-content .business-about-features .business-about-highlight {
  text-decoration: underline !important;
  color: #323232 !important;
  font-weight: 600;
}

/*------ CONSTRUCTION-ABOUT ------*/
.construction-about {
  padding: 80px 0px 120px 0px;
}
.construction-about .construction-about-image {
  position: relative;
  display: inline-block;
}
.construction-about .construction-about-image:before {
  border: 8px solid #323232;
  width: 100%;
  height: 100%;
  content: "";
  top: 35px;
  right: -35px;
  position: absolute;
}
.construction-about .construction-about-icon i {
  font-size: 30px;
}

/*------ INTERIOR-ABOUT ------*/
.about .interior-about-img {
  box-shadow: 30px 30px 0px 0px rgba(97, 100, 105, 0.1);
  margin-bottom: 30px;
}

/*------ PHOTOGRAPHER-ABOUT ------*/
.photographer-about-title {
  font-size: 22px;
}

.photographer-about-border {
  width: 60px;
  height: 2px;
  background-color: #323232;
}

/*------ PHOTOGRAPHER-about ------*/
.progress {
  height: 3px;
  background: rgba(97, 100, 105, 0.1);
  overflow: visible;
}
.progress .progress-bar {
  position: relative;
  background-color: #323232;
  border-radius: 0px;
  animation: animate-positive 2s;
  overflow: visible;
}
.progress .progress-bar .progress-value {
  display: block;
  color: #323232;
  position: absolute;
  top: -28px;
  right: -25px;
  font-size: 13px;
}

/*------ SOFTWERE-ABOUT ------*/
.software-about .softwere-about-icon i {
  font-size: 32px;
  border: 1px solid #e9ecef;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  color: #323232;
}
.software-about .softwere-about-icon i:hover {
  border: 1px solid #323232;
  background-color: #323232;
  transition: all 0.5s;
  color: #ffffff;
}

/*------ STARTUP ABOUT ------*/
.startup-about .startup-about-heading {
  font-size: 17px;
  max-width: 800px;
  margin: 0 auto;
}
.startup-about .startup-about-icon i {
  font-size: 30px;
}
.startup-about .startup-about-content {
  overflow: hidden;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.features-bg {
  background-color: rgba(50, 50, 50, 0.04);
}

.features span {
  width: 10px;
  height: 10px;
  background: #13121d;
  border-radius: 30px;
}
.features .features-card {
  border: none;
  background: transparent;
  text-align: center;
}
.features .features-card .avatar-md {
  margin: 0 auto;
  position: relative;
}
.features .features-card .avatar-md .avatar-title {
  background-color: rgba(50, 50, 50, 0.2) !important;
  color: #323232;
}
.features .features-card .avatar-md .avatar-title::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background-color: rgba(50, 50, 50, 0.1) !important;
  transition: all 0.4s;
}
.features .features-card .avatar-md .avatar-title::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  background-color: rgba(50, 50, 50, 0.1) !important;
  transition: all 0.4s;
}
.features .features-card .avatar-md .avatar-title i {
  font-size: 25px;
}
.features .features-card:hover .avatar-md .avatar-title::before {
  width: 78px;
  height: 78px;
}
.features .features-card:hover .avatar-md .avatar-title::after {
  width: 90px;
  height: 90px;
}
.features .features-bg {
  background-color: rgba(50, 50, 50, 0.04);
}

.features-list li {
  margin: 20px 0;
}

@media (max-width: 1024px) {
  .features-box .card-body {
    padding: 45px !important;
  }
}
/*------ GYM-FEATURES ------*/
.app-features .gym-features-info {
  overflow: hidden;
}
.app-features .gym-features-icon i {
  width: 50px;
  height: 50px;
  display: inherit;
  background-color: #323232;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
}

/*------ GYM-FEATURES ------*/
.gym-features .gym-features-info {
  overflow: hidden;
}
.gym-features .gym-features-icon i {
  width: 50px;
  height: 50px;
  display: inherit;
  background-color: #323232;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
}

/*------ STARTUP FEATURES ------*/
.startup-features-icon {
  font-size: 40px;
}

.startup-features-desc {
  max-width: 550px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.cta {
  background: url(../images/background/hangar.png);
  background-size: cover;
  position: relative;
  padding: 200px 0px 200px 0px;
}
.cta .counter-icon i {
  font-size: 40px;
  color: #f8f9fa;
}
.cta .counter-count {
  font-size: 44px;
}
.cta .counter-count .counter_value {
  font-family: "Raleway", sans-serif;
}

.cta-2 {
  background: url(../images/background/bg-2.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px;
}
.cta-2 .app-video-title {
  font-size: 33px;
  letter-spacing: 4px;
}
.cta-2 .app-video-desc {
  max-width: 700px;
}
.cta-2 .app-video-icon i {
  font-size: 40px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #ffffff;
}
.cta-2 .home-modal {
  border: 0;
  background-color: transparent;
}
.cta-2 .home-modal .btn-close {
  width: 24px;
  height: 24px;
  background-color: rgba(19, 18, 29, 0.5);
  border-radius: 4px;
  position: relative;
  top: 60px;
  right: 3px;
  z-index: 3;
}
.cta-2 .home-modal .btn-close:hover, .cta-2 .home-modal .btn-close:focus {
  opacity: 0.5;
}
.cta-2 .home-modal video:focus {
  outline: none;
}

/*------ APP-DOWNLODE------*/
.bg-app-downlode {
  background: url(../images/background/bg-3.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px;
}
.bg-app-downlode .app-downlode-title {
  font-size: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;
}

/*------ BOOK CTA ------*/
.book-bg-cta {
  background: url(../images/background/bg-15.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px;
}
.book-bg-cta .book-cta-title {
  font-size: 26px;
  letter-spacing: 2px;
}

/*------ BUSINESS COUNTER ------*/
.business-bg-counter {
  background: url(../images/blog/blog-2.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.business-bg-counter .business-counter-content .business-counter-icon i {
  font-size: 40px;
}
.business-bg-counter .business-counter-content h1 {
  font-size: 26px;
}
.business-bg-counter .business-counter-content .business-counter-desc {
  color: rgba(255, 255, 255, 0.7);
}
.business-bg-counter .business-counter-box {
  background-color: rgba(255, 255, 255, 0.13);
  padding: 40px 20px 40px 20px;
}

/*------ BUSINESS CTA ------*/
.business-bg-cta {
  background: url(../images/background/bg-2.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 120px 0px 120px 0px;
}

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

/*------ CONSTRUCTION-CTA ------*/
.bg-construction-cta {
  background: url(../images/background/bg-1.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}
.bg-construction-cta .construction-cta-content .construction-cta-title {
  font-size: 26px;
}
.bg-construction-cta .construction-cta-content p {
  max-width: 700px;
  margin: 0 auto;
}

/*------ GYM-COUNTER ------*/
.gym-bg-counter {
  background: url(../images/background/bg-7.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px !important;
}
.gym-bg-counter .gym-counter-box {
  background-color: rgba(255, 255, 255, 0.3);
}
.gym-bg-counter .gym-counter-box .gym-counter-icon i {
  color: #ffffff;
  font-size: 36px;
}
.gym-bg-counter .gym-counter-box .gym-counter-value {
  font-size: 35px;
}

/*------ PHOTOGRAPHER CTA ------*/
.bg-photographer-cta {
  background: url(../images/background/bg-13.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px !important;
}

/*------ STARTUP CTA ------*/
.bg-stratup-cta {
  background: url(../images/background/bg-15.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 120px 0px 120px 0px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
/*------ App pricing ------*/
.app-pricing .gym-pricing-box {
  border: 1px solid rgba(97, 100, 105, 0.1);
  border-radius: 6px 6px 0px 0px;
}
.app-pricing .gym-pricing-box .gym-pricing-title {
  border-bottom: 1px solid rgba(97, 100, 105, 0.1);
}
.app-pricing .gym-pricing-box .gym-pricing-title h4 {
  font-weight: 600;
  letter-spacing: 2px;
}
.app-pricing .gym-pricing-box .gym-month-lebal p {
  background-color: #e9ecef;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 3px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  bottom: 16px;
}
.app-pricing .gym-pricing-box-active {
  border: 1px solid rgba(97, 100, 105, 0.1);
  border-radius: 6px 6px 0px 0px;
}
.app-pricing .gym-pricing-box-active .gym-pricing-title-active {
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #323232;
  font-weight: 600;
  letter-spacing: 2px;
}
.app-pricing .gym-pricing-box-active .gym-pricing-plan span {
  position: relative;
  bottom: 20px;
}
.app-pricing .gym-pricing-box-active .gym-month-lebal p {
  background-color: #e9ecef;
  display: inline-block;
  padding: 5px 30px;
  border-radius: 3px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  bottom: 16px;
}

/*------ BOOK PRICING ------*/
.book-pricing .book-pricing-box {
  border: 1px solid #e9ecef;
}
.book-pricing .book-pricing-box .book-pricing-title {
  font-size: 18px;
}
.book-pricing .book-pricing-box .book-pricing-price {
  font-size: 30px;
}
.book-pricing .book-pricing-box .book-pricing-price sup {
  position: relative;
  top: -20px;
}
.book-pricing .book-pricing-features p {
  border-bottom: 1px solid #e9ecef;
  padding: 20px;
}

/*------ BUSINESS PRICING ------*/
.business-pricing .business-pricing-box {
  border: 1px solid #e9ecef;
  border-radius: 6px;
  position: relative;
}
.business-pricing .business-pricing-box .business-pricing-icon i {
  font-size: 40px;
}
.business-pricing .business-pricing-box .business-pricing-title {
  font-size: 20px;
}
.business-pricing .business-pricing-box .business-pricing-features p {
  border-bottom: 1px solid #e9ecef;
  padding: 14px 14px;
}
.business-pricing .business-pricing-box .business-pricing-features p:last-child {
  border-bottom: none;
}
.business-pricing .business-pricing-box-active {
  border: 1px solid #323232;
  border-radius: 6px;
  position: relative;
}
.business-pricing .business-pricing-box-active .business-pricing-lable {
  position: absolute;
  display: block;
  top: 0;
  right: 0px;
}
.business-pricing .business-pricing-box-active .business-pricing-lable .business-lable-name {
  position: relative;
  background-color: #323232;
  color: #ffffff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100px;
  top: 22px;
}
.business-pricing .business-pricing-box-active .business-pricing-lable .business-lable-name:after {
  content: "";
  border-top: 20px solid #323232;
  border-bottom: 20px solid #323232;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  position: absolute;
  left: -11px;
  top: 0;
}

/*------ CONSTRUCTION-PRICING ------*/
.construction-pricing-box {
  border: 1px solid #e9ecef;
  border-radius: 6px;
}
.construction-pricing-box .construction-pricing-standard {
  border-top: 4px double #e9ecef;
  border-bottom: 4px double #e9ecef;
}
.construction-pricing-box .construction-pricing-standard-active {
  border-top: 4px double #323232;
  border-bottom: 4px double #323232;
}
.construction-pricing-box .construction-pricing-img img {
  width: 140px;
  height: 140px;
}

/*------ PHOTOGRAPHER PRICING ------*/
.photographer-pricing .photographer-pricing-box {
  border: 1px solid #e9ecef;
}
.photographer-pricing .photographer-pricing-box .pricing-plan {
  position: relative;
}
.photographer-pricing .photographer-pricing-box .pricing-plan:after {
  content: "";
  width: 30px;
  position: absolute;
  left: -45px;
  bottom: 10px;
  display: block;
  border-bottom: 2px solid #323232;
}
.photographer-pricing .photographer-pricing-box-active {
  border: 1px solid #323232;
}
.photographer-pricing .photographer-pricing-icon i {
  font-size: 35px;
}
.photographer-pricing .photographer-desc {
  max-width: 700px;
  margin: 0 auto;
}

/*------ SOFTWERE-PRICING ------*/
.softwere-pricing .softwere-pricing-box {
  border: 1px solid #e9ecef;
}
.softwere-pricing .softwere-pricing-box .softwere-pricing-plan h3 {
  font-size: 40px;
}
.softwere-pricing .softwere-pricing-box .softwere-pricing-plan h3 sup {
  position: relative;
  top: -20px;
  font-size: 18px;
}
.softwere-pricing .softwere-pricing-box .softwere-pricing-plan h3 span {
  font-size: 15px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.service .agency-services-box .agency-services-icon i {
  font-size: 35px;
}

.app-service .swiper-button {
  display: flex;
  justify-content: center;
  margin: 38px 0 0 0;
}
.app-service .swiper-button .swiper-button-prev {
  left: -8px;
}
.app-service .swiper-button .swiper-button-next {
  right: -8px;
  background: rgba(50, 50, 50, 0.8);
}
.app-service .swiper-button-next, .app-service .swiper-button-prev {
  position: relative;
  background: rgba(50, 50, 50, 0.3);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.app-service .swiper-button-next:after, .app-service .swiper-button-prev:after {
  font-size: 0;
}
.app-service .tobii-zoom__icon {
  display: none;
}

.book-services-box {
  border: 1px solid rgba(97, 100, 105, 0.1);
  padding: 30px 16px 30px 16px;
}

.book-services-icon {
  font-size: 40px;
}

.book-services-border {
  width: 40px;
  height: 2px;
  background-color: rgba(31, 31, 31, 0.8);
  opacity: 0.4;
  margin: 0 auto;
}

.business-services .business-services-img img {
  width: 40px;
}

/*------ CONSTRUCTION-SERVICES ------*/
.construction-services .construction-services-img img {
  height: 30px;
}
.construction-services .construction-services-content {
  overflow: hidden;
}

/*------ INTERIOR-SERVICES ------*/
.interior-services .nav-tabs {
  background: #ffffff;
  border-color: transparent;
}
.interior-services .nav-tabs .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.interior-services .nav-tabs .nav-item .nav-link {
  text-transform: uppercase;
  color: #323232;
  padding: 16px 10px;
  border-bottom: 2px solid #323232;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0px;
}
.interior-services .nav-tabs .nav-item .nav-link .interior-services-icon i {
  font-size: 35px;
}
.interior-services .nav-tabs .nav-item.show .nav-link,
.interior-services .nav-tabs .nav-link:hover,
.interior-services .nav-tabs .nav-link:focus,
.interior-services .nav-tabs .nav-link.active {
  color: #ffffff !important;
  border-color: transparent;
  background-color: #323232 !important;
  transition: all 0.5s;
  border-radius: 0px;
}
.interior-services .about-img img {
  max-width: 200px;
  border: 5px solid #ffffff;
}

/*------ PHOTOGRAPHER-SERVICES ------*/
.photographer-services .photographer-services-title {
  position: relative;
  padding-bottom: 15px;
}
.photographer-services .photographer-services-title:after {
  content: "";
  width: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  border-bottom: 2px solid #323232;
}
.photographer-services .photographer-services-icon i {
  font-size: 30px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.container-cards .card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  max-width: 100%;
  height: 330px;
  background: white;
  border-radius: 20px;
  transition: 0.5s;
  box-shadow: 0 35px 80px rgba(0, 0, 0, 0.15);
}

.container-cards .card:hover {
  height: 300px;
}

.container-cards .card .img-box {
  position: absolute;
  top: 20px;
  width: 320px;
  height: 220px;
  background: #333;
  border-radius: 12px;
  overflow: hidden;
  transition: 0.5s;
}

.container-cards .card:hover .img-box {
  top: -100px;
  scale: 0.75;
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);
}

.container-cards .card .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container-cards .card .content {
  position: absolute;
  top: 252px;
  width: 100%;
  height: 55px;
  padding: 0 30px;
  text-align: center;
  overflow: hidden;
  transition: 0.5s;
}

.container-cards .card:hover .content {
  top: 130px;
  height: 250px;
}

.container-cards .card .content h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--clr);
}

.container-cards .card .content p {
  color: #333;
}

.container-cards .card .content a {
  position: relative;
  top: 15px;
  display: inline-block;
  padding: 12px 25px;
  text-decoration: none;
  background: var(--clr);
  color: white;
  font-weight: 500;
}

.container-cards .card .content a:hover {
  opacity: 0.8;
}

@media (max-width: 480px) {
  .container-cards .card {
    width: 230px;
    border-radius: 15px;
  }
  .container-cards .card .img-box {
    width: 185px;
    border-radius: 10px;
  }
  .container-cards .card .content p {
    font-size: 0.8rem;
  }
  .container-cards .card .content a {
    font-size: 0.9rem;
  }
}
/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.team .agency-team-img img {
  width: 100px;
}

/*------ CONSTRUCTION-TEAM ------*/
.construction-team-box {
  position: relative;
}
.construction-team-box .construction-team-social a {
  color: #ffffff;
  font-size: 20px;
  transition: all 0.5s;
}

/*------ GYM-TEAM ------*/
.gym-team .gym-team-box {
  position: relative;
}
.gym-team .gym-team-content {
  position: absolute;
  bottom: 0px;
  background-color: rgba(25, 25, 25, 0.5);
  left: 0px;
  right: 0px;
}
.gym-team .gym-team-social a {
  color: #ffffff;
  font-size: 18px;
  transition: all 0.5s;
}
.gym-team .gym-team-social a:hover {
  color: #323232;
}

/*------ INTERIOR-TEAM ------*/
.interior-team .interior-team-img img {
  width: 170px;
}

/*------ STARTUP TEAM ------*/
.interior-team .startup-team-social a {
  color: #cacaca;
  font-size: 18px;
  transition: all 0.5s;
}
.interior-team .startup-team-social a:hover {
  color: #323232;
}

/*------ INTERIOR-SUBSCRIBE ------*/
.interior-bg-subscribe {
  background: url(../images/background/bg-2.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}
.interior-bg-subscribe .interior-subcribe form {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.interior-bg-subscribe .interior-subcribe form input {
  padding: 15px 20px;
  width: 100%;
  font-size: 15px;
  color: #323232;
  border: none;
  outline: none !important;
  padding-right: 160px;
  padding-left: 15px;
  background-color: #ffffff;
  border-radius: 5px;
}
.interior-bg-subscribe .interior-subcribe form button {
  position: absolute;
  top: 0px;
  right: 0px;
  outline: none !important;
  border-radius: 0px 3px 3px 0px;
  font-size: 15px;
  padding: 14px 30px;
}

/*------ SOFTWERE-TEAM ------*/
.softwere-team .softwere-team-img img {
  border-radius: 6px 6px 0px 0px;
}
.softwere-team .softwere-team-social a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e9ecef;
  color: #888888;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  transition: all 0.5s;
}
.softwere-team .softwere-team-social a:hover {
  border: 1px solid #323232;
  color: #ffffff;
  background-color: #323232;
  transition: all 0.5s;
}

/*------ STARTUP TEAM ------*/
.startup-team-social a {
  color: #cacaca;
  font-size: 18px;
  transition: all 0.5s;
}

.startup-team-social a:hover {
  color: #323232;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.testimonial .agency-testi-desc {
  padding: 24px;
}
.testimonial #agency-owl-demo .agency-testimonial-box {
  padding-bottom: 0px !important;
}
.testimonial #agency-owl-demo .agency-testimonial-box .agency-testi-desc {
  border: 1px solid #e9ecef;
  max-width: 600px;
  margin: 0 auto;
}
.testimonial #agency-owl-demo .agency-testimonial-box .agency-testi-desc:after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  transform: rotate(45deg);
  border-color: transparent #e9ecef #e9ecef transparent;
  left: 0;
  right: 0;
  margin: 0px auto;
  margin-top: 10px;
}
.testimonial #agency-owl-demo .agency-testimonial-box .agency-testimonial-img img {
  width: 80px;
}
.testimonial .carousel-control-prev {
  width: 50px;
  height: 50px;
  background: #323232;
  font-size: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
}
.testimonial .carousel-control-next {
  width: 50px;
  height: 50px;
  background: #323232;
  font-size: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
}

/*------ APP-TESTIMONAIL------*/
.app-testimonial .testimonial-icon i {
  position: absolute;
  background: #323232;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 34px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  top: 20px;
  right: 50px;
}
.app-testimonial .app-testimonial-img {
  position: absolute;
  left: 0px;
  width: 60px;
}
.app-testimonial .app-testimonial-brand {
  color: #616469 !important;
}
.app-testimonial .swiper-button {
  display: flex;
  justify-content: center;
}
.app-testimonial .swiper-button .swiper-button-prev {
  left: -4px;
}
.app-testimonial .swiper-button .swiper-button-next {
  right: -4px;
}
.app-testimonial .swiper-button-next, .app-testimonial .swiper-button-prev {
  position: relative;
  border: 2px solid rgba(50, 50, 50, 0.6);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  color: rgba(50, 50, 50, 0.6);
}
.app-testimonial .swiper-button-next:hover, .app-testimonial .swiper-button-prev:hover {
  color: #323232;
  border: 2px solid #323232;
}
.app-testimonial .swiper-button-next:after, .app-testimonial .swiper-button-prev:after {
  font-size: 10px;
  font-weight: 600;
}
.app-testimonial .swiper-slide a {
  margin-right: 4px;
}

.bg-home6 {
  padding: 160px 0px 75px 0;
  background-color: rgba(5, 118, 185, 0.0901960784);
}
@media (max-width: 991.98px) {
  .bg-home6 {
    padding: 145px 0px 70px 0;
  }
}

.swiper-container {
  overflow: hidden;
}

.homeslider .swiper-slide {
  transform: translate3d(0px, 0px, -200px) rotateX(0deg) rotateY(0deg) !important;
}
.homeslider .swiper-slide .swiper-slide-shadow-left,
.homeslider .swiper-slide .swiper-slide-shadow-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.01), rgba(255, 255, 255, 0));
}
.homeslider .swiper-slide-active {
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1.1) !important;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
/*------ BOOK CLIENT ------*/
.book-client-desc p {
  border: 1px solid #e9ecef;
}

#book-owl-demo .owl-pagination {
  display: none;
}

.book-client-desc:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  transform: rotate(45deg);
  border-color: transparent #e9ecef #e9ecef transparent;
  left: 0;
  right: 0;
  margin: 0px auto;
  margin-top: -30px;
}

.book-client-img img {
  width: 80px;
}

/*------ BUSINESS TESTIMONIAL ------*/
.business-client .business-carousel .carousel-inner {
  min-height: 400px;
}
.business-client .business-carousel .carousel-indicators {
  align-items: center;
}
.business-client .business-carousel .carousel-indicators .active {
  background-color: none;
  opacity: 1;
}
.business-client .business-carousel .carousel-indicators button {
  cursor: pointer;
  width: 64px !important;
  height: 64px !important;
  margin-right: 5px;
  margin-left: 5px;
  opacity: 0.4;
  border-radius: 50%;
  border: 3px solid #ffffff;
  overflow: hidden;
  transition: all 0.5s;
}
.business-client .business-carousel .business-testi-box {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 30px;
  border: 1px solid #e9ecef;
}
.business-client .business-carousel .business-testi-box:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  transform: rotate(45deg);
  border: 1px solid #e9aa39;
  border-color: transparent #e9ecef #e9ecef transparent;
  left: 0;
  right: 0;
  margin: 0px auto;
  margin-top: 15px;
}
.business-client .business-carousel .carousel-control-next-icon,
.business-client .business-carousel .carousel-control-prev-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #323232;
  background-size: 100% 50%;
  border-radius: 3px;
}

/*------ CONSTRUCTION-CLIENT ------*/
.construction-client-box {
  border: 1px solid #e9ecef;
  border-radius: 6px;
}
.construction-client-box .construction-client-img img {
  border: 1px solid #e9ecef;
  position: absolute;
  top: 0px;
  max-width: 100px;
  background-color: #ffffff;
  padding: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#construction-owl-demo .owl-pagination {
  display: none;
}

.gym-client .carousel-indicators {
  bottom: -42px;
}
.gym-client .gym-client-img {
  width: 100px;
  border-radius: 3px;
}

/*------ INTERIOR-CLIENT ------*/
.interior-client .swiper {
  padding-bottom: 60px;
}
.interior-client .swiper .interior-client-box {
  border: 1px solid #e9ecef;
}
.interior-client .swiper .interior-client-box .interior-client-img img {
  width: 90px;
}
.interior-client .swiper .interior-client-box .interior-client-content {
  overflow: hidden;
}
.interior-client .swiper .swiper-pagination-bullet {
  border: 2px solid #323232;
  background-color: transparent;
  height: 15px;
  width: 15px;
  background-color: #323232;
}

/*------ PHOTOGRAPHER CLIENT ------*/
.photographer-client-icon i {
  font-size: 40px;
}

.startup-client-img img {
  width: 80px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.book-faqs .tab-content {
  padding-top: 1rem;
}
.book-faqs .tab-content .accordion .accordion-item {
  border-radius: 8px;
  margin: 19px 0 0 0;
  border: 1px solid #e9ecef;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button {
  margin: 0px 8px 0px 0;
  border-radius: 8px;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button:hover {
  color: #323232;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button::after {
  background-image: none;
  transition: all 0.5s ease;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button h6 {
  margin-bottom: 0;
  position: relative;
  font-size: 12.4px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button h6 span {
  left: 0;
  padding-right: 15px;
  padding-left: 8px;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.book-faqs .tab-content .accordion .accordion-item .accordion-body {
  padding: 0;
  border-top: 1px solid #e9ecef;
}
.book-faqs .tab-content .accordion .accordion-button:not(.collapsed) {
  color: #323232;
  background-color: transparent;
  box-shadow: none;
}
.book-faqs .tab-content .accordion .accordion-button:not(.collapsed) h6 {
  font-weight: 600;
}
.book-faqs .tab-content .accordion .accordion-button:not(.collapsed) h6 span {
  opacity: 1;
  color: #323232;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.portfolio .portfolioFilter {
  margin-bottom: 30px;
}
.portfolio .portfolio-box {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 12px;
}
.portfolio .portfolio-box .lightbox {
  display: block;
}
.portfolio .gallary-title a {
  color: #323232;
}
.portfolio .tobii-zoom__icon {
  display: none;
}
.portfolio .filter-options li {
  display: inline-block;
  margin: 3px 6px;
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 12px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  color: #323232 !important;
}
.portfolio .filter-options li.active {
  background-color: #323232 !important;
  color: #ffffff !important;
  border-radius: 3px;
}

/*------ INTERIOR-WORK ------*/
.business-portfolio .gallary-box {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 3px;
}
.business-portfolio .gallary-box .lightbox {
  display: inline-block;
}
.business-portfolio .gallary-box .lightbox .gallary-container {
  transform: scale(1);
  width: 100%;
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.business-portfolio .gallary-box .lightbox .item-effect {
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  visibility: hidden;
  overflow: hidden;
  transform: translateX(-100%);
}
.business-portfolio .gallary-box .lightbox .item-effect .item-caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  transition: all 0.5s ease-in-out 0s;
}
.business-portfolio .gallary-box:hover .item-effect {
  transition: all 0.5s;
  visibility: visible;
  transform: translateY(0px);
  position: absolute;
}

.item-effect:hover h5,
.item-effect:hover p {
  transform: translateY(0px);
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.blog .agency-blog-date {
  position: relative;
  background-color: #323232;
  display: inline-block;
  bottom: 40px;
  border-radius: 3px;
}
.blog .agency-blog-date p {
  padding: 4px 18px;
  display: block;
  color: #ffffff;
}
.blog .agency-blog-info {
  margin-top: -20px;
}
.blog .agency-blog-info a,
.blog .agency-blog-info:hover a,
.blog .business-blog-content h5 a,
.blog .construction-blog-content h4 a,
.blog .photographer-blog-content h4 a {
  color: #323232;
}

/*------ BUSINESS BLOG ------*/
.business-blog-box {
  position: relative;
}
.business-blog-box .post-lable {
  font-size: 13px;
  position: absolute;
  top: 20px;
  background: #ffffff;
  left: 0;
  padding: 5px 20px;
  letter-spacing: 1px;
  box-shadow: 10px 0px 15px rgba(0, 0, 0, 0.24);
  border-radius: 0px 20px 20px 0;
}
.business-blog-box .post-lable a {
  color: rgba(50, 50, 50, 0.8);
  font-weight: 700;
}

/*------ BLOG-STANDARD-POST------*/
.blog-post .blog-post-box .blog-standard-content {
  max-width: 800px;
  margin: 0 auto;
}
.blog-post .blog-post-box .blog-standard-content .blog-post-title {
  color: #505050;
  font-size: 24px;
  letter-spacing: 1px;
  transition: all 0.5s;
}
.blog-post .blog-post-box .blog-standard-content .blog-post-title:hover {
  color: #e9aa39;
}
.blog-post .blog-post-box .blog-standard-content .blog-post-author a {
  color: #888888;
  font-weight: 600;
}
.blog-post .blog-post-box .blog-standard-content .blog-post-comment a {
  color: #888888;
  font-weight: 600;
}
.blog-post .blog-post-info > span:after {
  content: "-";
  display: inline-block;
}
.blog-post .blog-post-info > span:last-child:after {
  content: "";
}

/*------ GYM-BLOG ------*/
.gym-blog .gym-blog-box {
  border: 1px solid #e9ecef;
}
.gym-blog .gym-blog-box .gym-blog-img img {
  clip-path: polygon(100% 0, 100% 100%, 0 80%, 0% 20%, 0 0);
}
.gym-blog .gym-blog-box .gym-blog-title {
  color: #323232;
  transition: all 0.5s ease;
}
.gym-blog .gym-blog-box .gym-blog-title:hover {
  color: #e9aa39;
}
.gym-blog .gym-blog-box .gym-blog-border {
  border: 1px solid #323232;
  width: 40px;
}

/*------ INTERIOR-BLOG ------*/
.interior-blog .date {
  float: right;
  width: 54px;
  height: 54px;
  line-height: 25px;
  text-align: center;
  border-radius: 3px;
  background-color: #323232;
  color: #ffffff;
  position: relative;
  bottom: 80px;
  left: -10px;
}
.interior-blog .blog-info a h6 {
  color: #323232;
}
.interior-blog .blog-brand {
  display: flex;
  flex-direction: column;
}
.interior-blog .blog-brand li a {
  color: #323232 !important;
  font-weight: 600;
}

.photographer-blog h4 a {
  color: #323232;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.agency-footer {
  background-color: #1f1f1f;
}
.agency-footer .footer-heading {
  letter-spacing: 4px;
  position: relative;
  color: rgba(248, 249, 250, 0.8);
}
.agency-footer .footer-link li a {
  color: rgba(248, 249, 250, 0.7);
  line-height: 38px;
  font-size: 14px;
  transition: all 0.5s;
}
.agency-footer .footer-link li a:hover {
  color: #ffffff;
}
.agency-footer .subscribe-desc {
  color: rgba(248, 249, 250, 0.7);
}
.agency-footer .agency-footer-subcribe form {
  position: relative;
  max-width: 400px;
}
.agency-footer .agency-footer-subcribe form input {
  padding: 12px 20px;
  width: 100%;
  font-size: 15px;
  color: #ffffff;
  border: none;
  outline: none !important;
  padding-right: 75px;
  padding-left: 15px;
  background-color: #323232;
  border-radius: 5px;
}
.agency-footer .agency-footer-subcribe form button {
  position: absolute;
  top: 0px;
  right: 0px;
  outline: none !important;
  border-radius: 0px 5px 5px 0px;
  font-size: 14px;
  padding: 11px 20px;
}
.agency-footer .copy-right {
  color: rgba(248, 249, 250, 0.7);
}

@media (max-width: 768px) {
  .footer-heading {
    margin-top: 30px;
  }
}
/*------ blog-bg-footer ------*/
.blog-bg-footer {
  background-color: #1f1f1f;
}
.blog-bg-footer .footer-heading {
  letter-spacing: 4px;
  position: relative;
  color: #e9ecef;
}
.blog-bg-footer .footer-link a {
  color: rgba(248, 249, 250, 0.7);
  line-height: 38px;
  font-size: 14px;
  transition: all 0.5s;
}
.blog-bg-footer .footer-link a:hover {
  color: #ffffff;
}
.blog-bg-footer .left-recent-content {
  padding-bottom: 5px;
}
.blog-bg-footer .left-recent-content .left-recent-img img {
  max-width: 80px;
  height: 46px;
  border-radius: 3px;
}
.blog-bg-footer .left-recent-content .left-recent-title {
  color: rgba(248, 249, 250, 0.7) !important;
}
.blog-bg-footer .copy-right {
  color: rgba(248, 249, 250, 0.7);
}

/*------ BOOK FOOTER ------*/
.book-bg-footer {
  background-color: #1f1f1f;
}
.book-bg-footer .book-footer-box .book-footer-icon i {
  font-size: 50px;
}
.book-bg-footer .book-footer-box .book-footer-social a {
  color: #cacaca;
  font-size: 18px;
  transition: all 0.5s;
  width: 39px;
  height: 39px;
  background-color: #444444;
  display: inherit;
  line-height: 39px;
}
.book-bg-footer .book-footer-box .book-footer-social a:hover {
  color: #ffffff;
  background-color: #e9aa39;
}
.book-bg-footer .book-footer-box .copy-right {
  color: rgba(248, 249, 250, 0.7);
}

/*------ GYM-FOOTER ------*/
.gym-bg-footer {
  background: rgba(0, 0, 0, 0.9);
}
.gym-bg-footer .gym-footer-terms li::after {
  content: "|";
  margin: 0 20px;
  color: rgba(248, 249, 250, 0.7);
}
.gym-bg-footer .gym-footer-terms li a {
  color: rgba(248, 249, 250, 0.7) !important;
  transition: all 0.5s;
}
.gym-bg-footer .gym-footer-terms li a:hover {
  color: #ffffff !important;
  transition: all 0.5s;
}
.gym-bg-footer .gym-footer-alt p {
  letter-spacing: 2px;
}
.gym-bg-footer .gym-footer-alt .copy-right {
  color: rgba(248, 249, 250, 0.7);
}

/*------ PHOTOGRAPHER FOOTER ------*/
.photographer-instagram {
  position: relative;
  left: -70px;
}

@media (max-width: 768px) {
  .photographer-instagram {
    left: 0px;
  }
}
/*------ SOFTWERE-FOOTER ------*/
.bg-softwere-footer {
  background-color: #000000;
}

.softwere-footer-icon i {
  font-size: 30px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
.agency-contact .agency-contact-icon i {
  font-size: 22px;
}
.agency-contact .agency-contact-info {
  overflow: hidden;
}
.agency-contact .custom-form .form-control {
  height: 46px;
  z-index: 2;
  font-size: 14px;
  border: 1px solid #8b8b8b !important;
}
.agency-contact .custom-form .form-control:focus {
  border-color: #e9aa39;
  outline: 0;
  box-shadow: none;
}

textarea.form-control {
  height: auto !important;
}

.error {
  margin: 8px 0px;
  display: none;
  color: #f01414;
}

.error_message {
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: #f01414;
  border: 2px solid #f01414;
}

/*------ contact ------*/
.custom-form .form-control {
  height: 46px;
  z-index: 2;
  font-size: 14px;
  border: 1px solid rgba(97, 100, 105, 0.2) !important;
}
.custom-form .form-control:focus {
  border-color: #e9aa39;
  outline: 0;
  box-shadow: none;
}
.custom-form .form-group {
  margin: 10px 0;
}

.photographer-contact-icon {
  width: 44px;
  height: 44px;
  background-color: #323232;
  font-size: 22px;
  line-height: 43px;
  text-align: center;
  color: #ffffff;
  border-radius: 3px;
}

/* Template Name: Tulsy
   File Description: Main Css file of the template
*/
/****************************************

01.variables
02.general
03.helper
04.components
05.avatar
06.menu
07.home
08.about
09.features
10.counter
11.pricing
12.contact 
13.footer


*****************************************/
/*------ GYM-FORM ------*/
.bg-gym-form {
  background: url(../images/background/bg-6.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}

.gym-form label {
  color: #f7f7f7;
  margin-bottom: 20px;
}

.gym-form .form-control {
  height: 48px;
  background-color: rgba(255, 255, 255, 0.4);
  border: transparent;
  color: #ffffff;
}

/*# sourceMappingURL=style.css.map */
