@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@media screen and (-webkit-min-device-pixel-ratio:0) { 

         
.bold{font-weight: 700;}
.carousel h4{font-family: 'Lato', sans-serif !important; font-size: 43px !important;}
.carousel p{font-family: 'Lato', sans-serif !important; font-size: 15px !important; padding-top: 10px;}
.carousel-caption{padding-bottom:5%;}
.masthead-text{margin-left: -11%;}

/*  Bootstrap Class     */
    .container{max-width:1600px;}

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    /* padding-right: var(--bs-gutter-x,0rem);
    padding-left: var(--bs-gutter-x,0rem); */
    margin-right: auto;
    margin-left: auto;
    }


/* 5 Columns Start */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    /*padding-right: 10px;
    padding-left: 10px;*/
}
.col-xs-15 {
    width: 100%;
    float: left;
}
.customer-feedback{
	position:relative;
}
#owl-two.customer-feedback button.owl-prev {
    position: absolute;
    margin: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-40px);
}
#owl-two.customer-feedback button.owl-next {
    position: absolute;
    margin: 0;
    right: 50%;
    bottom: 0;
    transform: translate(30px);
}
.customer-feedback-section
{
	background: transparent linear-gradient(180deg, #F1F8FF 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

#owl-two button.owl-prev {
    display: none !important;
}
#owl-two button.owl-next {
    display: none !important;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 100%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* 5 Columns End */
    
.button-blue{background-color: #143151 !important; color: #ffffff !important; padding: 10px 20px; border-radius: 7px; 
    font-family: 'Lato', sans-serif !important; font-size: 18px; font-weight: 400;}

.feature-packages{padding: 65px 0 65px 0;}
.feature-package-box{padding: 30px 20px; border-right: 1px solid #c0c7cb;}
.feature-packages h3{font-family: 'Lato', sans-serif !important; font-size: 45px; font-weight: 900; color: #143151;}
.feature-packages h5{font-family: 'Lato', sans-serif !important; font-size:20px !important; font-weight:900; color: #414042;}
.feature-packages a {color: #09589f;}
.feature-content{min-height: 75px; padding-top: 10px;}
.feature-packages p{font-family: 'Lato', sans-serif !important; font-size: 15px; font-weight: 400; color: #414042;}
.no-border{border: 0 !important;}
.small-text{font-family: 'Lato', sans-serif !important; font-size: 10px !important; float: right;padding:10px}

.banking-solution{background-color: #fff7e4;}
/*.banking-packages-outer{background-image:url("../images/background-texture.gif"); 
    background-position: bottom right !important; background-repeat: no-repeat;}*/

 .banking-packages-outer{background: #fff7e4 url('../images/background-texture.gif') bottom right no-repeat; overflow-x: hidden; }
.banking-packages{padding: 2% 7%; }
.banking-package-box{padding: 10px 0px;}
.banking-packages h2{font-family: 'Lato', sans-serif !important; font-size: 40px; font-weight: 700; color: #093252;}
.banking-packages h3{font-family: 'Lato', sans-serif !important; font-size: 31px; font-weight: 900; color: #143151;}
.banking-packages h5{font-family: 'Lato', sans-serif !important; font-size:25px !important; font-weight:900; color: #143151;}
.banking-packages a {color: #143151;}
.banking-content{min-height: 75px; padding-top: 10px;}
.banking-packages p{font-family: 'Lato', sans-serif !important; font-size: 15px; font-weight: 300; color: #000000;}

.feature-product{display: inline-block; padding-top: 10px; padding-bottom: 10px;}
.feature-product li{display: inline; padding: 10px;}
.producttext{font-family: 'Lato', sans-serif !important; font-size:18px !important; font-weight:400; color: #000000;}


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/

 .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  transform: scale(.7) !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}


.accordion .fa {
  margin-right: 0.5rem;
}
.accordion button, .accordion button:hover, .accordion button:focus{
  text-decoration: none;
}



    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #143151;
/*        background-color: #FAFAFA;*/
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }

/* ----- v CAN BE DELETED v ----- */

.testimonials-outer{/* background: linear-gradient(to left, #f3f3f3 50%, #ffffff 50%);*/ padding:100px 0;}
.testimonials-outer h2{font-family: 'Lato', sans-serif !important; font-size: 40px; margin-bottom: 20px; color: #143151; font-weight: 700;}
    .testibox::before {
        position: relative;
        top: -32px;
        left: 8px;
        content: " ";
        background: url(../images/quote-open.png);
            background-repeat: repeat;
        background-repeat: no-repeat;
        width: 85px;
        height: 61px;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        background-repeat: no-repeat;
    }
    .testibox::after {
        position: relative;
        top: 21px;
        right: 3px;
        content: " ";
        background: url(../images/quote-closed.png);
        width: 59px;
        height: 42px;
        float: right;
        background-repeat: no-repeat;
    }
    .testibox{font-family: 'Lato', sans-serif !important; font-size:15px; color:#000000; padding:90px 90px 65px 90px; min-height: 250px;}
    .testi-author{margin-bottom:65px; font-family: 'Lato', sans-serif !important; font-size:18px; color:#0c767a; font-weight:600; text-transform: uppercase;}

    .testiboxinner .owl-carousel.owl-drag .owl-item {padding:30px 30px; opacity: 50%; }
    .testiboxinner .owl-carousel.owl-drag .owl-item p{display: none; z-index: 100; position: relative; width: 300% !important; 
        text-align: center !important; margin-left: -100%; padding-top: 40px;}
    .testiboxinner .owl-carousel.owl-drag .owl-item p.carousel-text{min-height: 100px !important;}
    .testiboxinner .owl-carousel.owl-drag .owl-item h5{display: none; z-index: 99; position: relative; width: 300% !important; 
        text-align: center !important; margin-left: -100%;}
    .testiboxinner .owl-carousel.owl-drag .owl-item h6{display: none;}
    .testiboxinner .owl-carousel.owl-drag .owl-item.active.center{padding:0px 0px; opacity: 100%;  overflow: initial; }
    .testiboxinner .owl-carousel.owl-drag .owl-item .cloned .active img{display: none;}
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.cloned.active .item .test_hp::before { background: unset; }
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .item .test_hp::before { background: unset; }
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item .test_hp::before {
        position: relative;
        /* top: -32px;
        left: 8px; */
        content: " ";
        background: url(../images/quote-up.gif);
        background-repeat: no-repeat;
        width: 56px;
        height: 39px;
        float: left;
        /* margin-right: 10px; */
        margin-left: 10px;
        top: 45px;
        left: -23px;
        background-repeat: no-repeat;
    }
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.cloned.active .item .test_hp::after { background: unset; }
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .item .test_hp::after { background: unset; }
    .testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item .test_hp::after{
        position: relative;
        top: -45px;
        right: -45px;
        content: " ";
        background: url(../images/quote-down.gif);
        width: 56px;
        height: 39px;
        float: right;
        background-repeat: no-repeat;
    }
    
    .testiboxinner .owl-carousel.owl-drag .owl-item.active.center p{display: block !important; color:#093252; font-weight: 700; 
        padding:1% 30%; padding-bottom: 0;}
    .testiboxinner .owl-carousel.owl-drag .owl-item.active.center p.blank-space{}
    .testiboxinner .owl-carousel.owl-drag .owl-item.active.center h5{display: block !important; font-weight: 900 !important; 
        color: #000000; font-size: 23px;}
    .testiboxinner .owl-carousel.owl-drag .owl-item.active.center h6{display: block !important; font-weight: 400 !important; color: #000000;}
    .owl-carousel .owl-item img {
        margin-top: 30px; padding: 0px;
    }
    
    #owl-two .owl-nav .owl-prev {float: left; margin-left: 30%; margin-top: -50px; margin-top: -50%; position: relative !important;}
    #owl-two .owl-nav .owl-next {float: right; margin-right: 30%; margin-top: -50px; margin-top: -50%; position: relative !important;}

    .footer-map{height: 100% !important; padding-top:20px;}

}

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

/*  Bootstrap Class     */
.container{max-width:1100px;}

.masthead-text{margin-left: -5%;}
.carousel h4{font-family: 'Lato', sans-serif !important; font-size: 33px !important;}
.carousel-caption{padding-bottom:4%;}

.feature-packages h3 {font-size: 29px;}
.col-md-10.mob-youtube .text-center {
    /* min-height: 500px; */
    font-size: 21px;
}
.feature-content{min-height: 85px;}
.banking-packages {padding: 2% 4%;}
.producttext{font-size: 12px;}
.testiboxinner .owl-carousel.owl-drag .owl-item p.carousel-text{min-height: 70px !important;}
.testimonials-outer h2{font-size:29px;}
.testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item .test_hp::after {right:-52px;}
.testiboxinner .owl-carousel .owl-stage-outer .owl-stage .owl-item.active.center .item .test_hp::before {left:-33px;}
#owl-two .owl-nav .owl-prev {margin-left: 28%; margin-top: -76%;}
#owl-two .owl-nav .owl-next {margin-right: 28%; margin-top: -76%;}
.testiboxinner .owl-carousel.owl-drag .owl-item.active.center h5{font-size: 19px;}
.testimonials-outer {/*background: linear-gradient(to left, #f3f3f3 50%, #ffffff 50%);*/ padding: 50px 0;}
.footer-map {height: 65% !important;}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.masthead-text{margin-left: -5%;}
.carousel h4{font-family: 'Lato', sans-serif !important; font-size: 36px !important;}
.carousel-caption{padding-bottom:2%;}

.feature-packages h3 {font-size: 38px;}
.feature-content{min-height: 85px;}

}


/*** // Small devices (landscape phones, 576px and up) ***/
@media (max-width: 575.98px) {
.masthead-text{margin-left: 0;}
.desktop-display{display: none;}
.carousel-caption {
	position: relative !important; 
	color: #004880 !important;
	top:30% !important;
	left:0 !important;
	margin-top: 20px;
	padding-bottom:0px;
	bottom:0px;
}
.carousel h4{font-size:25px !important;}
.carousel p{padding: 10px 15px;}
.feature-product{display: inline-block;}
.feature-product li{display: inline-block; padding: 10px; width: 49% !important; margin:10px 0; clear: both;}
.feature-product li:nth-child(odd){border-right: 1px solid #dcd6c7;}
.feature-product li:last-child{border-right: 0;}

.panel-title > a{font-size: 30px !important; font-weight: 900 !important;}
/*.panel-title > a >span{font-size: 20px !important; font-weight: 300 !important;}*/

.feature-packages {padding: 0px 0 65px 0;}

.feature-content {
    min-height: auto;
}
.banking-packages-outer{background: none; background-color: #fff7e4;}
.banking-packages{padding: 7% 5%; }
/*.testimonials-outer {padding:0;}*/
.testimonials-outer h2{font-size:30px; margin-bottom:10px !important;}
.testibox {padding: 90px 30px 65px 30px; min-height:auto;}
.owl-carousel .owl-item img{margin-top: 0px !important;}
.testiboxinner .owl-carousel.owl-drag .owl-item{padding: 0px 50px 0px 50px;}
.mob-youtube{height: 100% !important;}
.testiboxinner{margin-bottom: 20px;}

.testimonials-outer{background: none; padding-bottom: 0px;}
.youtube-section{background-color: #f3f3f3; padding-top: 30px; padding-bottom: 30px;}

.mob-testimoniales h2{padding-top: 20px;}
.footer-map{height: 200px !important;}
.test_hp{padding: 0px 25px 25px 25px;}
.testiboxinner .owl-carousel.owl-drag .owl-item.active.center p{padding: 1% 104%;}
.testiboxinner .owl-carousel.owl-drag .owl-item.active.center h6{font-size: 15px;}
#owl-two .owl-nav .owl-prev {float: left; margin-left: 3%; margin-top: -50px; margin-top: -70%; position: relative !important;}
#owl-two .owl-nav .owl-next {float: right; margin-right: 3%; margin-top: -50px; margin-top: -70%; position: relative !important;}

.feature-product {padding-bottom:0px; padding-top: 0px;}
.productimage{display: block; width: 100% !important;}
.producttext{display: block; width: 100% !important;}
    .fa .fa-minus{display: none;}
    .fa .fa-plus{display: none;}
    .famobplus{ background: url("../images/Icon-feather-plus-circle.png");
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
		display: inline-block;}

        .famobminus{ background: url("../images/Icon-feather-minus-circle.png");
        background-repeat: no-repeat;
        width: 25px;
        height: 25px; 
		display: inline-block;
		}

}