* {
  margin: 0;
    padding: 0;
		box-sizing     :      border-box;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
   color: #333;


}

.container {
	max-width: 1200px;
  margin  : 0 auto;
   padding: 0 20px;
}

.row {
    display: flex;
    flex-wrap    :       wrap;
	 margin    :        0 -15px;}

.col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  padding    :     0 15px;
}

.col-md-4 {


    flex: 0 0 33.333333%;

    max-width: 33.333333%;

   padding: 0 15px;}

.col-md-6 {
		 max-width: 50%;
   padding: 0 15px;
  flex   :  0 0 50%;
}

.col-md-7
{
   flex: 0 0 58.333333%;
   max-width    :      58.333333%;
   padding: 0 15px;
}

.col-md-12 {
   flex    :        0 0 100%;
  -webkit-flex: 0 0 100%;
  max-width: 100%;
   padding: 0 15px;
}

.col-lg-4 {
			flex   :      0 0 33.333333%;
   max-width: 33.333333%;
   padding: 0 15px;
} 

.col-lg-6 {

	    flex: 0 0 50%;
    max-width: 50%;
    padding:    0 15px;
	}

.col-lg-12 {

	    -webkit-flex   :      0 0 100%;
   flex: 0 0 100%;
   max-width  :      100%;
  padding    :   0 15px;


}

.col-xl-6 {
     flex: 0 0 50%;
  max-width: 50%;
    padding :   0 15px;}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 15px;
}

.navigation-bar {
      position: fixed;
  top: 0;
    width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
   z-index: 1000;
  transition: all 0.3s ease;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.nav-container		{

   display: flex;
 justify-content    :   space-between;
  align-items: center;
    padding: 1rem 2rem;
         max-width: 1200px;
   margin: 0 auto;}



.logo-img {
  height: 45px;
         width: auto;
}

.nav-links-desktop {
					display: flex;
   gap: 2rem;
}

.nav-link {
    text-decoration: none;
    color    :   #333;
   font-weight: 500;
   transition: color 0.3s ease;
   position: relative;
}

.nav-link:hover,
.nav-link.active {
    color: #2b98f0;
}

.nav-link::after {
     content: '';
	  position: absolute;
	    width: 0;
	  height:       2px;
	   bottom: -5px;
	    left: 0;
	  background-color: #2b98f0;
	    transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
   width: 100%;}

.burger-menu {
	          display: none;
  flex-direction   :   column;
    cursor: pointer;
               width: 25px;
   height: 20px;
   justify-content: space-between;

}

.burger-menu span {
  width: 100%;
         height     :        3px;
    background: #333;
    transition: all 0.3s ease;
}

.mobile-menu {


	display: none;
   position: absolute;
   top: 100%;
          left: 0;
  width: 100%;
    background: white;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  padding: 1rem 0;}

.mobile-link {
  display: block;
  padding: 0.8rem 2rem;
	text-decoration: none;
   color: #333;
  border-bottom: 1px solid #eee;
}

.mobile-link:hover {
   background: #f8f9fa;
	color: #2b98f0;
}

.hero-wrap
{
		width: 100%;
   height: 100%;
       position: inherit;
    background-size: cover;
  background-repeat: no-repeat;
    background-position  :     top center;
    position: relative;
  height: 100vh;
   min-height: 600px;
     display: flex;
  align-items: center;
}@media (max-width: 1199.98px) {
    .hero-wrap {
        background-position: center center !important;
    }
}.hero-wrap .overlay {

	    position: absolute;
	top   :      0;
   left: 0;
   right: 0;
  bottom: 0;
  content: '';
  opacity: .4;
   background: #000000;


}

.hero-wrap.hero-wrap-2 {
    height: 500px;
}

.hero-wrap.hero-wrap-2 .overlay {
	opacity: .3;
}

.hero-wrap.hero-wrap-2 .slider-text

{
  height: 500px;
}

.slider-text {
  position: relative;
	 z-index: 2;
        height: 100vh;
    display: flex;
   align-items: center;
}

.slider-text h1

{
  font-size: 40px;
         color: #fff;
  line-height: 1.2;
  font-weight: 400;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 3.5rem;
    font-weight: 700;
  margin-bottom: 1.5rem;
}@media (max-width: 991.98px) {
    .slider-text h1 {
        font-size: 40px;
    }
}.slider-text h1 span


{
  color: #2b98f0;
}

.slider-text .subheading {
  font-size: 18px;
    line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
  margin-bottom: 1rem;
   text-transform: uppercase;
  letter-spacing: 2px;
}

.slider-text p
{
     font-size: 18px;
    line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

.slider-text p strong

{
	font-weight: 700;
}

.slider-text p strong a {
   color: #000000;
}

.slider-text .btn-custom {


  font-size: 16px;
  font-weight: 500;
  color: #fff;
     }

.btn {
  -moz-box-shadow: none !important;
   padding: 12px 16px;
  -moz-border-radius: 4px;
        cursor: pointer;
  -webkit-box-shadow: none !important;
   border-radius: 4px;
   box-shadow: none !important;
  font-size: 11px;
    -moz-transition: all 0.3s ease;
  text-transform: uppercase;
	 letter-spacing   :    1px;
     font-weight: 600;
    display: inline-block;
   padding: 12px 30px;
	-o-transition: all 0.3s ease;
    border-radius: 5px;
    text-decoration: none;
   transition: all 0.3s ease;
   border: none;
}

.btn:hover, .btn:active, .btn:focus {


    outline: none;


}

.btn.btn-primary {
      background: #2b98f0;
       border: 1px solid #2b98f0;
     color: #fff;
     }

.btn.btn-primary:hover {
   border: 1px solid #2b98f0;
    background    :  transparent;
    color: #2b98f0;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(43, 152, 240, 0.3);
}

.ftco-animate  
  {
   opacity: 1;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.js-fullheight {
    height: 100vh; 

}

.align-items-center {
  align-items: center;


}  

.justify-content-start {
  justify-content: flex-start;
}

.mr-md-4 {
   margin-right: 1.5rem;
}

.py-2 {
    padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-4 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}  

.mb-4 {
    margin-bottom: 1.5rem;
}

.section-padding-80-0 {
  padding-top: 80px;
  padding-bottom  :      0;
}

.section-header {
  position: relative;
	z-index: 1;
    margin-bottom   :   50px;
}

.section-header h2 {
    font-size: 42px;
    margin-bottom: 10px;
    display     :        block;
   line-height: 1.2;
   color: #333;
}

.section-header p {


	font-size: 1.1rem;
   color: #666;
    font-size: 16px;
   color: #bfbfbf;
                    margin-bottom: 0;


}

.section-header span {
	position: absolute;
					top: 50%;
	font-size: 100px;
  color: #eef3f6;
  transform: translateY(-50%);
  z-index: -1;
  left: -50px;
  line-height: 1;
    font-size: 6rem;
   color: #f0f0f0;
   top: -20px;
   left: -30px;
   font-weight    :      900;
}

.about-image {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.about-image img {
   width: 100%;
   border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.about-text h3 {
	         font-size:  28px;
   margin-bottom: 30px;
  font-size: 1.8rem;
   color: #333;
                    margin-bottom: 20px;
	
     }

.about-text p {
    color: #666;
  line-height: 1.8;
   margin-bottom: 30px;
}

.akame-button.active
{
     background-color: #2f2f2f;
               color: #ffffff;
	 background: #333;
    padding: 12px 25px;
	border-radius: 5px;
  text-decoration: none;
   transition : all 0.3s ease;
}

.akame-button.active:hover {
    background: #555;
}

.mb-80 {
   margin-bottom: 80px;
}

.mt-30 {
  margin-top     :     30px;
}

.pl-4 {
    padding-left: 25px;
}

.services-section {
	  padding-bottom: 0;
	    padding-top: 196px;
	  padding    :  100px 0;
	   background: #f8f9fa;

}

.services-item {

	    margin-bottom: 100px;
	margin-bottom: 50px;
    text-align: center; 


}

.services-item .si-pic {
    height: 293px;
  position: relative;
   height: 250px;
   background-size: cover;
    background-position: center;
    border-radius :    10px;
  overflow: hidden;
}

.services-item .si-pic .service-icon {
   width: 89px;
	 height: 89px;
  background: #2b98f0;
   text-align: center;
    line-height: 89px;
	 border-radius     :  50%;
    position: absolute;
   bottom: -45px;
   left: 50%;
  transform: translateX(-44.5px);
  bottom: -30px;
  transform: translateX(-50%);
    width: 60px;
  height: 60px;
  display: flex;
    align-items: center;
    justify-content: center;
  box-shadow: 0 5px 15px rgba(43, 152, 240, 0.3);
}

.services-item .service-icon i  {

  color: #fff;
   font-size :    38px;
}

.service-svg {

	   width: 24px;
         height: 24px;
  filter: brightness(0) invert(1);
     }

.services-item .si-text {
    text-align: center;
  padding-top   :75px;
                    padding-top: 50px;
}

.services-item .si-text h3{
  color: #333;
  font-weight: 600;
   margin-bottom  :       18px;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.services-item .si-text p {

  color: #666;
    font-size: 14px;
  line-height: 1.6;
    line-height: 28px;

}

.section-title {
	text-align: center;
   margin-bottom: 50px;
 margin-bottom: 80px;
}

.section-title span {
    color   :        #2b98f0;
  display: block;
    font-size: 12px;
   letter-spacing     : 4px;
   text-transform: uppercase;
   font-weight    :   600;
  font-size: 14px;
     letter-spacing: 3px;
  margin-bottom: 10px;
}  

.section-title h2 {
	   color: #333;
   font-size: 48px;
		line-height    :   48px;
    font-weight: 600;
   margin-top: 14px;
    margin-bottom: 40px;
    font-size    :        2.5rem;
    font-weight: 700;
	}

.set-bg {
                    background-repeat: no-repeat;
  background-size: cover;
	 background-position: top center;
}

[class^=flaticon-]:before,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class*=" flaticon-"]:after {
   font-family: Flaticon;
  font-size: 38px;
         font-style: normal;
}

.text-center {
        text-align: center;
}

.info_content_area {
    padding-top: 110px;
  padding-bottom: 110px;
	padding: 100px 0;
}@media (max-width: 767px) {
    .info_content_area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}.info_main_content {
  padding-top     :      45px;
    padding-top: 40px;
}@media (max-width: 767px) {
    .info_main_content {
        padding-top: 35px;
    }
}.info_main_content .single_info_item {
   margin-bottom: 48px;
   margin-bottom   :        40px;
}@media (max-width: 767px) {
    .info_main_content .single_info_item {
        margin-bottom: 35px;
    }
}.info_main_content .single_info_item h3
{
  font-size :      1.3rem;
  color: #2A2A2A;
    margin-bottom: 0;
          font-size: 24px;
   line-height :  34px;
    color: #333;
    margin-bottom: 15px;
  margin-bottom: 12px;
}


.info_main_content .single_info_item p {
   font-size     :    17px;
    line-height: 30px;
   font-weight: 500;
    color: #3D3D3D;
  color: #666;
  line-height:     1.7;
}

.section_header span


{
   color: #E2B84D;
   font-size :  32px;
    font-weight: 500;
 margin-bottom: 20px;
	display: block;
   color: #2b98f0;
   font-size: 1.2rem;
  font-weight: 600;
    text-transform: uppercase;
   letter-spacing: 2px; 
	
}

.section_header h3 {
    font-size: 52px;
    font-weight: 800;
     color: #1E0D01;
    text-transform: uppercase;
	font-size: 2.5rem;
    font-weight: 700;
   color: #333;
   margin-bottom: 30px;
}@media (max-width: 767px) {
    .section_header h3 {
        font-size: 32px;
        line-height: 38px;
        font-size: 2rem;
    }
}.info_image img {
     width :   100%;
  border-radius: 8px;
  border-radius    :       10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
     }@media (max-width: 767px) {
    .info_image {
        margin-top: 35px;
        margin-top: 30px;
    }
}.ftco-section {
  padding: 7em 0;
  position    :        relative;
    padding: 100px 0;
  background: #333;
     color: white;


}

.heading-section {
  z-index: 0;
}

.heading-section .subheading {
                    font-size: 50px;
  display: block;
    margin-bottom: 0;
  font-family: "Great Vibes", cursive;
    color: #c49b63;
   line-height: 1;
          margin-bottom: -21px;
  z-index :   1;
    font-size: 1.2rem;
   color: #2b98f0;
    margin-bottom: 10px;
    text-transform: uppercase;
  letter-spacing: 2px;
}

.heading-section h2 {
   z-index: -1;
    font-size: 40px;
   font-weight     : 700;
  position: relative;
	text-transform: uppercase;
    font-size: 2.5rem;
    color: white;
   margin-bottom: 20px;
}

.heading-section p {
  color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
}

.menu-entry {
    margin-bottom: 30px;
}

.menu-entry .img {
    transition: transform 0.3s ease;
    overflow: hidden;
   height: 200px;
    border-radius: 10px;
	 background-size:       cover;
  display: block;
    background-position: center;
}

.menu-entry .img:hover {
  transform: scale(1.05);
}

.menu-entry .text {
  padding-top: 20px;
  text-align: center;
}

.menu-entry .text h3 {
  font-size: 18px;
   text-transform: uppercase;
}

.menu-entry .text h3 a {

	  color: #fff;
 text-decoration: none;
  font-size: 1.2rem;
   font-weight: 600; 
	


}

.menu-entry .text p {
  color: rgba(255, 255, 255, 0.8);
  margin: 15px 0;
}

.menu-entry .text .price span {
  color: #fff; 
    font-size: 18px; 
  color:#2b98f0; 
    font-size: 1.1rem; 
   font-weight: 600;
}

.hero-wrap,
.img,
.blog-img,
.user-img	{
    background-position: center center;
  background-repeat: no-repeat;
    background-size     :   cover;
}

.btn.btn-primary.btn-outline-primary {
	 border: 1px solid #c49b63;
	 background: transparent;
	color: #c49b63;
    border: 2px solid #2b98f0;
  color: #2b98f0;
	padding: 10px 20px;
    text-decoration: none;
   border-radius:     5px;
    transition: all 0.3s ease;
}

.btn.btn-primary.btn-outline-primary:hover   {
	border: 1px solid transparent;
       background: #c49b63;
   	 color: #fff;
     background: #2b98f0;
             color: white;
}

.btn-outline-primary    {
    border: 2px solid #2b98f0;
  background: transparent;
    color: #2b98f0;
   padding    :        10px 20px;
  text-decoration:  none;
  border-radius: 5px;
  transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background: #2b98f0;
          color: white;
}

.justify-content-center {

	   justify-content: center;



}

.mb-5{
   margin-bottom: 3rem;
}

.pb-3 {
  padding-bottom   :   1rem;
}

.pt-4 {
    padding-top: 1.5rem;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
     line-height: 1.4;
  color: #fff;
    font-weight: 400;
  font-family: "Josefin Sans", Arial, sans-serif;
	}

.frequently_area {
   position: relative;

  padding :    100px 0;

        background: #f8f9fa;
}

.frequently_area .main_title {
	margin-bottom: 40px;
   text-align: center;
   margin-bottom: 80px;


}

.frequently_area .main_title h1 {
   color: #22195e;
  color: #333;
    font-size: 2.5rem;
   margin-top: -30px;
   margin-bottom: 20px;
   font-weight: 700;
}

.frequent_item {
    position: relative;
  padding: 30px 0;

}

.frequent_item h3 
 {
   font-size:        18px;
  color: #22195e;
    padding-top :     40px;
    margin: 0;
               font-size: 1.3rem;
         color: #333;
  margin-bottom: 15px;
  font-weight: 600;
	 padding-top: 0;
}

.frequent_item p {
 font-weight: 400; 
	   padding: 30px 20px 40px 0; 
	   margin  : 0; 
	  color   :    #666; 
	  line-height: 1.7; 
	   padding-right: 20px; 
	    padding-top: 0; 
	    padding-bottom     :        0;
}



.frequent_item p:after {

  content: "";
    position     :   absolute;
   width: 150%;
  border: 1px dashed rgba(199, 199, 199, 0.5);
  left: 0;
	bottom     :      0;
  bottom: 0;
   left: 0;
	width  :    80%;
  border-bottom: 1px dashed rgba(199, 199, 199, 0.5);}

.frequent_item.last-child p:after {
  display: none !important;
}

.frequent_item::after {
  content: '';
      position: absolute;
  bottom: 0;
    left: 0;
  width: 80%;
  border-bottom: 1px dashed rgba(199, 199, 199, 0.5);
}

.frequent_item.last-child::after {
   display: none;
}

.frequent_inner {
		position: relative;
  overflow   :     hidden;
}

.frequent_inner:after     {
  content: "";
    position: absolute;
	height  : 86%;
  border: 1px dashed rgba(199, 199, 199, 0.5);
   left     : 50%;
  transform: translateX(-50%);
  top: 40px;
}

.main_title {
  text-align: center;
   margin-bottom: 80px;
}

.main_title h2 {
    font-size:  72px;
  color: #3fcaff;
   opacity: 0.1;
   margin: 0;
                    line-height: 60px;
	font-size: 4rem;
    color: #2b98f0;
  line-height: 0.8;
}

.main_title p  
  {
             line-height: 24px;
	    color: #666;
	  font-size: 14px;
	   line-height: 1.6;
	    max-width: 600px;
	   margin: 0 auto;
	  font-size: 1.1rem;
	      max-width: 570px;
	   margin  :        auto;
	    margin-bottom: 0px;
	  color: #777777;
     }

.section_gap {
  padding   :     120px 0;
    padding: 100px 0;
}

.site-footer {
  padding     :   4em 0;
  background:      #333333;
  color: #737373;
  background: #333;
  color :        #999;
   padding: 80px 0 30px;
}

@media (min-width: 768px) {
    .site-footer {
        padding: 8em 0;
    }
}.site-footer .border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;

	    padding-top: 30px;

	          margin-top: 40px;
}

.site-footer p {
                    color: #737373;
    line-height:1.7;
	 margin-bottom: 1rem;
   margin-bottom: 15px;
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5 {
   color: #fff;
  font-family: "Playfair Display";
          font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom   :    0.5rem;}

.site-footer a {
   color:    #999999;
	 text-decoration: none;
    transition: .3s all ease;
  color: #999;
    transition: color 0.3s ease;
}

.site-footer a:hover {
   color: white;
  text-decoration :        none;
}

.site-footer ul li {


    margin-bottom: 10px;
   list-style  :     none;
     }

.site-footer .footer-heading {
  font-size: 16px;
    color: #fff;
  text-transform: uppercase;
   letter-spacing: .1em;
        font-size: 1.2rem;
    margin-bottom: 30px;
    font-weight: 600;
   letter-spacing: 1px;


}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    padding: 0;
}

.list-unstyled li {
   margin-bottom: 10px;
}

.copyright {
    margin-top    :0;
  margin-bottom: 1rem;
  font-size: 0.875rem;
   color: #737373;
    margin: 0;
   color:     #777;


}

.copyright small {
    font-size: 80%;
  font-weight: 400;


}

.ml-auto {
   margin-left: auto;
}

.text-left {


  text-align: left;


}

.pt-5  
  {
    padding-top: 3rem;
}

.mt-5		{
    margin-top: 3rem;
}@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-section {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .services-section {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .section_gap {
        padding: 60px 0;
    }

    .frequently_area .main_title {
        margin-bottom: 30px;
    }

    .frequently_area .main_title h2 {
        font-size: 40px;
        line-height: .6;
        font-size: 2.5rem;
    }

    .frequently_area .frequent_inner:after {
        display: none;
    }

    .frequently_area .frequent_item p {
        padding: 16px 0px 25px;
    }

    .frequently_area .frequent_item p:after {
        display: none;
    }

    .frequently_area .frequent_item h3 {
        padding-top: 10px;
        font-size: 16px;
    }

    .frequently_area .frequent_item::after {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .frequently_area .main_title h2 {
        font-size: 65px;
        line-height: .6;
    }

    .frequently_area .frequent_inner:after {
        display: none;
    }

    .frequently_area .frequent_item p {
        padding: 16px 20px 0px 0;
    }

    .frequently_area .frequent_item p:after {
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .frequently_area .main_title {
        margin-bottom: 10px;
    }

    .frequently_area .main_title h2 {
        font-size: 60px;
        line-height: .6;
    }

    .frequently_area .frequent_inner:after {
        display: none;
    }

    .frequently_area .frequent_item p {
        padding: 16px 20px 0px 0;
    }

    .frequently_area .frequent_item p:after {
        display: none;
    }
}

@media (max-width: 991px) {
    .nav-links-desktop {
        display: none;
    }

    .burger-menu {
        display: flex;
    }

    .col-lg-4,
    .col-lg-6,
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-header span {
        position: static;
        font-size: 3rem;
    }

    .pl-4 {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-7,
    .col-xl-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .slider-text h1 {
        font-size: 2rem;
    }

    .section-title h2,
    .section_header h3 {
        font-size: 2rem;
    }

    .main_title h2 {
        font-size: 2.5rem;
    }

    .main_title h1 {
        font-size: 2rem;
    }

    .nav-container {
        padding: 1rem;
    }

    .services-section,
    .info_content_area,
    .ftco-section,
    .frequently_area {
        padding: 60px 0;
    }

    .section-padding-80-0 {
        padding: 60px 0 0;
    }

    .mb-80 {
        margin-bottom: 40px;
    }

    .about-text {
        margin-top: 30px;
    }

    .slider-text h1 {
        font-size: 2.5rem;
    }

    .hero-content h1 {
        font-size: 2rem;
    }

    .site-footer {
        text-align: center;
    }

    .text-left {
        text-align: center !important;
    }

    .col-md-4,
    .col-md-3 {
        margin-bottom: 2rem;
    }
}

@media (max-width: 767.98px) {
    .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.mobile-menu.active {
    display: block;
}

.burger-menu.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

.site-section {
    padding: 80px 0;
    position: relative;
}

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-image.overlay-primary {
    position: relative;
}

.bg-image.overlay-primary:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    background: rgba(43, 152, 240, 0.8);
}

.site-section .container {
    position: relative;
    z-index: 1;
}

.contact-form-container {
    border-radius: 15px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.1) !important;
}

.h-100 {
    height: 100% !important;
    min-height: 600px;
}

.p-4 {
    padding: 2rem !important;
}

.text-cursive {
    font-family: "Georgia", serif;
    color: #333;
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 25px;
    position: relative;
}

.form-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-icon {
    width: 16px;
    height: 16px;
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.form-control {
    border: none;
    border: 2px solid #e6e6e6;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    transition: all 0.3s ease;
    width: 100%;
    background: #fff;
}

.form-control:hover, .form-control:active, .form-control:focus {
    border: 2px solid #2b98f0;
    outline: none;
}

.form-control:active, .form-control:focus {
    border-color: #2b98f0;
    box-shadow: 0 0 0 3px rgba(43, 152, 240, 0.1);
}

.form-control:hover, .form-control:active, .form-control:focus {
    box-shadow: none !important;
}

.form-control::placeholder {
    color: #999;
    font-style: italic;
}

textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

select.form-control {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
    appearance: none;
}

.checkbox-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
}

.checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #2b98f0;
    cursor: pointer;
}

.btn-submit {
    width: 100%;
    padding: 15px 24px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, #2b98f0 0%, #1e7bc6 100%);
    color: white;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(43, 152, 240, 0.4);
    background: linear-gradient(135deg, #1e7bc6 0%, #2b98f0 100%);
}

.btn-submit:active {
    transform: translateY(0);
}

.btn-icon {
    width: 18px;
    height: 18px;
    filter: brightness(0) invert(1);
}

.error-message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    display: none;
}

.error-message.show {
    display: block;
}

.form-control.error {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.contact-info-section {
    padding: 100px 0;
    background: #f8f9fa;
}

.contact-info-section h2 {
    color: #333;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.contact-info-section .lead {
    font-size: 1.2rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

.contact-info-item {
    text-align: center;
    padding: 40px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.contact-info-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.contact-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #2b98f0 0%, #1e7bc6 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.contact-icon-svg {
    width: 32px;
    height: 32px;
    filter: brightness(0) invert(1);
}

.contact-info-item h4 {
    color: #333;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-info-item p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
}

.small-text {
    font-size: 0.9rem;
    color: #999;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal-overlay.show {
    display: flex;
}

.modal-content {
    background: white;
    border-radius: 20px;
    max-width: 500px;
    width: 100%;
    padding: 0;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}.modal-header    {
  text-align: center;
   padding: 40px 30px 20px;
    border-bottom: 1px solid #eee;
}

.modal-icon {
    width: 60px;
   height   :  60px;
  filter: invert(45%) sepia(86%) saturate(1003%) hue-rotate(94deg) brightness(98%) contrast(101%);
  margin-bottom: 20px;
}

.modal-header h3 {
   color: #333;
	font-size: 1.5rem;
   font-weight: 600;
  margin: 0;
}

.modal-body

{
  padding: 30px;
    text-align: center;
}

.modal-body p {

	   color :     #666; 
				line-height: 1.6; 
	    margin-bottom   :15px;}

.modal-footer   {
	padding: 20px 30px 40px;

  text-align: center;
}

.shadow {
  box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
   border-radius: 15px;
}

.align-items-stretch {
	align-items: stretch;
}@media (max-width: 991px) {
    .contact-form-container {
        margin-top: 30px;
    }

    .site-section {
        padding: 60px 0;
    }

    .contact-info-section {
        padding: 80px 0;
    }

    .checkbox-group {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .contact-info-section h2 {
        font-size: 2rem;
    }

    .text-cursive {
        font-size: 1.5rem;
    }

    .h-100 {
        min-height: auto;
    }

    .p-4 {
        padding: 1.5rem !important;
    }

    .modal-content {
        margin: 20px;
    }

    .modal-header {
        padding: 30px 20px 15px;
    }

    .modal-body {
        padding: 20px;
    }

    .modal-footer {
        padding: 15px 20px 30px;
    }
}.form-control.valid
{

    border-color: #27ae60;
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);
     }

.form-control.valid + .error-message {
   display: none;
}

.btn-submit.loading {
    pointer-events: none;
   opacity: 0.7;
}

.btn-submit.loading::after	{
  content: "";
   width: 16px;
       height: 16px;
  border: 2px solid transparent;
   border-top: 2px solid white;
   border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-left: 10px;
}@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}.disclaimer-hero {
  background: linear-gradient(135deg, #2b98f0 0%, #1e7bc6 100%);
    padding: 120px 0 80px;
    color: white;
  margin-top: 70px;
}

.hero-content {
     max-width: 800px;
    margin: 0 auto;
}

.disclaimer-icon {
  width: 80px;
   height: 80px;
  filter: brightness(0) invert(1);
 margin-bottom: 30px;
}

.disclaimer-hero h1 {
    font-size: 3rem;
                    font-weight: 700;
   margin-bottom: 20px;
  color: white; 

}

.disclaimer-hero .lead {
   font-size: 1.3rem;
  opacity: 0.9;
  line-height: 1.6;
}

.disclaimer-content {
  padding: 80px 0;
     background: #fff;
}

.disclaimer-text	{
   background: white;
     padding: 50px;
    border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
   border    :   1px solid #f0f0f0;
	}

.last-updated {
   display: flex;
               align-items: center;
  gap     :      10px;
	 background: #f8f9fa;
  padding: 12px 20px;
    border-radius: 8px;
   margin-bottom: 40px;
    border-left: 4px solid #2b98f0;
}

.update-icon {
    width: 18px;
   height: 18px;
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.last-updated span {
                    font-size: 14px;
  font-weight: 600;
    color: #666;
}

.disclaimer-text h2 {
					color: #333;
  font-size: 2.2rem;
	 font-weight: 700;
    margin-bottom: 30px;
   margin-top: 40px;
               border-bottom: 2px solid #f0f0f0;
  padding-bottom: 15px;
}

.disclaimer-text h2:first-of-type {
      margin-top   :        0;
     }

.disclaimer-text h3 {
  color: #2b98f0;
    font-size: 1.4rem;
   font-weight   : 600;
      margin: 35px 0 20px 0;
    display: flex;
  align-items: center;
    gap: 12px;
}

.section-icon {
  width: 24px;
    height: 24px;
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
   flex-shrink  :        0;
}

.disclaimer-text p {
	color: #555;
    line-height: 1.8;
   margin-bottom: 20px;
    font-size: 16px;
    text-align: justify;
}



.contact-notice {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
 border: 2px solid #e9ecef;
   border-radius    :      12px;
    padding: 30px;
   margin-top: 40px;
   display: flex;
  align-items: flex-start;
    gap: 20px;

}

.contact-icon {
    width: 32px;
   height: 32px;
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
  flex-shrink    :      0;
    margin-top: 5px;
}

.contact-text h4 {
	 color: #333; 
  font-size: 1.2rem; 
  font-weight: 600; 
    margin-bottom: 10px; 
    margin-top: 0;
}

.contact-text p {


   color: #666;
    margin-bottom: 0;
  line-height: 1.6;

}

.mx-auto {
    margin-left    :      auto;
   margin-right: auto;
}

.col-lg-10 {
   flex: 0 0 83.333333%;
   max-width: 83.333333%;
}

.col-lg-12 {
   flex :    0 0 100%;
  max-width: 100%;
}@media (max-width: 991px) {
    .disclaimer-hero {
        padding: 100px 0 60px;
    }

    .disclaimer-hero h1 {
        font-size: 2.5rem;
    }

    .disclaimer-content {
        padding: 60px 0;
    }

    .disclaimer-text {
        padding: 30px;
    }

    .disclaimer-text h2 {
        font-size: 1.8rem;
    }

    .disclaimer-text h3 {
        font-size: 1.2rem;
    }

    .col-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .disclaimer-hero {
        padding: 80px 0 40px;
        margin-top: 60px;
    }

    .disclaimer-hero h1 {
        font-size: 2rem;
    }

    .disclaimer-hero .lead {
        font-size: 1.1rem;
    }

    .disclaimer-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    .disclaimer-text {
        padding: 20px;
        margin: 0 10px;
    }

    .disclaimer-text h2 {
        font-size: 1.5rem;
    }

    .disclaimer-text h3 {
        font-size: 1.1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .disclaimer-text p {
        text-align: left;
        font-size: 15px;
    }

    .contact-notice {
        flex-direction: column;
        padding: 20px;
        gap: 15px;
    }

    .contact-icon {
        width: 28px;
        height: 28px;
        margin-top: 0;
    }

    .last-updated {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 15px;
    }
}

@media (max-width: 575px) {
    .disclaimer-content {
        padding: 40px 0;
    }

    .disclaimer-text {
        margin: 0 5px;
        padding: 15px;
    }

    .disclaimer-text h2 {
        font-size: 1.3rem;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .disclaimer-text h3 {
        font-size: 1rem;
        margin: 25px 0 15px 0;
    }

    .disclaimer-text p {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media print {
    .navigation-bar,
    .site-footer {
        display: none;
    }

    .disclaimer-hero {
        background: none;
        color: #000;
        padding: 20px 0;
    }

    .disclaimer-icon {
        filter: none;
    }

    .disclaimer-text {
        box-shadow: none;
        border: 1px solid #ccc;
        padding: 20px;
    }

    .contact-notice {
        background: none;
        border: 1px solid #ccc;
    }
}.cookies-alert {
	position: fixed;
  bottom: 0;
    left: 0;
   right: 0;
  background: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(10px);
  z-index    : 10000;
  padding: 20px;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);
  animation: slideUp 0.5s ease-out;
}@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}.cookies-content {
   max-width: 1200px; 
	    margin: 0 auto; 
	    display: flex; 
	   align-items: center; 
	    justify-content: space-between; 
	  gap: 30px;
}  

.cookies-text {
  display: flex;
   align-items: center;
    gap: 15px;
   flex: 1;
}

.cookies-icon     {
   width: 24px;
   height: 24px;
  filter: brightness(0) invert(1);
    flex-shrink     :  0;
}

.cookies-message h4 {
         color: #fff;
   font-size: 16px;
    font-weight: 600;
      margin    :  0 0 5px 0;
}

.cookies-message p {
  color: rgba(255, 255, 255, 0.9);
    font-size     :   14px;
   line-height: 1.5;
  margin: 0;
}

.cookies-buttons {
   display: flex;
  gap: 12px;
   flex-shrink: 0;
}

.cookies-buttons button {
   padding: 10px 20px;
   border     :none;
    border-radius: 6px;
    font-size: 14px;
   font-weight: 600;
   cursor   : pointer;
   transition: all 0.3s ease;
               text-transform: uppercase;
  letter-spacing: 0.5px;
}

.btn-accept {
   background: #2b98f0;
   color     :     white;
}

.btn-accept:hover {


  background: #1e7bc6;
  transform: translateY(-1px);
	}

.btn-decline {
   background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.btn-decline:hover {
  background: rgba(255, 255, 255, 0.1);
    color: white;
  border-color: rgba(255, 255, 255, 0.6);

} 

.cookies-alert.hidden {
  animation: slideDown 0.5s ease-out forwards;
}@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .cookies-content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .cookies-text {
        flex-direction: column;
        gap: 10px;
    }

    .cookies-buttons {
        width: 100%;
        justify-content: center;
    }

    .cookies-buttons button {
        flex: 1;
        max-width: 120px;
    }

    .cookies-message h4 {
        font-size: 15px;
    }

    .cookies-message p {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .cookies-alert {
        padding: 15px;
    }

    .cookies-buttons {
        flex-direction: column;
        gap: 8px;
    }

    .cookies-buttons button {
        max-width: none;
    }
}