/*@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica.woff2') format('woff2'),
        url('../webfonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica-Bold.woff2') format('woff2'),
        url('../webfonts/Helvetica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/HelveticaCE.woff2') format('woff2'),
        url('../webfonts/HelveticaCE.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../webfonts/Helvetica-Light.woff2') format('woff2'),
        url('../webfonts/Helvetica-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }
body{ font-family: 'Poppins', sans-serif; overflow-x: hidden;}

ul{ padding:0px; margin:0px;}
a{ color:#000;}
a:hover{ color:#b69c69;}
ul li{ list-style: none;}
img{ max-width: 100%;}
a{text-decoration: none; transition: all 0.4s;}
a:hover{text-decoration: none; transition: all 0.4s;}
figure{ margin-bottom:0px;} 
@-webkit-keyframes navbarFixed {
	0% {
		opacity          : 0;
		-webkit-transform: translateY(-100%);
		transform        : translateY(-100%);
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateY(0);
		transform        : translateY(0);
	}
}

@keyframes navbarFixed {
	0% {
		opacity          : 0;
		-webkit-transform: translateY(-100%);
		transform        : translateY(-100%);
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateY(0);
		transform        : translateY(0);
	}
}

@keyframes apply_now {
	0% {top: 15px;}
    50% {top: 0px;}
}
@-webkit-keyframes navbarFixed {
	0% {
		opacity          : 0;
		-webkit-transform: translateY(-100%);
		transform        : translateY(-100%);
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateY(0);
		transform        : translateY(0);
	}
}
@keyframes navbarFixed {
	0% {
		opacity          : 0;
		-webkit-transform: translateY(-100%);
		transform        : translateY(-100%);
	}

	100% {
		opacity          : 1;
		-webkit-transform: translateY(0);
		transform        : translateY(0);
	}
}
/* banner image zoom effect keyframes start*/
@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}

.service-page-cont p a {
    font-weight: 700;
}

/* banner image zoom effect keyframes end*/
.progress { position: fixed; top: 0; left: 0; height: 7px; background-color: #000; transition: all linear 0.1s; border-radius: 0; z-index: 999; }
body:before { content: '';position: fixed; left: 0; top: 0;width: 100%; height: 100vh;background: #000;z-index: 9999; transform: scaleY(1); transform-origin: top; transition: .5s; transition-delay: .5s;}
body.overlay-onload:before { transform: scaleY(0);}
/* header css */
.sticky .header-main { position: fixed; width: 100%; background: #fffffff7; top: 0;transition: .5s; -webkit-animation: navbarFixed .5s;animation: navbarFixed .5s;}
.sticky .header-main .header_navigation .menu li a { color: #000; }
.sticky .header-main .logo a img { filter: invert(1);}
.header-top { background: #0f1113;}
.header-top .content-heade-top ul { display: flex; align-items: center; justify-content: flex-end;padding: 10px 0px;}
.header-top .content-heade-top ul li { margin-left: 35px;}
.header-top .content-heade-top ul li a { color: #fff; font-weight: 300; font-size: 13px; display: flex; align-items: center;}
.header-top .content-heade-top ul li a i {  padding-right: 5px;  font-size: 16px;}

header { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; z-index: 99; transition: all 0.4s ease-in-out 0s;}
header.sticky { box-shadow: 0px 15px 10px -15px rgb(46, 45, 45); width: 100%; transition: all 0.4s ease-in-out 0s; }
.logo img {-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.body_fixed{ position: fixed; top: 0px; left: 0px; width:100%;}
.header_left { display: flex;  flex-wrap: wrap; width:15%;}
.header {padding: 10px 0px; justify-content: space-between; display: flex; flex-wrap: wrap; color: #fff; align-items: center; position: relative; transition: all 0.4s ease-in-out 0s;}
.header_navigation .menu{ display: flex; flex-wrap:wrap; list-style: none; align-items: center;}
.header_navigation .menu > li{ margin-right: 50px;}
.header_navigation .menu > li:last-child{ margin-right:0px;}
.header_navigation ul li a { text-transform: capitalize; color: #fff; font-size: 15px; font-weight: 500;}
.header_navigation ul li a:hover{ color:#dbdbdb;}
.mobile_header{ display:none;}
.header_navigation{ margin: auto;}
.header_navigation ul li{ position: relative; }
.header_navigation ul li .sub-menu { background-color: black; color: #fff; position: absolute; min-width: 270px; width: 100%; left: 0; top: calc(100% + 0px); z-index: 1; visibility: hidden;  opacity: 0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0);  transform: scaleY(0); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;  transform-origin: 0 0 0; margin-left: 0; padding: 0;  -webkit-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45); -moz-box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45); box-shadow: 0px 10px 9px -2px rgba(0,0,0,0.45);}
.header_navigation ul li .sub-menu::before {   content: "";  background-color: #faf8f1;  opacity: 0.9;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}
.header_navigation ul li:hover  .sub-menu, .header_navigation ul li:focus {  visibility: visible;  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);
-o-transform: scale(1);  transform: scale(1);}
.header_navigation ul li .sub-menu li{ display: block; width:100%; margin-right:0px; padding:0px; }
.header_navigation ul li .sub-menu li a { color: #000; width: 100%; display: block; padding: 10px 15px; margin-bottom: 1px; font-size: 14px; border-bottom: 1px solid #ffffff; text-transform: uppercase;}
.header_navigation ul li .sub-menu li:last-child a{ border-bottom:none; }
.header_navigation ul li .sub-menu li a:hover{ background-color:#000; color:#fff !important;}
.menu_section .menu_bottom  .sub-menu li{ padding:0px; display:block; }
.menu_section .menu_bottom  .sub-menu{ display:block;}
.header_navigation .arrow i{ font-size: 14px; color: #fff;  line-height: 14px;  margin-left: 5px;}
/*.header_navigation .menu > li span.arrow { display: none;}*/
.navbar-fostrap {  display: none;}

/*.header_navigation .menu li.menu-item-has-children:nth-child(2) span.arrow { display: block; position: absolute; top: 0; right: -15px;}*/
.sticky .header_navigation .menu li.menu-item-has-children span.arrow i { color: #000; }



/*header_navigation_desktop*/

/*banner css start*/
.banner__slider .slide__content--headings .button-custom { background: #fff;font-size: 15px; border-radius: 0; border: 0; padding: 24px 46px; transition: .3s;}
.banner__slider .slide__content--headings .button-custom:hover {background: #000; color: #fff; transition: .5s;}
.banner__slider { position: relative; overflow: hidden;}
.banner__slider .slick-list { overflow: initial; }
.banner__slider .slide__content--headings { text-align: center;}
.slide {position: relative;transition: 1s;}
.banner__slider .slide .slide__img {width: 100%;height: auto;overflow: hidden;background: #1a100d;}
.banner__slider .slide .slide__img img { opacity: 0.65 !important;}
.slide .slide__img img {max-width: 100%;height: auto;opacity: 1 !important;-webkit-animation-duration: 5s; animation-duration: 5s;transition: all 1s ease;}
.slide .slide__content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.slide .slide__content.slide__content__left {left: 15%;transform: translate(-15%, -50%);}
.slide .slide__content.slide__content__right {right: 15%;left: auto;transform: translate(5%, -50%);}
.slide .slide__content--headings h2 {font-size: 4.5rem;margin: 10px 0;}
.slide .slide__content--headings .title { font-size: 55px; text-transform: uppercase; margin-bottom: 55px; font-weight: 400; color: #fff;}
.slider [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s; transition: 1s;}
.slick-dotted .slick-slider {margin-bottom: 30px;}
.slick-dots { position: absolute;bottom: 25px;list-style: none;display: block;text-align: center; padding: 0;margin: 0; width: 100%;}
.slick-dots li {position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {border: 0;display: block;outline: none;line-height: 0px;font-size: 0px;color: transparent;padding: 5px;cursor: pointer; transition: all 0.3s ease;}
.slick-dots li button:hover, .slick-dots li button:focus {  outline: none;}
.simple-dots .slick-dots li { width: 20px;height: 20px;}
.simple-dots .slick-dots li button {border-radius: 50%;background-color: white;opacity: 0.25; width: 20px;height: 20px;}
.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {opacity: 1;}
.simple-dots .slick-dots li.slick-active button {color: white;opacity: 0.75;}
.stick-dots .slick-dots li {height: 3px;width: 50px;}
.stick-dots .slick-dots li button {position: relative;background-color: white;opacity: 0.25;width: 50px;height: 3px;padding: 0;}
.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {opacity: 1;}
.stick-dots .slick-dots li.slick-active button {color: white;opacity: 0.75;}
.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {opacity: 1;}
.zoomOutImage {-webkit-animation-name: zoomOutImage; animation-name: zoomOutImage;transition: 1s;}
.slick-nav { --active: #fff; --border: rgba(255, 255, 255, .12); width: 44px; height: 44px; position: absolute; cursor: pointer; top: calc(50% - 44px);}
.slick-nav.prev-arrow { left: 3%; transform: scaleX(-1); z-index: 9;}
.slick-nav.next-arrow { left: auto; right: 3%;}
.slick-nav i { display: block; position: absolute;margin: -10px 0 0 -10px; width: 20px; height: 20px; left: 50%; top: 50%;}
.slick-nav i:before, .slick-nav i:after { content: "";width: 10px;height: 2px;border-radius: 1px;position: absolute;left: 50%;top: 50%;background: var(--active); margin: -1px 0 0 -5px; display: block;transform-origin: 9px 50%;}
.slick-nav i:before { transform: rotate(-40deg);}
.slick-nav i:after { transform: rotate(40deg);}
.slick-nav:before, .slick-nav:after { content: "";display: block;position: absolute;left: 1px;right: 1px;top: 1px;bottom: 1px;border-radius: 50%;border: 2px solid var(--border);}
.slick-nav svg {width: 44px; height: 44px;display: block; position: relative; z-index: 1;color: var(--active);stroke-width: 2px;stroke-dashoffset: 126;stroke-dasharray: 126 126 0;transform: rotate(0deg);}
.slick-nav.animate svg { -webkit-animation: stroke 1s ease forwards 0.3s; animation: stroke 1s ease forwards 0.3s;}
.slick-nav.animate i { -webkit-animation: arrow 1.6s ease forwards; animation: arrow 1.6s ease forwards;}
.slick-nav.animate i:before {-webkit-animation: arrowUp 1.6s ease forwards; animation: arrowUp 1.6s ease forwards;}
.slick-nav.animate i:after { -webkit-animation: arrowDown 1.6s ease forwards; animation: arrowDown 1.6s ease forwards;}
.slick-initialized .slick-slide div { font-size: 0;}
/*banner css end*/

/*customer css start*/
.customer { padding: 70px 0px 0px 0px; background: #faf8f1;}
.customer-left-content h2 {font-size: 40px; font-weight: 600;text-transform: uppercase;line-height: 1.5; color: #1c1310;}
.customer-left-content h3 {font-size: 36px;margin-bottom: 35px; text-transform: uppercase; color: #1c1310;}
.customer-left-content { padding-right: 80px; border-right: 1px solid #000; height: 100%;}
.customer-right-content {height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 20px 140px; border-left: 1px solid #000;}
.customer-right-content p {font-size: 16px;color: #000;}
.customer .top-dtl-incustomer [class*=col] { padding: 0px 4px; }
.approach-dtl {padding: 50px 0px;}
.approach-dtl-content .content-approach { padding-top: 35px;}
.approach-dtl-content .content-approach h4 {font-size: 30px; font-weight: 700; margin-bottom: 25px; text-transform: capitalize;}
.approach-dtl-content .content-approach p { font-size: 15px; line-height: 1.8;color: #000;  margin: 0; font-weight: 500;} 
.approach-dtl-content figure { position: relative; overflow: hidden;}
.approach-dtl-content .zoom { animation: scale 8s linear infinite; min-height: 440px; height: 440px; object-fit: cover;}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
/*customer css end*/

/*our-vision css start*/
.our-vision { background-image: url(../images/out-vision-1.jpg); background-repeat: no-repeat;width: 100%; padding: 60px 0px;position: relative;background-size: cover;}
.our-vision:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #0000008c; }
.vision-heading { z-index: 99; position: relative; max-width: 600px; margin: auto;  text-align: center;}
.vision-heading h6 { margin-bottom: 30px;color: #fff; font-weight: 400; font-size: 20px;  line-height: 1.4;}
.vision-heading h2 { color: #fff; font-size: 54px; text-transform: capitalize;margin-bottom: 30px;}
.our-vision-midile-content { position: relative; z-index: 9; padding: 45px 60px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.midile-content-vision { text-align: center; padding: 0px 50px;}
.our-vision-midile-content .midile-content-vision h6 { position: relative; color: #fff;font-size: 17px; margin-bottom: 20px;font-family: 'Poppins', sans-serif; letter-spacing: 2px;}
.our-vision-midile-content .midile-content-vision h6:before {content: '';position: absolute; left: 0; right: 0;bottom: -25px;background: #fff;height: 2px;width: 70px;margin: auto;}
.midile-content-vision p { margin: 0; color: #fff; font-weight: 100; font-size: 15px; line-height: 1.6; padding-top: 20px;}
.bottom-content { position: relative; z-index: 9;  text-align: center; padding-top: 45px;}
.bottom-content h5 { color: #fff; margin: 0; font-size: 20px; font-weight: 400; letter-spacing: 1px;}
.circles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.circles li {  position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgb(0 0 0 / 66%); animation: animate 25s linear infinite; bottom: -150px;}
.circles li:nth-child(1) {left: 25%;width: 80px;height: 80px; animation-delay: 0s;}
.circles li:nth-child(2) {left: 10%;width: 20px;  height: 20px; animation-delay: 2s; animation-duration: 12s;}
.circles li:nth-child(3) { left: 70%;width: 20px;height: 20px;animation-delay: 4s;}
.circles li:nth-child(4) { left: 40%; width: 60px; height: 60px;animation-delay: 0s; animation-duration: 18s;}
.circles li:nth-child(5) { left: 65%; width: 20px; height: 20px;animation-delay: 0s;}
.circles li:nth-child(6) {left: 75%;width: 110px;height: 110px;animation-delay: 3s;}
.circles li:nth-child(7) {left: 35%; width: 150px;height: 150px;animation-delay: 7s;}
.circles li:nth-child(8) {left: 50%;width: 25px;height: 25px;animation-delay: 15s; animation-duration: 45s;}
.circles li:nth-child(9) {left: 20%; width: 15px;height: 15px; animation-delay: 2s;animation-duration: 35s;}
.circles li:nth-child(10) {left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s;}
@keyframes animate {
   0% {
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
   }
   100% {
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
   }
}

/*our-vision css end*/

/*recent-post css start*/
.recent-post { background: #faf8f1; padding: 65px 0px 50px 0px; transition: .5s;}
.recent-post-heading h2 { font-size: 36px; color: #000; font-weight: 700; margin-bottom: 50px; }
.recent-post-img {display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap;}
.recent-in-back { background: #000; transition: .5s;}
.recent-in-back .recent-post-heading h2 { color: #fff; }
.recent-post .view-img {background: #d0cec9; padding: 40px 60px;}
/*recent-post css end*/

/*join-form css start*/
.join-form { background-image: url(../images/join.jpg); background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0px 130px 0px; }
.join-form .form-content { max-width: 500px; margin: auto;}
.join-form .form-content h4 { color: #fff;font-size: 27px; margin-bottom: 40px;}
.join-form .form-content form .form-group input.form-control {background: #f000; border-radius: 0;border: 0; border-bottom: 2px solid #fff;padding: 10px 0px; margin-bottom: 35px; color: #fff;}
.join-form .form-content form .form-group ::placeholder { color: #ffffffad; font-size: 15px; font-weight: 300; font-style: italic; }
.join-form .form-content form .form-group input.form-control:focus { box-shadow: 0 0 0; }
.join-form .form-content form .form-group button.btn-in { width: 100%; border: 1px solid #ffff; background: #f000; color: #fff; font-size: 17px; padding: 9px 15px; transition: .3s;}
.join-form .form-content form .form-group button.btn-in:hover { background: #fff; transition: .3s; color: #000; }
/*join-form css start*/


/*footer css start*/
footer .row { padding: 0px; margin: 0px; }
footer [class*=col] { padding: 0px; }
.footer-left { background: #1f1f1f; padding: 35px 0px 40px 170px; height: 100%;}
.footer-right {background: #000000; height: 100%; padding: 70px 200px;}
.footer-left-content .heading-footer {
    padding: 10px 0px 20px 0px;
}
.footer-left-content .heading-footer h4 { color: #fff; margin: 0px; padding-bottom: 10px; font-weight: 500;  font-size: 36px; text-transform: capitalize;}
.footer-left-content .heading-footer p {margin: 0;color: #bcbcbc; font-size: 24px; font-weight: 300;}
.footer-left-content .adress-footer {display: flex;align-items: flex-start; justify-content: flex-start;}
.footer-left-content .adress-footer .office h6 {margin: 0; text-transform: uppercase;padding-bottom: 5px;color: #bcbcbc; font-size: 20px; font-weight: 300; font-family: 'Poppins', sans-serif; font-style: italic;}
.footer-left-content .adress-footer .office p { margin: 0;color: #bcbcbc; font-size: 15px; line-height: 1.7;}
.footer-left-content .adress-footer .conatct-footer { padding-left: 100px;}
.footer-left-content .adress-footer .conatct-footer h6 { color: #bcbcbc; font-weight: 300; margin: 0; padding-bottom: 5px; font-size: 20px; text-transform: uppercase;font-family: 'Poppins', sans-serif; font-style: italic;}
.footer-left-content .adress-footer .conatct-footer a { padding-bottom: 15px; display: block; color: #bcbcbc; font-size: 15px; transition: .3s;}
.footer-left-content .adress-footer .conatct-footer a:hover { color: #fff; transition: .3s; }
.footer-left-content .adress-footer .conatct-footer ul {  display: flex;align-items: center;justify-content: flex-start;}
.footer-left-content .adress-footer .conatct-footer ul li { padding-right: 15px;}
.footer-right form .form-group { margin-bottom: 25px; }
.footer-right form .form-group input.form-control { padding: 15px 5px;background: #f000; border-radius: 0; border: 0;border-bottom: 1px solid #fff;color: #fff;}
.footer-right form .form-group input.form-control:focus { box-shadow: 0 0 0; }
.footer-right form .form-group ::placeholder { color: #bcbcbc; font-style: italic; font-size: 14px;  }
.footer-right form .form-group textarea.form-control { border: 0; border-radius: 0; background: #f000; border-bottom: 1px solid #fff; height: 60px; color: #fff;}
.footer-right form .form-group textarea.form-control:focus { box-shadow: 0 0 0; }
footer .footer-right [class*=col] { padding: 0px 15px; }
.footer-right form .form-group p { margin: 0; color: #bcbcbc;font-size: 14px;font-style: italic; display: flex; align-items: center;justify-content: flex-start;}
.footer-right form .form-group p span { padding-left: 10px;}
.footer-right form .form-group button.btn-footer { background: #f000; border: 1px solid #fff; display: block;width: 100%;color: #fff; font-size: 18px; padding: 8px 15px;transition: .3s;}
.footer-right form .form-group button.btn-footer:hover { background: #fff; color: #000; transition:  }
.footer-bottom { text-align: center;background: #faf8f1;}
.footer-bottom p { margin: 0; font-size: 15px; padding: 35px 15px;}

.footer-left span {
    color: #fff;
    padding-top: 20px;
    display: block;
    font-size: 16px;
}
/*footer css end*/

/*sub-banner css start 17-04-23*/
.sub-banner { position: relative;}
.sub-banner .sub-banner-cont { position: absolute; top: 55%; max-width: 680px; transform: translate(0px, -50%); text-align: center; left: 0; right: 0; margin: auto;}
.sub-banner .sub-banner-cont h3 { color: #fff; font-size: 36px; margin: 0; padding-bottom: 20px; font-weight: 500; text-shadow: 0px 5px 0px #212121;}
.sub-banner .sub-banner-cont p { margin: 0;color: #fff; font-size: 17px; font-weight: 300; margin-bottom: 40px;}
.sub-banner .sub-banner-cont .custom-button {background: #fff; padding: 24px 46px; font-size: 15px; transition: .3s; text-transform: uppercase;}
.sub-banner .sub-banner-cont .custom-button:hover { transition: .3s; background-color: #000; color: #fff;}
.sub-banner figure img { width: 100%;}

.about-section { background-color: #faf8f1; padding-bottom: 60px; }
.about-section .about-section-main { max-width: 1270px; margin: auto; margin-top: -65px;}
.about-heading { position: absolute; left: 60px;}
.about-heading h2 { margin: 0; color: #fff; text-transform: uppercase; font-size: 42px; font-weight: 400;}
.about-field { position: relative; text-align: center;}
.about-field figure img { border-radius: 30px;}
.about-field h2 { margin: 0; text-align: center; position: absolute; bottom: 55px; color: #fff; font-size: 30px; font-weight: 400; left: 0; right: 0; text-transform: uppercase;}
.about-in-bottom { text-align: center; padding: 100px 25px 30px 25px;}
.about-in-bottom .about-in-bottom-heading h2 { margin: 0; position: relative; text-transform: uppercase; padding-bottom: 70px; font-family: 'Poppins';font-size: 36px; font-weight: 300; color: #1c1310;}
.about-in-bottom .about-in-bottom-heading h2:before { content: ''; position: absolute; text-align: center; bottom: 35px; background-color: #faf8f1; width: 300px; height: 10px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: auto; left: 0; right: 0;}
.about-in-bottom-heading p { margin: 0; font-size: 20px; font-family: 'Playfair Display', serif; color: #000; font-weight: 600; line-height: 1.9;}
.properties { background: #fff; padding: 40px 0px;box-shadow: 0px 0px 15px 0px #bfbfbf;}
.properties .properties-main { max-width: 1170px; margin: auto;}
.properties-view { position: relative;}
.properties-view figure img { border-radius: 30px; }
.properties-view h2 { position: absolute; top: 50%; left: 0; right: 0; color: #fff; text-transform: uppercase; text-align: center; margin: 0; transform: translate(0px, -50%);}
.properties-cont { padding-left: 20px; padding-top: 15px;}
.properties-cont p { font-size: 15px; line-height: 1.7; color: #000;}
/* RESPONSIVE CSS */

/*services page css start */
.service-sub-banner h2 { position: absolute; bottom: 0px; left: 60px; text-align: center; transform: translate(0px, -50%); color: #fff; font-size: 42px; text-transform: uppercase; margin: auto;}
.service-page { background: #faf8f1; padding: 80px 0px;}
.service-page .main-service { max-width: 1100px; margin: auto;}
.service-page-cont p { font-size: 16px; line-height: 1.7; color: #000;}
.service-page-cont ul { display: flex; align-items: center; justify-content: space-between; column-gap: 20px; margin-top: 35px;}
.service-page-cont ul li { width: 25%; display: flex; align-items: center; justify-content: center; position: relative; transition: .5s;}
.service-page-cont ul li:hover :before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #00000082; overflow: hidden; border-radius: 22px; transition: .5s;}
.service-page-cont .apply { background: #000; padding: 14px 40px; display: inline-block; color: #fff; text-transform: uppercase; font-size: 16px; transition: .3s;}
.service-page-cont .apply:hover { transition: .3s; color: #000; background-color: #fff; box-shadow: 0px 0px 5px 0px #ccc;}
/*services page css end */

/*contact page css start*/
.contact-page { background: #faf8f1; padding: 80px 0px; position: relative;}
.contact-page .contact-cont { max-width: 1100px; margin: auto; background: #fff; padding: 50px; box-shadow: 0px 0px 10px 0px #e8e8e8; border-radius: 5px;}
.contact-form form .form-group { margin-bottom: 20px; position: relative;}
.contact-form form .form-group .form-control { border-bottom: 2px solid #000 !important; border-radius: 0; padding: 10px 15px; font-size: 16px; font-weight: 500;}
.contact-form form .form-group .form-control:focus { box-shadow: 0 0 0; border: 1px solid #000; }
.contact-form form .form-group textarea.form-control { min-height: 125px;}
.contact-form form .form-group button.btn-sub { background: #000; color: #fff; border: 0; padding: 12px 30px; text-transform: uppercase; font-weight: 500; font-size: 16px; letter-spacing: 1px; transition: .3s;}
.contact-form form .form-group button.btn-sub:hover { background-color: #fff; color: #000; box-shadow:  0px 0px 10px 0px #ccc; transition: .3s; }
.contact-dtl .dtl-box {
    background: #faf8f1;
    padding: 30px;
    text-align: center;
    min-height: 220px;
    width: 33%;
}
.contact-dtl .dtl-box h4 { font-family: 'Poppins'; font-size: 20px; font-weight: 700; margin: 0; padding: 10px 0px 0px 0px;}
.contact-dtl .dtl-box p { font-size: 15px; color: #353535; line-height: 1.3; padding-top: 5px;}
.contact-dtl .dtl-box a { font-size: 15px; color: #353535; padding-top: 5px; display: block; transition: .3s;}
.contact-dtl .dtl-box a:hover { transition: .3s; color: #000; }
.contact-dtl .dtl-box span {background: #fff; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; border: 2px solid #fff; font-size: 18px; transition: .3s;}
.contact-dtl .dtl-box span:hover { background-color: #000; color: #fff; transition: .3s; cursor: pointer; }
.google-maps { font-size: 0;}
.google-maps iframe { width: 100%; min-height: 400px;}
/*contact page css start*/

/*whatsapp btn css*/
.whatsapp-btn a { background: #0dc900; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 30px; position: fixed; right: 20px;  top: 50%; transform: translate(0px, -50%);}

/*dummy change css 01-05-23*/
.img-serv img { border-radius: 22px; float: left; margin-right: 25px;}
.golden-visa-prd img { border-radius: 22px; float: left; margin-right: 25px;}
.service-text p:nth-child(2) { font-weight: 600;}
.service-page-cont ul li img { border-radius: 22px;}
.tlc-in-service img { border-radius: 20px; float: left; margin-right: 20px;}
.investors-in img { border-radius: 22px; float: left; margin-right: 20px;}

/*dubai-properties-section*/

.dubai-properties { padding: 80px 0px;}
.properties-box { position: relative; overflow: hidden; transition: .5s; height: 100%;}
.properties-dtl { background: #faf8f1; padding: 15px; height: 100%;}
.properties-dtl h3 { margin: 0; padding-bottom: 10px; font-size: 18px; font-weight: 700; color: #000; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.properties-dtl h6 {
    margin: 0;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.properties-dtl h6 i {
    padding-right: 2px;
}
.properties-dtl ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.properties-dtl ul li {
    border: 1px solid #717171;
    padding: 5px 15px;
    color: #717171;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .3s;
    margin-right: 15px;
}
.properties-dtl ul li:hover {
  color: #000;
  border: 1px solid #000;
  transition: .3s;
}
.properties-dtl ul li a i {
    padding-right: 5px;
}
.dubai-properties .properties-content-in {
    max-width: 1600px;
    margin: auto;
}
.properties-dtl p {
    font-size: 14px;
    margin-bottom: 20px; color: #000;
}
.properties-box figure { overflow: hidden; }
.properties-box figure img {
    transition: .5s;
    height: 220px;
    object-fit: cover;
}
.properties-box figure img:hover{
  -webkit-transform: scale(1.12);
    transform: scale(1.12);
    transition: .5s;
    cursor: pointer;
  }

/*dubai-properties-section*/

/*new css contact page*/
.contact-dtl {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}


/*new css contact page*/

/*RESPONSIVE CSS*/

@media(min-width:1900px){
.container{ max-width: 1560px; }
.header-main .container { max-width: 1740px; margin: auto; }
.header-top .container { max-width: 1740px; margin: auto; }
}

@media(min-width:1200px) and (max-width:1499px){   
.header_navigation .menu > li {margin-right: 20px;}      
h1 { font-size: 48px; padding: 10px 0px; }    
}

@media(max-width:1199px){
.header_navigation ul.menu li .sub-menu li { margin: 0px;}
.header_navigation.visible ul.menu li a {color: #fff !important;}
/*nav_START*/
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow { color: #000; background: #f8f8f8; right: 15px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center;}
.header_navigation ul li .sub-menu li a { border-bottom: 0; }
.header_navigation.visible  ul.menu  li.menu-item-has-children span.arrow  i{ color: #000; margin: 0; }
.header_navigation ul li:hover > .sub-menu, .header_navigation ul li:focus {visibility: visible;opacity: 1;-webkit-transform: scale(1);
    -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.header_navigation  ul.menu li .sub-menu {background-color: rgb(0 191 146);position: absolute;width: 200px;
    left: 0;top: calc(100% + 42px);z-index: 1;visibility: hidden;opacity: 0;-webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);-ms-transform: scaleY(0);-o-transform: scaleY(0);transform: scaleY(0);
    -webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;transform-origin: 0 0 0;margin-left: 0;
    box-shadow: 0 0px 13px #eaeaea;}
.header_navigation.visible {right: 0;-webkit-transition: right .4s ease;-moz-transition: right .4s ease;-ms-transition: right .4s ease;
-o-transition: right .4s ease;transition: right .4s ease;height: 100vh;}
.header_navigation {z-index: 999;width: 100%; max-width: 100%; display: block;bottom: 0;position: fixed; right: -100%; top: 0;
    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;
    -o-transition: all .4s ease;transition: all .4s ease;margin: 0;border: 0;border-radius: 0;
    overflow-y: auto;overflow-x: hidden;height: 100vh; }
.mobile_header {padding: 15px 15px; display: flex; justify-content: space-between;align-items: center; /*background-color: #000;*/}
.mobile_header img {max-width:80px; max-height: 60px;}
span.arrow {position: absolute;top: 0;bottom: 0;right: 0;width: 40px;height: auto;line-height: 24px;font-size: 13px;text-align: center;color: #424242;display: block;}
.header_navigation ul.menu li .sub-menu {border: none;box-shadow: none; top: 0px;opacity: 1;min-width: 100%;width: 100%;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);transition: none;visibility: visible;left: 0px;z-index: 99;
background-color: #faf8f1;position: inherit;display: none;}
.header_navigation ul li:last-child, .menubar_logo {display: block;}
.header_navigation ul.menu li .sub-menu li a {font-size: 15px;background: #000; color:#fff;}
.header_navigation ul li a {font-size: 18px;padding: 0;display: block; text-transform: uppercase;color: #fff;font-weight: 600; text-align: center;border: 0;}
.header_navigation ul li{ width:100%; display:block; }
.header_navigation ul li a:hover{ background-color: #000; color: #a78646; }
header .header_navigation  ul.menu li {    margin-right: 0px;    padding: 0px;}    
/*nav_end*/

.navbar-fostrap {display: inline-block;cursor: pointer; margin-left:15px; padding:0px 0 0px;z-index: 1; padding-top:2px;}
.navbar-fostrap span {height: 3px;background: #fff;margin: 5px 0;display: block;transition: 0.3s ease;width: 30px;}
.navbar-fostrap span:first-child{width: 30px;}
.navbar-fostrap span:nth-child(2){width: 23px; margin-left: auto;}
.navbar-fostrap span:last-child{width: 15px;margin-left: auto;}
header button.close {background-color: transparent; margin-left: auto;border:0;}
header button.close img{width: 15px;} 
    
.logo { max-width: 200px;} 
.header{ padding:15px 0px;}    
header .logo img{ max-width: 90px; }

/* animated */
.header_navigation .menu{background-color: transparent;padding-left: 0;}
.header_navigation ul li{ position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: left;    color: #fff; overflow: hidden;  -webkit-transform: translate(30px, 0%); transform: translate(30px, 0%);-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;    transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; margin-top: 15px; margin-bottom: 15px;}
.header_navigation.visible ul li{opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}
.header_navigation.visible ul li:nth-child(1) {-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.header_navigation.visible ul li:nth-child(2) {-webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.header_navigation.visible ul li:nth-child(3) {-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
.header_navigation.visible ul li:nth-child(4) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
.header_navigation.visible ul li:nth-child(5) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
.header_navigation.visible ul li:nth-child(6) {-webkit-transition-delay: 1s; transition-delay: 1s;}
.header_navigation.visible ul li:nth-child(7) {-webkit-transition-delay: 0.7s; transition-delay: 1.1s;}
.header_navigation.visible ul li:nth-child(8) {-webkit-transition-delay: 0.8s; transition-delay: 1.2s;}
.header_navigation.visible ul li:nth-child(9) {-webkit-transition-delay: 0.9s; transition-delay: 1.3s;}

.header_navigation:before, .header_navigation:after {content: ""; position: absolute; top: 0px; left: 0px; width: 0; height: 0; background-color: rgba(20, 21, 26,0.6);border-bottom-right-radius: 200%; z-index: -1; transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.header_navigation:after {background-color: rgba(9,9,12,1);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff0f' fill-opacity='1' d='M0 128L9.2 128C18.5 128 37 128 55 133.3C73.8 139 92 149 111 165.3C129.2 181 148 203 166 186.7C184.6 171 203 117 222 112C240 107 258 149 277 176C295.4 203 314 213 332 202.7C350.8 192 369 160 388 122.7C406.2 85 425 43 443 74.7C461.5 107 480 213 498 240C516.9 267 535 213 554 202.7C572.3 192 591 224 609 250.7C627.7 277 646 299 665 298.7C683.1 299 702 277 720 250.7C738.5 224 757 192 775 192C793.8 192 812 224 831 240C849.2 256 868 256 886 234.7C904.6 213 923 171 942 154.7C960 139 978 149 997 133.3C1015.4 117 1034 75 1052 48C1070.8 21 1089 11 1108 48C1126.2 85 1145 171 1163 186.7C1181.5 203 1200 149 1218 138.7C1236.9 128 1255 160 1274 197.3C1292.3 235 1311 277 1329 277.3C1347.7 277 1366 235 1385 192C1403.1 149 1422 107 1431 85.3L1440 64L1440 320L1430.8 320C1421.5 320 1403 320 1385 320C1366.2 320 1348 320 1329 320C1310.8 320 1292 320 1274 320C1255.4 320 1237 320 1218 320C1200 320 1182 320 1163 320C1144.6 320 1126 320 1108 320C1089.2 320 1071 320 1052 320C1033.8 320 1015 320 997 320C978.5 320 960 320 942 320C923.1 320 905 320 886 320C867.7 320 849 320 831 320C812.3 320 794 320 775 320C756.9 320 738 320 720 320C701.5 320 683 320 665 320C646.2 320 628 320 609 320C590.8 320 572 320 554 320C535.4 320 517 320 498 320C480 320 462 320 443 320C424.6 320 406 320 388 320C369.2 320 351 320 332 320C313.8 320 295 320 277 320C258.5 320 240 320 222 320C203.1 320 185 320 166 320C147.7 320 129 320 111 320C92.3 320 74 320 55 320C36.9 320 18 320 9 320L0 320Z'%3E%3C/path%3E%3C/svg%3E");    background-position: bottom center; background-repeat: no-repeat; background-size: 300%; -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);}
.header_navigation.visible:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
.header_navigation.visible:before, .header_navigation.visible:after {width: 100%; height: 100%;border-radius: 0px;}
.header_navigation.visible:after {-webkit-transition-delay: .1s; transition-delay: .1s;} 
.sticky .navbar-fostrap span {background: #000;}

}

@media(max-width:1499px){  
.service-page { padding: 70px 0px; }
.contact-page { padding: 70px 0px; }

.banner__slider .slide__content--headings .title { font-size: 48px; margin-bottom: 45px; }
.banner__slider .slide__content--headings .button-custom { padding: 20px 40px; }
.customer-left-content h2 { font-size: 36px; }
.customer-left-content h3 { font-size: 30px; margin-bottom: 40px; }
.customer-left-content { padding-right: 50px; }
.approach-dtl-content .zoom { min-height: 375px; height: 375px; }
.approach-dtl-content .content-approach { padding-top: 25px; }
.approach-dtl-content .content-approach h4 {font-size: 28px; margin-bottom: 20px;}
.vision-heading h2 { font-size: 48px; margin-bottom: 20px; }
.vision-heading h6 { font-size: 18px; }
.midile-content-vision { padding: 0px 35px; }
.footer-right { padding: 70px 150px; }
.footer-left { padding: 35px 0px 40px 130px; }
.recent-post-img .view-img {width: 33%; margin: auto;text-align: center;}
.recent-post-heading h2 { margin-bottom: 40px; }

.sub-banner .sub-banner-cont h3 { font-size: 32px; padding-bottom: 10px;}
.sub-banner .sub-banner-cont .custom-button { padding: 20px 40px; font-size: 15px;}
.sub-banner .sub-banner-cont p { font-size: 16px; margin-bottom: 30px;}
.about-section .about-section-main { max-width: 1070px; margin-top: -50px;}
.about-heading h4 { font-size: 32px; position: relative; padding-bottom: 10px;}
.about-heading { color: #fff; position: relative; left: 15px; margin-bottom: 20px;}
.about-in-bottom { padding: 50px 25px 30px 25px;}
.about-field h2 { font-size: 28px; }
.about-in-bottom .about-in-bottom-heading h2 { padding-bottom: 60px; font-size: 32px;}
.about-in-bottom .about-in-bottom-heading h2:before { bottom: 30px; }
.about-in-bottom-heading p { font-size: 18px; }
.properties-view h2 { font-size: 28px; }
.properties-cont { padding-left: 15px; padding-top: 5px;}
}

@media(max-width:1199px){  
.dubai-properties {
    padding: 65px 0px;
}

.portugal-properties-in .properties-box img {
    height: 180px;
}

.properties-dtl ul li { padding: 5px 10px; margin-right: 5px; }

.service-page { padding: 60px 0px; }
.service-sub-banner h2 { font-size: 36px; }
.contact-page { padding: 60px 0px; }
.contact-page .contact-cont { padding: 60px; }

.banner__slider .slide__content--headings .title {font-size: 42px; margin-bottom: 25px;}
.banner__slider .slide__content--headings .button-custom {padding: 18px 35px; font-size: 14px;}
.customer-left-content { padding-right: 0; }
.customer-left-content h3 {font-size: 24px; margin-bottom: 25px;}
.customer-left-content h2 {font-size: 30px;}
.customer-right-content { padding: 20px 40px;}
.customer { padding: 60px 0px 0px 0px; }
.customer-right-content p { font-size: 16px;}
.approach-dtl { padding: 35px 0px;}
.approach-dtl-content .zoom {min-height: 275px; height: 275px;}
.approach-dtl-content .content-approach {padding-top: 15px;}
.approach-dtl-content .content-approach h4 {font-size: 24px; margin-bottom: 10px;}
.approach-dtl-content .content-approach p { font-size: 14px;}
.midile-content-vision {padding: 0px 10px;}
.our-vision { padding: 40px 0px; }
.vision-heading h2 {font-size: 42px; margin-bottom: 15px;}
.vision-heading h6 { margin-bottom: 20px;font-size: 17px;}
.our-vision-midile-content { padding: 20px; }
.our-vision-midile-content .midile-content-vision h6 {font-size: 16px; margin-bottom: 10px;}
.our-vision-midile-content .midile-content-vision h6:before { bottom: -15px; }
.midile-content-vision p {font-size: 14px; line-height: 1.6; padding-top: 15px;}
.bottom-content { padding-top: 30px; }
.bottom-content h5 { font-size: 18px; }
.recent-post { padding: 40px 0px; }
.recent-post .view-img {padding: 30px 40px;}
.recent-post-heading h2 {margin-bottom: 20px; font-size: 30px;}
.join-form { padding: 50px 0px;}
.join-form .form-content h4 {font-size: 24px; margin-bottom: 15px;}
.footer-right { padding: 40px;}
.footer-left {padding: 35px 0px 40px 35px;}
.logo-footer a img {max-width: 75px;}
.footer-left-content .heading-footer {padding: 15px 0px;}
.footer-left-content .heading-footer h4 { font-size: 30px; padding-bottom: 5px;}
.footer-left-content .heading-footer p { font-size: 20px; }
.footer-left-content .adress-footer .office h6 { font-size: 18px; }
.footer-left-content .adress-footer .conatct-footer h6 { font-size: 18px; }
.footer-left-content .adress-footer .office p { line-height: 1.5; font-size: 14px; }
.footer-left-content .adress-footer .conatct-footer a {padding-bottom: 10px; font-size: 14px; line-height: 1.5;}
.footer-left-content .adress-footer .conatct-footer { padding-left: 40px; }
.footer-left-content .adress-footer .conatct-footer ul li img {max-width: 25px;}
.footer-right form .form-group { margin-bottom: 15px; }
.footer-bottom p { padding: 20px 0px; }
.footer-right form .form-group input.form-control { padding: 10px 5px; }

.about-section .about-section-main { margin: 0px; }
.sub-banner .sub-banner-cont h3 { font-size: 28px; }
.sub-banner .sub-banner-cont p { font-size: 15px; margin-bottom: 25px;}
.sub-banner .sub-banner-cont .custom-button { padding: 16px 30px; font-size: 14px;}
.sub-banner .sub-banner-cont { top: 60%; }
.about-section { padding-top: 50px; }
.about-heading h2 { font-size: 36px; padding-bottom: 20px; color: #000; text-align: center;}
.about-field h2 { font-size: 24px;}
.about-in-bottom { padding: 35px 15px 20px 15px;}
.about-in-bottom .about-in-bottom-heading h2 { padding-bottom: 50px; font-size: 28px;}
.about-in-bottom .about-in-bottom-heading h2:before { bottom: 22px; width: 250px;}
.about-in-bottom-heading p { font-size: 17px;}
.properties-view h2 { font-size: 24px;}
.properties-cont { padding-left: 0px; padding-top: 0px;}
}

@media(max-width:991px){ 
.dubai-properties {
    padding: 45px 0px;
}
.properties-box { margin-bottom: 20px; }

.service-page { padding: 50px 0px; }
.service-page-cont p { font-size: 16px; }
.service-sub-banner h2 { font-size: 30px;}
.service-page-cont ul { column-gap: 15px; margin-top: 20px;}
.contact-page { padding: 50px 0px; }
.contact-page .contact-cont { padding: 45px;}
.contact-form form .form-group { margin-bottom: 15px;}
.contact-form form .form-group .form-control { padding: 9px 15px; font-size: 15px;}
.contact-form form .form-group button.btn-sub { padding: 10px 30px; font-size: 15px;}
.google-maps iframe { min-height: 350px;}

.banner__slider .slide__content--headings .title {font-size: 30px; margin-bottom: 15px;}
.banner__slider .slide__content--headings .button-custom {padding: 15px 30px;}
.customer {padding: 40px 0px 0px 0px;}
.customer-left-content h3 {font-size: 20px; margin-bottom: 10px;}
.customer-left-content h2 {font-size: 24px;}
.customer-right-content {padding: 10px 15px;}
.customer-right-content p {font-size: 15px;}
.approach-dtl-content .zoom {min-height: 190px; height: 190px;}
.approach-dtl {padding: 30px 0px;}
.approach-dtl-content .content-approach {padding-top: 20px;}
.approach-dtl-content .content-approach h4 {font-size: 20px; margin-bottom: 5px;}
.approach-dtl-content .content-approach p { line-height: 1.5; }
.our-vision { padding: 30px 0px;}
.vision-heading h2 {font-size: 36px; margin-bottom: 10px;}
.vision-heading h6 {margin-bottom: 15px; font-size: 15px;}
.midile-content-vision {padding: 0px;}
.our-vision-midile-content { padding: 20px 0px; }
.midile-content-vision p {line-height: 1.5;}
.bottom-content {padding-top: 20px;}
.bottom-content h5 {font-size: 16px;}
.recent-post-heading h2 {margin-bottom: 10px; font-size: 28px;}
.recent-post .view-img {padding: 20px 30px;}

.sub-banner figure img { height: 400px; object-fit: cover;}
.sub-banner .sub-banner-cont h3 { font-size: 24px;}
.sub-banner .sub-banner-cont p { margin-bottom: 20px;}
.sub-banner .sub-banner-cont { top: 55%; left: 0; right: 0; max-width: 600px; margin: auto; text-align: center;}
.sub-banner .sub-banner-cont .custom-button { padding: 13px 25px;}
.about-field figure img { border-radius: 20px;}
.properties-view figure img { border-radius: 20px;}
.properties-view { margin-bottom: 25px;}
.service-page-cont .apply { padding: 12px 35px; font-size: 15px;}
.portugal-properties-in .properties-box img { width: 100%; }

}

@media(max-width:767px){  
.portugal-properties-in .properties-box img {
    width: 100%;
    height: auto;
}




.join-form .form-content form .form-group input.form-control {text-align: center;}
.join-form .form-content h4 {text-align: center;}
.whatsapp-btn a {height: 45px; width: 45px; font-size: 25px; right: 15px;}


.footer-left-content .adress-footer { display: block; }
.footer-left-content .adress-footer .office {
    padding-bottom: 15px;
}
.footer-left-content .adress-footer .conatct-footer {
    padding-left: 0;
}

.service-page { padding: 40px 0px; }  
.service-page-cont p { font-size: 15px; margin-bottom: 10px;}
.service-page-cont .apply { padding: 10px 25px; font-size: 14px;}
.contact-page { padding: 40px 0px; }
.contact-dtl { display: block;}
.contact-dtl .dtl-box { margin-bottom: 15px; min-height: 150px; width: 100%;}
.google-maps iframe { min-height: 300px;}
.our-vision-midile-content .midile-content-vision h6 {letter-spacing: 3px;}
.our-vision:before { background-color: #000000b8; }

.service-page-cont ul li { margin-bottom: 20px; width: 48%;}
.service-page-cont ul { column-gap: 10px; flex-wrap: wrap;}
.service-sub-banner h2 { position: absolute; color: #fff; top: 55%;transform: translate(0px, -50%); left: 0; right: 0; margin: 0; bottom: auto; text-align: center; padding: 0px 20px;}
.about-heading { margin-bottom: 0px; left: 0; }

.banner__slider .slide__content--headings .title { font-size: 24px; margin-bottom: 10px; }
.banner__slider .slide__content--headings .button-custom { padding: 10px 20px;}
header .logo img { max-height: 48px;}
.header-top .content-heade-top ul { padding: 5px 0px; justify-content: center; }
.banner__slider .slick-nav { display: none !important;}
.slide .slide__content { top: 60%; }
.customer-left-content { border: 0; }
.customer .top-dtl-incustomer [class*=col] {padding: 0px 12px;}
.customer-right-content { padding: 0; border: 0; padding-top: 15px;}
.customer-right-content p { font-size: 14px; margin-bottom: 10px;}
.approach-dtl-content { padding-bottom: 30px;}
.approach-dtl-content .zoom { height: auto; max-width: 100%; width: 100%;}
.vision-heading { max-width: 100%; }
.vision-heading h2 { font-size: 30px;}
.midile-content-vision {  padding: 15px 20px;}
.recent-post-img .view-img { padding: 5px; }
.recent-post {  padding: 25px 0px;}
.recent-post-img .view-img {width: 48%; padding: 20px 20px !important;margin-top: 10px}
.recent-post-img .view-img:nth-child(3) { display: none; }

header.sticky .logo img { max-height: 48px;}
.progress { height: 5px; }
.mobile_header img { max-width: 100px; max-height: 48px;}
.mobile_header { padding: 10px 15px; }
.slick-initialized .slick-slide div { width: 100%; }
.logo-footer a img {max-width: 55px;}

.sub-banner .sub-banner-cont p { font-size: 14px; }
.about-section { padding-top: 30px;}
.about-heading h2 {font-size: 30px; padding-bottom: 25px;}
.about-field figure img { border-radius: 15px;}
.about-field { margin-bottom: 25px; }
.about-field h2 { font-size: 20px;}
.about-in-bottom { padding: 40px 0px 40px 0px;}
.about-in-bottom .about-in-bottom-heading h2:before { bottom: 7px; width: 230px;}
.about-in-bottom-heading p { font-size: 15px;}
.about-in-bottom .about-in-bottom-heading h2 { padding-bottom: 25px; font-size: 24px;}
.properties { padding: 30px 0px; }
.properties-view figure img {border-radius: 15px;}
.properties-cont p { font-size: 14px; margin-bottom: 10px;}
.properties-view { margin-bottom: 20px;}

.footer-left-content .adress-footer .office h6 { font-size: 17px; font-style: normal; color: #fff; font-weight: 500; padding-bottom: 3px;}
.footer-left-content .adress-footer .conatct-footer h6 { font-size: 17px; color: #fff; font-style: normal; font-weight: 500; padding-bottom: 3px;}
.footer-left-content .adress-footer .conatct-footer ul li img { max-width: 20px;}
.about-section { padding-bottom: 20px; }

.img-serv { display: block; }
.img-serv img { width: 100%; margin-bottom: 20px; margin-right: 0px;}
.golden-visa-prd {display: block;}
.golden-visa-prd img { margin-bottom: 20px; width: 100%; margin-right: 0px;}
.investors-in {display: block;}
.investors-in img { width: 100%; margin-bottom: 20px; margin-right: 0px;}
.tlc-in-service {display: block;}
.tlc-in-service img {margin-bottom: 20px; width: 100%; margin-right: 0px;}
.dubai-properties {
    padding: 45px 0px 20px 0px;
}
.properties-box figure img { height: auto; }
.properties-box { height: auto; }

}

@media(max-width:574px){  
.recent-post-img .view-img {padding: 10px !important;margin-top: 10px}
.footer-left {  padding: 20px 0px;}
.footer-left-content .heading-footer h4 { font-size: 24px;}
.footer-left-content .heading-footer { padding: 10px 0px 20px 0px;}

.sub-banner .sub-banner-cont h3 { font-size: 22px; }
.footer-bottom p { font-size: 14px; padding: 15px; }

.footer-left-content .heading-footer p { font-size: 18px;}
.footer-right { padding: 20px 0px;}
.footer-right form .form-group button.btn-footer {font-size: 16px; padding: 5px 15px;}
.join-form .form-content form .form-group button.btn-in { font-size: 16px; padding: 5px 15px;}
.join-form { padding: 25px 0px;}
.join-form .form-content h4 {font-size: 20px; margin-bottom: 10px;}
.join-form .form-content form .form-group input.form-control { margin-bottom: 20px; }
.join-form .form-content { max-width: 100%; }
.recent-post-heading h2 { font-size: 24px; }
.midile-content-vision { padding: 15px; margin: 15px 0px;}
.sub-banner .sub-banner-cont {margin-top: 10px !important;}

.vision-heading h2 { font-size: 24px;}
.our-vision { padding: 25px 0px;}
.vision-heading h6 { margin-bottom: 10px;font-size: 14px;}
.our-vision-midile-content { padding: 0px; border: 0; }
.bottom-content { padding-top: 15px; }
.bottom-content h5 { font-size: 14px;}
.header-top .content-heade-top ul li { margin-right: 15px; margin-left: 0;}
.slide .slide__img img { height: 300px; object-fit: cover; }

.sub-banner .sub-banner-cont { max-width: 100%; margin: 0px 20px;}
.sub-banner figure img { height: 320px;}
.sub-banner .sub-banner-cont .custom-button { padding: 10px 20px;}
.about-in-bottom { padding: 20px 0px 40px 0px;}
.header-top .content-heade-top ul li:last-child { margin: 0;}

.service-page-cont ul li { margin-bottom: 15px; font-size: 14px; }
.service-page-cont p { font-size: 14px; }
.header-top .content-heade-top ul li a i { font-size: 14px; }

.contact-page .contact-cont { padding: 40px 25px 20px 25px;}
.contact-form form .form-group button.btn-sub { padding: 8px 25px; font-size: 14px;}
.contact-dtl .dtl-box h4 { font-size: 18px; }
.contact-dtl .dtl-box a { font-size: 14px; padding-top: 3px;}
.contact-dtl .dtl-box p { font-size: 14px; padding-top: 3px; margin: 0;}
.contact-form form .form-group .form-control { padding: 8px 15px; font-size: 14px;}
.google-maps iframe { min-height: 250px;}
.contact-form form .form-group textarea.form-control { min-height: 100px;}

.properties-dtl h3 { padding-bottom: 5px; font-size: 18px; }
.properties-dtl ul li { font-size: 14px; }
.properties-dtl p { margin-bottom: 15px; }
.dubai-properties {
    padding: 35px 0px 20px 0px;
}


}

@media(max-width:420px){  
.header-top .content-heade-top ul li a { font-size: 11px;  }

}