/*
Theme Name: ANR
Description: ANR
Author: hello-elementor
Template: hello-elementor
Version: 1.0
*/
@import url("../hello-elementor/style.css");
/**
 * These are the custom mixins used throughout the application.
 */
/**
 * Ionic mixins
 */
#wrapper, #main {
  background: transparent;
}


p {
  margin-bottom: 10px;
}

a {
  color: #24408E;
}
html {
  scroll-behavior: smooth;
}
b, p strong {
  font-weight: 800;
}
p:last-child{
  margin-bottom: 0;
}
.text-primary{
  color: #00D1FF;
}
ul{
  padding-left: 30px;
  margin-bottom: 20px;
}
.text-left {
  text-align: left;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}
.txt-color p{
  font-weight: 500;
}

.header-main {
  position: fixed !important;
  top: 50px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9;
}


header.menu-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
}

header.menu-fixed .elementor-widget-theme-site-logo img {
  width: 90px !important;
}

header.menu-fixed .menu-fix > .elementor-widget-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

header .elementor-nav-menu {
  width: 100%;
}

header .elementor-nav-menu > li.current-menu-item > a {
  color: #0073AC !important;
}

header .elementor-nav-menu > li .elementor-nav-menu--dropdown {
  min-width: 12em !important;
  padding-bottom: 0px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  background: #fff !important;
/*  overflow: hidden;*/
}

header .elementor-nav-menu > li a:after {
  bottom: 10px !important;
}


header .contact-header .elementor-button {
  width: 100px;
  height: 100px;
  line-height: 100px;
  padding: 0;
}

a.elementor-button {
  position: relative;
  padding: 12px 40px;
  border-radius: 0;
}
a.elementor-button .elementor-button-content-wrapper{
  align-items: center;
}
a.elementor-button svg{
  width: 32px;
  position: relative;
  top: 1px;
}
.site-main {
  min-height: 500px;
  padding-top: 30px;
}

/*banner subpage*/
.breadcrumbs {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
}

.breadcrumbs span {
  color: #fff;
}
.main-logo,
.main-logo h1{
  margin-bottom: 0 !important;
}

#slideshow .swiper-slide-inner {
  max-width: 1200px;
}
.slide-dot-vertical1 .swiper-pagination .swiper-pagination-bullet,
.slide-dot-vertical .swiper-pagination .swiper-pagination-bullet{
  background: transparent;
  border: 1px solid #7AA8BE;
  opacity: 1;
}
.slide-dot-vertical1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #fff;
  border-color: #fff;
}
.slider-dot-sv .swiper-pagination{
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.slider-dot-sv .elementor-swiper-button,
.arrow-post .elementor-swiper-button{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-project .elementor-nav-menu > li > a{
  background: #fff;
  border-radius: 100px;
}
.menu-project .elementor-nav-menu > li:hover > a,
.menu-project .elementor-nav-menu > li.current-menu-item > a{
  background: #00D1FF;
}
.item-porject .title-project,
.page-id-459 .footer1 {
  display: none;
}
.item-porject:hover .title-project{
  display: block;
}
.item-porject:hover:before{
  opacity: 1 !important;
}

.contact-form .elementor-field-group:after {

    position: absolute;

    right: 24px;

    top: 8px;

}

.contact-form .elementor-field-group-name:after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M18.1901 19.0754V17.0983C18.1901 16.0496 17.755 15.0439 16.9806 14.3023C16.2061 13.5608 15.1558 13.1442 14.0605 13.1442H5.80143C4.7062 13.1442 3.65584 13.5608 2.88139 14.3023C2.10695 15.0439 1.67188 16.0496 1.67188 17.0983V19.0754' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.93131 9.1901C12.212 9.1901 14.0609 7.41975 14.0609 5.23592C14.0609 3.05209 12.212 1.28174 9.93131 1.28174C7.65062 1.28174 5.80176 3.05209 5.80176 5.23592C5.80176 7.41975 7.65062 9.1901 9.93131 9.1901Z' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-form .elementor-field-group-phone:after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='22' viewBox='0 0 24 22' fill='none'%3E%3Cpath d='M22.9586 15.4934V18.3603C22.9598 18.6265 22.8984 18.8899 22.7782 19.1338C22.658 19.3776 22.4817 19.5966 22.2606 19.7765C22.0396 19.9564 21.7786 20.0934 21.4944 20.1787C21.2102 20.2639 20.909 20.2956 20.6102 20.2716C17.2953 19.9521 14.1112 18.9472 11.3136 17.3378C8.71075 15.8705 6.50401 13.9129 4.85008 11.6038C3.0295 9.11072 1.89652 6.27222 1.54292 3.31829C1.516 3.05402 1.55141 2.78767 1.64688 2.5362C1.74235 2.28473 1.8958 2.05366 2.09745 1.85768C2.29911 1.66171 2.54455 1.50513 2.81816 1.39792C3.09177 1.2907 3.38754 1.23521 3.68665 1.23496H6.91839C7.44119 1.23039 7.94802 1.39463 8.34441 1.69705C8.74081 1.99947 8.99972 2.41944 9.07289 2.87869C9.20929 3.79618 9.46226 4.69704 9.82696 5.56408C9.9719 5.90613 10.0033 6.27788 9.91735 6.63526C9.83143 6.99264 9.63183 7.32068 9.3422 7.58052L7.97409 8.7942C9.50762 11.1867 11.7406 13.1677 14.4376 14.5281L15.8057 13.3145C16.0986 13.0575 16.4684 12.8804 16.8712 12.8042C17.2741 12.728 17.6931 12.7558 18.0787 12.8844C19.056 13.208 20.0715 13.4324 21.1058 13.5534C21.629 13.6189 22.1069 13.8527 22.4486 14.2104C22.7902 14.5681 22.9717 15.0247 22.9586 15.4934Z' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.contact-form .elementor-field-group-email:after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19' fill='none'%3E%3Cpath d='M3.51316 1.0968H21.0638C22.2704 1.0968 23.2576 2.0421 23.2576 3.19746V15.8014C23.2576 16.9568 22.2704 17.9021 21.0638 17.9021H3.51316C2.30656 17.9021 1.31934 16.9568 1.31934 15.8014V3.19746C1.31934 2.0421 2.30656 1.0968 3.51316 1.0968Z' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.2576 3.19727L12.2885 10.5496L1.31934 3.19727' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-form .elementor-field-group-subject:after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='25' viewBox='0 0 21 25' fill='none'%3E%3Cpath d='M13.0886 1.66541H3.67476C3.05058 1.66541 2.45197 1.90283 2.0106 2.32545C1.56924 2.74806 1.32129 3.32126 1.32129 3.91893V21.9471C1.32129 22.5448 1.56924 23.118 2.0106 23.5406C2.45197 23.9632 3.05058 24.2006 3.67476 24.2006H17.7956C18.4198 24.2006 19.0184 23.9632 19.4597 23.5406C19.9011 23.118 20.1491 22.5448 20.1491 21.9471V8.42597L13.0886 1.66541Z' stroke='%230183F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0879 1.66553V8.4261H20.1483' stroke='%230183F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4432 14.0597H6.0293' stroke='%230183F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4432 18.5669H6.0293' stroke='%230183F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.38277 9.55286H7.20603H6.0293' stroke='%230183F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.contact-form .elementor-field-group-message:after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M20.15 9.65048C20.1536 10.8724 19.8273 12.0778 19.1977 13.1684C18.4512 14.4754 17.3036 15.5747 15.8834 16.3432C14.4632 17.1117 12.8266 17.519 11.1567 17.5196C9.76028 17.5228 8.38271 17.2373 7.13623 16.6864L1.10547 18.4453L3.11572 13.1684C2.48612 12.0778 2.15986 10.8724 2.1635 9.65048C2.16414 8.18938 2.62968 6.7573 3.50795 5.51463C4.38623 4.27196 5.64256 3.26779 7.13623 2.6146C8.38271 2.0637 9.76028 1.77821 11.1567 1.7814H11.6857C13.891 1.88785 15.974 2.70232 17.5357 4.06886C19.0975 5.43539 20.0283 7.25796 20.15 9.18759V9.65048Z' stroke='%230183F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gallery-single-project .e-gallery-item {
  display: none; 
}
.gallery-single-project .e-gallery-item.visible {
  display: inline-block; 
}
.scroll-icon,
#loadMore{
  left: 50%;
  transform: translateX(-50%);
}
.scroll-icon svg path {
  animation: arrowBounce 1.5s ease-in-out infinite;
}


@keyframes arrowBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
}

.link-next-project svg{
  width: 40px;
}
.link-next-project a{
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}
:target {
  scroll-margin-top: 30px;
  scroll-snap-margin-top: 30px;
}





@media only screen and (max-width: 1199px) {
  .menu-slide-left .elementor-nav-menu li ul.sub-menu {
    position: unset !important;
    margin: 0 !important;
  }
  .menu-slide-left .elementor-nav-menu--dropdown li a {
    padding: 8px 15px !important;
  }

}

@media only screen and (max-width: 991px) {
  .eicon-menu-bar {
    font-size: 20px;
  }

}

@media only screen and (max-width: 848px) {
  .txt-768-break br {
    display: none;
  }
  .header-main {
    top: 0px !important;
  }

  
}
@media only screen and (min-width: 768px){
  .slide-dot-vertical .swiper-pagination{
    height: 100%;
    left: 0;
    width: 70px;
    top: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;  
  }
  .slide-dot-vertical1 .swiper-pagination{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;  
  }
  

}

@media only screen and (max-width: 767px) {
  header.menu-fixed .elementor-widget-image img{
    width: 80px !important;
  }

  .txt-break-550 br {
    display: none;
  }
  .breadcrumbs {
    font-size: 14px;
  }
  .menu-project .elementor-nav-menu > li > a {
    min-width: 155px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
  .slider-dot-sv .swiper-pagination{
    display: none !important;
  }
  .link-next-project a {
    font-size: 14px;
  }
  .link-next-project svg {
    width: 30px;
  }
}