/*=========================== 01.COMMON css ===========================*/
body {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #3c3c3c;
}

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

.wrapper {
    max-width: 1400px !important;
}

img {
    max-width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

a {
    color: #79baec;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #79baec;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0px;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
    letter-spacing: 0;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #111616;
    margin: 0px;
    margin-bottom: 10px;
    text-align: justify;
}

mark {
    background-color: #c0ffc8;
}
/*=========================== HIGHLIGHTS ===========================*/


.sub_title span.highlighter {
    position: relative;
}

.highlight {
    background: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=000000);
    margin: -2px -6px;
    padding: 2px 6px;
}

.highlight-cyan {
    background: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=000000);
    margin: -2px -6px;
    padding: 2px 6px;
}

.highlight-cyan-purpletxt {
    color: #000000;
        font-weight: 800;
}


.header_hero_content h2.hero_title span { position: relative; }
.header_hero_content h2.hero_title span::after {
    content: '';
    position: absolute;
    bottom: -0.125rem;
    left: -0.5rem;
    right: -0.5rem;
    height: 1.5rem;
    bottom: -10px;
    z-index: -1;

    background-image: url('../images/underline-light.webp');
    background-repeat: no-repeat;

    background-size: cover;
  
}



h4.main_title span.highlight-cyan-purpletxt { position: relative; }
h4.main_title span.highlight-cyan-purpletxt::after {
    content: '';
    position: absolute;
    bottom: -0.125rem;
    left: -0.5rem;
    right: -0.5rem;
    height: 1.3rem;
    bottom: -15px;
    z-index: -1;
    background-image: url('../images/underline-light.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}




span.highunder::after {
    content: '';
    position: absolute;
    background: url('../images/underline.webp') bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 5px;
}



span.applytitle-under-purple { color: #361154; position: relative; }
span.applytitle-under-cyan { color: #27a799; position: relative; }
span.applytitle-under-cyan::after {
    content: '';
    position: absolute;
    bottom: -0.125rem;
    left: -0.5rem;
    right: -0.5rem;
    height: 1.4rem;
    bottom: -9px;
    z-index: -1;
    background-image: url(../images/underline-purple.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}








.highlight-cyan-cyantxt {
    background: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=01AFE9);
    margin: -2px -6px;
    padding: 2px 6px;
    color: #27a799;
}

.recol-purple { color: #361154; font-weight: 700; }
.recol-orange { color: #f86d05; font-weight: 700; }
.recol-cyan { color: #4682b4; font-weight: 700; }

.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

#csomag h4 {
    color: #470068;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

/*============================ HERO =============================*/
/*===============================================================*/
#home {background: url(../images/hero-bg.webp) no-repeat center top; background-size: cover;position: relative; background-attachment: fixed;
 
}


.home-hero img.hero-img {position: absolute;bottom: 0;}
.hero-circle-dots-right {position: absolute; top: 0;right: 0;z-index: -1;}
.header_hero_content .hero_title {font-size: 80px;font-weight: 800;line-height: 0.9em;color: #ffffff;letter-spacing: -0.05em;}
.header_hero_content .hero_title span.hero-title-highlight1 {color: #ffffff;font-style: italic;font-weight: 400;}
.header_hero_content {min-height: 500px;padding-top: 20%;}
.header_hero_content p {margin-top: 30px;}
.header_hero_content ul {padding-top: 20px;}
.header_hero_content ul li {display: inline-block;margin-left: 50px;margin-top: 30px;}
.header_hero_content ul li:first-child {margin-left: 0;}

.inside-pages {
    background-position: center center !important;

}

#inner-page {  }
#inner-page .navbar-nav .nav-item a { color: #470068 !important; }
#inner-page .navbar-nav .nav-item a:hover { color: #f26100 !important; }


ul.sidebar-links { 
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.sidebar-links li { padding: 10px 0; }

ul.sidebar-links li i { padding-right: 10px; color: #4682b4; }


ul.sidebar-links li a { 
    color: #4682b4;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-out 0s;
}

ul.sidebar-links li a:hover { 
    padding-left: 6px;
    color: #79baec;
    text-decoration: underline;
    font-size: 14px;
}

ul.sidebar-links li:hover i { 
    color: #79baec;
}





/*=========================== BACKGROUND COLORS and GRADIENTS ===========================*/
.orange-grad {
    background: #d91e85;
    background: -moz-linear-gradient(to left, #d91e85, #f24405);
    background: -webkit-linear-gradient(to left, #d91e85, #f24405);
    background: linear-gradient(to left, #d91e85, #f24405);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f154a",endColorstr="#5ced80",GradientType=1);
}

.orange-grad-inverse {
    background: rgb(0, 84, 80);
    background: -moz-linear-gradient(90deg, #5ced80 0%, #1f154a 100%);
    background: -webkit-linear-gradient(90deg, #5ced80 0%, #1f154a 100%);
    background: linear-gradient(90deg, #5ced80 0%, #1f154a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5ced80",endColorstr="#1f154a",GradientType=1);
}

.radial-grad {
    background: #000327;
    background-image: radial-gradient(
      circle at left 5%,
      rgba(0, 185, 255, 0.5) -6%,
      rgba(169, 74, 210, 0.4) 32%,
      #00031f 97%
    ),
    radial-gradient(
      circle at center right,
      rgba(110, 0, 186, 0.58) -6%,
      rgba(128, 83, 255, 0.28) 32%,
      rgba(2, 157, 255, 0.4) 57%
    );
}

.simple-gray { background: #f7f7f7; }

.logo img {
    
    margin-right: 6px;
}


.hero-img {
    position: relative;
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}

.hero-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 90;
}

.hero-badge2 {
    position: absolute;
    bottom: 12%;
    right: 12%;
    z-index: 90;
}

.hero-badge-left {
    position: absolute;
    bottom: 12%;
    left: 8%;
    z-index: 90;
}

.hero-dots {
    position: absolute;
    bottom: 18%;
    left: 11%;
    z-index: -1;
}

.hero-dots2 {
    position: absolute;
    top: 18%;
    right: 11%;
    z-index: -1;
}

.hero-dots3 {
    position: absolute;
    bottom: 5%;
    left: 4%;
    z-index: -1;
}

.hero-dots-top {
    position: absolute;
    top: 10%;
    right: 6%;
    z-index: -1;
}

.hero-circle-dots-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.hero-circle-dots-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.values .section_title .main_title { 
    font-size: 30px;
    font-weight: 700;
}
.values-core-inside {
  /*background: linear-gradient(to right, #2e1770 0%, #f26100 100%);
     background-image: none, linear-gradient(0deg);
     */
    ;
}

.values-core-inside {
    position: relative;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.values-core h4,
.values-core h5,
.values-core p {
    color: white !important;
}

.values-core h4 {
}

.values-core .move-box-white {
}

.values-core .move-box-white p {
    color: #111616 !important;
}

.values-core .move-box-white i {
    font-size: 46px;
    line-height: 44px;
    margin-right: 0px;
    margin-bottom: 30px;
    display: inline-block;
    color: #470068;
}

.values-core .move-box-white h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}

.values-core .move-box-white {
    text-align: center;
    height: 85%;
}

.values .move-box-white i {
    font-size: 46px;
    line-height: 44px;
    margin-right: 0px;
    margin-bottom: 30px;
    display: inline-block;
    color: #470068;
}

.values .move-box-white h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}

.values .move-box-white {
    text-align: center;
    height: 85%;
}

#value-list .topliner:hover:before {
    width: 100%;
}

#value-list .topliner:before {
    content: "";
    height: 5px;
    width: 0%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    position: absolute;
    background-color: #068faa;
    -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
}

#features ul.list,
#about ul.list {
    padding-top: 10px;
}

#features ul.list li,
#about ul.list li {
    margin-top: 0px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    padding: 10px 0;
    margin-bottom: 10px;
}

#features ul.list li i,
#about ul.list li i,
#compare-table i {
    font-size: 22px;
    font-weight: 800;
    line-height: 15px;
    color: #470068;
    position: relative;
    padding-right: 10px;
    vertical-align: middle;
}

#core-website-box ul.list li i {
    color: #ffffff;
}

#features .image {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

#features .image img {
    border-radius: 20px;
}

#about .image {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

#about .image img {
    border-radius: 20px;
}

#about {
    padding-top: 200px;
}

.move-box-white ul.list {
    padding-top: 5px;
}

.move-box-white ul.list li {
    margin-top: 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    padding: 0 0 10px 0;
}

.move-box-white ul.list li i {
    font-size: 22px;
    font-weight: 800;
    line-height: 15px;
    color: #f26100;
    position: relative;
    padding-right: 10px;
    vertical-align: middle;
}
/*===== All Button Style =====*/
.main-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 40px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 0 0 30px 0;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background-color: #a8e4a0;
    border: 3px solid #f26100;
}

.main-btn:hover {
    background-color: transparent;
    color: #000;
}

.main-btn.main-btn-2 {
    background-color: #fff;
    color: #a8e4a0;
    border-color: #f26100;
}

.main-btn.main-btn-2:hover {
    background-color: #79baec;
    border-color: #f26100;
    color: #fff;
}
/* BTN GRADIENT */
/* BTN GRADIENT INVERSE ORANGE */
.btn-gradient-inverse-orange {
    font-size: 16px;
    padding-left: 2.3em;
    padding-right: 2.3em;
    padding-top: 1.1em;
    height: 4em;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    border: 3px solid white;
    font-weight: 600;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-gradient-inverse-orange:hover {
    background-color: #a8e4a0;
    color: #ffffff;
    border: 3px solid #f26100;
}
/* BTN GRADIENT INVERSE ORANGE */
.btn-orange {
    font-size: 16px;
    padding-left: 2.3em;
    padding-right: 2.3em;
    padding-top: 1.1em;
    height: 4em;
    border-radius: 50px;
    background-color: #a8e4a0;
    color: #ffffff;
    border: 3px solid #f26100;
    font-weight: 600;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-orange:hover {
    background-color: #ffffff;
    color: #a8e4a0;
    border: 3px solid #f26100;
}

.apply-btn { font-size: 20px !important; padding: 20px 55px !important; width: 100%; }

/* BTN GRADIENT */
.btn-primary,
.btn-gradient {
    font-size: 14px;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    height: auto;
    border-radius: 50px;
    color: #ffffff;
    border: 3px solid #79baec;
    font-weight: 600;
    background: #a8e4a0;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-primary:hover,
.btn-gradient:hover {
    background: #a8e4a0;
    border: 3px solid #f26100;
    color: #ffffff !important;
}

.btn-gradient span,
.btn-gradient-inverse span {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin-left: 5px;
    vertical-align: middle;
}

.btn-gradient span i,
.btn-gradient-inverse span i {
    font-size: 17px;
}

.btn-gradient:hover {
    color: #fff;
}

.btn-gradient:hover span,
.btn-gradient-inverse:hover span {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin-left: 25px;
}

.btn-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #a8e4a0;
    border: 3px solid #ffffff;
    z-index: -1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.btn-gradient:hover::before {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}



.form-label { color: #000000; font-weight: 600; font-size: 14px; }
.form-control, .form-select { margin-bottom: 20px; }


input, select, textarea { 
    padding: 0.75rem 0.95rem !important;
    box-shadow: -1px 5px 17px -1px rgba(0,0,0,0.15);
-webkit-box-shadow: -1px 5px 17px -1px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 5px 17px -1px rgba(0,0,0,0.15);
}

.form-check { margin-top: 20px; margin-bottom: 20px; }
.form-check .form-check-input { padding: 0.5rem !important; }
.form-check label { font-size: 14px; }

/* BTN GRADIENT INVERSE */
.btn-gradient-inverse {
    font-size: 14px;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    height: auto;
    border-radius: 50px;
    background: #f26100;
    color: #ffffff;
    border: 3px solid #f26100;
    font-weight: 700;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-gradient-inverse:hover {
    background-color: #79baec;
    color: #ffffff;
    border: 3px solid #ffffff;
}


/* BTN GRADIENT INVERSE CYAN */
.btn-gradient-inverse-cyan {
    font-size: 22px;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    height: auto;
    border-radius: 50px;
    background: #48a860;
    color: #ffffff;
    border: 3px solid #48a860;
    font-weight: 700;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-gradient-inverse-cyan:hover {
    background-color: #0b6623;
    color: #ffffff;
    border: 3px solid #ffffff;
}

.bt-arrow {
    display: inline-block;
    background: #000000;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 1px;
    width: 30px;
    height: 30px;
    margin-left: 8px;
}

.btn-gradient-inverse-cyan span {
    transition: all 0.3s ease;
}
.btn-gradient-inverse-cyan:hover span {
    margin-left: 25px;
    transition: all 0.3s ease;
}

.btn-gradient-inverse-cyan:hover span i.bt-arrow {
    background: #000000;
    transition: all 0.3s ease;
}


.header_hero_content select { 
    border-radius: 50px;
    font-size: 22px;
    padding: 25px 15px;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid #ffffff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    background-color: #070624;
}
.header_hero_content select:focus {
    border-color: #79baec;
    outline: 0;
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%);
 }

.header_hero_content h5.purple { color: #ffffff; }
.header_hero_content p.hero-small { font-size: 12px; color: #ffffff; line-height: 20px; }
.header_hero_content p.hero-subtitle { font-size: 18px; color: #ffffff; margin-top: 5px; margin-bottom: 30px; }


#components .btn-gradient-inverse {
    border-color: white !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#components .btn-gradient-inverse:hover {
    border-color: #f26100 !important;
}

#components .btn-gradient-inverse:hover {
    background: #f26100 !important;
}
/* BTN GRADIENT INVERSE */
.btn-cta-menu {
    font-size: 18px;
    padding-left: 2em !important;
    padding-right: 2em !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    height: auto;
    border-radius: 50px;
    background-color: #79baec;
    color: #ffffff !important;
    border: 0px solid #9124e9;
    font-weight: 600;
    transition-duration: 0.3s;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}

.btn-cta-menu:hover {
    background-color: #4682b4;
    color: #ffffff !important;
    border: 0px solid #79bacc;
}

.btn-cta-menu span {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin-left: 5px;
}

.btn-cta-menu:hover span {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin-left: 25px;
    vertical-align: middle;
}

.updown-anim {
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}



.appbtn {border:2px solid transparent;box-sizing:border-box;background-clip:padding-box;background-image:linear-gradient(to right,#79baec,#4682b4);color:#fff;padding:1em 2em;font-weight:600;outline:0;border-radius:99px;-webkit-border-radius:99px;-moz-border-radius:99px;box-shadow:0 10px 30px rgb(13 26 25 / 35%);transition:.3s}
.appbtn:hover { background: #4682b4; color: #ffffff; border: 2px solid #ffffff; transition: all 0.3s ease 0s; }
.appbtn:hover span { margin-left: 25px; }
.appbtn span { transition: all 0.3s ease 0s; }

.appbtn .bt-arrow {
    display: inline-block;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 1px;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    transition: all 0.3s ease;
}

.appbtn:hover .bt-arrow {
    display: inline-block;
    background: #ffffff;
    color: #000000;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 1px;
    width: 30px;
    height: 30px;
    margin-left: 8px;
    transition: all 0.3s ease;
}



@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}


/*===== All Slick Slide Outline Style =====*/
.slick-slide {
    outline: 0;
}
/*===== All Section Title Style =====*/
.apply-title .circle-icon { 
    background: #27a799;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    box-shadow: -1px 5px 17px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: -1px 5px 17px -1px rgb(0 0 0 / 15%);
    -moz-box-shadow: -1px 5px 17px -1px rgba(0,0,0,0.15);
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: -3px;
}

.apply-title i { 
    font-size: 20px;
    color: #ffffff;
    padding: 8px 12px;
}

.section_title .sub_title {
    font-size: 18px;
    font-weight: 600;
    color: #470068;
}

.section_title .main_title {
    font-size: 38px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 48px;
    position: relative;
    color: #111616;
    display: inline-block;
    letter-spacing: -0.8px;
}

.sidebar-title {
    color: #161616;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    letter-spacing: -0.8px;
    padding-left: 15px;
}
.sidebar-title span { font-weight: 300; color: #4682b4; }

.sidebar-title:before {
    display: block;
    content: ' ';
    background-image: url('../images/sidebar-border.webp');
    background-repeat: no-repeat;
    height: 53px;
    width: 50px;
    margin-top: 3px;
    margin-left: -15px;
    position: absolute;
}

.svgtitle-after:after {
  display: block;
  content: ' ';
  background-image: url('../images/title_after.svg');
  background-repeat: no-repeat;
  height: 2px;
  width: 250px;
    margin-top: 5px;
}


h2.inside-pages-title {
    font-size: 48px;
    font-weight: 500;
    margin-top: 16px;
    line-height: 48px;
    position: relative;
    color: #111616;
    display: inline-block;
    letter-spacing: -0.8px;
}

h2.inside-pages-title span { position: relative; font-weight: 700; }
h2.inside-pages-title span::after {
  content: '';
    position: absolute;
    bottom: -0.125rem;
    left: -0.5rem;
    right: -0.5rem;
    height: 1.4rem;
    bottom: -14px;
    z-index: -1;
    background-image: url('../images/underline-light.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


#how-block .howbox {
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    position: relative;
    padding: 35px;
    background-color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 9px 32px -2px rgb(223 223 223);
    transition: 0.2s!important;
}

#how-block .howbox:hover { transform: translateY(-6px); }
#how-block .howbox:hover img {
    transform: scale(1.3) rotate(5deg);
    transition: all 0.3s;
}
 
#how-block .howbox img {
    transition: all 0.3s;
    box-sizing: border-box; 
}

#how-block .main_title { 
    font-size: 24px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 48px;
    position: relative;
    color: #111616;
    display: inline-block;
    letter-spacing: -0.8px;
}

#how-block p { 
    font-size: 16px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}





.white-shdbox {
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    position: relative;
    padding: 35px;
    background-color: #fff;
    margin-bottom: 30px;
    overflow: hidden;
    box-shadow: 0 9px 32px -2px rgb(223 223 223);
    transition: 0.2s!important;
}

.white-shdbox:hover { transform: translateY(-6px); }
.white-shdbox:hover img {
    
    transition: all 0.3s;
}





.bottom-flying {
    font-size: 3vw;
}

.section_title p {
    margin-top: 20px;
}

#home-select-price li select { width: 270px; height:80px; top:-25px; position: relative; }
#home-select-price li { margin-top: 0; }



/*=========================== PHOTO AFTER EFFECT ===========================*/
.l-dcbl .c-block__media.-img-bg::after {
    content: " ";
    background: linear-gradient(
    311deg,
    #9536e5 2.32%,
    #04e4ff 56.99%,
    #04e4ff 100%
  );
    top: 10px;
    right: -8px;
    width: 100%;
    max-width: 689px;
    height: 100%;
    position: absolute;
}

.l-dcbl .c-block__media.-img-bg::after {
    top: 15px;
    right: -15px;
}

.l-dcbl .c-block__media .c-image {
    z-index: 1;
}

.l-dcbl .c-block__media.-img-bg {
    position: relative;
}
/*=========================== 02.HEADER css ===========================*/
/*===== NAVBAR =====*/
.header_navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: white;
}

.navbar {
    padding: 15px 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.navbar-brand {
    padding: 0;
}

.navbar-toggler {
    padding: 0;
}

.navbar-toggler .toggler-icon {
    width: 30px;
    height: 2px;
    background-color: #79baec;
    display: block;
    margin: 5px 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.navbar-toggler.active .toggler-icon:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
}

.navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler.active .toggler-icon:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -7px;
}

.navbar-nav .nav-item {
    margin-left: 30px;
    position: relative;
}

.navbar-nav .nav-item a {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff !important;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding: 10px 0;
    position: relative;
}

.navbar-nav .nav-item.active > a,
.navbar-nav .nav-item:hover > a {
    color: #79baec !important;
}

.navbar-nav .nav-item:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.navbar-nav .nav-item .sub-menu {
    width: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.navbar-nav .nav-item .sub-menu li {
    display: block;
}

.navbar-nav .nav-item .sub-menu li a {
    display: block;
    padding: 8px 20px;
    color: #050712;
}

.navbar-nav .nav-item .sub-menu li a.active,
.navbar-nav .nav-item .sub-menu li a:hover {
    padding-left: 25px;
    color: #79baec;
}

.navbar-nav .sub-nav-toggler {
    display: none;
}

.navbar-nav .sub-nav-toggler span {
    width: 8px;
    height: 8px;
    border-left: 1px solid #050712;
    border-bottom: 1px solid #050712;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -5px;
}

.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
}
/*===== Header hero =====*/
.header_hero {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.hero_shape {
    position: absolute;
    opacity: 0.39;
}

.header_shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.header_shape::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1000%;
    height: 100%;
    background-color: #f5f5fc;
    transform: skewX(-15deg);
}

.header_image {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 50%;
    height: 100%;
}

.custom-toggler.navbar-toggler {
    box-shadow: 0 0 0 0rem;
}
.custom-toggler.navbar-toggler:focus {
    box-shadow: 0 0 0 0rem;
}

.custom-toggler .navbar-toggler-icon {
    font-size: 24px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#about .image .inner {
    background-color: #fff;
    max-width: 200px;
    width: 115px;
    border-radius: 5px;
    text-align: center;
    position: absolute;
    right: 15%;
    bottom: 25%;
    -webkit-box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
    padding: 15px 15px;
    z-index: 90;
}

#about .image .inner:before {
    position: absolute;
    content: "";
    bottom: -48px;
    right: -2px;
    border-right: 117px solid transparent;
    border-top: 50px solid #fff;
}

#about .image span:nth-child(1) {
    font-weight: 600;
    color: #470068;
    font-size: 22px;
}

#about .image span {
    display: block;
}



#about p img {
    display: block; float: right; margin-left: 25px; margin-bottom: 25px;
}



.home-hero-left { 
    
}

.home-hero-left h2 { 
    color: #ffffff;
    font-weight: 400;
}

.home-hero-left h2 span { 
    color: #ffffff;
    font-weight: 700;
}


.icon-list-icon { 
    display: inline-block;
    background: transparent;
    border: 2px solid #79baec;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    padding: 1px;
    width: 50px;
    height: 50px;
    display: block;
}

.icon-list-box {
 
}

.icon-list-item {
    position: relative;
}

.icon-list-content {
    color: #ffffff;
}

.hero-img .hero-badge {
}

.header_hero_content .hero_title {
    font-size: 68px;
    font-weight: 400;
    line-height: 1.1em;
    color: #fff;
}

.header_hero_content .hero_title span {
    position: relative;
    font-weight: 700;
}

.header_hero_content {
    
    padding-top: 25%;
}

.header_hero_content p {
    color: white;
    position: absolute;
    top: 0px;
    margin-top: 10px;
    margin-left: 65px;
    font-size: 16px;
    line-height: 22px;
}

.header_hero_content span.header-p-review-txt {
    color: white;
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    margin-left: 0px;
}

.header_hero_content p.header-p-txt {
    color: #ffffff;
}

#home p.hero-small {
    color: #ffffff;
    text-align: center;
    font-weight: lighter;
    line-height: 20px;
    font-size: 12px;
}

.header_hero_content ul {
    padding-top: 20px;
}

.header_hero_content ul li {
    display: inline-block;
    margin-left: 50px;
    margin-top: 30px;
}

.header_hero_content ul li:first-child {
    margin-left: 0;
}

.header_hero_content ul li .play {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #f26100;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 9;
}

.header_hero_content ul li .play::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #f26100;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    -moz-animation: pulse-border 1500ms ease-out infinite;
    -o-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    z-index: -1;
}


/*=========================== GRAD BTN CIRCLE css ===========================*/
.grad-circle {
    background: linear-gradient(0.25turn, #d91e85, #f24405);
    border-radius: 50%;
    margin: 0;
    display: inline-block;
    padding: 2px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    line-height: 14px;
    position: absolute;
}

.grad-circle span {
    background: #fff;
    display: block;
    padding: 1.6em;
    border-radius: 50%;
    color: #313131;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.single-why-chose:hover .grad-circle span {
    background: transparent;
    color: #fff;
}
/*=========================== COLOR FLIP css ===========================*/
.color-flip0 i,
.color-flip0 h3 {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.color-flip0 {
    background-color: #ffffff;
    color: #272727;
    box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.15);
-webkit-box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.15);
-moz-box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.15);
}

.color-flip0:hover {
    background-color: #ffffff;
    box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.4);
-webkit-box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 10px 17px -1px rgba(0,0,0,0.4);
}
/* .color-flip0:hover i {
     color: orangered;
     -webkit-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
 */
.color-flip0:hover h3 {
    color: #068faa;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.color-flip2 {
    color: #ffffff;
    background: linear-gradient(to right, #d91e85, #f24405);
    box-shadow: 0 9px 32px -2px rgb(95 48 226 / 30%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.color-flip2:hover {
    background: linear-gradient(to right, #470068, #470068);
    color: #ffffff;
}

.color-flip3 {
    color: #ffffff;
    background-color: #470068;
    box-shadow: 0 9px 32px -2px rgb(223 223 223 / 100%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.color-flip3:hover {
    background-color: #470068;
    box-shadow: 0 9px 32px -2px rgb(95 48 226 / 30%);
}

.color-flip4 {
    color: #ffffff;
    background-color: #470068;
    box-shadow: 0 9px 32px -2px rgb(223 223 223 / 100%);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.color-flip4:hover {
    color: #ffffff;
    background-color: #470068;
    box-shadow: 0 9px 32px -2px rgb(95 48 226 / 30%);
}

#components .color-flip0 {
    box-shadow: 0px 10px 30px rgb(13 26 25 / 35%);
}




/*=========================== 04.ABOUT css ===========================*/
.about_area {
    position: relative;
}

.about_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.about_image .image {
    padding-right: 50px;
}

.about_image .image img {
    max-width: 770px;
}

.about_content {
    padding-top: 0px;
    padding-bottom: 30px;
}

.about_content .about_list {
    padding-top: 10px;
}

.about_content .about_list li {
    margin-top: 20px;
}

.about_content .about_list li .about_check i {
    font-size: 16px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background-color: #f26100;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    top: 4px;
}

.about_content .about_list li .about_list_content {
    padding-left: 20px;
}

ul.about_list li span {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #111616;
    margin: 0px;
}

#components ul.about_list {
}

#components ul.about_list li {
    margin-bottom: 15px;
}

#components ul.about_list li .about_check i {
    font-size: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #01afe9;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    top: 4px;
}

#components ul.about_list li .about_list_content {
    padding-left: 20px;
}

#components ul.about_list li .about_list_content h4,
#components ul.about_list li .about_list_content p,
#components ul.about_list li .about_list_content span {
    color: #ffffff;
}


/*=========================== 09.CONTACT css ===========================*/
.contact_area {
    position: relative;
}

h5.contact-col-title { font-size: 24px; font-weight: 400; color: #000000; margin-bottom: 15px; }
h5.contact-col-title span.contact-col-purple { color: #361154; font-weight: 700; }
.contact-col-list span { font-weight: 500; }

p.form-message.success,
p.form-message.error {
    font-size: 16px;
    color: #333;
    background: #ddd;
    padding: 10px 15px;
    margin-top: 15px;
    margin-left: 15px;
}

p.form-message.success.form-message.error,
p.form-message.error.form-message.error {
    color: #f00;
}

.contact_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.contact_image .image {
    padding-right: 50px;
}

.single_form {
    margin-top: 30px;
}

.single_form textarea,
.single_form input {
    padding: 0 25px;
    border: 1px solid rgba(116, 126, 136, 0.2);
    height: 50px;
    border-radius: 5px;
    width: 100%;
}

.single_form textarea {
    padding-top: 15px;
    height: 168px;
    resize: none;
}

.single_form .main-btn {
    background-color: #f26100;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    color: #fff;
}

.single_form .main-btn:hover {
    background-color: rgba(249, 79, 79, 0.8);
}


.block-component-section
  .block-component-content
  .block-component-form
  .nws-button
  button {
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.block-component-section
  .block-component-content
  .block-component-form
  .nws-button
  button:before {
    left: 0;
    width: 100%;
    content: "";
    z-index: -1;
    height: 100%;
    bottom: -100%;
    position: absolute;
    transition: 0.5s all ease-in-out;
}

.block-component-section
  .block-component-content
  .block-component-form
  .nws-button
  button:hover:before {
    bottom: 0;
}

#inside-header-parallax {
    z-index: 1;
    padding: 200px 0 100px 0 !important;
}

.block-component-section {
    z-index: 1;
    background-color: #fff;
    
}

.block-component-section .newslatter-shape {
    z-index: -1;
}

.block-component-section .block-component-content {
    border-radius: 30px;
    background-color: transparent;
    padding: 55px 55px 65px 75px;
}

.block-component-section .block-component-content .block-component-text h3 {
    color: #282350;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 12px;
}

.block-component-section .block-component-content .block-component-text p {
    font-size: 17px;
}

.block-component-section .block-component-content .block-component-form {
}

.block-component-section .block-component-content .block-component-form input {
    width: 100%;
    border: none;
    height: 50px;
    max-width: 330px;
    padding-left: 20px;
    border-radius: 5px;
    background-color: #ebeff3;
}

.block-component-section
  .block-component-content
  .block-component-form
  .nws-button {
    top: 0;
    right: 0;
    position: absolute;
}

.block-component-section
  .block-component-content
  .block-component-form
  .nws-button
  button {
    color: #fff;
    height: 50px;
    width: 140px;
    border: none;
    font-weight: 700;
    border-radius: 5px;
    font-family: "Montserrat", sans-serif;
    background-image: linear-gradient(
    -100deg,
    #ff6600 0%,
    #ff9903 75%,
    #ffcb05 100%
  );
}

.block-component-section
  .block-component-content
  .block-component-form
  .nws-button
  button:before {
    background-color: #390ed2;
}

.block-component-section
  .block-component-content
  .block-component-form
  .block-component-checkbox {
    margin-top: 15px;
}

.block-component-section
  .block-component-content
  .block-component-form
  .block-component-checkbox
  input {
    height: inherit;
    width: inherit;
    padding-left: 0;
    margin-right: 5px;
    max-width: inherit;
}

.block-component-section
  .block-component-content
  .block-component-form
  .block-component-checkbox
  label {
    font-size: 14px;
    margin-bottom: 0;
}

.footer-smalltext { font-size: 12px !important; }
#footer-pre {
    background: #ffffff url(../images/footer-orange-prebg.png) no-repeat top center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
#footer-pre .section_title .main_title { color: #ffffff; }

#footer-pre .btn-gradient { background: #ffffff; border: 3px solid #ffffff; color: #470068; font-weight: 700; font-size: 16px; }
#footer-pre .btn-gradient::before { background: #ffffff; border: 3px solid #ffffff; }
#footer-pre .btn-gradient:hover { background: #470068; border: 3px solid #470068; color: #ffffff; font-weight: 700; font-size: 16px; }


.footer-component {
    position: relative;
}
/*=========================== 10.FOOTER css ===========================*/
small {
    font-size: 100% !important;
}

#review {  }
.review-block {
    position: relative;
    background: rgb(29,4,42);
background: -moz-linear-gradient(180deg, rgba(29,4,42,1) 0%, rgba(108,34,143,1) 50%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(180deg, rgba(29,4,42,1) 0%, rgba(108,34,143,1) 50%, rgba(255,255,255,1) 50%);
background: linear-gradient(180deg, rgba(29,4,42,1) 0%, rgba(108,34,143,1) 50%, rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d042a",endColorstr="#ffffff",GradientType=1);
    height: auto;
    padding: 50px 0;
    position: relative;
    
    width: 100%;
}

.review-block h5 { color: #ffffff; font-weight: 600; }














/*============================ FAQ ==============================*/
/*===============================================================*/
#faq { }
#faq .accordion-button { font-weight: 600; transition: all 0.3s ease; line-height: 26px; border-radius: 50px;
    overflow: hidden; }
#faq .accordion-button:hover { color: #ffffff; background-image:linear-gradient(to right,#4682b4,#79baec); border-radius: 50px;
    overflow: hidden;}
#faq .accordion-button:hover::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
#faq .accordion-button:focus {z-index: 3; border-color: transparent; outline: 0;box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);}
#faq .accordion-button:not(.collapsed) {color: #ffffff; background-image:linear-gradient(to right,#4682b4,#79baec); box-shadow: inset 0 0 0 rgb(0 0 0 / 13%);font-weight: 600;}
#faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg);
}

#faq ul li { font-size: 16px; margin-bottom: 10px; }
#faq ul li i { margin-right: 15px; }
#faq .accordion .accordion-body { text-align: justify; }
#faq .accordion .accordion-body a { color: #673de6; font-weight: 600; transition: all 0.3s ease; }
#faq .accordion .accordion-body a:hover { text-decoration: underline; }
#faq .accordion-flush .accordion-item { margin-bottom: 15px;  border-radius:50px !important; }






.footer {
    background: url(../images/footer-bg.webp) no-repeat top center; background-size: cover;position: relative;
    padding-bottom: 50px;
    margin-top: 100px;
    padding-top: 150px;
}
.footer-core p { font-size: 12px; }
.footer .copyright-bottom {
    padding-bottom: 50px;
    margin-top: 100px;
}

.footer-widget span.phone { color: #79baec; font-weight: 600; }

.footer .widget-wrapper .footer-widget {
    margin-bottom: 40px;
}

.footer .widget-wrapper .footer-widget h3 {
    color: #fff;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 20px;
}

.footer .widget-wrapper .footer-widget p {
    color: #fff; font-size: 12px;     line-height: 22px;
}

.footer .widget-wrapper .footer-widget .links li a,
.footer .widget-wrapper .footer-widget .links li span {
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.footer .widget-wrapper .footer-widget .links li a:hover,
.footer .widget-wrapper .footer-widget .links li span:hover {
    padding-left: 6px; color: #79baec;  font-size: 14px;
}

.footer .widget-wrapper .footer-widget .links li i { color: #79baec; font-size: 18px; padding-right: 8px; }

.footer .widget-wrapper .footer-widget .download {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer .widget-wrapper .footer-widget .download li:first-child {
    margin-right: 20px;
}

.footer .widget-wrapper .footer-widget .download li a {
    display: inline-flex;
    background: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    margin-bottom: 15px;
    align-items: center;
}

.footer .widget-wrapper .footer-widget .download li a .icon {
    font-size: 30px;
    color: #1d2a5d;
    margin-right: 10px;
}

.footer .widget-wrapper .footer-widget .download li a .text {
    font-size: 10px;
    color: #60698d;
}

.footer .widget-wrapper .footer-widget .download li a .text b {
    color: #1d2a5d;
    font-size: 16px;
    font-weight: 700;
    display: block;
}

.footer .copy-right-wrapper {
    border-top: 0px solid rgba(255, 255, 255, 0.17);
    padding: 45px 0;
}

.footer .copy-right-wrapper p {
    color: white;
}

.footer .copy-right-wrapper h5 {
    color: white;
}

.footer .copy-right-wrapper .copy-right p {
    color: rgba(255, 255, 255, 0.66);
    font-size: 16px;
}

.footer .copy-right-wrapper .copy-right small {
    color: white;
    font-size: 12px !important;
}

.footer .copy-right-wrapper .copy-right p a {
    color: inherit;
}

.footer .copy-right-wrapper .copy-right p a:hover {
    color: #fff;
}

/* SOCIAL ICONSET *//**************************/
ul.footer-social {margin:0px; padding-left:0;}
ul.footer-social li {display:inline-block;list-style:none;text-align:center; margin-right: 10px;}
ul.footer-social li a:hover {border-color: #27a799; }
ul.footer-social li a {display:block; color:#fff; font-size:16px; font-weight:400; height:35px; text-decoration:none; transition:all 0.1s linear 0s; width:35px; border:2px solid transparent; border-radius: 50%; padding: 4px; }

footer ul.social li a { color: #fff; }

.copy-right a { color: #fff; -webkit-transition: all 0.2s ease-out 0s; }
.copy-right a:hover { color: #27a799; }

/* Button */
/* Auto layout */
a.cta-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 17px;
    gap: 10px;
    width: 151px;
    height: 48px;
  /* Accent/Primary */
    background: #7000fe;
    border-radius: 5px;
  /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}


#float-bottom-banner{position:fixed;bottom:0;left:0;width:100%;height:40px;text-align:center;background:#000;border:0 solid #220b2d;border-radius:4px 4px 0 0;box-shadow:-2px -2px 5px #220b2d;padding:1em 0}.horizontal_form fieldset.fieldsetbuttons div,.vertical_form fieldset.fieldsetbuttons div{text-align:right}

#float-bottom-banner>p,#float-bottom-banner>p>a{display:inline-block;font-size:16px;margin:0}#float-bottom-banner>p{color:#ffffff}#float-bottom-banner>p>a{color:#ffffff;text-decoration:none}