@font-face {
    font-family: 'Barlow-Black';
    src: url('../fonts/Barlow-Black.eot');
    src: url('../fonts/Barlow-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Black.woff2') format('woff2'),
        url('../fonts/Barlow-Black.woff') format('woff'),
        url('../fonts/Barlow-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-ExtraBold';
    src: url('../fonts/Barlow-ExtraBold.eot');
    src: url('../fonts/Barlow-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-ExtraBold.woff2') format('woff2'),
        url('../fonts/Barlow-ExtraBold.woff') format('woff'),
        url('../fonts/Barlow-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Thin';
    src: url('../fonts/Barlow-Thin.eot');
    src: url('../fonts/Barlow-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Thin.woff2') format('woff2'),
        url('../fonts/Barlow-Thin.woff') format('woff'),
        url('../fonts/Barlow-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url('../fonts/Barlow-Bold.eot');
    src: url('../fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Bold.woff2') format('woff2'),
        url('../fonts/Barlow-Bold.woff') format('woff'),
        url('../fonts/Barlow-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url('../fonts/Barlow-Medium.eot');
    src: url('../fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Medium.woff2') format('woff2'),
        url('../fonts/Barlow-Medium.woff') format('woff'),
        url('../fonts/Barlow-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Regular.eot');
    src: url('../fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-Regular.woff2') format('woff2'),
        url('../fonts/Barlow-Regular.woff') format('woff'),
        url('../fonts/Barlow-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('../fonts/Barlow-SemiBold.eot');
    src: url('../fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('../fonts/Barlow-SemiBold.woff') format('woff'),
        url('../fonts/Barlow-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow-ThinItalic';
    src: url('../fonts/Barlow-ThinItalic.eot');
    src: url('../fonts/Barlow-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Barlow-ThinItalic.woff2') format('woff2'),
        url('../fonts/Barlow-ThinItalic.woff') format('woff'),
        url('../fonts/Barlow-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}




ul {
    margin: 0;
    padding: 0;
    list-style: none;
}



body {
    font-family: 'Barlow', sans-serif;
    color: #ffffff;
    /*background-color: #262626;*/
    background-color: #1f1f21;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Barlow-SemiBold', sans-serif;
}

a {
    text-decoration: none;
}
header {
    /*background: #262626;*/
}
.navbar-light .navbar-brand {
    color: rgb(255 255 255 / 90%);
}
.navbar-expand-lg .navbar-collapse {
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link {
    color: #103659;
    font-family: 'Montserrat-Medium';
}
footer {
    background-color: #181818;
    padding: 60px 0 30px;
}
.footer-menu p {
    color: #fff;
    text-align: center;
}
.btn-primary {
    color: #fff;
    background-color: #4A2CED;
    border-color: #4A2CED;
    border-radius: 250px;
    padding-left: 25px;
    padding-right: 25px;
}
.form-subscribe .input-group {
    background-color: #4A2CED;
    border-color: #4A2CED;
    border-radius: 250px;
}
.form-subscribe .input-group .form-control {
    border-radius: 250px;
    background: #262626;
    color: #fff;
    border-color: #FFFFFF58;
    padding-left: 20px;
}
.form-subscribe .input-group-btn .btn-primary {
    color: #fff;
    /*background-color: #4A2CED;*/
    /*border-color: #4A2CED;*/
    border-radius: 0 250px 250px 0;
}
section {
    padding: 80px 0;
}

img {
    max-width: 100%;
}
header {
    padding: 10px 0;
    border-bottom: 1px solid #313131;
}
.buttons .btn+.btn {
    margin-left: 15px;
}
.baner_text h2 {
    font-family: 'Barlow-SemiBold';
    font-size: 60px;
}
.baner_text p {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: -0.62px;
    color: #979797;
    margin: 20px 0 40px 0;
}
.subscribe-section {
    width: 500px;
    max-width: 100%;
    margin: auto;
    margin-top: 25px;
    margin-top: 60px;
}
.perple-col {
    color: #4A2CED;
}
p.sub-p {
    font-size: 18px;
    text-align: center;
    color: #B3B3B3;
    margin-top: 30px;
}
/*.whysec_img img {*/
/*    width: 50px;*/
/*}*/
.banner {
    padding: 150px 0 250px;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}


.whysec_box {
    padding: 32px 23px 31px;
}
.title_box h3 {
    font-size: 48px;
    text-align: center;
}
.title_box {
    padding: 15px;
}
.title_box {
    padding-bottom: 50px;
}
.whysec_img {
    margin-bottom: 20px;
    width: 88px;
    max-width: 88px;
    height: 88px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(36,36,36,0.5886729691876751) 0%, rgb(74 44 237 / 21%) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.whysec_txt1 p {
    color: #B3B3B3;
    margin-top: 20px;
}
.baner_text {
    text-align: center;
    margin: auto;
}
.banner-row {
    justify-content: center;
}
.container-wraper {
    background-image: url('../images/sqr.png');
}
.why_row {
    background: #262626;
}
.whysec_boxtop:last-child {
    border-right: 0;
}
.whysec_boxtop {
    border-right: 1px solid #313131;
}
.services .whysec_img {
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(36,36,36,0.5886729691876751) 0%, rgb(74 44 237 / 18%) 100%);
    width: 98px;
    max-width: 98px;
    height: 98px;
    margin: auto auto 20px;
}

/*.services .whysec_img img, .services .whysec_img i {*/
/*    border-radius: 50%;*/
/*    background: linear-gradient(0deg, rgba(36,36,36,0.5886729691876751) 0%, rgb(74 44 237 / 18%) 100%);*/
/*    padding: 7px;*/
/*    width: 70px;*/
/*    height: 70px;*/
/*}*/
.services .whysec_box {
    text-align: center;
}
.col-md-2.acc-btn {
    min-width: 141px;
    text-align: right;
}
.acc-box-row h2 {
    font-size: 40px;
}
.acc-box-row p {
    color: #B3B3B3;
}
section.open-acc {
    padding-left: 50px;
    padding-right: 50px;
}
.acc-box-row {
    /*background: #262626;*/
    background: rgba(20, 20, 21, 0.52);
    padding: 50px;
    align-items: center;
    border: 1px solid rgba(20, 20, 21, 0.52);
    border-radius: 20px;
}
.contact-btn {
    text-align: center;
    margin-top: 30px;
}
.contact-us {
    background: #262626;
}
.formgroup-box {
    padding: 20px 30px;
    border: 1px solid #313131;
    border-radius: 8px;
    background: #24242480;
    box-shadow: 0px 0px 10px 10px rgb(18 18 18 / 10%);
}
.formgroup-box .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #313131;
    border-radius: 0;
    color: #fff;
    padding-left: 0;
}
.btn-primary:hover {
    background-color: #3f26c8;
    border-color: #3f26c8;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    background-color: #3f26c8;
    border-color: #3f26c8;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #3f26c8;
    border-color: #3f26c8;
    box-shadow: unset;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}
.form-control:focus {
    box-shadow: unset;
}
.boder-box {
    border: 1px solid #313131;
    width: 70%;
    margin: auto;
    padding: 70px;
    background: rgba(20, 20, 21, 0.52);
}

  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
  }
.footer_copyright p {
    margin-bottom: 0;
}
.footer_top_part {
    border-bottom: 1px solid #272727;
    padding-bottom: 50px;
}
.footer_copyright-row {
    padding-top: 30px;
}
.social_icone,.footer_copyright {
    text-align: right;
}
.footer_copyright_icon li a,.footer_copyright {
    color: #B3B3B3;
}
.footer_copyright_icon li {
    display: inline-block;
    margin-right: 20px;
}
.footer_copyright_icon li a i {
    color: #4A2CED;
    margin-right: 5px;
}
.social_icone li a {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(36,36,36,0.5886729691876751) 0%, rgb(74 44 237 / 17%) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4A2CED;
}
.social_icone ul li {
    display: inline-block;
    margin-left: 10px;
}
.social_icone li a i {
    font-size: 25px;
}
.social_icone {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sty-text p {
    margin: 0;
    font-size: 18px;
}
.social_icone ul {
    padding: 15px;
    border: 1px solid #272727;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.footer_top_part>.row {
    align-items: center;
}

.social_icone ul li:first-child {
    margin-left: 0;
}
.whysec_img i {
    color: #4A2CED;
    font-size: 30px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.whyatm-title {
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 29%;
    padding: 120px 0;
}
.whyatm-title .title_box,.services-titlebox .title_box {
    padding: 0;
}
.services-titlebox {
    background-image: url(../images/ourser.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 25%;
    padding: 120px 0;
}
section.whyatm {
    background-color: #262626;
    padding-bottom: 0;
    /*margin-bottom: 80px;*/
}
section.services {
    background-color: #262626;
    padding-bottom: 0;
}
.whyatm-title p.sub-p,.services-titlebox p.sub-p {
    color: #ffffff;
}
.logo_footer {
    text-align: center;
    max-width: 150px;
    margin: auto;
}
.logo_footer .navbar-brand {
    margin-right: 0;
}
.content-editor {
    /* position: relative; */
}

.content-editor .content-editor-button i,
.content-editor .content-editor-action i {
    font-size: 16px;
    color: #fff !important;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-editor .content-editor-action {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    /* margin-left: 10px; */
}

.content-editor:hover .content-editor-action {
    display: inline-block;
}

.content-editor-action {
    display: none;
    z-index: 1000;
    position: absolute;
    /* right: 0; */
    background-color: #5f44ef;
    color: grey;
    height: 25px;
    width: 25px;
    font-size: 25px;
    cursor: pointer;
}

.content-edit-button {
    position: fixed;
    bottom: 40px;
    right: 30px;
    background: black;
    padding: 7px 10px;
    border-radius: 50%;
    color: #fff;
    z-index: 5;
}

.company-label{
    color: #000;
}
.app-brand.demo {
    height: 64px;
}
.app-brand-text.demo {
    font-size: 1.375rem;
}
.navbar .content-editor-action {
    /*right: 15px;*/
    top: 0;
}
.footer_copyright-row .content-editor-action {
    right: 50%;
}
.content-relative{
    position: relative;
}
.content-relative span:nth-child(2){
    top: 0;
}
.baner_logo.content-editor .white-pencil-bg {
    top: unset;
}
.footer-relative{
    position: relative;
}
.footer-relative .white-pencil-bg{
    top: 0;
    left: 0;
}
.closebtntxtchn span {
    color: #4a2ced !important;
}
.modal button.close {
    background: transparent;
    font-size: 35px;
    line-height: normal;
}
.modal-content .card-header {
    padding-bottom: 8px !important;
}
.logo-blnk {
    /*max-width: 120px;*/
    max-width: 100px;
}
.baner_logo {
    max-width: 280px;
    margin: auto;
}

/***************************** responsive **********************************/

@media (min-width: 576px) {
	
}

@media (max-width: 1200px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1199px) {
.banner-row .col-md-7 {
    width: 90%;
}
.acc-box-row {
    justify-content: center;
}
.acc-box-row h2 {
    font-size: 33px;
    text-align: center;
}
.col-md-2.acc-btn {
    width: auto;
}
    
}

@media (max-width: 991px) {
.banner {
    padding: 50px 0 100px;
}
.baner_text h2 {
    font-size: 40px;
}
.title_box h3 {
    font-size: 38px;
}
.boder-box {
    padding: 40px;
    width: 100%;
}

}

@media (min-width: 768px) {


}


@media (max-width: 767px) {
.whysec_boxtop {
    border-right: 0;
}
section.open-acc {
    padding-left: 0;
    padding-right: 0;
}
.boder-box {
    width: 100%;
}
section {
    padding: 50px 0;
}
.acc-box-row h2 {
    font-size: 28px;
}
.logo_footer,.footer_copyright_icon,.footer_copyright {
    text-align: center;
}
.social_icone {
    justify-content: center;
    margin-top: 15px;
}
footer {
    padding: 50px 0;
}
.footer_copyright p {
    margin-top: 15px;
}
.baner_logo img {
    width: 200px;
}
}

@media (max-width: 575px) {
.baner_logo img {
    width: 180px;
}    
.subscribe-section {
    width: 100%;
}
.baner_text h2 {
    font-size: 30px;
}
.title_box h3 {
    font-size: 28px;
}
.whysec_box {
    padding: 10px 0;
}
.acc-box-row {
    padding: 15px;
}
section {
    padding: 30px 0;
}
.why_row {
    padding-top: 20px;
}
.services {
    padding-bottom: 0;
}


}

@media (max-width: 480px) {
.boder-box {
    padding: 0 20px 20px 20px;
}
.contact-btn button.btn {
    width: 100%;
}
.formgroup-box {
    padding: 10px 15px;
}
.title_box {
    padding-bottom: 20px;
}
.form-subscribe .input-group .form-control {
    border-radius: 250px !important;
    width: 100%;
    min-height: 48px;
}
.banner-row .col-md-7 {
    width: 100%;
}
.form-subscribe .input-group {
    background-color: unset;
    border-color: unset;
    justify-content: center;
}
.form-subscribe .input-group-btn .btn-primary {
    border-radius: 250px;
    margin-top: 16px;
}
.contact-btn {
    margin-top: 20px;
}
p.sub-p {
    font-size: 14px;
}
.title_box h3 {
    font-size: 24px;
}
.acc-box-row h2 {
    font-size: 24px;
}
.whysec_txt1 p,.acc-box-row p {
    font-size: 14px;
}
.footer_copyright_icon li {
    margin-right: 0;
    width: 100%;
}
.footer_copyright_icon li+li {
    margin-top: 10px;
}
    
}