@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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


.poppins-thin {
  font-family: "Poppins", serif;
  font-weight: 100;
  font-style: normal;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

body{
  font-family: "Poppins", sans-serif !important;
}


li{
list-style: none;

}
.dis li{
   list-style: disc; 
}
a{
text-decoration: none;
}
a:hover{
color: var(--fourth-color);
}
p, li{
font-size: 17px;
}
p, li{
 font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.modal-form{
    font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;

}
body {
overflow-x: hidden;
/*background: #fafafa;*/
}
:root{
--main-color: #00387A;
--second-color: #E12454;
--third-color: #E12454;
--fourth-color: #FFD800;
--fifth-color: #f0f4f5;
--sixth-color: #CAEBF8;
/*--light-color:  #E5EEF6;*/
--light-color:  #f7fcfb;
--dark-blue: #002C60;
--sky-blue: #6ECEF6;
--seventh-color: #fdc800;
}
.five-color{
background-color: var(--fifth-color);
}
/*.light-color{*/
/*    background-color: var(--light-color);*/
/*}*/
.bg-content-img{
 background-image: url('/assets/img/background/pattern-2.png');
}
h1{
    font-size: 38px;
    font-weight: 700;
}

h2{
font-size: 36px;
font-weight: 700;
}
h3{
font-size: 28px;
font-weight: 600;
}
h1 span, h2 span, h3 span, h4 span, h5 span{
color: var(--third-color);
}
h4{
font-size: 25px;
}
h5{
font-size: 22px;
}
h6{
font-size: 20px;
}
h6 span{
color: rgb(0,0,0,.7);
font-weight: 700;
font-size: 17px;
}
.underline-left , .underline-right {
display: inline-block;
position: relative;
}
.underline-left::after {
content: "";
position: absolute;
top: 26px;
bottom: 0;
left: 0;
width: 55%; 
border-bottom: 2px solid var(--second-color);
}
.underline-right::after {
content: "";
position: absolute;
top: 26px;
bottom: 0;
right: 0;
width: 55%; 
border-bottom: 2px solid var(--second-color);
}
/*button:hover{*/
/*background-color: green !important;*/
/*transform: scale(1.1);*/
/*transition: .2s ease-in;*/
/*}*/
strong{
color: rgb(0,0,0,.6);
}
.theme2 span{
color: var(--main-color);
}
.disc li{
list-style: disc;
margin-bottom: 12px;
}

.text-bg{
   background-color: rgba(0,0,0,.1);
}

 .service .modal-content{
    width: 120%; height: 500px; overflow-y: scroll;  overflow-x: hidden;
}
/*-------top header-----------*/
.top-header li{
    list-style: none;
    font-family: Helvetica;
}
.top-header{
background-color: var(--main-color);
}
.top-header-content li{
margin: 8px;
color: white;
font-size: 16px;
}
.top-header-content li i{
color: var(--fourth-color);
}
.top-header-content li a{
color: white;
}
.top-header .country-logo li {
background-color: white;
border: 1px solid var(--second-color);
padding: 0px 2px;
}
.top-header .country-logo li a{
color: #000;
}
/*top-header close*/

/*----------header start-----------*/
 header{
   position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 0;
  min-height: 50px;
  z-index: 1000; /* Adjust as needed */
 
}
header ul li{
    font-family: Helvetica;
}

.navbar .nav-item.dropdown:hover .dropdown-menu {
display: block;
}
.navbar .nav-item:hover .nav-link{
    border-bottom: 1px solid var(--second-color);
    color: var(--second-color);
    transition: .2s ease-in;
}
.find-your-city ul{
    height: 300px;
    overflow-Y: scroll;
}

/* Change scrollbar width and color */
.find-your-city ul::-webkit-scrollbar {
    width: 7px; /* Change scrollbar width as needed */
}

.find-your-city ul::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Change track color */
}

.find-your-city ul::-webkit-scrollbar-thumb {
    background-color: var(--second-color); /* Change thumb color */
}

/*-------------header close----------*/


.ireland{
background-image: url(../img/ireland/hero.webp);
width: 100vw;
min-height: 360px;
background-size: cover;
color: white;
}
.ireland {
width: 100%;
background-image: url(../img/ireland/hero.webp);
background-size: cover;
color: white;
position: relative;
padding: 20px;
}
.image-container {
position: relative;
z-index: 1;
}
.image-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.9); /* Adjust shadow as needed */
z-index: -1; /* Ensure shadow is below content */
background-color: rgb(0,0,0,.6);
}
@media (max-width: 768px) {
.ireland {
min-height: 100vh; /* Adjust minimum height as needed */
background-attachment: fixed;
background-position: center;
}
}

.ireland form button{
background-color: var(--second-color);
border: none;
padding: 4px 7px;
color: white;
}
.carousel-control-prev:hover , .carousel-control-next:hover{
background-color: transparent !important;
}
.slide-btns {
margin: 50px;
}
.slide-btns a:first-child:hover{
background-color: green !important;
transform: scale(1.5) !important;
border: none;
}
.slide-btns a{
color: white;
font-size: 18px;
}
.slide-btns a:first-child{
background-color: var(--second-color);
padding: 10px 26px;
border-radius: 5px;
margin-right: 30px;
}
.slide-btns .free-trial{
    background-color: green;
    padding: 10px 26px;
border-radius: 5px;
margin-right: 30px;
}
.slide-btns .free-trial:hover{
    background-color: var(--second-color);
}
/*--------hero-end-------------*/

/*-------section-1-welcome-------------*/
.welcome-img figure{
outline: 23px solid #00AEEF;
outline-offset: 1px;
margin-top: 90px;
}
/*section-1-end*/

/*service*/
#services {
    width: 100%;
}

/*.heading {*/
/*    font-size: 2rem;*/
/*    margin: 1rem auto;*/
/*    text-align: center;*/
/*    font-family: system-ui;*/
/*}*/

#services p {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 16px;
}

.services-container {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
}

.service-item {
    width: 20rem;
    margin: 1rem;
    display: flex;
    flex-shrink: 1;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    transition: all 0.1s linear;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 3px 3px 10px 0px rgb(0, 0, 0, 0.1);
    background-color: white;
    padding: 4px 13px;
}

.service-item:hover {
    transform: scale(1.01);
    box-shadow: 5px 5px 15px 0px rgb(0, 0, 0, 0.2);
    background-color: var(--second-color);
    color: white !important;
}
.service-item ul{
    text-align: center;
}
.service-item ul li {
    width: 50px;
    height: 50px;
    color: white;
    list-style: none;
    font-size: 1.2rem;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color:var(--second-color);
    margin-top: 15px;
}

.service-heading {
    text-align: center;
    color: black;
    font-family: system-ui;
}

article p {
    font-size: 14px;
    color: #000000;
    
}

.service-item:hover p,
.service-item:hover .service-heading {
    color: white;
}
/* For medium to large devices */
@media only screen and (min-width: 768px) {
    .services-container {
        justify-content: space-between;
    }

    .service-item {
        width: calc(33.33% - 2rem);
        /* Adjust margin as per your preference */
    }
}

/* For tablets */
@media only screen and (max-width: 767px) {
    .services-container {
        justify-content: space-between;
    }

    .service-item {
        width: calc(50% - 2rem);
        /* Adjust margin as per your preference */
    }
}

/* For mobile devices */
@media only screen and (max-width: 479px) {
    .services-container {
        justify-content: center;
    }

    .service-item {
        width: calc(100% - 2rem);
        /* Adjust margin as per your preference */
    }
}

/*service-end*/

/*benefits*/
.sec-4-benefits .card {
border: 2px solid black;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
border-top-style: solid;
border-top-color: coral;
border-style: solid;
border-bottom-color: coral;
height: 400px;
text-align: center;
word-spacing: 2px;
}
.sec-4-benefits .card:hover{
border-left-color: coral;
border-right-color: coral;
border-top-color: white;
border-bottom-color: white;
transition: all ease-in .4s;
background-color:#98dee9;
}
/*benefits*/
/*an essential*/
.sec-5{
background-color: var(--main-color);
color: white;
}
.sec-5 span{
  color: var(--sky-blue);
}
.sec-5 button{
     background-color: var(--third-color); 
}
.sec-5 h2{
font-size: 50px;
margin: 20px 1px;
}
.sec-5 .content{
border: 2px dashed green;
border-top: 0;
}
/*an essential end*/
/*comparison*/
.sec-6 table td{
font-size: 15px;
}
.sec-6 .text{
border-bottom: 1px solid rgb(0, 0, 0, .1);
}
.sec-6 table td button{
padding: 10px;
}
.sec-6 table i{
color: red;
}
/*comparison sec end*/

/*cta-2, cta-1*/
.cta-2, .cta1, .cta3{
background-color: var(--main-color);
padding:20px;
color: white;
}
.cta-2 button{
background-color: var(--second-color);
color:white;
border: none;
}
.cta1 button, .cta3 button{
background-color: var(--second-color);
border: none;
padding: 11px 16px;
color: white;
border-radius: 5px;
margin-top: 14px;
}
.cta1 span, .cta1 h5{
    color: var(--sky-blue);
}



/*testimonial*/
.testimonials h6{
color: var(--third-color);
font-weight: 700;
}
.testimonials .wrapper{
max-width: 1200px;
margin: auto;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.testimonials .wrapper .box{
background: #fff;
width: calc(33% - 10px);
padding: 25px;
border-radius: 3px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
}
.testimonials .wrapper .box i .quote{
font-size: 20px;
color: #17a2b8;
}
.testimonials .wrapper .box .content{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 10px;
}
.testimonials .box .info .name{
font-weight: 600;
font-size: 17px;
}
.testimonials .box .info .job{
font-size: 16px;
font-weight: 500;
color: #17a2b8;
}
.testimonials .box .info .stars{
margin-top: 2px;
}
.box .info .stars i{
color: #17a2b8;
}
.testimonials .box .content .image{
height: 75px;
width: 75px;
padding: 3px;
background: #17a2b8;
border-radius: 50%;
}
.testimonials .content .image img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
border: 2px solid #fff;
}
@media (max-width: 1045px) {
.testimonials .wrapper .box{
width: calc(50% - 10px);
margin: 10px 0;
}
}
@media (max-width: 702px) {
.testimonials .wrapper .box{
width: 100%;
}
}
/*---------faq--------------*/
.accordion {
    display: flex;
    flex-direction: column;
    max-width: 991px;
    min-width: 320px;
    margin: 50px auto;
    padding: 0 50px;
    padding-top:10px;
}
.accordion-item {
    margin-top: 16px;
    border: 1px solid #fcfcfc;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.accordion-item .accordion-item-title {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    font-size: 17px;
    cursor: pointer;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 14px 20px;
    box-sizing: border-box;
    align-items: center;
}
.accordion-item .accordion-item-desc {
    display: none;
    font-size: 17px;
    line-height: 22px;
    color: #444;
    border-top: 1px dashed #ddd;
    padding: 10px 20px 20px;
    box-sizing: border-box;
}
.accordion-item .accordion-item-desc ul li{
    list-style: disc;
    margin-bottom: 3px;
}
.accordion-item input[type="checkbox"] {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
    display: block;
}
.accordion-item
    input[type="checkbox"]:checked
    ~ .accordion-item-title
    .icon:after {
    content: "-";
    font-size: 20px;
}
.accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
    content: "+";
    font-size: 20px;
    color: var(--second-color);
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .icon {
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .accordion {
        padding: 0 16px;
    }
    .accordion h1 {
        font-size: 22px;
    }
}


/* general styling */

:root {
  ---Very-dark-blue: hsl(238, 29%, 16%);
  --Soft-red: hsl(14, 88%, 65%);

  --Very-dark-grayish-blue: hsl(237, 12%, 33%);
  --Dark-grayish-blue: hsl(240, 6%, 50%);

  --Light-grayish-blue: hsl(240, 5%, 91%);
}


/* seperate styling */
.faq2{
     display: flex;
  justify-content: center;
  align-items: center;
}

.faq-card {
  position: relative;
  max-width: 21rem;
  width: 21rem;


  padding: 2em;

  border-radius: 2em;
  color: var(--Very-dark-grayish-blue);
  background-color: white;
  box-shadow: 5px 5px 30px rgba(0 0 0/ 0.3);
  transition: transform 200ms ease-in;
}

.faq-card:hover {
  transform: scale(1.015);
}

.faq__content {
  width: 100%;
}

.faq__title {
  margin-bottom: 1em;
  text-align: center;
  font-size: 23px;
}

.faq__item {
  width: 100%;
  margin-bottom: 1.5em;
  border-bottom: 1px solid var(--Light-grayish-blue);
}

.faq__question {
  cursor: pointer;
  position: relative;
  margin-bottom: 1em;
  font-size: 17px;
  font-weight: 400;
}

.faq__question:hover {
  color: var(--Soft-red);
}

.faq__answer {
  display: none;
  padding-bottom: 1.5em;
  color: var(--Dark-grayish-blue);
  line-height: 1.5em;
  font-size: 16px;
}

.arrow-icon {
  display: inline-block;
  position: absolute;
  top: 35%;
  right: 0;
  transform: rotate(0deg);
  transition: transform 300ms ease;
}

.img-bg {
  position: absolute;
  top: 0;
  left: 65px;
  width: 200px;
}

.img-woman {
  position: absolute;
  top: -85px;
  left: 65px;
  width: 200px;
}

/* attribution styling */

.attribution {
  font-size: 1rem;
  position: absolute;
  top: 0;
  color: var(---Very-dark-blue);
  opacity: 0.75;
}

.attribution a {
  color: white;
  text-decoration: underline;
}

.attribution a:hover {
  color: rgba(255 255 255/0.5);
}

/* media queries */

@media (min-width: 900px) {
 .faq {
    align-items: center;
    min-height: 100vh;
  }

  .faq-card {
    display: flex;
    justify-items: center;
    max-width: 60rem;
    width: 60rem;
    margin: 0;
    padding: 0;
  }

  .faq__content {
    order: 2;
    width: 75%;
    padding: 5em;
  }

  .faq__title {
    text-align: left;
  }

  .imgs__container {
    width: 50%;
    overflow: hidden;
    position: relative;
    border-radius: 2em 0 0 2em;
  }

  .img-bg {
    position: absolute;
    top: 120px;
    left: -100px;
    transform: scale(400%);
  }

  .img-woman {
    position: absolute;
    top: 170px;
    left: 70px;
    transform: scale(220%);
  }

  .img-box {
    position: absolute;
    top: 190px;
    left: -90px;
    transition: transform 1s ease-in;
  }

  body:hover .img-box,
  body:focus .img-box {
    animation: up-and-down 1.25s linear infinite alternate;
  }

  @keyframes up-and-down {
    0% {
      transform: translateY(0%);
    }

    100% {
      transform: translateY(-20%);
    }
  }
}
/*-------------faq end-----------*/




/*footer*/
footer{
background-color: var(--main-color);
color: white;
}
footer ul li{
    list-style: none;
}
footer a{
color: white;
}
footer .top-footer{
background-color: var(--dark-blue);
color: white;
height: 70px;
line-height: 50px;
}
footer .top-footer button{
font-size: 20px;
}
footer .social-icons a {
font-size: 17px;
padding: 5px;
border: 1px solid;
border-radius: 50%;
margin: 0 4px;
}
footer .social-icons a i {
padding: 5px;
}
footer .footer{
margin-top: 50px;
}
footer .footer-city li{
padding-top: 14px;
}
footer .footer-city li a{
border-bottom: 1px solid;
}
footer li{
padding-top: 8px;
}
footer li a i{
padding-right: 5px;
}
/*footer end*/
/*about*/
.about-hero-section {
color: white;
}
.about-hero-section .hero-1 , .hero-2{
padding: 60px;
}
.about-hero-section h2{
font-size: 55px;
font-weight: 900;
padding: 15px;
}
.about-hero-section span{
font-size: 19px;
font-weight: 700;
font-style: italic;
}
.about-hero-section p{
font-size: 18px;
font-weight: 800;
}
.about-hero-section .hero-1, .hero-2{
width: 100vw;
height: 505px;
}
.about-hero-section .hero-1{
background-image: url(../img/home/banner-1.webp);
padding-left: 50px;
background-size: cover;
}
.about-hero-section .hero-2{
background-image: url(../img/about/hero-2.webp);
padding-left: 50px;
background-size: cover;
}
/*sec-1*/
.about-sec-1 p{
word-spacing: 6px;
}
.about-sec-1 li{
list-style: disc;
}
/*team*/
.team .card {
    text-align: center;
    height: 350px; 
    overflow: hidden;
    padding: 10px 1px 0px 1px;
}
.team .card.active {
    height: auto;
}
.team p.content {
    text-align: justify;
    padding: 20px 15px 0px 15px;    
    overflow: hidden;
}
.toggle_text {
    color: var(--second-color);
    cursor: pointer;
}
.toggle_btn{
    text-align: right;
    padding-right: 15px;
}

/*service-pages*/
.service-page{
position: relative;
width: 100%;
background-color: var(--main-color);
color: white;
}
.service-page h1{
    font-size: 50px;
}
.service-page h5{
font-size: 25px;
font-weight: 600;
}
.service-page .form{
background-color: #fff;
padding: 30px 28px;
box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 60%);
}
.form form input{
margin: 20px 0px;
box-shadow: 1px solid white;
}
.form button{
background-color: var(--second-color);
padding: 7px 12px;
border-radius: 5px;
margin-right: 15px;
border: none;
color: white;
}
.service-page-sec2 ul li{
list-style: square;
margin-bottom: 10px;
}
.service-page-sec2 h6 p{
margin-bottom: 20px;
}

/*contact-page*/
.contact-form .wrapper{
background: #fff;
border-radius: 5px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.05);
margin: 30px auto;
}
.contact-form .wrapper header{
font-size: 22px;
font-weight: 600;
padding: 20px 30px;
border-bottom: 1px solid var(--main-color);
color: var(--main-color);
}
.contact-form .wrapper form{
margin: 35px 30px;
}
.contact-form .wrapper form.disabled{
pointer-events: none;
opacity: 0.7;
}
.contact-form form .dbl-field{
display: flex;
margin-bottom: 25px;
justify-content: space-between;
}
.contact-form .dbl-field .field{
height: 50px;
display: flex;
position: relative;
width: calc(100% / 2 - 13px);
}
.contact-form .wrapper form i{
position: absolute;
top: 50%;
left: 18px;
color: var(--main-color);
font-size: 17px;
pointer-events: none;
transform: translateY(-50%);
}
.contact-form form .field input,
.contact-form form .message textarea{
width: 100%;
height: 100%;
outline: none;
padding: 0 18px 0 48px;
font-size: 16px;
border-radius: 5px;
border: 1px solid black;
}
.contact-form .field input::placeholder,
.contact-form .message textarea::placeholder{
color: black;
}
.contact-form .field input:focus,
.contact-form .message textarea:focus{
padding-left: 47px;
border: 2px solid #0D6EFD;
}
.contact-form .field input:focus ~ i,
.contact-form .message textarea:focus ~ i{
color:var(--main-color);
}
.contact-form form .message{
position: relative;
}
.contact-form form .message i{
top: 30px;
font-size: 20px;
}
.contact-form form .message textarea{
min-height: 130px;
max-height: 230px;
max-width: 100%;
min-width: 100%;
padding: 15px 20px 0 48px;
}
.contact-form form .message textarea::-webkit-scrollbar{
width: 0px;
}
.contact-form .message textarea:focus{
padding-top: 14px;
}
.contact-form form .button-area{
margin: 25px 0;
display: flex;
align-items: center;
}
.contact-form .button-area button{
color: #fff;
border: none;
outline: none;
font-size: 18px;
cursor: pointer;
border-radius: 5px;
padding: 13px 25px;
background: var(--third-color);
transition: background 0.3s ease;
}
.contact-form .button-area button:hover{
background: #025ce3;
}
.contact-form .button-area span{
font-size: 17px;
margin-left: 30px;
display: none;
}
/*vs */
.vs td{
font-size: 18px;
padding: 7px;
}
.vs {
background-color:#f7f7f7;
}
.vs h3 span{
color: var(--main-color);
}
tr:nth-child(even){
background-color: rgba(0,0,0,.1);
}
.cross{
font-weight: 900;
color: red;
}
.right{
font-weight: 900;
color: green;
}
/*404 page*/
.error-container {
text-align: center;
margin: 50px auto;
max-width: 600px;
padding: 70px 0px;
}
.page-not-exist h1 {
color: #333;
}
.page-not-exist p {
color: #666;
font-size: 18px;
line-height: 1.5;
}
.page-not-exist .btn {
display: inline-block;
background-color: #007bff;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.page-not-exist .btn:hover {
background-color: #0056b3;
}
/*thank_you*/
.thank-you-container {
text-align: center;
margin: 50px auto;
max-width: 600px;
}
.thank-you-container h1 {
color: #333;
}
.thank-you-container p {
color: #666;
font-size: 18px;
line-height: 1.5;
}
.thank-you-container img {
max-width: 100%;
margin: 20px 0;
}
.thank-you-container .btn {
display: inline-block;
background-color: #007bff;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.thank-you-container .btn:hover {
background-color: #0056b3;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse {
animation: pulse 4s;
}
.gradient-text{
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 100;
letter-spacing: 2px;
color: #f35626;
background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 10s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(360deg);
}
}
.faq_section {
  position: relative;
}
.faq_section dd {
  display: none;
}
.faq_section.type_one .accordion {
  position: relative;
}
.faq_section.type_one .accordion dl {
  margin-bottom: 0px;
  position: relative;
}
.faq_section.type_one .accordion dl dt {
  position: relative;
  background: transparent;
  margin-bottom: 40px;
  border: 0px;
  font-family: var(--creote-family-one);
  font-size: 18px;
  color: var(--heading-dark);
  font-weight: 600;
  line-height: 26px;
  border-radius: 5px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  margin-left: 50px;
}
.faq_section.type_one .accordion dl dt span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--primary-color-one);
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  border-radius: 5px;
  position: absolute;
  left: -50px;
  bottom: 0;
  top: 0;
  margin: auto;
}
.faq_section.type_one .accordion dl dt.active {
  margin-bottom: 20px;
}
.faq_section.type_one .accordion dl dd {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #dcd7d7;
  padding-left: 22px;
  border-left: 1px dashed #dcd7d7;
}
.faq_section.type_one .accordion dl dd p {
  margin: 0px;
  color: var(--text-color-dark);
}
.faq_section.type_two .faq_header {
  position: relative;
  background: var(--primary-color-three);
  border-radius: 10px;
  padding: 25px 70px 22px 20px;
  border: 1px solid var(--border-color-dark);
  margin-bottom: 15px;
  font-family: var(--creote-family-one);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  z-index: 2;
  cursor: pointer;
}
.faq_section.type_two .faq_header span {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 5px;
  background: #fff;
  color: var(--primary-color-one);
  text-align: center;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 44px;
  box-shadow: var(--box-shadow);
}
.faq_section.type_two .faq_header.active {
  margin: 0px;
  background: #fff;
  color: var(--primary-color-one);
}
.faq_section.type_two .faq_header.active span {
  background: var(--primary-color-one);
  color: #fff;
}
.faq_section.type_two .accordion-content {
  position: relative;
  margin-bottom: 15px;
  padding: 35px 20px 10px 20px;
  border: 1px solid var(--border-color-dark);
  border-top: 0px;
  border-radius: 0px 0px 10px 10px;
  background: var(--primary-color-three);
  margin-top: -15px;
}

.icon-play:before {
  content: "\e90e";
}

#scrollToTop {
	display: none;
	width: 65px;
	height: 65px;
	position: fixed;
	bottom: 70px;
	right: 40px;
	background-color: rgba(1,110,193, .7);
	border-radius: 50%;
	cursor: pointer;
	z-index: 10;
	transition: 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	&:hover {
		background-color: rgba(75,115,170, 1);
	}
}