:root

{

	--color1:#0C054B;

	--color11:#160b7b;

	--color2:#d5b35e;

	--black:#000;

	--white:#fff;

	--color333:#333;

}

body

{

	font-size: 14px;

	font-weight: 400;

	font-family: 'Montserrat', sans-serif;

	line-height: 24px;

	color: #000;

	overflow-x: hidden;

}

.white{
	color:#fff;
}

h1,h2,h3,h4,h5,h6

{

	font-family: 'Josefin Sans', sans-serif;

	/*font-family: 'Vidaloka', serif;*/

}



body.overflow__hidden

{

	overflow: hidden;

}



/*

==========================================

*/

.navigation

{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 20;

	/*background-color: var(--bs-white);*/

}

.navigation.shows

{

	background-color: var(--bs-white);

	box-shadow: 0 10px 10px 5px rgba(0 0 0 / 10%);

	border-bottom: 3px solid #ccc;

}

.navigation .navigation-container

{

	max-width: 97%;

	margin: auto;

}

.navigation .navigation-container .nav-row .logo

{

	width: 22%;

}

.navigation .navigation-container .nav-row .logo img

{

	margin: 10px 0;

	width: 200px;

}

.navigation .navigation-container .nav-row .logo img.logo01

{

	display: block;

}

.navigation .navigation-container .nav-row .logo img.logo02

{

	display: none;

}

.navigation.shows .navigation-container .nav-row .logo img.logo01

{

	display: none;

}

.navigation.shows .navigation-container .nav-row .logo img.logo02

{

	display: block;

}

.navigation .navigation-container .nav-row .navbars

{

	width: 70%;

}

.navigation .navigation-container .nav-row .navbars .main-ul

{

	float: right;

	display: flow-root;

	margin: 27px 0;

	padding-left: 0;

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li

{

	float: left;

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li a

{

	/*margin: 0 3px;*/

	font-family: 'Roboto', sans-serif;

	font-weight: 600;

	text-transform: uppercase;

	font-size: 14px;

	display: block;

	padding: 5px 10px;
	margin-left: 2px;
	margin-right: 2px;

	position: relative;

	color: var(--bs-white);

}

.navigation.shows .navigation-container .nav-row .navbars .main-ul .main-li a

{

	color: #000;

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li a span

{

	position: relative;

	z-index: 5;

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li a:before

{

	position: absolute;

	content: '';

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: var(--color2);

	border-radius: 5px;

	transform: skewX(-15deg);

	transition: .4s;

	transform-origin: top center;

	transform: rotateX(90deg);

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li a:hover:before,

.navigation .navigation-container .nav-row .navbars .main-ul .main-li.active a:before

{

	transform: rotateX(0deg);

}

.navigation .navigation-container .nav-row .navbars .main-ul .main-li a:hover span,

.navigation .navigation-container .nav-row .navbars .main-ul .main-li.active a span

{

	color: var(--bs-white);

}



/*

=====================================================

*/



.dropdown1

{

	position: relative;

}

.dropdown1 .submenu1

{

	position: absolute;

	top: 100%;

	left: -70px;

	min-width: 320px;

	background-color: var(--white);

	padding:5px 0; 

	padding-left: 0;

	opacity: 0;

	visibility: hidden;

	transition: .3s;

	transform: rotateX(90deg);

	transform-origin: top center;

}

.dropdown1:hover .submenu1{

	opacity: 1;

	visibility: visible;

	transform: rotateX(0deg);
	overflow: scroll;
	height: 450px

}

.dropdown1 .submenu1 li a

{

	color: #000 !important;

	text-transform: capitalize !important;

	font-weight: 500 !important;

	padding: 5px 20px !important;

	border-bottom: 1px solid #ccc;

}

.dropdown1 .submenu1 li:hover a

{

	background-color: var(--color2);

	color: var(--white) !important;

}

.dropdown1 .submenu1 li:last-child a

{

	border-bottom: 0px;

}

.dropdown1 .submenu1 li a:before,

.dropdown1 .submenu1 li a:after

{

	display: none !important;

}



/*---------------------------------------------------------------*/

#slider1

{

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1;

}

#slider1 .carousel-item:before

{

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0 0 0 / 50%);

  z-index: 10;

}

#slider1 .carousel-inner .carousel-item .slider_text

{

    position: absolute;

    z-index: 5;

    bottom: 200px;

    left: 50%;

    max-width: 50%;

    margin: auto;

    text-align: center;

    width: 100%;

    z-index: 11;

    transform: translateX(-50%);

}

#slider1 .carousel-inner .carousel-item .slider_text h4

{

  text-align: center;

  font-family: 'Josefin Sans', sans-serif;

  font-size: 55px;

  font-weight: 500;

  color: #fff;

  text-shadow: 2px 2px 100px rgb(0 0 0 / 20%);

}

#slider1 .carousel-inner .carousel-item .slider_text h4 span{

  display: block;

  font-weight: 800;

}

#slider1 .carousel-inner .carousel-item .slider_text h4 span.number

{

  display: inline;

   font-family: 'Mulish', sans-serif;

}

#slider1 .carousel-inner .carousel-item .slider_text p

{

  margin-bottom: 0; 

  font-size: 20px;

  font-weight: 500;

  color: #fff;

  line-height: 26px;

  text-shadow: 2px 2px 100px rgb(0 0 0 / 50%);

}



#slider1 .carousel-inner .carousel-item 

{

  overflow: hidden;

}

#slider1 .carousel-inner .carousel-item  img

{

  animation: abc01 30s .1s infinite;

  height: 100vh;

  width: 100%;

  object-fit: cover;

  object-position: center;

}



@keyframes abc01

{

   0%

   {

     transform: scale(1);

   }

   100%

   {

     transform: scale(1.5);

   }

   

}



/*

===========================================

*/

section.about-home-section

{

	padding-top: 40px;

}

section.about-home-section .bigger-image

{

	text-align: right;

	width: 95%;

	margin-left: 5%;

	transition: .4s;

}

section.about-home-section .bigger-image img

{

	border-radius: 10px;

	box-shadow: 0 20px 10px 5px rgba(0 0 0 / 20%);

}

section.about-home-section .bigger-image:hover

{

	transform: scale(0.95);

}



section.about-home-section .bigger-image

{

	position: relative;

}

section.about-home-section .bigger-image:before

{

	position: absolute;

	content: '';

	width: 98%;

	height: 98%;

	top: 22px;

	left: 25px;

	border-radius: 10px;

	border-bottom: 8px solid var(--color2);

	border-right: 8px solid var(--color2);

}





section.about-home-section.about-home-section2 .bigger-image{

	text-align: left;

}



section.about-home-section.about-home-section2 .bigger-image

{

	margin-left: auto;

	margin-right: 5%;

}



.heading02 h4

{

	font-size: 40px;

	font-family: 'Vidaloka', serif;

	padding-bottom: 15px;

	margin-bottom: 30px;

	line-height: 40px;

	position: relative;

	display: inline-block;

}

.heading02 h4:before

{

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	transform:translateX(-50%);

	max-width: 200px;

	width: 100%;

	height: 2px;

	background-color: var(--color2);

}

.heading02 h4:after

{

	content: '';

	position: absolute;

	bottom: -6px;

	left: 50%;

	transform:translateX(-50%) rotate(45deg);

	width: 15px;

	height: 15px;

	background-color: var(--color2);

}



/*

=====================================

*/



.about-us-content p

{

	font-size: 16px;

	text-align: justify;

	color: #000;

	line-height: 26px;

	font-weight: 400;

	font-family: 'Roboto';

}



/*

====================================

*/



section.numbers

{

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

	/*max-width: 80%;

	margin: auto;

	border-radius: 20px;*/

	margin-top: 50px;

	position: relative;

	z-index: 5;

	/*box-shadow: 0px 20px 10px 3px rgba(0 0 0 / 20%);*/

}

section.numbers .number-container{

	background: rgb(52,37,189);

	background: linear-gradient(90deg, rgba(52,37,189,0.8379726890756303) 0%, rgba(12,5,75,0.8379726890756303) 53%, rgba(28,14,161,0.8743872549019608) 100%);

	padding: 125px 0 135px;

}



section.numbers .number-container

{

	position: relative;

}

section.numbers .number-container #wave11

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}



section.numbers .number-container #wave22

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}



section.numbers .container

{

	max-width: 90%;

}



section.numbers .number-box span

{

	display: block;

}

section.numbers .number-box span.icon

{

	text-align: center;

}

section.numbers .number-box span.icon img

{

	max-width: 60px;

}

section.numbers .number-box span.number

{

	color: var(--bs-white);

	text-align: center;

	font-weight: 700;

	font-size: 35px;

	margin:20px 0 10px;

}

section.numbers .number-box span.title

{

	color: var(--bs-white);

	text-align: center;

	font-weight: 500;

	font-size: 15px;

	word-spacing: 2px;

	margin: 20px 0 0px;

	line-height: 22px;

}





section.numbers.numbers2 .number-container

{

	padding: 155px 0 155px;

}

section.numbers.numbers2 .number-container #wave11

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

section.numbers.numbers2 .number-container #wave11 path

{

	fill: var(--white);

}

section.numbers.numbers2 .number-container #wave22

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}

section.numbers.numbers2 .number-container #wave22 path

{

	fill: var(--white);

}

section.numbers .number-box span.title

{

	font-size: 17px;

	font-weight: 700;

}

/*

=================================================

*/



section.blog-section

{

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	margin-top: 40px;

}

section.blog-section .blog-container

{

	padding: 70px 0 70px;

	background-color:rgba(0 0 0 / 80%);

}

section.blog-section .heading02

{

	color: var(--bs-white);

}

.blog-box

{

	background-color: var(--bs-white);

	padding: 15px;

	border-radius: 15px;

	margin: 0 10px;

}

.blog-section.bg-white .blog-box{

	/*background-color:#f7f7f7;*/

	box-shadow: 0 5px 10px 5px rgb(0 0 0 / 10%);

}

.blog-box .image

{

	overflow: hidden;

}

.blog-box .image img

{

	width: 100%;

	height: 200px;

	object-fit: cover;

	object-position: center;

	border-radius: 15px;

	transition: 1s;

}

.blog-box:hover .image img

{

	transform: scale(1.1);

}	

.blog-box .date

{

	text-align: center;

	margin: 5px 0;

}

.blog-box .date i

{

	color: var(--color2);

	margin-right: 6px;

}

.blog-box .date span

{

	font-weight: 600;

	color: #555;

}

.blog-box h6

{

	font-size: 19px;

	font-family: 'Montserrat';

	font-weight: 700;

	height: 45px;

	overflow: hidden;

	text-align: center;

	margin: 5px 0;

}

.blog-box .readmore

{

	text-align: center;

	margin-top: 15px;

}

.blog-box .readmore a

{

	display: inline-block;

	position: relative;

	background-color: var(--color2);

	padding: 7px 20px;

	border-radius: 20px;

	overflow: hidden;

	padding-left: 15px;

    transition: .3s;

}

.blog-box .readmore a span

{

	padding-left: 15px;

}

.blog-box .readmore a i,

.blog-box .readmore a span

{

	position: relative;

	z-index: 3;

	color: var(--bs-white);

}

.blog-box .readmore a:before

{

	content: '';

    position: absolute;

    left: -69%;

    top: 0px;

    width: 100%;

    height: 100%;

    background-color: var(--color1);

    border-radius: 20px;

    z-index: 2;

    transition: .3s;

}

.blog-box .readmore a:hover:before

{

	left: 0%;

}

.blog-box .readmore a:hover

{

	box-shadow: 0 10px 10px 5px rgba(0 0 0 / 10%);

	/*margin-top: -10px;*/

}

.blog-box .stretched-link:after

{

	z-index: 15;

}



.blog-box p

{

	font-family: 'Roboto';

	font-weight: 400;

	text-align: justify;

	font-size: 14px;

	margin-top: 5px;

	margin-bottom: 0;

}

@media screen and (min-width: 577px)

{

	.blog-box p

	{

		height: 120px;

		overflow: hidden;

	}

	body.blog-detail-page .blog-box p

	{

	    height:auto;

	    overflow:inherit;

	}

}

.blog-box p *

{

	font-family: 'Roboto' !important;

}



.svg-blog

{

	margin-top: 0 !important;

}

.svg-blog .blog-container 

{

	position: relative;

	    padding: 130px 0 100px !important;

    background-color: rgba(0 0 0 / 75%) !important;

}

.svg-blog .blog-container #wave01

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	transform: rotate(180deg) !important;



}





section.blog-section.bg-white

{

	margin-top: 20px;

}

section.blog-section.bg-white .blog-container

{

	background-color: var(--bs-white);

}

section.blog-section.bg-white .blog-container .container

{

	max-width: 90%;

}

section.blog-section.bg-white .blog-container .container .blog-box .date

{

	padding: 5px 0;

}

section.blog-section.bg-white .blog-container .container .blog-box .date span

{

	color: #333;

	font-family: 'Roboto';

	font-size: 14px;

	font-weight: 500;

}

section.blog-section.bg-white .blog-container .container .blog-box .date span:not(:last-child)

{

	margin-right: 5px;

}

section.blog-section.bg-white .blog-container .container .blog-box h6

{

	font-family: 'Vidaloka', serif;

	font-weight: 500;

	font-size: 26px;

	height: auto;

}

section.blog-section.bg-white .blog-container .container .blog-box

{

	padding: 5px;

	padding-bottom: 10px;

}



section.blog-section.bg-white .blog-container .container  .blog-box .image img

{

	height: 230px;

}

section.blog-section.bg-white .blog-container{



	padding: 40px 0 40px !important;

}

section.blog-section.bg-white .heading02 h4

{

	color: #000;

	padding-bottom: 20px;

}

/*

========================================

*/

.about-home-section2 .container

{

	max-width: 95%;

}

.about-home-section2 .about-home-container

{

	/*padding-top: 40px;*/

	/*padding-bottom: 30px;*/

}

.list-with-icon-why

{

	padding-left: 0;

}

.list-with-icon-why li

{

	width: calc(50% - 20px);

	margin: 0 10px 0;

	margin-bottom: 20px;

	background-color: #eaeaea;

	padding: 8px 12px;

	border-radius: 25px;

}

.list-with-icon-why li:hover

{

	background-color: var(--color1);

}

.list-with-icon-why li img,

.list-with-icon-why li span

{

	flex: 0 0 auto;

}

.list-with-icon-why li img  

{

	flex: 0 0 auto;

	width: 40px;

	height: 40px;

	align-self: center;

}

.list-with-icon-why li span

{

	align-self: center;

	padding-left: 5px;

	color: var(--color1);

	font-weight: 700;

}

.list-with-icon-why li:hover span

{

	color: var(--bs-white);

	font-weight: 500;

}



/*

========================================================

*/

section.discover-section .number-container

{

	padding: 40px 0;

}

section.discover-section .discover-box-search h5

{

    font-family: 'Vidaloka', serif;

    color: var(--bs-white);

    font-size: 45px;

    margin-bottom: 15px;

    text-align: center;

    line-height: 64px;

}

section.discover-section .discover-box-search p

{

    color: var(--bs-white);

    font-weight: 400;

    font-size: 16px;

    text-align: center;

    margin-bottom: 30px;

    line-height: 28px;

    font-family: 'Roboto';

}

section.discover-section .discover-box-search .search-bar-box form

{

	width: 100%;

	position: relative;

}

section.discover-section .discover-box-search .search-bar-box form .search

{

	width: 100%;

	background-color: transparent;

	border: 2px solid var(--color2);

	border-radius: 30px;

	padding: 15px 20px;

	color: var(--bs-white);

	padding-right: 90px;

}

section.discover-section .discover-box-search .search-bar-box form .search:focus

{

	box-shadow: none;

	outline: none;

}



section.discover-section .discover-box-search .search-bar-box form .search::-webkit-input-placeholder { /* Edge */

  color: var(--bs-white);

  font-weight: 400;

  font-size: 15px;



}



section.discover-section .discover-box-search .search-bar-box form .search:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: var(--bs-white);

  font-weight: 400;

  font-size: 15px;



}



section.discover-section .discover-box-search .search-bar-box form .search::placeholder {

  color: var(--bs-white);

  font-weight: 400;

  font-size: 15px;



}

section.discover-section .discover-box-search .search-bar-box form .submit-search

{

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	right: 20px;

	background-color: transparent;

	border: 0px;

	font-family: Fontawesome;

	font-size: 2em;

	color: var(--color2);

}



section.discover-section .discover-box-search .search-bar-box form .close

{

	position: absolute;

	top: 50%;

	transform: translateY(-50%) rotate(45deg);

	right: 60px;

	background-color: transparent;

	border: 0px;

	font-weight: 500;

	font-size: 40px;

	color: var(--white);

	cursor: pointer;

	display: none;

}



section.discover-section

{

	background-attachment: inherit !important;

}

section.discover-section .number-container

{

	background:none;

}



section.discover-section

{

	position: relative;

}

section.discover-section #path-svg1

{

	position: absolute;

	top: -47px;

	left: 0;

	width: 100%;

	transform: rotate(180deg) !important;

}

section.discover-section #path-svg2

{

	position: absolute;

	bottom: -47px;

	left: 0;

	width: 100%;

}

section.discover-section .number-container

{

	padding: 60px 0;

}



/*

=====================================

*/



footer

{

	background-image:linear-gradient(45deg,#131029,#34299c,#0a043f);

	position: relative;

	padding: 100px 0 20px;

}

footer .before-footer

{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

}

footer .before-footer img

{

	width: 100%;

}



footer .heading_footer

{

	font-size: 18px;

	font-family: 'Montserrat';

	font-weight: 600;

	color: var(--bs-white);

	display: inline-block;

	padding-bottom: 5px;

	margin-bottom: 10px;

	border-bottom: 3px solid var(--color2);

}

footer .left-footer p

{

	font-family: 'Roboto';

	font-weight: 300;

	font-size: 15px;

	text-align: justify;

	color: var(--bs-white);

}

footer .left-footer p .readmore

{

	padding-left: 5px;

	font-weight: 500;

	color: var(--color2);

	text-decoration: underline;

}



footer .right-footer

{

	/*padding-left: 25px;*/

}

footer .right-footer .footer-address-row

{

	margin-bottom: 15px;

}

footer .right-footer .footer-address-row .icon

{

}

footer .right-footer .footer-address-row .icon

{

	width: 35px;

	height: 35px;

	border-radius: 50%;

	background-color: var(--color2);

	text-align: center;

}

footer .right-footer .footer-address-row .icon i

{

	text-align: center;

	line-height: 35px;

	font-size: 1.3em;

	color: var(--bs-white);

}

footer .right-footer .footer-address-row .value

{

	width:calc(100% -  40px);

	padding-left: 10px;

	font-family: 'Montserrat';

	font-weight: 400;

	line-height: 25px;

	font-size: 14px;

	color: var(--bs-white);

}



footer .center-footer

{

	padding-left: 45px;

	padding-right: 55px;

}

footer .center-footer .social-media-icon a

{

	font-weight: 500;

	color: var(--bs-white);

	padding: 4px 4px;

	border-radius: 5px;

	margin-bottom: 0px;

	display:inline-block;

	background-color: #000;

}

footer .center-footer .social-media-icon a i

{

	margin-right: 5px;
	margin-left: 5px;

}

footer .center-footer .social-media-icon a.fb

{

	background-color: #3B5999;

}

footer .center-footer .social-media-icon a.twt

{

	background-color: #00ACEE;

}

footer .center-footer .social-media-icon a.link

{

	background-color: #007BB6;

}

footer .center-footer .social-media-icon a.insta

{

	background: #d6249f;

    background: radial-gradient(circle at 50% 17%, #fdf497 0%, #fdf497 5%, #FD594D 45%,#d6249f 60%,#285AEB 90%);

}

footer .center-footer .social-media-icon a.pint

{

	background-color: #BA0100;

}



.whatsapp-icon {

    position: fixed;

    bottom: 20px;

    right: 15px;

    width: 70px;

    z-index: 999999;

}





footer .copyright-text

{

	color: var(--bs-white);

	font-weight: 500;

	padding-top: 20px;

	text-align: center;

}

/*

===============================]

*/

.client-scroller .item .logo-authorised

{

	

}

.client-scroller .item .logo-authorised img

{

	width: 100%;

	height: 100px;

	object-position: center;

	object-fit: contain;

}



/*

=====================================================

*/



.banner-innerpage

{

	position: relative;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}

.banner-innerpage .banner-innerpage-container

{

	min-height: 400px;

	position: relative;

}

.banner-innerpage .banner-innerpage-container:before

{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color:rgb(21 14 88 / 82%);

}

.banner-innerpage .banner-innerpage-container .text-banner

{

	position: absolute;

	top: 50%;

	left: 0;

	transform: translateY(-50%);

	width: 100%;

	text-align: center;

}

.banner-innerpage .banner-innerpage-container .text-banner h5

{

	color: var(--white);

	font-family: 'Vidaloka', serif;

	font-size: 40px;

	text-shadow: 2px 2px 5px rgba(0 0 0 / 20%);

}

.banner-innerpage #banner_svgs

{

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

}

.banner-innerpage #banner_svgs path

{

	fill: var(--white);

}



/*

  ===========================================

*/

section.contact-info-box

{

	margin-top: 40px;

}

.info-box-container .info-content-container

{

	text-align: center;

}

.info-box-container  .info-content-container .icon

{

	max-width: 55px;

	width:100%;

	height: 55px;

	text-align: center;

	background-color: var(--color11);

	display: inline-block;

	border-radius: 50%;

	display: block;

	margin:0 auto 15px;

}

.info-box-container  .info-content-container .icon i

{

	color: var(--color2);

	font-size: 1.3em;

	line-height: 55px;

}

.info-box-container  .info-content-container .heading

{

	display: block;

	font-weight: 500;

	margin-bottom:10px; 

	font-size: 20px;

	font-family: 'Vidaloka', serif;

}

.info-box-container  .info-content-container .value

{

	display: block;

	font-size: 15px;

	text-transform: capitalize;

	font-weight: 500;

}



/*

==========================================

*/

section.maps-section

{

	margin-top: 40px;

}

section.maps-section .maps .heading02 h4

{

	font-size: 28px;

}

section.maps-section .maps .frames

{

	height: 300px;

}



section.maps-section .marginright

{

	padding-right: 30px;

}

section.maps-section .marginleft

{

	padding-left: 30px;

}



.text-lowercase

{

	text-transform: lowercase !important;

}



/*

===============================

*/

section.contact-form-section

{

	background-image: url(../img/project3.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	margin-top: 85px;

	position: relative;

}

section.contact-form-section #wave1

{

	position: absolute;

	top: 0;

	left: 0;

}

section.contact-form-section .contact-container

{

    padding: 125px 0 135px;

    background: rgb(52,37,189);

    background: linear-gradient(90deg, rgba(52,37,189,0.8379726890756303) 0%, rgba(12,5,75,0.8379726890756303) 53%, rgba(28,14,161,0.8743872549019608) 100%);

}

section.contact-form-section #wave1 path

{

	fill: #fff;

}

section.contact-form-section #wave2

{

	position: absolute;

	bottom: 0;

	left: 0;

}

section.contact-form-section #wave2 path

{

	fill: #fff;

}



section.contact-form-section .form-contact-page

{

	background-color:transparent;

	padding: 25px;

	border-radius: 8px;

}

section.contact-form-section .form-contact-page .my_input

{

	margin-bottom: 15px;

}

section.contact-form-section .form-contact-page .my_input label

{

	font-weight: 500;

	color: var(--white);

	font-size: 15px;

	margin-bottom: 5px;

}

section.contact-form-section .form-contact-page .my_input .inputs

{	

	border-width: 2px;

	color: var(--black);

	font-weight: 500;

	font-size: 15px;

	padding: 10px;

	/*background-color: transparent;*/

}



section.contact-form-section .form-contact-page .my_input .inputs::-webkit-input-placeholder { /* Edge */

  color: var(--white);



}



section.contact-form-section .form-contact-page .my_input .inputs:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: var(--white);



}



section.contact-form-section .form-contact-page .my_input .inputs::placeholder {

  color: var(--white);



}





section.contact-form-section .form-contact-page .my_input .inputs:focus

{

	box-shadow: none;

	outline: none;

	border-color: var(--color2);

}

section.contact-form-section .form-contact-page .captcha_image

{

	margin-top: 28px;

}



section.contact-form-section .form-contact-page .submit-button

{

	text-align: center;

	margin-top: 5px;

}

section.contact-form-section .form-contact-page .submit-button input

{

	font-weight: 600;

	border: 0px;

	display: inline-block;

	padding: 8px 45px;

	font-size: 14px;

	border-radius: 25px;

	text-transform: uppercase;

	font-family: 'Montserrat';

	background-color: var(--color2);

	color: var(--bs-white);

}

section.contact-form-section  .heading02 h4

{	

	font-size: 30px;

	color: var(--white);

}



/*

========================================

*/



section.blog-single-page

{

	margin-top: 20px;

}

section.blog-single-page .blog-box

{

	box-shadow: 0 20px 20px 5px rgb(0 0 0 / 10%);

	margin:10px 5px;

	padding: 10px;

	margin-bottom: 20px;

}



/*

============================================

*/



.paginations-bar

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;

	margin:40px 0 20px;

}

.paginations-bar a

{

	flex: 0 0 auto;

}

.paginations-bar a

{

	width: 40px;

	height: 40px;

	background-color: var(--color2);

	color: var(--white);

	font-size: 16px;

	font-weight: 500;

	text-align: center;

	line-height: 40px;

	border-radius: 50%;

	margin: 0 3px;

}

.paginations-bar a:hover,

.paginations-bar a.active

{

	background-color: var(--color1);

}



/*

==============================================

*/



body.blog-detail-page .banner-innerpage .banner-innerpage-container .text-banner h5

{

	font-size: 25px;

	max-width: 40%;

	margin: auto;

	text-transform: capitalize;

	line-height: 40px;

}

body.blog-detail-page .blog-single-page-detail

{

	margin-top: 30px;

}

body.blog-detail-page .blog-single-page-detail .blog-box

{

	padding: 0 0;

}

body.blog-detail-page .blog-single-page-detail .blog-box .image img

{

	height: auto;

	border-radius: 0;

}

body.blog-detail-page .blog-single-page-detail .blog-box:hover .image img

{

	transform: scale(1);

}



body.blog-detail-page .blog-single-page-detail .blog-box .date

{

	text-align: left;

}

body.blog-detail-page .blog-single-page-detail .blog-box h6

{

	text-align: left;

	font-weight: 600;

	font-size: 22px;

	height: auto;

	margin-top: 10px;

	margin-bottom: 10px;

}

body.blog-detail-page .blog-single-page-detail p

{

	font-size: 15px;

	margin-bottom: 20px;

}



/*

===========================================

*/

body.blog-detail-page .container

{

	max-width: 90%;

}

body.blog-detail-page .sidebar-blog-container

{

	padding-left: 10px;

	position: sticky;

	top: 100px;

	width: 100%;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	border-bottom: 1px dashed #ccc;

	padding-bottom: 8px;

	margin-bottom: 8px;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .image

{

	flex: 0 0 auto;

	width: 120px;

	height: 100px;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .image img

{

	width: 100%;

	height: 100%;

	object-position: center;

	object-fit: cover;

	padding: 2px;

	outline: 1px solid #eaeaea;

	border-radius: 2px;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .content

{

	flex: 0 0 auto;

	width: calc(100% - 120px);

	padding-left: 10px;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .content h5

{

	font-size: 16px;

	font-family: 'Montserrat';

	font-weight: 500;

	margin-bottom: 0px;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .content .detail-content

{

	height: 60px;

	overflow: hidden;

}

body.blog-detail-page .sidebar-blog-container .blog-sidebar-row .content .detail-content p

{

	line-height: 20px;

	font-size: 13px;

	font-weight: 400;

}



.sidebar-blog-container .heading02 h4

{

	font-size: 28px;

}



/*

===================================================

*/

.faq-page-section

{

	margin-top: 20px;

}

.faq-page-section .faq-heading

{

	margin-bottom: 35px;

}

.faq-page-section .faq-heading .heading02 h4

{

	font-size: 30px;

	margin-bottom: 20px;

}

.faq-page-section .faq-heading p

{

	max-width: 90%;

	text-align: justify;

	font-size: 17px;

	color: var(--black);

	font-weight: 400;

	line-height: 28px;

	font-family: 'Roboto';

}



/*

=====================================================

*/



.my-custom-accordion

{

	margin-top: 40px;

}

.my-custom-accordion .accordion-block

{

	margin-bottom: 20px;

	box-shadow: 0 20px 20px 5px rgba(0 0 0 / 5%);

	border-radius: 8px;

}

.my-custom-accordion .accordion-block .header-accordion

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: space-between;

	background-color: #eaeaea;

	padding: 10px 20px;

	border-radius: 8px 8px 0 0;

	cursor: pointer;

}

.my-custom-accordion .accordion-block .header-accordion:hover,

.my-custom-accordion .accordion-block[show-accordion-body="true"] .header-accordion

{

	background-color: var(--color1);

}

.my-custom-accordion .accordion-block .header-accordion h5

{

	margin: 0 0;

	font-family: 'Montserrat';

	font-size: 14px;

	font-weight: 600;

	text-transform: capitalize;

	flex: 0 0 auto;

	align-self: center;

}

.my-custom-accordion .accordion-block .header-accordion span.icons{



	flex: 0 0 auto;

	align-self: center;

	font-size: 25px;

	font-weight: 500;

}

.my-custom-accordion .accordion-block .header-accordion:hover h5,

.my-custom-accordion .accordion-block[show-accordion-body="true"] .header-accordion h5,

.my-custom-accordion .accordion-block .header-accordion:hover span.icons,

.my-custom-accordion .accordion-block[show-accordion-body="true"] .header-accordion span.icons

{

	color: var(--white);

}

.my-custom-accordion .accordion-block .accordion-body

{

	border: 1px solid #f1f1f1;

	border-top: 0;

	border-radius: 0 0 8px 8px;

	transition: .3s;

}

.my-custom-accordion .accordion-block[show-accordion-body="false"] .accordion-body

{

	display: none;

}

.my-custom-accordion .accordion-block[show-accordion-body="true"] .accordion-body

{

	display: block;

}

.my-custom-accordion .accordion-block .accordion-body p

{

	text-align: justify;

	font-size: 14px;

	font-weight: 500;

}

.my-custom-accordion .accordion-block .accordion-body p:last-child

{

	margin-bottom: 0;

}

.my-custom-accordion .accordion-block .accordion-body ul

{

	padding-left: 15px;

	margin-bottom: 10px;

}

.my-custom-accordion .accordion-block .accordion-body ul li

{

	list-style-type: disc;

	font-size: 14px;

	font-weight: 500;

}



/*

===============================================

*/

.side-image

{

	position: relative;

	width: 100%;

	height: 100%;

}

.side-image .image1

{

	float: right;

	width: 80%;

	overflow: hidden;

	border-radius: 8px;

}

.side-image .image1 img{

	border-radius: 8px;

	transition: .3s;

}

.side-image .image1:hover img

{

	transform: scale(1.05);

}

.side-image .image2

{

	border-radius: 8px;

	outline: 10px solid var(--white);

	position: absolute;

	bottom: 0;

	left: 0;

	width: 60%;

	overflow: hidden;

	border-radius: 8px;

}

.side-image .image2 img

{

	border-radius: 8px;

	transition: .3s;

}

.side-image .image2:hover img

{

	transform: scale(1.05);

}

/*

===================================================

*/



.about-page-content

{

	margin-top: 30px;

}

.about-page-content .description-box-content

{

	padding-right: 20px;

}

.about-page-content .description-box-content .heading02 h4

{

	font-size: 30px;

	margin-bottom: 20px;

}

.about-page-content .description-box-content p

{

	color: var(--black);

	font-size: 15px;

	text-align: justify;

	line-height: 25px;

	font-weight: 400;

	font-family: 'Roboto';

}



.about-page-content .description-box-content .spacial-qutes p{

	    font-family: 'Montserrat';

	    font-weight: 600;

	    font-size: 17px;

	    color: var(--color1);

	    text-align: left;

	    line-height: 23px;

}



.about-page-content.why__us .description-box-content .spacial-qutes p{

	    font-family: 'Montserrat';

	    font-weight: 500;

	    font-size: 17px;

	    color: var(--color1);

	    text-align: left;

	    line-height: 26px;

}



.about-page-content.why__us .side-image .image1

{

	width: 100%;

}

/*

================================

*/

section.what-we-do-section .row

{

	padding: 25px 0;

}

.about-page-content.what-we-do-section .description-box-content

{

	padding-left: 20px;

}

section.what-we-do-section .about-us-content .heading02 h4

{

	font-size: 30px;

}

section.what-we-do-section .bigger-image

{

	width: 95%;

	margin-left: 5%;

	transition: .4s;

}

section.what-we-do-section .bigger-image img

{

	border-radius: 10px;

	box-shadow: 0 20px 10px 5px rgba(0 0 0 / 20%);

}

section.what-we-do-section .bigger-image:hover

{

	transform: scale(0.95);

}



section.what-we-do-section .bigger-image

{

	position: relative;

}

section.what-we-do-section .bigger-image:before

{

	position: absolute;

	content: '';

	width: 98%;

	height: 98%;

	top: 22px;

	left: 25px;

	border-radius: 10px;

	border-bottom: 8px solid var(--color2);

	border-right: 8px solid var(--color2);

}





section.what-we-do-section .bigger-image{

	text-align: left;

}



section.what-we-do-section .bigger-image

{

	margin-left: auto;

	margin-right: 5%;

}



/*

======================================

*/



section.why__us .bigger-image

{

	width: 95%;

	margin-left: 5%;

	transition: .4s;

}

section.why__us .bigger-image img

{

	border-radius: 10px;

	box-shadow: 0 20px 10px 5px rgba(0 0 0 / 20%);

}

section.why__us .bigger-image:hover

{

	transform: scale(0.95);

}



section.why__us .bigger-image

{

	position: relative;

}

section.why__us .bigger-image:before

{

	position: absolute;

	content: '';

	width: 98%;

	height: 98%;

	top: 22px;

	left: 25px;

	border-radius: 10px;

	border-bottom: 8px solid var(--color2);

	border-right: 8px solid var(--color2);

}



/*

==================================

*/

section.why-us-pointes

{

	background-image: url(../img/why-us-poits.jpg);

	background-size: cover;

	background-position: center;

	margin-top: 65px;

	margin-bottom: 40px;

}

section.why-us-pointes .why-us-points-container

{

	padding: 90px 0;

	position: relative;

	overflow: hidden;

}

section.why-us-pointes .why-us-points-container:before

{

	content: '';

	position: absolute;

	top: 0;

	left: -20%;

	height: 100%;

	width: 90%;

	transform: skewX(25deg);

	background: rgb(52,37,189);

    background: linear-gradient(24deg, rgba(52,37,189,0.8379726890756303) 0%, rgba(12,59,176,0.9023984593837535) 100%, rgba(28,14,161,0) 100%);

}

section.why-us-pointes .why-us-points-container .container

{

	max-width: 95%;

	position: relative;

	z-index: 10;

}

section.why-us-pointes .why-us-points-container .container .content-points ul

{

	padding-left: 0;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

section.why-us-pointes .why-us-points-container .container .content-points ul li

{

	flex: 0 0 auto;

	width: calc(50% - 15px);

	position: relative;

	padding-left: 27px;

	color: var(--white);

	font-weight:500;

	font-size: 16px;

	margin-bottom: 12px;

}

section.why-us-pointes .why-us-points-container .container .content-points ul li:before

{

	content: '';

	position: absolute;

	top: 5px;

	left: 0;

	background-repeat: no-repeat;

	background-image: url(../img/double-tick-indicator.png);

	background-size: 20px;

	width: 28px;

	height: 15px;

}

section.why-us-pointes .why-us-points-container .container .content-points h6

{

	margin-top: 20px;

	font-family: 'Montserrat';

	font-weight: 700;

	font-size: 20px;

	color: var(--white);

}



/*

==========================================

*/

section.whhy-section

{

	margin-top: 40px;

}

section.whhy-section .row

{

	padding: 0 0;

}

section.whhy-section .description-box-content h6

{

	margin-top: 20px;

	font-family: 'Montserrat';

	font-weight: 700;

	font-size: 20px;

	color: var(--color1);

}

section.whhy-section .description-box-content ul

{

	padding-left: 15px;

}

section.whhy-section .description-box-content ul li

{

	list-style-type: disc;

	font-family: 'roboto';

	font-weight: 400;

	font-size: 15px;

	margin-bottom: 7px;

}

/*

====================================================

*/



body.services .discover-section #path-svg1 path,

body.services .discover-section #path-svg2 path

{

	fill: var(--white);

}

body.services .discover-section .content-points .heading02 h4

{

	color: var(--white);

	font-size:28px;

	/*display: inline;*/

}

body.services .discover-section .content-points p

{

	color: var(--white);

	font-weight: 500;

	font-size: 16px;

	line-height: 25px;

}



body.services .discover-section .content-points ul

{

	padding-left: 0;

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	margin: 25px 0;

}

body.services .discover-section .content-points ul li

{

	flex: 0 0 auto;

	width: calc(50% - 15px);

	position: relative;

	padding-left: 27px;

	color: var(--white);

	font-weight:500;

	font-size: 15px;

	margin-bottom: 12px;

}

body.services .discover-section .content-points ul li:before

{

	content: '';

	position: absolute;

	top: 5px;

	left: 0;

	background-repeat: no-repeat;

	background-image: url(../img/double-tick-indicator.png);

	background-size: 20px;

	width: 28px;

	height: 15px;

}



body.services .discover-section .bigger-image

{

	text-align: right;

	width: 95%;

	margin-left: 5%;

	transition: .4s;

}

body.services .discover-section .bigger-image img

{

	border-radius: 10px;

	box-shadow: 0 20px 10px 5px rgba(0 0 0 / 20%);

}

body.services .discover-section .bigger-image:hover

{

	transform: scale(0.95);

}



body.services .discover-section .bigger-image

{

	position: relative;

}

body.services .discover-section .bigger-image:before

{

	position: absolute;

	content: '';

	width: 98%;

	height: 98%;

	top: 22px;

	left: 25px;

	border-radius: 10px;

	border-bottom: 8px solid var(--color2);

	border-right: 8px solid var(--color2);

}

body.services .what-we-do-section .heading02

{

	/*margin-bottom: 30px;*/

}

body.services .what-we-do-section .heading02 h4

{

	display: ;

	font-size: 30px;

}

body.services .what-we-do-section .heading02 h4:before,

body.services .what-we-do-section .heading02 h4:after

{

	/*display: none;*/

}

body.services .whhy-section

{

	margin-top: 50px;

}

body.services .what-we-do-section .row

{

	padding-bottom: 30px;

}



/*

===============================================

*/



section.post-hand-over-section01

{

	background-image: url(../img/pic_paralax_2.jpg);

	background-size: cover;

	position: relative;

	background-repeat: no-repeat;

	margin: 150px 0;

}

.imgh{
	height: 200px;
}

.mtb-10{
	margin-top: 10px;
	margin-bottom: 10px;
}
section.post-hand-over-section01 #wave05

{

	position: absolute;

	top: -153px;

	left: 0;

}

.btn-new{
	background-color: #d5b35e;
    color: #0c054b;
}

section.post-hand-over-section01 #wave05 path,

section.post-hand-over-section01 #wave06 path

{

	fill: #2D2E9B;

}

section.post-hand-over-section01 #wave06

{

	position: absolute;

	bottom: -153px;

	left: 0;

}

section.post-hand-over-section01 .post-hand-over-container

{

	padding: 90px 0;

	background-color:rgba(34 24 136 / 54%);

}

section.post-hand-over-section01 .post-hand-over-container .heading02 h4

{

	color: var(--white);

	font-size: 30px;

	margin-bottom:30px;

}

section.post-hand-over-section01 .post-hand-over-container p

{

	color: var(--white);

	font-weight: 400;

	line-height: 22px;

	text-align: justify;

	margin:0 10px 15px;

}

section.post-hand-over-section01 .post-hand-over-container p strong

{

	margin-top: 30px;

	text-align: center;

	display: block;

	font-size: 20px;

}

/*

===================================================

*/

section.post-handover-section03

{

	margin-top: 200px;

	margin-bottom: 30px;

}

section.post-handover-section03 .post-handover-conatiner .container

{

	max-width: 90%;

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom

{

	width: 33.333%;

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom1

{

	background-color: #0F122D;

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom2 

{



}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom3

{



	background-color: #0F122D;

}



section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom1,

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom3

{

	padding: 25px 30px;



}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom1 h5,

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom3 h5

{

	font-weight: 600;

	font-size: 23px;

	color: var(--white);

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom1 p,

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom3 p

{

	color: var(--white);

	font-size: 13px;

	text-align: justify;

	line-height: 22px;

	font-weight: 400;

}



section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom2 .image

{

	height: 100%;

}

section.post-handover-section03 .post-handover-conatiner .row-three-box-post-over .colom2 .image img

{

	width: 100%;

	height: 100%;

	object-position: center;

	object-fit: cover;

}





/*

=========================================

*/





.right-image

{

  float: right;

  max-width: 400px;

  margin-left: 30px;

  margin-bottom: 20px;

  position: relative;

  line-height: 0;

}

.right-image img

{

  border: 0px;

  border-radius: 15px;

  width: 99%;

  height: 97%;

  position: relative;

  z-index: 5;

  border-right: 7px solid var(--white);

  border-bottom: 7px solid var(--white);

}

.right-image:before

{

  content: '';

  position: absolute;

  top: 3%;

  left: 1%;

  width: 100%;

  height: 100%;

  background-color: #68a1c6;

  z-index: 1;

  border-radius: 15px;

  /*box-shadow: 0 0 10px 5px rgba(0 0 0 / 10%);*/

}



/*

============================================

*/



.area-guide-single-page .right-youtube-videos

{

	float: right;

	width: 400px;

	height: 280px;

	margin-left: 25px;

}

.area-guide-single-page .readmore-content

{

	text-align: center;

	margin-top: 20px;

}

.area-guide-single-page .readmore-content a

{

	display: inline-block;

	padding: 5px 20px;

	background-color: var(--color1);

	color: var(--white);

	font-weight: 500;

	border-radius: 20px;

}

.area-guide-single-page .readmore-content a:hover

{

	background-color: var(--color2);

}

.area-guide-single-page .area-guide01 .toggle-show-hide-content

{

	height: 200px;

	overflow: hidden;

	transition: .3s;

}

.area-guide-single-page .area-guide01 .toggle-show-hide-content.height__auto

{

	height: auto;

}



/*

================================================

*/

.project-detail-page .navigation {

    background-color: var(--bs-white);

    position: sticky;

}

.project-detail-page .navigation .navigation-container .nav-row .navbars .main-ul .main-li a

{

	color: #000;

}



.project-detail-page .navigation .navigation-container .nav-row .logo img.logo01

{

	display: none;

}



.project-detail-page .navigation .navigation-container .nav-row .logo img.logo02

{

	display: block;

}



/*

==========================================================

*/



.banner-project-bigger .project-bigger-image

{

	width: 100%;

	min-height: 500px;

}

.banner-project-bigger .project-bigger-image img

{

	width: 100%;

	height: 600px;

	object-fit: cover;

	object-position: center;

}

.banner-project-bigger

{

	position: relative;

}

.banner-project-bigger .banner-project-detail

{

	position: absolute;

	left: 70px;

	top:0;

	width: 300px;

	height: 100%;

	z-index: 5;

	background-color: rgba(255 255 255 / 95%);

}



.banner-project-bigger .banner-project-detail .project-detail-container

{

	padding: 20px 25px;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom

{

	padding: 20px 0;

	border-bottom: 2px solid #ccc;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom h4

{

	font-family: 'Montserrat';

	font-size: 27px;

	font-weight: 700;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom h6

{

	padding: 10px 0;

	font-family: 'Montserrat';

	font-size: 20px;

	font-weight: 500;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom p

{

	font-size: 17px;

	font-weight: 500;

	margin-bottom: 7px;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom.amount h5

{

	font-weight: 700;

	font-family: 'Montserrat';

	font-size: 25px;

	text-align: center;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom.amount .enquiry a

{

	background-color: var(--color1);

	width: 100%;

	display: block;

	text-align: center;

	color: var(--white);

	font-weight: 500;

	font-size: 14px;

	text-transform: uppercase;

	padding: 7px 10px;

	border-radius: 25px;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom.amount

{

	border-bottom: 0px;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom.amount .enquiry

{

	margin-top: 10px;

}

.banner-project-bigger .banner-project-detail .project-detail-container .project-detail-colom.amount .enquiry a:hover

{

	background-color: var(--color2);

}



/*

==========================================

*/



section.image-content-icons

{

	margin-top: 40px;

}

section.image-content-icons .side-image-p-detail img

{

	width: 100%;

}

section.image-content-icons .project-detail-content p

{

	margin-bottom: 5px;

	font-weight: 500;

	font-size: 15px;

	color: #555;

}

section.image-content-icons .project-detail-content .heading02 h4

{

	margin-bottom: 20px;

	font-size: 30px;

}

section.image-content-icons .project-content

{

	margin-bottom: 30px;

}

section.image-content-icons .project-content p

{

	color: var(--black);

	text-align: justify;

	font-weight: 500;

	line-height: 22px;

	font-size: 14px;

}

section.image-content-icons .project-icon-box

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	margin-top: 30px;

}

section.image-content-icons .project-icon-box .icon-colom

{

	flex: 0 0 auto;

	width: 25%;

}

section.image-content-icons .project-icon-box .icon-colom .icon

{

	text-align: center;

}

section.image-content-icons .project-icon-box .icon-colom .icon img

{

	max-width: 80px;

}

section.image-content-icons .project-icon-box .icon-colom .title

{

	text-align: center;

	margin: 10px 0;

	font-size: 16px;

	font-weight: 700;

	color: var(--color1);

}

section.image-content-icons .project-icon-box .icon-colom .value

{

	font-size: 25px;

	margin-top: 10px;

	text-align: center;

	font-weight: 700;

	color: var(--color1);

}



/*

=====================================

*/



.property-highlight

{

	background-color: var(--color1);

	margin-top: 40px;

}

.property-highlight .half-project-detail-image img

{

   width: 100%;

   height: 100%;

   object-position: center;

   object-fit: cover;

}

.property-highlight .properti-hight-content

{

	padding: 30px 0;

}

.property-highlight .properti-hight-content .heading02

{

	margin-left: 28px;

}

.property-highlight .properti-hight-content .heading02 h4

{

	margin-bottom: 10px;

	color: var(--white);

	font-size: 23px;

}

.property-highlight .properti-hight-content .four-colom-row

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

.property-highlight .properti-hight-content .four-colom-row .colom

{

	flex: 0 0 auto;

	width: 50%;

	padding:25px 30px 0;

}

.property-highlight .properti-hight-content .four-colom-row .colom h1,

.property-highlight .properti-hight-content .four-colom-row .colom h2,

.property-highlight .properti-hight-content .four-colom-row .colom h3,

.property-highlight .properti-hight-content .four-colom-row .colom h4,

.property-highlight .properti-hight-content .four-colom-row .colom h5,

.property-highlight .properti-hight-content .four-colom-row .colom h6

{

	font-family: 'Montserrat';

	font-weight: 600;

	color: var(--white);

	font-size: 17px;

	margin-bottom: 10px;

}

.property-highlight .properti-hight-content .four-colom-row .colom p

{

	color: var(--white);

	font-weight: 300;

	font-size: 15px;

	/*text-align: justify;*/

	line-height: 22px;

	font-family: 'Roboto';

}



/*

=========================================

*/



section.checkout-townhouse

{

	margin-top: 40px;

}

section.checkout-townhouse .heading02

{

	text-align: center;

}

section.checkout-townhouse .heading02 p

{

	font-weight: 500;

	font-size: 16px;

	margin-bottom: 5px;

}

section.checkout-townhouse .heading02 h4

{

	font-size: 30px;

}

section.checkout-townhouse

{



}



/*

====================================

*/



.filter-gallery-container .filter-tag

{

	display: flex;

	flex-direction: row;

	justify-content: center;

}

.filter-gallery-container .filter-tag a

{

	display: inline-block;

	padding: 3px 10px;

	border: 1px solid #000;

	margin: 0 3px;

	color: #000;

	font-weight: 500;

}

.filter-gallery-container .filter-tag a:hover,

.filter-gallery-container .filter-tag a.active

{

	border-color: var(--color1);

	background-color: var(--color1);

	color: var(--white);

}



/*

=====================================

*/





.filter-gallery-container .filter-gallery 

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	margin-top: 20px;

	justify-content: center;

}



.filter-gallery-container .filter-gallery .filter-gallery-colom

{

	flex: 0 0 auto;

	width: calc(25% - 10px);

	margin: 0 5px 10px;

}

.filter-gallery-container .filter-gallery .filter-gallery-colom .image

{

	width: 100%;

	height: 180px;

	overflow: hidden;

}

.filter-gallery-container .filter-gallery .filter-gallery-colom .image img

{

	width: 100%;

	height: 100%;

	object-position: center;

	object-fit: cover;

	transition: .5s;

}

.filter-gallery-container .filter-gallery .filter-gallery-colom:hover .image img

{

	transform: scale(1.05);

}



/*

=====================================

*/



.buttons-downloads

{

	text-align: center;

	margin-top: 30px;

}

.buttons-downloads a

{

	display: inline-block;

}

.buttons-downloads a

{

	margin: 0 7px;

	background-color: var(--color1);

	color: var(--white);

	font-weight: 500;

	font-size: 14px;

	padding: 7px 15px;

	min-width: 100px;

	border-radius: 20px;

}

.buttons-downloads a:hover

{

	background-color: var(--color2);

}



/*

====================================

*/



section.video

{

	margin-top: 50px;

	margin-bottom: 50px;

}

section.video .heading02

{

	text-align: center;

}

section.video .heading02 h4

{

	font-size: 30px;

}

section.video .area-guide-video

{

	width: 100%;

	height: 500px;

}



/*

===========================================

*/



body.area-guide-single-page .banner-innerpage .banner-innerpage-container .text-banner

{

	text-align: left;

	width: 55%;

	padding-left: 100px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form

{

	background-color: var(--color1);

	border-radius: 8px;

	padding: 20px;

	position: absolute;

	right: 100px;

	top: 130px;

	z-index: 10;

	width: 350px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-heading

{

	color: var(--white);

	font-weight: 600;

	font-size: 22px;

	text-align: center;

	margin-bottom: 15px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input

{

	margin-bottom: 8px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input .form-control

{

	border-radius: 0;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input .form-control:focus

{

	box-shadow: none;

	outline: none;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input.tow-fileds

{

	position: relative;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input.tow-fileds .form-select

{

	position: absolute;

	top: 0;

	left: 0;

	border: 0px;

	border-radius: 0;

	padding:8px 6px;

	width: 65px;

	font-size: 14px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input.tow-fileds .form-select:focus

{

	box-shadow: none;

	outline: none;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .form-input.tow-fileds .form-control

{

	padding-left: 65px;

}



body.area-guide-single-page .banner-innerpage .banner-innerpage-container  .banner-form .submit-buttons .Submit

{

	display: block;

	width: 100%;

	background-color: var(--color2);

	color: var(--white);

	font-weight: 600;

	border: 0px;

	padding: 7px 10px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container

{

	min-height: 500px;

}

body.area-guide-single-page .banner-innerpage .banner-innerpage-container:before

{

	background-color: rgb(21 14 88 / 52%);

}



/*

=========================================

*/



 .search-bar-box

{

	position: relative;

}

.search-bar-box .search-results

{

	position: absolute;

	left: 0;

	top: 100%;

	background-color: var(--white);

	max-height: 344px;

	overflow-y: auto;

	overflow-x: hidden;

	border-radius: 8px;

	width: 100%;

}



.search-bar-box .search-results::-webkit-scrollbar {

	width: 5px;

}



.search-bar-box .search-results::-webkit-scrollbar-track {

  background-color: #eaeaea;

}

.search-bar-box .search-results::-webkit-scrollbar-thumb {

  background-color: #ccc;

}





.search-bar-box .search-results .search-result-container

{

	padding: 10px;

	display: none;

}

.search-bar-box .search-results .search-result-container.showresultbox

{

	display: block;

}

.search-bar-box .search-results .search-result-container .search-block-row

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

.search-bar-box .search-results .search-result-container .search-block-row .search-block-colom

{

	flex: 0 0 auto;

	width: calc(33.333% - 16px);

	margin: 0 8px 15px;

}

.search-bar-box .search-results .search-result-container .search-block-row .search-block-colom .image

{

	height: 113px;

	border-radius: 8px;

	overflow: hidden;

}

.search-bar-box .search-results .search-result-container .search-block-row .search-block-colom .image img

{

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}

.search-bar-box .search-results .search-result-container .search-block-row .search-block-colom .name

{

	display: block;

	text-align: center;

	padding: 5px;

	font-size: 16px;

	font-weight: 600;

}



/*

============================================

*/



#popup_form

{

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 25;

	background-color: rgba(0 0 0 / 20%);

	opacity: 0;

	visibility: hidden;

}

#popup_form.show_form

{

	opacity: 1;

	visibility: visible;

}

#popup_form .popup-form-container

{

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	top: 70px;

	width: 470px;

	background-color: var(--white);

	padding: 25px;

	border-radius: 7px;

	box-shadow: 0 40px 40px 5px rgba(0 0 0 / 15%);

	display: none;

}

#popup_form.show_form .popup-form-container

{

	display: block;

}

#popup_form .popup-form-container form

{

	width: 100%;

}

#popup_form .popup-form-container form .form_groups

{

	width: 100%;

	margin-bottom: 15px;

}

#popup_form .popup-form-container form .form_groups label

{

	font-weight: 600;

	margin-bottom: 3px;

}

#popup_form .popup-form-container form .form_groups input

{

	border-radius: 0;

	padding: 7px 10px;

}

#popup_form .popup-form-container form .form_groups input:focus

{

	box-shadow: none;

	outline: none;

}

#popup_form .popup-form-container form .submit-enquiry .form-submit

{

	padding: 9px 15px;

	background-color: var(--color1);

	color: var(--white);

	font-weight: 500;

	border-radius: 25px;

	border: 0px;

	font-family: 'Montserrat', sans-serif;

	text-transform: uppercase;

	font-size: 16px;

	display: block;

	width: 50%;

	margin: auto;

}



#popup_form .popup-form-container .close

{

	position: absolute;

	top: -7px;

	right: -7px;

	background-color: var(--color1);

	color: var(--white);

	width: 35px;

	height: 35px;

	border-radius: 50%;

	display:block;

	text-align: center;

	font-size: 35px;

	cursor: pointer;

}

#popup_form .popup-form-container .close span

{

	transform: rotate(45deg);

	display: inline-block;

	line-height: 34px;

}



#popup_form .popup-form-container  .captcha_code

{

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

}

#popup_form .popup-form-container  .captcha_code .block

{

	flex: 0 0 auto;

	width: 55%;

}

#popup_form .popup-form-container  .captcha_code .imageCaptcha

{

	flex: 0 0 auto;

	width: 45%;

	padding-left: 20px;

}

#popup_form .popup-form-container  .captcha_code .imageCaptcha img

{

	margin-top: 25px;

}



.area-guide-side-image

{

	position: sticky !important;

	top: 100px;

}





/*

============================================

*/





section.projects-area-guide

{

	margin-top: 50px;

	margin-bottom: 50px;

}

section.projects-area-guide .heading02

{

	text-align: center;

}

section.projects-area-guide .heading02 h4

{

	font-size: 30px;

}



.my_tables .table thead tr th

{

	background-color: var(--color1);

	border:1px solid var(--color1);

	color: var(--white);

	font-weight: 500;

	text-align: center;	

}



.my_tables .table tbody tr td

{

	color: var(--black);

	font-weight: 500;

	font-size: 16px;

	text-align: center;	

}

.my_tables .table tbody tr td

{

	border-right: 1px solid #ccc;

	padding: 10px 15px;

	vertical-align: middle;

}

.my_tables .table tbody tr td a

{



	display: inline-block;

	padding: 6px 15px;

	border-radius: 20px;

	font-size: 13px;

	font-weight: 700;

	/*background-color: var(--color1);*/

	color: var(--color1);

	text-transform: uppercase;

}

.my_tables .table tbody tr td a:hover

{

	background-color: var(--bs-primary);

	color: var(--white);

}

.my_tables .table tbody tr td:first-child

{

	border-left: 1px solid #ccc;

}



.brochure-parent-class a.brochure

{

	display: inline-block;

	padding-left: 20px;

}

.brochure-parent-class a.brochure img

{

	width: 120px;

}



/*

==============================================

*/

section.videoss

{

	margin-top: 50px;

}

section.checkout-townhouse.videoss .heading02 h4

{

	margin-bottom: 20px;

}

.video-box

{

	width: 100%;

	height: 220px;

	margin-bottom: 25px;

}

.video-box iframe

{

	pointer-events: none;

}

@media screen and (min-width: 481px) and (max-width: 576px)

{

	.col-video-setting

	{

		width: 50%;

	}

	.video-box

	{

		height: 160px;

	}

	.video-box .stretched-link

	{

		display: inline;

	}

}



@media screen and (min-width: 577px) and (max-width: 767px)

{

	.col-video-setting

	{

		width: 50%;

	}

	.video-box

	{

		height: 180px;

	}

	.video-box .stretched-link

	{

		display: inline;

	}

}





@media screen and (min-width: 768px) and (max-width: 992px)

{

	.col-video-setting

	{

		width: 33.3333%;

	}

	.video-box

	{

		height: 150px;

	}

	.video-box .stretched-link

	{

		display: inline;

	}

}

.dropdown1 .submenu1 li:hover{
	-webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.dropdown1 .submenu1 .submenu-catg {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background-color: var(--white);
    padding: 5px 0;
    padding-left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: rotateX(90deg);
    transform-origin: top center;
}
.dropdown1 .submenu1 .submenu-catg{
	-webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    top: 0px;
    left: 100%;
    margin-left: 1px;
    border-bottom: none;
    width: 200px;
}
.submenu1 li:hover .submenu-catg {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
}
.visa-one{
	text-align: center;
}
.wertyui:before{
	position: absolute;
    content: '';
    width: 98%;
    height: 98%;
    top: 22px;
    left: 25px;
    border-radius: 10px;
    border-bottom: 8px solid var(--color2);
    border-right: 8px solid var(--color2);
}
.wertgfrtyhnb{
	padding-bottom: 50px;
	padding-top: 50px;
}
.accordion{
  padding:100px;
}

.accordion .accordion-item {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  padding:15px 20px;
  margin-top:20px;
  border-radius:10px;
}
.accordion .accordion-item button[aria-expanded=true] {
/*   border-bottom: 1px solid #03b5d2; */
}
.accordion h2 {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
/*    padding: 1em 0; */
  color: #333333;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
  padding:0px;
  line-height:25px;
  margin:0px;
  font-family: 'Open Sans', sans-serif;
}
.accordion h2:hover, .accordion h2:focus {
  cursor: pointer;
  color: #03b5d2;
}
.accordion h2:hover::after, .accordion h2:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordion h2 .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion h2 .icon {
  display: inline-block;
  position: absolute;
  top: 2px;
    right: 0;
    width: 26px;
    height: 26px;
    border: 3px solid;
    border-radius: 22px;
}
.faq-content {
    padding: 80px 0px;
}
.accordion h2 .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion h2 .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion h2[aria-expanded=true] {
  color: #03b5d2;
}
.accordion h2[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion h2[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 5000px;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 0px;
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
}
.accordion-content p{
	background: #eee;
    padding: 15px;
    margin-top: 10px;
    border-radius: 4px;
}
.accordion-content ul li {
    list-style-type: disc;
    font-family: 'roboto';
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 7px;
}
.accordion-content ul{
	padding: 30px;
	background: #eaeaea;
    margin-top: 15px;
}