/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


 }

/* Large devices (desktops, 992px and up)*//
@media (min-width: 992px) { 


 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 



 }



 small {
font-size: 1rem;
}
.circle {
padding: 13px 20px;
border-radius: 50%;
background-color: #ED8D8D;
color: #fff;
max-height: 50px;
z-index: 2;
}
.how-it-works.row .col-2 {
align-self: stretch;
}
.how-it-works.row .col-2.bottom::after {
height: 50%;
left: 50%;
top: 50%;
}
.how-it-works.row .col-2.full::after {
height: 100%;
left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
height: 50%;
left: 50%;
top: 0;
}
.timeline div {
padding: 0;
height: 40px;
}
.timeline hr {
border-top: 3px solid #ED8D8D;
margin: 0;
top: 17px;
position: relative;
}
.timeline .col-2 {
display: flex;
overflow: hidden;
}
.timeline .corner {
border: 3px solid #ED8D8D;
width: 100%;
position: relative;
border-radius: 15px;
}
.timeline .top-right {
left: 50%;
top: -50%;
}
.timeline .left-bottom {
left: -50%;
top: calc(50% - 3px);
}
.timeline .top-left {
left: -50%;
top: -50%;
}
.timeline .right-bottom {
left: 50%;
top: calc(50% - 3px);
}
.first-letter {

float: left;
font-size: 50px;
line-height: normal;
margin: 0 20px 0 0;
top: 25px;
position: relative;
text-align: center;
padding: 0px 0px 0px 0px !important;
font-weight: 600;

}
#map-1 {
display: block;
opacity: 1;
}
.testimonials-carousel-style-02 .feature-box-icon {
font-size: 12rem;
position: absolute;
bottom: -50px;
}
/* Style the tab content */
.tabcontent {
display: none;
opacity: 1;
padding: 6px 12px;
-webkit-transition: all 0.12s linear;
-moz-transition: all 0.12s linear;
-ms-transition: all 0.12s linear;
-o-transition: all 0.12s linear;
transition: all 0.12s linear;

}
05.swiper-button-next {

font-size: 5rem !important ;
}
05.swiper-button-prev {

font-size: 5rem !important;
}
.step-box .sq-num, .step-box, .step-box:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.step-box, .sq-text {
position: relative;
padding: 10px 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.step-box::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
opacity: 0.6;
z-index: 0;
background: #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.step-box:hover::after {

width: 100%;

}
.step-box:hover {
border-bottom: 1px solid #FFF;
}
.step-box:hover .sq-text {

}
.step-box:hover .sq-num {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sq-num {
font-size:2.8rem
}
.list-style-03 .active {
    background-color: #FFF;
    font-size: 1.3rem;
}
.list-style-03 {
padding-left: 25px;
}




.list-style-03 li a {
    width: 100%;
    padding: 15px 15px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgb(223, 223, 223, 0.2);
    display: inline-block;
    border-radius: 5px 0px 0px 5px;
    font-size: 1rem;
}


.list-style-03 li:hover a {
padding: 15px 25px;
}
.list-style-03 li {
border: none ;
padding: 0;
}