@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Rubik', sans-serif!important;
}
.btn-sec .btn:nth-child(1){
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    margin-right: 20px;
    font-weight: 700;
}
.btn-sec .btn:nth-child(2){
    background-color: #F94C10;
    font-weight: 700;
    
}
.header-s{
    position: absolute;
    top: 0px;
    background-color: #ffffff2b;
    z-index: 1;
    width: 100%;
    backdrop-filter: blur(9px);
}
/* #topBanner{
    background: rgb(45,0,80);
    background: linear-gradient(90deg, rgba(45,0,80,1) 0%, rgba(14,69,120,1) 100%);
    padding: 50px 0;
}
#topBanner .container{
    background-image: url(https://stock-logos.dhan.co/static-openweb/bg_wave.svg);
    background-position: bottom;
    background-repeat: no-repeat;

} */

.nav-item{
    margin-right:20px;
}
#topBanner .carousel-caption{
    position: absolute;
    right: auto;
    bottom: 18.25rem;
    left: 5%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    width: 50%;
    top:140px;
}
#topBanner .carousel-caption h5{
    font-size: 40px;
    font-weight: 700;
    
    line-height: 60px;
}
#topBanner .carousel-caption p{
    line-height: 28px;
    font-size: 16px;
opacity: 0.7;
width: 80%;
padding: 20px 0 30px;
}
#topBanner .carousel-caption .btn{
    background-color: #F94C10;
    font-weight: 700;
    color: #fff;
    padding: 10px 30px;
    border: none;
}
#topBanner .carousel-caption .btn:hover{
    color: #F94C10!important;
    background-color: #fff;
    border: 1px solid #F94C10;
}
#secondsec h4{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
.colorye{
    color: #F94C10;
    
}
#secondsec{
    padding: 70px 0;
}
.iconbox{
    padding: 10px;
    border-radius: 10px;
    border:1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 40px;
}
.iconbox img{
width: 44px;
height: 44px;
object-fit: cover;
margin-bottom: 15px;
}
.iconbox h6{
    font-size: 20px;
    font-weight: 500;
    
}
.iconbox p{
    font-size: 15px;
    opacity: 0.7;
    color: #000;
    margin-bottom: 10px;
}
#thirdsec .container{
    background: rgb(45,0,80);
    /*background: linear-gradient(90deg, #061327 0%, #1b5183 100%);*/
    background: linear-gradient(90deg, #65ed94 0%, #000851 100%);
    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
#thirdsec h5{
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    line-height: 54px;
    width: 80%;
}
#thirdsec ul{
    margin-top: 15px;
}
#thirdsec ul li{
color: #fff;
margin-bottom: 20px;
font-weight: 500;
}
.listitem{
    gap: 70px;
}
#thirdsec ul li::marker{
    color: #F94C10;
    font-size: 20px;
}
.bg-img{
    padding: 0;
}
.bg-img img{
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.listitemcol{
    padding: 50px 0 50px 40px;
}

#fouthsec h5{
    font-size: 36px;
    font-weight: 600;
    color: #000;
    line-height: 54px;
    text-align: center;
}
#fouthsec{
    padding: 70px 0;
}
.rightcol h4{
    font-size: 28px;
    font-weight: 600;
    color: #000;
    line-height: 36px;
    
}
.rightcol .toptext{
font-size: 14px;
margin-bottom: 40px;
width: 80%;
}
.rightcol{
    padding: 30px 0;
}
.boxitem{
    display: flex;
    gap: 20px;
    align-items: center;
    
}
.boxitem .box{ padding: 15px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    background: #fff;
    border: 1px solid rgb(211, 211, 211);
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.boxitem .box img{
    
}
.boxitem .box .shorttext{
   font-size: 14px; 
   color: #000;
   opacity: 0.6;
   padding: 10px 0 0;
   font-weight: 500;
   text-align: center;
   margin: 0;
}
.boxitem .box:hover{
    box-shadow: 0 2px 10px 0 rgba(239,147,9,.2);
    border: 1px solid #f9d49d;
}
.boxitem .box:hover .shorttext{
    opacity: 1;
    font-weight: 500;
}
.compute{
    padding-right:50px;
}
 #btn11.btn{
    background-color: #F94C10;
    font-weight: 700;
    color: #fff;
    padding: 10px 30px;
    border: none;
    margin-top: 30px;
}
#btn11.btn:hover{
    color: #F94C10!important;
    background-color: #fff;
    border: 1px solid #F94C10;
}
.boxitem:nth-child(2){
    margin-bottom: 30px;
}

#fifthsec{
    background-image:url("opt-banner-scr.png") ;
    background-repeat: no-repeat;
    background-size: cover;
    
}
#fifthsec .mob{
   width: 80%;
}
#fifthsec h5 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    line-height: 54px;
}
.shorttest{
    text-align: left;
    font-size: 16px;
    color: #fff;
    opacity: 0.6;
    line-height: 28px;
    margin-bottom: 20px;
}
.listitem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}
.listitem .listbox{
    display: flex;
    gap: 10px;
    width: 50%;
}
.listitem .listbox img{
    width: 32px;
    height: 32px;
    object-fit: cover;
}
.boldtext{
    /*color: #fff;*/
    font-weight: 500;
    font-size: 18px;
    opacity: 0.8;
}
#sixthsec{
    padding: 70px 0;
}
#sixthsec h5 {
    font-size: 36px;
    font-weight: 600;
    color: #000;
    line-height: 54px;
    text-align: center;
}
.pricing-card {
    border-radius: 20px;
    background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
    box-shadow: inset 0 1.0027413368225098px 1.3369884490966797px 0 rgba(143,167,252,.1);
    height: 310px;
    padding: 20px 0px 0 20px;
    position: relative;
    color: #fff;
    margin-top: 20px;
}
.pricing-card p{
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: 500;
    width: 80%;
    
}
.pricing-card p:nth-child(2){
    margin-bottom: 10px;
}
.pricing-card > span{
font-size: 16px;
opacity: 0.6;
font-weight: 300;
width: 80%;
display: block;
}
.priceam{
    display: flex;
    justify-content: end;
    align-items: baseline;
    padding: 50px 20px 0;
    background-image: url("download.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    margin-top:45px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.priceam h1{
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 2px;
}
.priceam h1 span{
    font-size: 36px;
    font-weight: 500;
    margin-right: 10px;
    opacity: 0.7;
}

/* Custom styles for the footer */
footer {
    padding: 50px 0 0; /* Adjust the padding as needed */
   /*background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);*/
   background: linear-gradient(90deg, #d7e73f 0%, #000851 100%);
  }
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    /*background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);*/
    background: linear-gradient(90deg, #d7e73f 0%, #000851 100%);
  }
  
  /* Custom styles for the columns */
  footer .col-md-3 {
    margin-bottom: 20px; /* Adjust the margin as needed */
  }
  
  /* Additional styling for the social links */
  footer .col-md-3 ul.list-unstyled li {
    margin-bottom: 10px; /* Adjust the margin between social links */
  }
  footer .contact  i{
    margin-right: 6px;
  }
  footer .contact a {
    margin-bottom: 10px;
  }
  footer #copyright{
    background-color: #F94C10;
  }
  


  @media screen and (max-width:767px){
    .listitemcol {
        padding: 50px 0 50px 15px;
    }
    #thirdsec h5, #fouthsec h5, #fifthsec h5, #sixthsec h5 {
        font-size: 24px;
        
        line-height: 38px;
        width: 100%;
    }
    #secondsec, #thirdsec, #fouthsec, #sixthsec {
        padding: 30px 0;
    }
    #fifthsec{
        padding: 30px 0 0;
    }
    .iconbox{
        margin-top: 20px;
        padding: 20px;
    }
    .listitem {
        gap: 10px;
    }
    #thirdsec ul {
        margin-top: 0px;
    }
    #thirdsec ul li {
        color: #fff;
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 16px;
    }
    .rightcol {
        padding: 30px 20px;
        display: flex;
    flex-direction: column;
    }
    .rightcol h4{
        text-align: center;
    }
    .rightcol .toptext {
        font-size: 14px;
        margin-bottom: 40px;
        width: 100%;
        text-align: center;
    }
    .boxitem {
        display: flex;
        gap: 15px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }
    .listitem .listbox {
        display: flex;
        gap: 10px;
        width: 50%;
        flex-direction: column;
    }
    #btn11.btn{
        margin-bottom: 30px;
    }
    .navbar .container{
        justify-content: space-between!important;
        
    }
    .navbar{
        
        z-index: 999;
    }
    .carousel-item img{
        height: 500px;
        object-fit: cover;
    }
    #topBanner .carousel-caption {
        position: absolute;
        right: auto;
        bottom: 1.25rem;
        left: 5%;
        padding-top: 1.25rem;
        padding-bottom: 3.25rem;
        color: #fff;
        text-align: left;
        width: 100%;
    }
    #topBanner .carousel-caption p {
        line-height: 28px;
        font-size: 14px;
        opacity: 0.7;
        width: 94%;
        padding: 10px 0 7px;
    }
    #topBanner .carousel-caption h5 {
        font-size: 32px;
        font-weight: 700;
        line-height: 39px;
    }
    .priceam{
        margin-top: 31px;
    }
  }