body {
      font-family: 'Inter', sans-serif;
    }
    



:root {
  --color-primary: #1059ED;
  --color-secondary: #00AC2A;
  --color-heading: #15264B;
  --color-outline: #ffffff;
  --color-bg: #ffffff;
  --color-text: #000000;
  --color-shadow: rgba(0, 0, 0, 0.1);
}

.hero-section{
	padding:100px 0px;
        background:#E7EFFD;
	}
	
	.img-scroller .row{
	    mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent) !important;
	}
	
	.img-scroller{
	    padding:40px 0px;
	        background: #00AC2A;
	}
	
	.sml-img{
	        padding: 0px 10px;
	        text-align:center;
	}
	
	.icon-round i{
	color: #1059ED;
    height: 60px;
    width: 60px;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: 25px;
	}
	
	.sml-img img{
	        max-width: 120px;
	        width:100%;
	        filter: brightness(0) invert(1);
	}
	
	p{
	    font-size:1.1em;
	    line-height:1.5em;
	}
	
	.left-col h2{
	     font-size: 2.4rem;
    margin-bottom: 30px;
	}
	
	.kaso{
	    justify-content:space-between;
	    align-items:center;
	}
	
	.btn-icon .with-icn{
	 background-color: #fff;
    padding: 5px 25px 5px 5px;
    border-radius: 24px;
    width: fit-content;
    color: #000;
	}
	
	.faq-list .accordion-item{
	    margin-bottom:20px;
	    border:none!important;
	        background:#eaf0fd!important;
	    border-radius:24px!important;
	    box-shadow:none;
	}
	
	.faq-list .accordion-item .accordion-button{
	      background:#eaf0fd;
	    border-radius:24px!important;
	    font-weight: 600;
    font-size: 1.13rem;
    min-height:72px;
        padding: 10px 28px;
	    border:none!important;
	    
	}
	
	footer{
	    background:#000;
	}
	
	.soo{
	    padding-bottom:30px;
	    padding-top:60px;
	}
	
	.foo-things{
	    text-align:center;
	}
	
	.inl{
	    width: fit-content;
    display: block;
	}
	
	.links-social i{
	        background: #1059ED;
    border-radius: 50%;
    transition:all .3s ease;
    width: 35px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    height: 35px;
	}
	
	html{
	    scroll-behavior: smooth;
	}
	
		.links-social i:hover{
		    background:#00AC2A;
		}
	
	.foo-things small{
	    color:#fff;
	    margin-top:20px;
	}
	
	.links{
	    text-align: center;
	    margin-top:25px;
    color: #fff;
	}
	
	.links-social{
	    text-align:center;
	    margin-top:20px;
	    margin-bottom:15px;
	}
	
	.links-social a{
	    transition:all .3s ease;
	}
	
	.links-social a{
	    color:#fff;
	}
	
		.links-social h4{
		    color:#fff;
		    margin-bottom:13px;
		}
	
	.links a{
	    color:#fff;
	    margin: 0px 15px;
	    transition:all .3s ease;
	}
	

	
	.links a:hover{
	    color:#1059ED;
	}
	
	.accordion-button:focus{
	    box-shadow:none!important;
	}
	
	.btn-icon{
	    margin-top:35px;
	    transition:all .3s ease;
	}
	
	.btn-icon:hover{
	    transform: scale(1.04);
	}
	
	.btn-icon .with-icn i{
	    border-radius:50%;
	    padding:10px;
	    color:#fff;
	    margin-right:11px;
	    background:#1059ED;
	}
	
	.radiu-box{
	        padding: 32px 30px;
    border-radius: 32px;
    background: #eaf0fd;
    max-width: 450px;
    width: 100%;
	}
	
	.head-se h5{
	     text-transform: uppercase;
    color: #fff;
    background: #1059ED;
        box-shadow: 0em 0em 50px 0em #1059ED91;
    border-radius: 50px;
    width: fit-content;
    margin: 20px auto;
    max-width: 100%;
    padding: 10px 30px;
	}
    
    .clipper{
        transition:all .3s ease;
        padding:45px 20px;
          background:#eaf0fd;
            clip-path:polygon(32.2492676px 0,calc(100% - 29.883191px) 14.1670774px,calc(100% - 29.883191px) 14.1670774px,calc(100% - 24.96109729px) 14.87537046px,calc(100% - 20.31945472px) 16.29591632px,calc(100% - 16.01424199px) 18.36886116px,calc(100% - 12.1014378px) 21.03435113px,calc(100% - 8.63702087px) 24.23253242px,calc(100% - 5.67696992px) 27.9035512px,calc(100% - 3.27726365px) 31.98755362px,calc(100% - 1.49388076px) 36.42468587px,calc(100% - 0.38279998px) 41.1550941px,calc(100% - 5.68434189E-14px) 46.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 0px),31.9827822px calc(100% - 0px),26.79500879px calc(100% - 0.41909978px),21.87374934px calc(100% - 1.63244774px),17.28485237px calc(100% - 3.57411685px),13.09416641px calc(100% - 6.17818003px),9.36754001px calc(100% - 9.37871025px),6.1708217px calc(100% - 13.10978045px),3.56986001px calc(100% - 17.30546357px),1.63050347px calc(100% - 21.89983258px),.41860062px calc(100% - 26.8269604px),5.29492535E-31px calc(100% - 32.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);
    }
    
    .clipper:hover{
        box-shadow: 0em 0em 50px 0em #eaf0fd;
            transform: scale(1.02)!important;
    }
    
    .clipper-sec{
       background-image: linear-gradient(35deg, #1059ED 0%, #eaf0fd 100%);
    }
    
    /*.app-img{*/
    /*    clip-path:polygon(32.2492676px 0,calc(100% - 29.883191px) .16707739px,calc(100% - 29.883191px) .16707739px,calc(100% - 24.96109729px) .87537044px,calc(100% - 20.31945472px) 2.29591631px,calc(100% - 16.01424199px) 4.36886114px,calc(100% - 12.1014378px) 7.03435112px,calc(100% - 8.63702087px) 10.23253242px,calc(100% - 5.67696992px) 13.90355119px,calc(100% - 3.27726365px) 17.98755362px,calc(100% - 1.49388076px) 22.42468587px,calc(100% - 0.38279998px) 27.1550941px,calc(100% - 5.68434189E-14px) 32.1189245px,calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0px) calc(100% - 32.02092px),calc(100% - 0.41860061px) calc(100% - 26.8269604px),calc(100% - 1.63050344px) calc(100% - 21.89983258px),calc(100% - 3.56985995px) calc(100% - 17.30546357px),calc(100% - 6.1708216px) calc(100% - 13.10978045px),calc(100% - 9.36753988px) calc(100% - 9.37871025px),calc(100% - 13.09416624px) calc(100% - 6.17818003px),calc(100% - 17.28485217px) calc(100% - 3.57411685px),calc(100% - 21.87374912px) calc(100% - 1.63244774px),calc(100% - 26.79500858px) calc(100% - 0.41909978px),calc(100% - 31.982782px) calc(100% - 5.68434189E-14px),31.9827822px calc(100% - 14px),31.9827822px calc(100% - 14px),26.79500879px calc(100% - 14.41909978px),21.87374934px calc(100% - 15.63244774px),17.28485237px calc(100% - 17.57411685px),13.09416641px calc(100% - 20.17818003px),9.36754001px calc(100% - 23.37871025px),6.1708217px calc(100% - 27.10978045px),3.56986001px calc(100% - 31.30546357px),1.63050347px calc(100% - 35.89983258px),.41860062px calc(100% - 40.8269604px),5.29492535E-31px calc(100% - 46.02092px),0 32.0209204px,0 32.0209204px,.41860062px 26.82696079px,1.63050347px 21.89983293px,3.56986001px 17.30546389px,6.1708217px 13.10978071px,9.36754001px 9.37871045px,13.09416641px 6.17818017px,17.28485237px 3.57411693px,21.87374934px 1.63244779px,26.79500879px .41909979px,31.9827822px 5.30123935E-31px,31.9827822px 0,32.11152455px 0,32.2175794px 0,32.30094672px 0,32.36162654px 0,32.39961884px 0,32.41492362px 0,32.40754089px 0,32.37747064px 0,32.32471288px 0,32.2492676px 0);*/
    /*}*/
    
    
    .app-img img{
        margin-top:-80px;
    }
    
    .apps-section .section-heading{
        margin-bottom:-50px;
    }
    
    .app p{
        text-align:left;
        font-size:15px;
    }
    
    .app{
  text-align: center;
    padding: 20px;
    background: #E7EFFD;
    border-radius: 32px;
    margin-top: 140px;
    position: relative;
    transition: all .3s ease!important;
    min-height: 400px;
    }
    
    .app .btn-wrapper:hover .btn-wrap span:first-child{
        color:#1059ED;
    }
    
    .app .btn-wrapper:hover .btn-wrap i{
        background:#1059ED;
    }
    
    .dropdown-menu .dropdown-item img{
            width: 100%;
            margin-right:6px;
    max-width: 25px;
    }
    
    .nav-link.dropdown-toggle{
          font-weight: 600;
    color: #15264b;
    }
    
    @media only screen and (max-width: 767px) {
    .links{
        display: grid;}
    
    .links a{
        margin-bottom:10px;}
    
    }
    
    .navbar-toggler{
        position:absolute;
        right:15px;
        top:27px;
    }
    div#navbarContent.show {
        display: flex;
        margin-top: 10px;
    }
    .aboutus,
    .contact{
        padding: 7px 20px;
        font-size: 15px;
    }
    
    .navbar-toggler:focus{
        box-shadow:none;
    }
    
    .navbar-nav .dropdown-menu {
        position: absolute;
        /*display:none !important;*/
    }
    /*.nav-item.dropdown:hover .dropdown-menu {*/
    /*    display:unset !important;*/
    /*}*/
    .navbar-nav .dropdown-menu.show {
        display:block !important;
    }
    
     .navbar .dropdown-item.active, .dropdown-item:active{
         color: #15264b;
    text-decoration: none;
    background-color: #E7EFFD;
    }
    
    .dropdown-menu .dropdown-item{
         font-weight: 600;
    transition: all .3s ease;
    font-size:14px;
    padding: 11px 10px;
    }
    
    .dropdown-menu .dropdown-item:hover{
        color:#1059ED;
    }
    
    .apps-section .col-md-3:last-child .app{
        margin-bottom:0px;
    }
    
    .app:hover{
          box-shadow: 0em 0em 50px 0em #E7EFFD;
    }
    
    .app .btn-wrapper{
        transition:all .3s ease;
    }
    
    .app .btn-wrapper:hover{
    transform: scale(1.04);
    }
    
    .logogo{
        text-align:left;
    }
    
     .logogo img{
      max-height: 40px;
    margin-bottom: 10px;
    margin-top: 20px;
    object-fit: contain;
     }
    
    .app h3{
        margin-top:10px;
        color: #1059ed;
        text-align:left;
    font-size: 1.3rem;
    }
    
    .btn-wrapper{
     background-color: #fff;
    border-radius: 24px;
    position: absolute;
    bottom: 20px;
    right: 12px;
    left: 12px;
    padding: 8px 9px 8px 20px;
    }
    
    .btn-wrap{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    
    .btn-wrap span:first-child{
        color:#000;
    }
    
    .count i{
   font-size: 35px;
    color: #1059ed;
    margin-bottom: 5px;
    background: #E7EFFD;
    width: 70px;
    justify-content: center;
    align-items: center;
    display: inline-flex
;
    border-radius: 50%;
    height: 70px;
    }
    
    .btn-wrap i{
  color: #fff;
    font-size: 24px;
    background-color: #1059ed;
    border-radius: 50%;
    width: 35px;
    display: flex
;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin: 0px 0px 0px 0px;
    }
    
    .aboutus{
        background-color: #1059ED;
    color: #fff;
    border-color: #1059ED;
    border: none;
    padding: 10px 30px;
    transition:all .3s ease;
    border-radius: 50px;
    }
    
    .navbar{
        transition:all .3s ease;
    }
    
    .aboutus:hover{
        background-color: #00AC2A;
    color: #fff;
    border-color: #00AC2A;
    border: none;
    padding: 10px 30px;
    border-radius: 50px;
    }
    
    .contact{
           background-color: #00AC2A;
    color: #fff;
    border-color: #00AC2A;
    border: none;
    transition:all .3s ease;
    padding: 10px 30px;
    border-radius: 50px;
    }
    
    .contact:hover{
        background-color: #1059ED;
    color: #fff;
    border-color: #1059ED;
    border: none;
    padding: 10px 30px;
    border-radius: 50px;
    }
    
   .navbar {
         transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 4px;
    }

    .logo-img {
      height: 40px;
    }
    
    section{
        padding:80px 0px;
    }
    
    .brand-color{
        color:#1059ED;
    }
    
    .head-sec{
        text-align:center;
        margin-bottom:25px;
    }
    
    .count{
        text-align:center;
            padding: 20px 10px;
    border: 2px solid #1059ed;
    border-radius: 32px;
    background: #fff;
    }
    
    .primary-clr{
        color:#00AC2A;
    }
    
    
    /*.hero-content p{*/
    /*    color:#fff;*/
    /*}*/
    
    .hero-img-col{
        text-align:center;
    }
    
    .hero-section .row{
        align-items:center;
    }
    
    .hero-img-col img{
      border-radius: 10px;
    width: 550px;
    max-width: 100%;
    }
    
/*    .nav-item.dropdown:hover .dropdown-menu {*/
/*    display: block;*/
/*}*/

    
    .hero-content p a{
        text-decoration:underline;
        color:#1059ED;
    }
    
    .butn-clr{
        width:fit-content;
        border-radius:50px;
        background:#00AC2A;
        padding:10px 25px;
        margin-bottom:10px;
        transition:all .3s ease!important;
    }
    
    .butn-clr:hover{
        background:#1059ED;
    }
    
    .hero-title{
        font-size:4rem;
        margin-bottom:22px;
    }
    
    .butn-clr a{
        color:#fff;
    }
    
    a{
        text-decoration:none;
    }
    
    .count p{
        margin-bottom:0px;
    }
    
    .count h2{
        font-size:3rem;
        color:#1059ed;
    }
    
    .bg-colo{
      padding: 4rem;
  background: #E7EFFD;
    border-radius: 32px;
    box-shadow: 0 20px 60px rgb(214 209 242 / 46%);
    max-width: 1120px;
    margin: 0 auto;
    }
    
    @media only screen and (max-width: 576px) {
        
        	.bghy .col-md-4 .clipper{
	    margin-bottom:40px;
	}
	
	.bghy .col-md-4:last-child .clipper{
	    margin-bottom:0px;
	}
    
    .bg-colo .col-md-4 .count{
        margin-bottom:40px;
    }
    
    .bg-colo .col-md-4:last-child .count{
        margin-bottom:0px;
    }
    
   .img-scroller .col-md-2 .sml-img{
        margin-bottom:40px;
    }
    
    .img-scroller .col-md-2:last-child .sml-img{
        margin-bottom:0px;
    }
    
    }
    
    .head-sec h4{
        font-size: 2rem;
    }
    
    .section-heading{
        text-align:center;
        font-size:45px;
    }

h1,h2,h3,h4,h5,h6{
  color:var(--color-heading);
font-weight:700;}