/* Pallete */
:root {
    --main-color: #0C453C;
    --light-main-color: rgba(42, 51, 53, 0.80);
    --secondry-color: #CDB380;
    --white-color: #fff;
    --lightWhite-color: rgba(255, 255, 255, 0.20);
    --semilightWhite-color: rgba(255, 255, 255, 0.7);
    --black-color: #000;
    --grey-color: #E9EBEB;
}
/* General */
html {
    font-size: 15px;
}
button,
.btn {
    background: var(--main-color);
    box-shadow: none;
    border: 1px solid var(--main-color) !important;
    color: var(--white-color) !important;
    padding: 0.4rem 1.7rem 0.8rem 1.7rem;
    border-radius: 4rem;
    margin: 0;
}
a:hover{
    text-decoration: none;
}
.topTitle{
	display:flex;
	align-items: start;
	justify-content:space-between;
	padding:0 2rem;
}
.topTitle .more{
	margin-top:4rem;
}
.main__title {
    margin-bottom: 3rem;
}
.main__title h3{
	color: var(--secondry-color);
}
 .main__title .subtitle {
    font-size: 1.7rem;
    width: 70%;
}
.more a{
	background:var(--secondry-color);
	color:#fff;
	padding:.5rem 3rem 1rem;
	font-size:1.5rem;
	border-radius:50px;
	transition:all .5s;
}
.members__section .more a:hover,
.sectors__section .more a:hover{
	background:var(--secondry-color);
	transition:all .5s;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: transparent;
	color: var(--secondry-color) !important;
}
.error404 .form-control {
	height: 2.6rem;
}
.loading-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: auto;
	background: var(--white-color);
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
}
/* header__navbar */
header .header__main {
    padding: 1.5rem 2rem;
    border-top: 4px solid var(--main-color);
}
header .dropdown-menu  {
    list-style: none;
    transition: all 0.5s ease-in-out;
    background: #fff;
    border-radius: 1rem;
    padding:1rem 0;
    z-index: 99999;
    min-width: 184px;
}
header .dropdown-menu li{
	padding: 7px 0;
	font-size:1.2rem;
}
header .dropdown-toggle:before {
    position: absolute;
    top: 5px;
    background: url(../images/drop.png) no-repeat center;
    width: 2rem;
    height: 2rem;
    content: "";
    right: -7px;
    z-index: 9999999999;
}
header .dropdown-toggle:after{
    display:none;
}
.moreOptions{
	display:flex;
	align-items:center;
}
.header__navbar #menu-main-menu {
    flex-direction: row;
}
.header__navbar #menu-main-menu li a {
    padding: 0 1rem;
}
.header__navbar #btn-search {
    border-radius: 5rem;
    background: var(--lightWhite-color);
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0 !important;
}
.header__navbar .modal-content {
	border-radius:0;
}
.modal-content .btn {
	padding: 0 1rem;
	border-radius: 0;
}
.modal-content .btn svg path {
	fill: var(--white-color);
}
 .modal-content .btn:hover {
	background: var(--secondry-color);
}
.header__navbar .modal-content input {
	height: 3.2rem;
	border-left: 0;
	line-height: 5;
}
.header__navbar li a {
	padding: 0 1.5rem;
}
.header__btns .btn--search {
    background: transparent;
    padding: 0;
    color: var(--white-color) !important;
    width: 3rem;
    height: 3rem;
}
.header__btns .wpml-ls li:first-child {
    display: none;
}
.header__btns .wpml-ls li a {
    padding: 0.7rem;
	background: var(--secondry-color);
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color) !important;
}
/* main_slider */
.section {
    min-height: 100vh;
}
.main__slider {
    position: relative;
}
.main__slider .shape {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 17rem;
	height: 22rem;
	z-index: 1;
    /*opacity: 0;*/
    transform: translateY(50px); /* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â  scale(1.15) ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾media */
    /*will-change: transform, opacity;*/
}

.main__slider .swiper-slide:after {
    background: rgba(205, 179, 128, 0.32);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.next-section {
    margin-top: -100vh;
    background: #fff;
    position: relative;
    transform: translateY(100px);
    opacity: 0; 
}
.media img,
.media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main__slider .content {
    position: absolute;
    top: 13rem;
    right: 6%;
    color: white;
    z-index: 99;
    padding-left: 27rem;
    opacity: 0;
    transform: translateY(50px); /* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â  scale(1.15) ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾media */
    will-change: transform, opacity;
}
.main__slider .content h1{
	font-weight:600;
}
.main__slider .content .btn{
	font-size:1.5rem;
}
.main__slider .content p{
	font-size: 2.5rem;
}
/* about__section */
.about__section {
    padding: 6rem 0;
    position: relative;
    margin-bottom: 5rem;
}
.about__section .about__content .breif {
	font-size: 1.7rem;
	gap: 0.5rem;
	color: var(--secondry-color);
	padding-bottom: 2px;
}
.about__section .about__content .btn {
    background: var(--secondry-color);
    border-color: var(--secondry-color) !important;
	margin-top: 2rem;
	transition:all .5s;
}
.about__section .about__content .btn:hover{
	background:var(--main-color);
	transition:all .5s;
}
.about__section .about__content .main__title ,
.about__section .about__content .main__content {
	flex: 1 1 50%;
}
.about__section .about__content .main__title {
	padding: 0 0 0 8rem
}
.about__section .about__content .main__content {
	margin-top: 2.4rem;
	padding-left: 1rem;
}
.about__section .about__container {
	position: relative;
}
.about__section .about__container .about__image {
	border-radius: 2rem;
	overflow: hidden;
}
.about__section .about__container .about__items {
	position: absolute;
	bottom: -6rem;
	background: var(--grey-color);
	border-radius: 2rem;
	margin: 0 2rem;
	padding: 4rem;
	gap: 8.9rem;
}
.about__section .about__container .about__items .about__item h4 {
	gap: 1rem;
	color: var(--main-color)
}
.about__section .about__container .about__items .about__item h4 span{
	border:1px solid var(--main-color);
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50px;
}
.about__section .about__container .about__items .about__item p {
	color: var(--main-color)
}
/* projects__section */
.projects__section {
    padding: 5rem 0;
}
.projects__section .main__title {
    width: 75%;
    margin: 0 auto 4rem auto;
 }
.projects__section .item {
    margin: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease-in-out;
    position: relative;
}
.projects__section .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    transition: all 0.5s ease-in-out;
    right: 0;
    background: var(--secondry-color);
}
.projects__section .item:hover:after {
    width: 100%;
}
.projects__section .item .image {
    overflow: hidden;
    transition: all 0.5s ease-in-out
}
.projects__section .item .image img {
    transition: all 0.5s ease-in-out
}
.projects__section .item:hover .image img {
    transform: scale(1.3)
}
.projects__section .item .caption {
    padding: 1rem 0
}
.projects__section .item .caption a {
    background: var(--secondry-color);
    border-radius: 5rem;
    transition: all 0.5s ease-in-out
}
.projects__section .item:hover .caption a {
    transform: rotate(-45deg);
}
.projects__section .more_btn {
    margin: 2rem 0 0;
}
.projects__section .more_btn .btn {
    background: var(--white-color);
    color: var(--secondry-color)
}
/* map_section */
.map_section {
    background: var(--grey-color);
    padding: 4rem 0 0;
}
.map_section .main__title h3 {
    color: var(--black-color);
}
.map_section #dynamic-map-wrapper {
    position: relative;
}
.map_section #dynamic-map-wrapper:after ,
.map_section #dynamic-map-wrapper:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 11rem;
    background: url(../images/map_shadow.png) no-repeat center;
    background-size: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.map_section #dynamic-map-wrapper:after {
    bottom:0;
    background: url(../images/map_bottom_shadow.png) no-repeat center;
    top: unset
}
.map_section .main__title {
    margin: 0;
}
/* partners__section */
.partners__section {
    padding: 5rem 0 10rem;
    background: #ECF0EF;
    margin: 6rem 0;
}
.partners__section .main__title .subtitle{
	font-size:2rem;
	width: 44%;
}
.partners__section .item .image{
    margin: 1rem 2rem;
    display: flex;
    justify-content: center;
    padding: 1rem;
    /* align-items: center; */
    background: #fff;
    border-radius: 1rem;
    height: 10rem;
}
.partners__section .item img{
	/* width:100%; */
}
.sectors__section{
	margin: 2rem 2rem 13rem;
}
.sectors__section .main__title,
.members__section .main__title{
	display:flex;
	align-items: baseline;
}
.sectors__section .main__title div{
	padding:5px;
}
.sectors__section .item{
	margin:1rem;
	position:relative;
}
.sectors__section .item .image{
	border-radius:2rem;
	overflow:hidden;
	position: relative;
}
.sectors__section .item .image:before{
    position:absolute;
    content:'';
    background: linear-gradient(360deg, #C29749 0%, rgba(255, 255, 255, 0.00) 67.64%);
    width:100%;
    height: 100%;
    top: 0;
    left:0;
    right:0;
}
.sectors__section .item:hover .image:before{
	background: linear-gradient(360deg, #0c453c 0%, rgba(255, 255, 255, 0.00) 67.64%);
}
.sectors__section .item .image img{
	width:100%;
}
.sectors__section .item .caption{
	position:absolute;
	bottom:0;
	right:1rem;
	color:#fff;
	padding: 1rem;
	display: flex;
	align-items: end;
}
.sectors__section .item .caption p{
	font-size:1.2rem;
	padding: 0 0 0 24px;
}
.sectors__section .item .caption .icon{
	background:#fff;
	width:100px;
	text-align:center;
	border-radius:5rem;
	height: 37px;
}
.director_section{
	position:relative;
}
.director_section .container-fluid{
	background:#0c453c0d;
	margin: 9rem auto;
	padding: 9rem 7rem;
	text-align:center;
	border-radius:2rem;
	width: 91%;
}
.director_section .image1{
	position:absolute;
	top: 42px;
}
.director_section .image2{
	position:absolute;
	bottom: 42px;
	left:7rem;
}
.director_section .main__title h3{
	color:var(--main-color);
}
.director_section .main__title{
	margin-bottom:2rem;
}
.director_section .content p{
	font-size:1.3rem;
}
.director_section .content h6{
	color:#0c453c5e;
	font-size:1.1rem;
}
.members__section{
	margin: 6rem 0;
}
.members__section .main__title h3,
.sectors__section .main__title h3{
	color: var(--main-color);
}
.members__section .more a,
.sectors__section .more a{
	background:var(--main-color);
}
.members__section .item{
	margin: 0 2rem;
	text-align:center;
	background:#F8F4ED;
	padding: 3rem;
	border-radius:2rem;
}
.members__section .item .image{
	background:#C29749;
	text-align:center;
	border-radius:100px;
	width: 135px;
	height:130px;
	margin: auto;
	display: flex;
}
.members__section .item .image img{
	margin:auto;
}
.members__section .item .caption h5{
	color:var(--main-color);
	padding: 1rem 0 0;
}
.members__section .item .caption p{
	color:var(--main-color);
	font-size:1.3rem;
}
/* media__section */
.media__section {
    background:#F8F4EC;
    padding: 4rem 3rem 10rem;
    text-align: right;
}
.media__section .main__title .subtitle {
    color: var(--secondry-color);
}
.media__section .item {
    margin: 0.4rem;
	padding: 1rem 0.5rem ;
	transition: all 0.5s ease-in-out
}
.media__section .item:hover{
	transform:translateY(-15px);
	transition:all .5s;
}
.media__section .item .image img{
	width:100%;
	border-radius:1.5rem;
}
.media__section .item:hover {
	/* height: 30rem; */
	transition: all 0.5s ease-in-out
}
.media__section .item .image{
	position:relative;
}
.media__section .item .image h6{
	position:absolute;
	top: 1.5rem;
	right: 1rem;
	font-size: 1rem;
	background:#CDB380;
	color:#fff;
	padding: 5px 14px .6rem;
	border-radius: 11rem;
}
.media__section .item .caption {
    padding: 1rem;
}
.media__section .item .caption h4{
	font-size:1.1rem;
	color: var(--black-color);
}
.media__section .item .caption h5 {
    color: var(--black-color);
}
.media__section .item .caption p{
	font-size:1.3rem;
	color: var(--black-color);
}
.media__section .item .caption  .more {
	display: none;
	border: 1px solid var(--secondry-color);
	color: var(--secondry-color);
	padding: 0.5rem 1rem;
	font-size: 1rem;
	transition: all 0.5s ease-in-out
}
.media__section .item:hover .caption  .more {
	/* display: inline-flex;
	transition: all 0.5s ease-in-out */
}
 .slick-next ,
 .slick-prev {
    top: unset !important;
    bottom: -8rem !important;
    left: 9rem !important;
    right: 3rem !important;
    margin: auto;
    background: url(../images/arrow-right.svg) no-repeat center #CDB380 !important;
    width: 5rem;
    height: 3rem;
    border-radius: 5rem;
    border: 0 !important;
	transition:all .5s;
}
 .slick-prev {
    transform: rotate(180deg);
    right: 17rem !important;
    bottom: -6.5rem !important;
}
 .slick-next:hover,
 .slick-prev:hover{
   width:7rem;
	transition:all .5s;
}
 .slick-prev:before,
 .slick-next:before {
    display: none;
}
.numbers_section{
	margin:5rem 0;
}
.numbers_section .main__title .subtitle{
	color:#0C453C;
	width: 35%;
}
.numbers_section .row{
	box-shadow: 0 7px 18px #0c453c7a;
	padding: 3rem 0;
	border-radius: 2rem;
}
.numbers_section .item{
	text-align:center;
	position: relative;
}
.numbers_section .col-lg-3:first-of-type .item:after{
	display:none;
}
.numbers_section .item:after{
	position:absolute;
	content:'';
	background:var(--secondry-color);
	width:1px;
	height:100%;
	top:0;
	right:0;
}
.numbers_section .item p{
	color:#0C453C;
	font-weight:600;
	font-size:3rem;
}
.numbers_section .item h6{
	color:#CDB380;
	font-weight:100;
}
/* contactInfo_section */
.contactInfo_section{
    padding: 5rem 0;
}
.contactInfo_section .main__title {
}
.contactInfo_section .form{
    padding-bottom:3rem;
}
.contactInfo_section .icon{
    background:#fff;
    border:5px solid #ccc;
    width:75px;
    height:75px;
    margin:auto;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.contactInfo_section .item {
    padding:3rem;
    background: var(--main-color) !important;
    text-align: center;
    margin-bottom: 1rem;
}
.contactInfo_section .item h4{
    padding:3rem 0 0;
}
.contactInfo_section .item p{
    padding: 1rem 0;
    color: var(--secondry-color);
}
.contactInfo_section .item a{
    background: var(--secondry-color);
    padding: 12px;
    color: #fff;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield textarea ,
.contactInfo_section .gform_wrapper .gform_fields .gfield select ,
.contactInfo_section .gform_wrapper .gform_fields .gfield input  {
    font-size: 1.1rem !important;
    margin: 0 !important;
    font-weight: 100;
    color: #000;
    min-height: 2rem !important;
    padding: 23px 1rem !important;
    border: 1px solid #DFD6D6;
    border-radius: 0;
    background:#fff;
    box-shadow: none;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield:first-of-type,
.contactInfo_section .gform_wrapper .gform_fields .gfield:nth-of-type(2),
.contactInfo_section .gform_wrapper .gform_fields .gfield:nth-of-type(3),
.contactInfo_section .gform_wrapper .gform_fields .gfield:nth-of-type(4){
    width: 48%;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield:last-of-type{
    width:100%;
}
.contactInfo_section .gform_wrapper .gform_fields{
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield textarea   {
    min-height:12rem !important;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield select {
    -webkit-appearance: none;
    appearance: none;
    padding: 0.2rem 1rem !important;
    height: 3.2rem !important;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield .ginput_container_select {
    position: relative;
}
.contactInfo_section .gform_wrapper .gform_fields .gfield .ginput_container_select::after {
    position: absolute;
    content: "";
    top:.8rem;
    left: 6px;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/arrow.png) no-repeat center;
}
 .gform_wrapper .gform_fields .gfield input::placeholder ,
 .gform_wrapper .gform_fields .gfield textarea::placeholder{
    color: #000;
    font-size:.8rem;
     height:30px;
}
.contactInfo_section .gform-footer{
    margin:auto;
    text-align:center;
    display:flex;
    justify-content:center;
}
.contactInfo_section .gform-footer .btn {
    background: var(--secondry-color) !important;
    border: var(--secondry-color);
    font-size: 1.1rem !important;
    padding:1.2rem 7rem !important;
}
/* footer */
footer.footer-wrapper {
    border: 0;
    padding: 4rem 0 2rem;
    border-radius: 4rem;
}
footer .footer__top {
    border-bottom: 1px solid var(--lightWhite-color);
    padding-bottom: 2rem
}
footer .footer__top .right-side .footer_description p {
    color: var(--main-color);
	margin: 2rem 0
}
footer .footer__top .footer-menu {
	padding: 0 5rem 0 0
}
footer .footer__top #menu-footer-menu li  {
	padding: 13px 0;
	width: 40%;
	display: inline-block;
	font-size: 1.4rem;
}
footer .footer__top .social-bar {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 1rem;
}
footer .footer__top .social-bar a {
    border: 1px solid var(--main-color);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .footer__bottom .contact__info span {
    text-decoration: underline
}
footer .footer__bottom .contact__info li:last-child span {
    text-decoration: none;
}
footer .contact__info ul li{
    padding: 1rem 0;;
}
footer .contact__info ul li a{
    color:var(--main-color);
    font-size: 1.2rem;
    display: flex;
    align-items: anchor-center;
}
footer .contact__info ul li a .icon{
	background:var(--main-color);
	width:70px;
	height:70px;
	text-align:center;
	border-radius:50px;
	display: flex;
	align-items:center;
	justify-content:center;
	margin-left: 1rem;
}
footer .contact__info ul li a span{
	flex: 1 1 30%
}
.copyrights-area {
    padding: 1rem 5rem;
	margin: 0 4rem ;
	background: var(--secondry-color);
	border-radius: 0 0 4rem 4rem;
	color: var(--white-color);
}
.copyrights-area .rowaad {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: end;
}
.copyrights-area a,
.copyrights-area .rowaad a {
	color: var(--white-color);
	font-size: 1rem;
}
.copyrights-area .rowaad svg path {
	fill: var(--white-color)
}
/* breadcrumbs */
#breadcrumbs {
    padding: 9rem 0;
    position: relative;
}
#breadcrumbs:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #cdb38096;
    right: 0;
    left: 0;
    opacity:.5;
}
#breadcrumbs .breadcrumbs__text {
    position: relative;
    z-index:1;
    color: var(--white-color);
}
#breadcrumbs .breadcrumbs__text .list-inline-item:not(:last-child) {
    margin: 0;
}
#breadcrumbs .breadcrumbs__text .slash {
    padding: 0 0.5rem;
    display: inline-block;
}
#breadcrumbs .breadcrumbs__text h3 {
    color: var(--white-color);
}
.coverPage{
	padding: 4rem 4rem 8rem;
	color: #fff;
	position: relative;
}
.overlay{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:0;
	right:0;
	opacity:.7;
}
.coverPage .content{
	display:flex;
	justify-content:space-between;
	position: relative;
	z-index: 99;
}
.coverPage .content h2{
	font-weight: 700;
}
.coverPage .content p{
	font-size: 1.5rem;
}
.singleSector{
	position:relative;
}
.coverPage .nav-tabs{
	position: absolute;
	bottom: 2rem;
	right: 5rem;
	z-index: 9;
	border: none;
}
.services_sectors{
	padding:4rem 0;
}
.services_sectors .title{
	padding-bottom: 2rem;
}
.services_sectors .item{
	box-shadow: 1px 1px 10px #ccc;
	padding: 3rem 2rem;
	border-radius: 3rem;
	margin: 1rem 0;
}
.services_sectors .item img{
	border: 1px solid #b9b6b6;
	padding: 1rem;
	border-radius:50px;
	margin-bottom: 16px;
}
.services_sectors .item h4{
	font-weight:800;
}
.services_sectors .item p{
	font-size: 1.3rem;
	padding-top: 1rem;
}
.singleSector .numbers_section{
	background:#EAEAEA;
	margin:2rem;
	padding:3rem;
	border-radius:5rem;
}
.singleSector .numbers_section .main__title h3{
	color:var(--black-color);
}
.singleSector .numbers_section .row{
	box-shadow:none;
	padding: 0;
}
.singleSector .numbers_section .item p{
	color:#000;
	font-size: 4rem;
	direction: ltr;
}
.singleSector .numbers_section .item h6{
	color:#000;
}
.singleSector .numbers_section .item:after{
	background:var(--black-color);
}
.projects_sectors .title{
	padding:2rem 0 0;
}
.projects_sectors .item{
	margin:2rem 0;
	position:relative;
}
.projects_sectors .item .image{
	border-radius:1rem;
	overflow:hidden;
}
.projects_sectors .item .caption{
	position:absolute;
	bottom: 4rem;
	padding: 3rem;
}
.projects_sectors .item .caption h4{
	position:absolute;
	bottom:0;
	color: #000;
	transition:all .5s;
}
.projects_sectors .item:hover .caption h4{
	top:0;
	transition:all .5s;
}
.projects_sectors .item .caption p{
	font-size:1.3rem;
	opacity:0;
	transition:all .5s;
}
.projects_sectors .item:hover .caption p{
	opacity:1;
	transition:all .5s;
}
.projects_sectors .item:before{
    position:absolute;
    content:'';
    background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0.00) 40.64%);
    width:100%;
    height: 100%;
    top: 0;
    left:0;
    right:0;
    overflow: hidden;
}
.projects_sectors .item:hover:before{
	background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%);
}
.banner_section{
	margin-bottom:5rem;
}
.singleSector .contactPage{
	padding-top: 3rem;
	margin: 5rem 1rem;
}
.singleSector .contactPage .row{
	align-items:baseline;
}
.singleSector .contactPage .main__title h3{
	color:#000;
}
.singleSector .contactPage .main__title p{
	color:#000;
	font-size: 2rem;
}
.singleSector .contactPage .form{
	background:#F4F4F4;
	border-radius: 3rem;
}
.singleSector .contactPage .contact__info{
	background: #efeeee;
	padding: 3rem;
	border-radius: 4rem;
	position: relative;
}
.singleSector .contactPage .contact__info img{
	border-radius:4rem;
	margin-bottom:2rem;
}
.singleSector .contactPage .contact__info h5{
	font-weight:bold;
	padding: 8px 0;
}
.singleSector .contactPage .contact__info p{
	font-size:1.5rem;
	padding-left:7rem;
	padding-bottom: 2rem;
}
.singleSector .contactPage .contact__info ul li a .icon{
	background:#DCD7D7;
}
.singleSector .gform_wrapper .gform_fields {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

.singleSector .contactPage .gform_wrapper .gform_fields .gfield:first-of-type,
.singleSector .contactPage .gform_wrapper .gform_fields .gfield:nth-of-type(2){
	width:48%;
	display:inline-block;
}
.singleSector .contactPage .gform_wrapper .gform_fields .gfield{
	width:100%;
}
.singleSector .contactPage .gform_wrapper .gform_fields .gfield:last-of-type textarea{
	border-radius:1.5rem;
}
.singleSector .contactPage .gform-footer .btn{
	background:#B0B0B0 !important;
}
.singleSector .contactPage .gform_wrapper .gform_fields .gfield textarea,
.singleSector .contactPage .gform_wrapper .gform_fields .gfield select,
.singleSector .contactPage .gform_wrapper .gform_fields .gfield input{
	background:#fff;
	border-color:#fff;
	border-radius:50px;
	min-height: 5rem !important;
}
.page__about .about__section{
	margin:0;
	padding: 2rem 0 0;
}
.members__section.membersPage{
	margin:4rem 0;
}
.members__section.membersPage .item{
	margin: 0 0 1rem;
}
/* about_page */
.page__about .wp-block-group {
	padding: 3rem 5rem;	
}
.page__about .wp-block-group .wp-block-columns {
	padding:0;
}
.page__about .wp-block-columns {
	padding: 1rem 5rem 66px;
}
.page__about .wp-block-columns p{
	padding-left:2rem;
}
.history_block{
	background:#cdb38073;
	margin:0 3rem;
	border-radius:2rem;
	position: relative;
}
.history_block .history_title {
	width:80%;
	line-height:1.5;
}
.history_block figure{
	text-align:center;
	padding-top: 3rem;
	padding-right: 5rem;
}
.history_block .history_img2{
	position:relative;
}
.history_block .history_img2 img{
	position:absolute;
	bottom: -97px;
	right: 3rem;
}
.content__page{
	text-align:center;
	padding:2rem 0 5rem;
}
/* mediaPage */
.media__section.mediaPage{
        background:transparent;
        padding: 3rem 0;
}
.media__section.mediaPage .item{
    margin:0;
    /* text-align: center; */
}
.media__section.mediaPage .item .image{
    position:relative;
    /*min-height: 33.1rem;*/
    overflow: hidden;
}
.media__section.mediaPage .item .image .date{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    background: #00000042;
    padding: 10px 13px 2px;
}
.media__section.mediaPage .item .image img{
    width:100%;
}
.media__section.mediaPage .item h5 a{
     color:#000;
 }
.financePage .item {
        background: #e2e2e270;
        padding: 2rem 2rem 0;
        text-align: right;
        margin: 1rem auto;
}
.financePage .item .caption{
    padding:1rem 0;
}
.financePage .item .caption h5{
    padding-bottom:1rem;
}
.financePage .item .caption h5 a{
    color: #2B2B2B;
    font-size: 1.5rem;
}
.financePage .item .caption p{
    border: 1px solid #d5d1d1;
    padding: 1rem 0;
    border-right: none;
    border-left: none;
    color: var(--main-color);
}
.financePage .item .caption p a{
    color: var(--main-color);;
    font-weight: 500;
    font-size: 1.2rem;
}
 .financePage .item .caption h6{
     padding: .7rem 3rem;
     text-align: center;
     width: fit-content;
     background: var(--main-color);
}
.financePage .item .caption h6 a{
    color:#fff;
}
.contactPage{
    padding: 0rem 0;
}
.contactPage .image img{
	height:100%;
	border-radius:2rem;
}
.contactPage .gform_wrapper .gform_fields .gfield .ginput_container_select {
    position: relative;
}
.contactPage .gform_wrapper .gform_fields .gfield .ginput_container_select::after {
    position: absolute;
    content: "";
    top: 2.3rem;
    left: 26px;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/arrow-down.png) no-repeat center/ 70%;
}
.contactPage .container-fluid{
    padding-left:0;
    overflow:hidden;
}
.contactPage .form{
    padding: 5rem 2rem;
}
.contactPage .gform_wrapper .gform_fields .gfield label{
    font-size:1.2rem;
    padding-right:1REM;
    font-weight: 600;
    padding-bottom: 1rem;
}
.contactPage .gform_wrapper .gform_fields .gfield input::placeholder ,
.contactPage .gform_wrapper .gform_fields .gfield textarea::placeholder{
    color: #000;
    font-size:1.1rem;
    font-weight:400;
     height:30px;
}
.contactPage .gform_wrapper .gform_fields .gfield textarea ,
.contactPage .gform_wrapper .gform_fields .gfield select ,
.contactPage .gform_wrapper .gform_fields .gfield input  {
    font-size: 1.1rem !important;
    margin: 0 !important;
    font-weight: 100;
    color: #000;
    min-height: 6rem !important;
    padding: 31px 2rem !important;
    border: 1px solid #CDB380;
    border-radius: 2rem;
    background: transparent;
    box-shadow: none;
}
.contactPage .gform_wrapper .gform_fields .gfield select {
	padding: 1.5rem 1rem !important;
	min-height: 6rem !important;
}
.contactPage .gform-footer .btn {
   background: var(--secondry-color) !important;
    border-color:var(--secondry-color) !important;
	box-shadow:none !important;
    font-size: 1.5rem !important;
    padding:1.2rem 4rem 1.5rem !important;
	border-radius:50px !important;
}
.contactPage .contact__info{
    padding: 5rem 0;
    height: 100%;
}
.contactPage .contact__info h5{
    padding-bottom:2rem;
    font-size: 1.7rem;
}
.contactPage .contact__info ul li{
    padding: 0 0 46px;
}
.contactPage .contact__info ul li a{
    color:var(--main-color);
    font-size: 1.2rem;
    display: flex;
    align-items: anchor-center;
}
.contactPage .contact__info ul li a .icon{
	background:#CDB380;
	width:70px;
	height:70px;
	text-align:center;
	border-radius:50px;
	display: flex;
	align-items:center;
	justify-content:center;
	margin-left: 1rem;
}
.contactPage .contact__info ul li:last-of-type a{
    text-decoration:none;
}
.contactPage .contact__info .map{
    border-radius: 1rem;
    overflow:hidden;
}
.contactPage .image{
    padding-top:4rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background:#fff !important;
    color: #000 !important;
}
.nav-tabs .nav-link{
    font-size: 1.4rem;
    padding: 10px 2rem 1.1rem;
    position: relative;
    color: #fff !important;
    border-radius: 7rem;
    margin: 6px;
    border: none !important;
    font-weight: 400;
}
.post-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 2rem 0 ;
}
.post-nav .pager {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width:100%;
}
.post-nav .pager li span ,
.post-nav .pager li a {
    padding: 1rem 0rem;
    color: var(--main-color);
    border: 1px solid #092D2A;
    background: #fff;
    border-radius: 1rem;
    margin: 1rem;
    font-size: 1.2rem;
    font-weight:600;
    width: 3.75rem;
    height: 3.75rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}
.post-nav .pager li.active span ,
.post-nav .pager li.active a {
    background: var(--main-color);
    color: #fff;
}
.post-nav .pager .hidden{
    display:none;
}
.post-nav .pager li a.arr.prev span svg {
    transform: rotate(-90deg)
}
.post-nav .pager li a.arr[title="Next"] span svg {
    transform: rotate(180deg)
}
/* project_single */
.project_single .main__img {
    padding: 4rem 0;
    position: relative;
    max-height: 35rem;
    overflow: hidden;
}
.project_single .main__img .register_interest {
    position: absolute;
    bottom: 4rem;
    background: url(../images/place.png) no-repeat bottom 6% left 5%, var(--secondry-color);
    left: 4rem;
    width: 36%;
    padding: 1.5rem;
}
.project_single .main__img .register_interest .d-flex > div {
	flex: 1 1 25%;
	margin: 0.3rem 0.3rem 3rem;
}
.project_single .main__img .register_interest span:first-child {
	background: var(--white-color);
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	padding: 1.5rem;
}
.project_single .main__img .register_interest span:last-child {
	justify-content: center;
	color: var(--white-color);
	display: flex;
		font-weight: 700;
	
}
.project_single .main__img .register_interest h4 {
    color: var(--white-color);
    font-size: 1.4rem !important;
    padding-left: 2rem;
    line-height: 1.5
}
.project_single .main__img .register_interest a {
    background: var(--white-color);
    font-size: 1rem;
    color: var(--secondry-color);
    padding: 0.5rem 1rem;
    display: inline-block;
}
.project_single .main__info {
    background: var(--grey-color);
    margin: 3rem 0;
    padding: 3rem 3rem 1rem;
	position: relative;
}
.project_single .main__info .pro__status {
	position: absolute;
	top:0;
	background: var(--secondry-color);
	color: var(--black-color);
	padding: 0.4rem 1rem;
}
.project_single .main__info .title_page {
    border-bottom: 1px solid var(--secondry-color);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.project_single .main__info ul {
    padding: 0;
    flex-wrap: wrap;
    display: flex;
    margin: 0;
}
.project_single .main__info ul li {
    flex: 1 1 49%;
    gap: 0.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.project_single .main__info ul li svg {
    width: 1.6rem;
}
.project_single .title {
	flex: 1 1 30%;
}
.project_single .title h5 {
	color: var(--black-color);
	font-weight: 700;
	margin-bottom: 3rem;
}
.project_single .units_section .nav-tabs {
	justify-content: end;
}
.project_single .units_section .nav-tabs li a {
	padding: 0.5rem 1.5rem;
}
.project_single .units_items .item {
	border: 1px solid #C09E5C;
	padding: 1rem;
	border-radius: 0;
	margin: 0.5rem 0;
}
.project_single .units_items .item.reserved {
	opacity: 0.5;
	cursor: not-allowed
}
.project_single .units_items .item .title {
	padding: 0;
}
.project_single .units_items .item .title h4 {
	margin:0;
	width: auto;
	color: #000;
	font-size: 1.4rem;
	direction: ltr;
	font-family: "GE SS";
}
.project_single .units_items .item .title span {
	color: #fff;
	background: var(--secondry-color);
	padding: 0.3rem 1rem;
	border-radius: 0;
	font-size: 0.8rem;
}
.project_single .units_items .item.reserved .title span {
	background: #C4C4C4;
	color: var(--black-color)
}
.project_single .units_items .item .content p {
	font-size: 1.3rem;
	color: #C09E5C;
	margin: 0.5rem 0 0;
	font-weight: bold;
	font-family: "GE SS";
}
.project_single .units_items .item .content p span {
	color: #000;
	font-size: 0.6rem;
	margin-right: 0.4rem;
	font-weight: 400
}
.project_single .units_items .item .content ul {
	flex-wrap: wrap;
}
.project_single .units_items .item .content ul li {
	font-size: 1rem;
	padding: 0.5rem 0 0rem 1.7rem;
	color: var(--black-color);
	font-weight: 500;
	font-family: "GE SS";
}
.project_single .units_items .item .content .btn {
	font-size: 1rem;
	font-weight: 400;
	background: var(--secondry-color)
}
.project_single .units_items .item .content .btn[disabled] {
	background: var(--secondry-color)
}
.project_single .map_section {
	margin: 4rem 0;
	position: relative;
}
.project_single .map_section .title h4 {
	position: relative;
	z-index: 9;
	color: var(--black-color);
	margin: 0 6rem;
	font-size: 1.7rem;
	font-weight: 700
}
.project_single .map_section:after ,
.project_single .map_section:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 11rem;
    background: url(../images/map_shadow.png) no-repeat center;
    background-size: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}
.project_single .map_section:after {
    bottom:0;
    background: url(../images/map_bottom_shadow.png) no-repeat center;
    top: unset
}

.project_single .project_nearby {
    margin: 4rem 2rem;
}
.project_single .project_nearby ul {
}
.project_single .project_nearby ul li {
	padding: 1rem 1rem 1rem;
	width: 33%;
}
.project_single .project_nearby ul li span {
	border-left: 1px solid #dadada;
	padding: 1rem;
	margin: 0 0 0 1rem;
}
.project_single .project_nearby ul li p:first-child {
	color: #C09E5C;
	font-size: 1.3rem;
}
.project_single .project_nearby ul li p:last-child {
	color: #707070;
	font-size: 0.8rem;
}
.project_single .project_features {
	background: rgba(11, 19, 56, 0.15);
	padding: 5rem 0;
}
.project_single .project_features li {
	background: #fff;
	flex: 1 1 23%;
	margin: 0.4rem;
	padding: 1rem;
}
.project_single .project_features li p:nth-child(2) {
	font-size: 1rem;
	color: #0B1338;
	margin: 1rem 0;
	font-weight: 600;
}
.project_single .project_features li p:last-child {
	font-size: .78rem;
	color: #0E0F23;
	line-height: 2;
}
.project_single .project_guarantees {
	padding: 4rem 0
}
.project_single .project_guarantees li {
	padding: 1rem;
	flex: 1 1 25%;
	text-align: center;
}
.project_single .project_guarantees li span {
	background: var(--secondry-color);
	display: inline-block;
	padding: 1rem;
	border-radius: 5rem;
	width: 4.5rem;
	height: 4.5rem;
}
.project_single .project_guarantees li p:nth-child(2) {
	font-size: 1.2rem;
	color: #0B1338;
	margin: 1rem 0 0;
	font-weight: 600;
}
.project_single .project_guarantees li p:last-child {
	font-size: 1rem;
	color: #979797;
	margin: 0 0 1rem 0 ;
}
.project_single .close {
	padding: 0;
	text-shadow: none;
	opacity: 1;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 1rem;
	border: 0 !important;
	display: flex;
}
.project_single .modal-content {
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 1.5rem
}
.project_single .modal-content .img {
	position: relative;
}
.project_single .modal-content .img img {
	width: 4rem;
	height: 4rem;
	margin-left: 2rem;
}
.project_single .modal-content .img .unit__status {
	position: absolute;
	top: -1rem;
	background: var(--secondry-color);
	left: 1rem;
	color: var(--white-color);
	padding: 0.3rem 0.8rem;
	font-size: 0.7rem;
}
.project_single .modal-content .info h4 {
	color: var(--black-color);
	direction: ltr;
	font-weight: 700;
	margin:0;
}
.project_single .modal-content .info p {
	color: var(--secondry-color);
	font-size: 1.7rem;
	font-weight: bold;
	font-family: 'GE SS';
}
.project_single .modal-content .info p span {
	color: var(--black-color);
	font-size: 1rem;
	font-weight: 100;
}
.project_single .modal-content .units_detials {
	border-top: 1px solid #E0E0DA;
	border-bottom: 1px solid #E0E0DA;
	padding: 1.5rem 0;
	display: flex;
	flex-wrap: wrap;
}
.project_single .modal-content .units_detials li {
	padding-bottom: 0 !important;
	flex: 1 1 46%;
	margin-bottom: 2rem;
}
.project_single .modal-content .units_detials li:last-child {
	margin-bottom: 0;
}
.project_single .modal-content .parts_section .item {
    background: #dbbb8933;
    margin: 0.5rem;
    padding: .5rem 1rem;
    color: #000;
    text-align: right;
    width: 27%;
}
.project_single .modal-content .parts_section .item p {
    color: #000;
    font-family: 'GE SS';
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}
.project_single .modal-content .additional_desc {
	/* border-top: 1px solid #E0E0DA; */
	padding: 2rem 0;
}
.project_single .modal-content .additional_desc h3 {
	font-size: 1.3rem;
	color: var(--black-color)
}
.project_single .modal-content .additional_desc p {
	border: 1px solid #E9EAEC;
	padding: 1rem;
	color: #000 !important;
	font-size: 0.7rem !important;
	font-weight: 400 !important;
	margin: 1.5rem 0 !important;
}
.project_single .modal-content .form {
	background: #F8F1E7;
	padding: 2rem;
	text-align: center;
}
.project_single .modal-content .form h3 {
	color: var(--black-color);
	font-size: 1.5rem;
}
.project_single .modal-content .form p  {
	color: var(--black-color) !important;
	font-size: 1rem !important;
}
.project_single .modal-content .form .gfield input {
	text-align: right;
}
.project_single .modal-content .form .gform_footer input[type=submit] {
	width: 100% !important;
	background: #2A3D37 !important;
	border: 0 !important;
}
/* singlePage */
.singlePage{
	padding:3rem 0;
	text-align: center;
}
.singlePage .row{
	align-items:center;
}
.singlePage .date h6{
	color: var(--main-color);
	width:fit-content;
	margin: auto;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.singlePage .date h6 .icon{
	padding-left:1rem;
}
.singlePage h1{
	font-size:2rem;
	color:var(--secondry-color);
	padding: 1rem 0 0;
}
.singlePage img{
	/* width:100%; */
}
.singlePage p{
	font-size: 1.3rem;
	color: var(--black-color);
	line-height:1.5;
	padding:2rem 0;
}
/* From Uiverse.io by faxriddin20 */ 
.loader {
  --path: var(--main-color);
  --dot: var(--secondry-color);
  --duration: 3s;
  width: 44px;
  height: 44px;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loader:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  display: block;
  background: var(--dot);
  top: 37px;
  left: 19px;
  transform: translate(-18px, -18px);
  animation: dotRect var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86)
    infinite;
}

.loader svg {
  display: block;
  width: 100%;
  height: 100%;
}

.loader svg rect,
.loader svg polygon,
.loader svg circle {
  fill: none;
  stroke: var(--path);
  stroke-width: 10px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.loader svg polygon {
  stroke-dasharray: 145 76 145 76;
  stroke-dashoffset: 0;
  animation: pathTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86)
    infinite;
}

.loader svg rect {
  stroke-dasharray: 192 64 192 64;
  stroke-dashoffset: 0;
  animation: pathRect 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}

.loader svg circle {
  stroke-dasharray: 150 50 150 50;
  stroke-dashoffset: 75;
  animation: pathCircle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86)
    infinite;
}

.loader.triangle {
  width: 48px;
}

.loader.triangle:before {
  left: 21px;
  transform: translate(-10px, -18px);
  animation: dotTriangle var(--duration) cubic-bezier(0.785, 0.135, 0.15, 0.86)
    infinite;
}

@keyframes pathTriangle {
  33% {
    stroke-dashoffset: 74;
  }

  66% {
    stroke-dashoffset: 147;
  }

  100% {
    stroke-dashoffset: 221;
  }
}

@keyframes dotTriangle {
  33% {
    transform: translate(0, 0);
  }

  66% {
    transform: translate(10px, -18px);
  }

  100% {
    transform: translate(-10px, -18px);
  }
}

@keyframes pathRect {
  25% {
    stroke-dashoffset: 64;
  }

  50% {
    stroke-dashoffset: 128;
  }

  75% {
    stroke-dashoffset: 192;
  }

  100% {
    stroke-dashoffset: 256;
  }
}

@keyframes dotRect {
  25% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(18px, -18px);
  }

  75% {
    transform: translate(0, -36px);
  }

  100% {
    transform: translate(-18px, -18px);
  }
}

@keyframes pathCircle {
  25% {
    stroke-dashoffset: 125;
  }

  50% {
    stroke-dashoffset: 175;
  }

  75% {
    stroke-dashoffset: 225;
  }

  100% {
    stroke-dashoffset: 275;
  }
}

