*{
    margin: 0;
    padding: 0;
}
html,body{
    font-family: 'Rubik', sans-serif;
}

h1{font-size: 38px !important;}
h2{font-size: 36px !important;}
h3{font-size: 20px !important;}
h4{font-size: 18px !important;}
h5{font-size: 16px !important;}
h6{font-size: 14px !important;}

section h2{color:#1E3565;}

section{padding: 70px 0;}

.button{transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
background: #ea6400;
display: inline-block;
color: rgb(255, 255, 255);padding: 10px 25px;margin:20px 15px 20px 0;
text-decoration: none !important;border-radius: 5px;
cursor: pointer;
}
.button:hover{opacity: 0.9;color: #fff;}

.button.btn-callnow{background: #206ef5;}

.btn-call{    font-size: 14px;
    color: #ee1a19;
    border: 1px solid #ee1a19;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 10px 20px;}


.color-1{color: #1E3565;}
.color-2{color: #2C4667;}



.navbar .navbar-brand img{margin-right: 24px;width: auto;height: 45px;}
.navbar .collapse > ul > li > a{text-transform: uppercase;}
.navbar .contact{padding: 10px 20px;background: #ea6400;color:#fff ;white-space: nowrap;border-radius: 5px;font-weight: 500;text-decoration: none;display: none;}

.navbar-light .navbar-toggler-icon {background-image: none !important;}

.navbar-toggler {float: right;border: none;padding-right: 0;border: none !important;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}

.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;
	                                border-bottom: 1px solid #343880;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{width: 24px;position: absolute;height: 1px;background-color: #343880;
	                                      top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{top: 8px;}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}


/*    background: linear-gradient(-29deg,#1e3465ec 100%,#1e3565 0);*/

.banner{background: url("../media/landing/banner-bg.png") no-repeat,linear-gradient(to bottom,#fff 0.01%,#1e3465ec 0.02%,#1e3465ec 40%,#1e3565 60%,#fff 100%),url("../media/landing/banner-bg.jpg") no-repeat;background-size: contain,cover,cover;text-align: center;color: #fff;
background-position: top center,center,top center;}
.banner img{width: 100%;margin-top: 50px;}
.banner h1{font-size: 48px !important;font-weight: 100;margin-bottom: 30px;margin-top: 250px;}
.banner h2{font-size: 26px !important;font-weight: 100;margin-bottom: 30px;}
.banner a{background: #EA6400;color: #fff;padding: 10px 25px;margin-right: 15px;
    text-decoration: none;border-radius: 5px;}

.solutions .solution{padding: 30px;display: flex;justify-content: center;}
.solutions .solution .solution-image{background: #fff;box-shadow: 1px 2px 20px rgb(231, 231, 231);
    width: 120px;height: 120px;border-radius: 20px;display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;}
.solutions .solution .solution-image img{width: 50%;}
.solutions .solution .solution-image:hover{background: #EA6400;}
.solutions .solution .solution-image:hover img{-webkit-filter:  brightness(0) invert(1) ;}
/* .solutions h3{color: #6d70a6;} */
.solutions .row{position: relative;}
.solutions .row > img{position: absolute;width: 200px;top: 30%;transform: translateY(-30%);display: none;}
.solutions .row > img.median-1{left: 25%;}
.solutions .row > img.median-2{left: 58%;}



.centerlised{background: rgb(253, 253, 253);}
.centerlised h2{margin-bottom: 30px;}
.centerlised img{width: 100%;}
.centerlised .card{border: 0;margin-bottom: 20px;}
.centerlised .card-header{height: 50px;display: flex;align-items: center;background: #fff;color:#2C4667;cursor: pointer;
    box-shadow: 4px 12px 15px rgb(245 245 245);justify-content: space-between;}
.centerlised .card-header h5 button{color: #2C4667;text-decoration: none;font-weight: 600;padding-left: 0px;}
.centerlised .card-body{ box-shadow: 4px 12px 15px rgb(245 245 245);}
.back{background: linear-gradient(to right,#1E3565,#2C4667) !important;box-shadow: none !important;}
.back h5 button{color: #fff !important;}
.back i{color: #fff !important;}  
 


.google{background: #f8f8f8;}
.google img{width: 100%;}
.google h2{margin-bottom: 30px;}
.google a{color: #fff !important;}
.google a:hover{text-decoration: none;}

.bharatpay{background: rgb(253, 253, 253);}
.bharatpay h2{margin-bottom: 30px;}
.bharatpay ul{list-style-type: none;}
.bharatpay ul li{display: inline-flex;}
.bharatpay ul li:not(:last-child){margin-bottom: 15px;}
.bharatpay ul li:before{content:'\f0a9';font-family: 'FontAwesome';color: #EA6400;margin-right: 5px;}
.bharatpay img{width: 100%;}
.bharatpay a{color: #fff !important;}
.bharatpay a:hover{text-decoration: none;}


.features p{margin-bottom: 70px;}
.features .feature{background: #fff;box-shadow: 0px 2px 10px rgb(236, 236, 236);
padding: 35px 30px;border-radius: 5px;margin-bottom: 30px;position: relative;overflow: hidden;}
.features .feature div{z-index: 100;position: relative;}
.features .feature:after{content: "";top: 0;left: 0;width: 100%;height: 100%;position: absolute;
background: linear-gradient(to bottom,#2C4667,#1E3565);opacity: 0;transition: all 300ms ease-in-out;z-index: 2;}
.features a{color: #111;text-decoration: none;}
.features a:hover .feature:after{opacity: 1;}
.features a:hover .feature{color: #fff;}
.features a:hover .feature h3{color: #fff;}
.features .feature img{width: 80px;height: auto;margin-bottom: 25px;}
.features .feature h3{color: #2C4667;font-size: 20px;margin-bottom: 20px;font-weight: 600;}
.features .feature p{font-size: 16px;margin: 0;}

.our-features {background: linear-gradient(to right,#315eac,#1E3565);}
.our-features h2{color: #fff;}
.our-features p{margin-bottom: 70px;color: #fff;}
.our-features ul{list-style-type: none;}
.our-features ul li i{margin-right: 8px;color: #fff;}
.our-features ul li{color: #fff;}

.trynow{background: url('../media/landing/circle-bg.png'),linear-gradient(to right,#2C4667,#4883e9);color: #fff;
background-repeat: no-repeat;background-size: 200px,100%;background-position: bottom,0;}
.trynow h2{color: #fff;margin-bottom: 30px;}
.trynow .content{display: flex;align-items: center;}

.trynow img{width: 100%;}

.facts .row:first-of-type p{margin-bottom: 70px;}
.facts h4{color: #2C4667;font-size: 24px !important;margin-bottom: 20px;font-weight: 500;}
.facts h3{color: #ea6400;font-size: 38px !important;margin-bottom: 20px;}
.facts p{color: #8e99b3;margin-bottom: 0;}
.fact{margin-bottom: 30px;}


.testimonials .row:first-of-type p{margin-bottom: 70px;}
.testimonials{background: #f5f7fd;}
.testimonials .testimonial{background: #fff;
padding: 30px;margin-bottom: 30px;}
.testimonials .testimonial img{width: 100px;height:auto;display: inline-block;margin: 0 auto;margin-bottom: 30px;}
.testimonials .testimonial > p{color: #2C4667;font-weight: 500;}
.testimonials .testimonial .name p{margin: 0;color: #878787;}

.clients img{display: inline-block;margin-top: 60px;-webkit-filter: grayscale(100%); 
                filter: grayscale(100%);width: 100% !important;height: auto;}
.clients img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.clients .col > div{text-align: center;font-size: 14px;margin-top: 10px;}
.clients .col {padding: 0 25px;}

.request{background: linear-gradient(to right,#1E3565,#2C4667);color: #fff;}
.request h2{color: #fff;font-weight: normal;margin-bottom: 30px;}
.request .content{display: flex;align-items: center;}

    .request img{width: 100%;}


footer{padding: 70px 0 20px 0;}
footer img{width: 100%;}

footer h5.location{color: #7e7e7e;margin-bottom: 10px;font-weight: normal;line-height: 20px;display: inline-flex;}
footer h5.location i{margin-right: 10px;}
footer p{color: #7e7e7e;}
footer .fa-envelope{font-size: 13px;}
footer i{margin-right: 5px;}
footer ul.social-list {padding: 0;display: flex;text-decoration: none;justify-content: flex-end;}
footer ul.social-list li {display: inline-block; padding: 0;list-style-type: none; margin-left: 15px;}
footer ul.social-list li a {border: 1px solid #212226;text-align: center;font-size: 20px; padding-top: 13px; 
    border: 1px solid rgb(223, 223, 223);width: 50px;height: 50px;display: inline-block;line-height: 25px;
                            color: rgb(99, 99, 99);border-radius: 50%;transition: all 300ms ease-in-out;
                        -webkit-transition: all 300ms ease-in-out;}
                            footer ul.social-list li a:hover{color: #fff;background: #1e3465ec;}
footer h6.copy{margin: 0;padding: 5px 0;text-align: center;font-size: 14px;font-weight: normal;color: #7e7e7e;}


.owl-prev,
.owl-next{padding: 10px 15px !important;border-radius: 50% !important;
background: #1E3565 !important;}
.owl-dots .owl-dot span{background: #2C4667 !important;}
.owl-dots .owl-dot.active span{background: #1E3565 !important;}


textarea.form-control {
    max-height: 150px;
}

@media(max-width:768px){
    
    .navbar {padding: 0.5rem 0rem !important;}
    .navbar ul{text-align: center;position: relative;list-style-type: none;
        margin-right: auto !important;transition: all 300ms ease-in-out;}
    .navbar > div > ul > li {margin: 0px !important;height: calc(100vh/6) !important;
                         display: flex;justify-content: center;align-items: center;}
    .navbar ul > li > a{color:#111;padding: 20px 0;}
    .banner{background: url("../media/landing/banner-bg.png") no-repeat,linear-gradient(to bottom,#fff 0.01%,#1e3465ec 0.02%,#1e3465ec 40%,#1e3565 60%,#fff 100%),url("../media/landing/banner-bg.jpg") no-repeat;background-size: contain,cover,cover;
            background-position: center,center,top center;}
    .banner h1{margin-top: 50px !important;}
    footer img{width: 70%;margin-bottom: 30px;}
    footer h5.location i{margin-right: 15px;}
    footer .contact{padding: none !important;}
    footer .contact p:nth-child(1){margin-bottom: 5px;}
    
}


@media(min-width:990px){
    header .container{position: relative;}
    nav.navbar{padding: 0 25px 0 0;}
    .navbar{position: absolute !important;width: 100%;z-index: 1;display: flex;align-items: center;height: 150px;} 
    .navbar .collapse{text-align: right;display: flex;
        flex-direction: column;justify-content: space-between;position: relative;} 
        .navbar .collapse > .contact,
    .navbar .collapse > ul{display: flex;list-style-type: none;margin-bottom: 0;align-items: center;}
    .navbar .collapse > ul > li{position: relative;}

    .navbar .collapse > ul > li > a{color: #fff;position: relative;padding: 5px 20px 5px 20px !important;text-decoration: none;}
    .navbar .collapse > ul > li > a:hover{color: rgb(228, 228, 228);}
    .navbar .collapse > ul > li:last-child a{padding-right: 0px !important;}

    .navbar .contact{display: block;}
    .ct-now { display:none;}

    footer h5.location{padding-left: 50px;}.solutions .row > img{display: block;}
    footer .contact{padding-left: 50px;display: flex;}
    footer .contact p:nth-child(1){margin-right: 15px;}
   
}