@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Geist:wght@100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body{
    font-family: "Rubik", sans-serif !important;
    overflow-x: hidden !important;
    font-size: 16px;
}
@font-face{
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}

a{text-decoration: none !important;color: #000;}

.commanspace{
    padding: 60px 0;
}

/*h2{
    font-size: 21px;
    font-weight: 600;
}*/
p{
    font-size: 15px;
    line-height: 25px;
}

.text-black{
    color: #000 !important;
}

.mtop{
    margin-top: 30px;
}
.mbot{
    margin-bottom: 3rem;
}

.bgcolor a{
    background-color: #fff !important; 
    color: #000 !important;
}


h3{
    font-size: 35px;
}



/* Default: hide mobile-only element on larger screens */
  .mobile-phone {
    display: none;
  }

  /* Mobile styles */
  @media (max-width: 768px) {
    .mobile-phone {
      display: flex;
      position: fixed;
      top: 55px;
      left: 0;
      right: 0;
      height: 56px;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0 16px;
      background: linear-gradient(90deg,#0b7dda,#0366a6);
      color: white;
      font-weight: 600;
      z-index: 9;
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
      -webkit-backdrop-filter: blur(6px);
      backdrop-filter: blur(6px);
      /* if you want safe-area for iPhones with notch */
      padding-top: env(safe-area-inset-top);
    }

    .mobile-phone a.phone-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: inherit;
      background: rgba(255,255,255,0.12);
      padding: 8px 12px;
      border-radius: 8px;
      font-size: 16px;
    }

    /* body content should not hide under fixed header */
    body { padding-top: 56px; }
  }
  
  /* Hide by default */
  .mobile-callbar {
    display: none;
  }

  /* Show and style on mobile only */
  @media (max-width: 768px) {
    .mobile-callbar {
      display: flex;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      height: 60px;
      align-items: center;
      justify-content: center;
      background: linear-gradient(90deg, #007bff, #0a68c5);
      color: #fff;
      font-weight: 600;
      z-index: 9999;
      box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
      padding: 0 16px;
      /*padding-bottom: calc(env(safe-area-inset-bottom) + 10px);*/
      text-align: center;
    }

    .mobile-callbar span.label {
      margin-right: 8px;
      font-weight: 600;
    }

    .mobile-callbar a.call-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: #fff;
      background: rgba(255,255,255,0.15);
      padding: 8px 14px;
      border-radius: 10px;
      font-size: 16px;
    }

    /* To prevent overlap with page content */
    body {
      padding-bottom: 50px;
    }
  }









/*===============header================*/

.header{
    box-shadow: 0 12px 33px rgb(14, 49, 178, .1);
}

.header a img{
    width: 200px;
}
.header .navbar{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header .navbar .navbar-brand{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.header .nav-item{
    padding: 0 20px;
}

.header .nav-item .nav-link{
    color: #242424 !important;
}


.header .navbar .dropbar{
        border-bottom: 1px solid #eee;
    padding: 8px 40px;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    display: block;
}


.dropdown:hover .dropdown-menu {
    display: block;
        padding: 0;
    margin-top: 10px;
    margin-left: 10px;
    border: 0 !important;
    margin-top: 10px; /* remove the gap so it doesn't close */
}

.navbar-toggler{
    font-size:30px;cursor:pointer;
}
.overlay-content .accordion .accordion-item .accordion-header .accordion-button{font-weight: 400;}
.fixed-menu{cursor: pointer;}
.deskmenulogo{padding-top: 40px;}
.footerband li{width: 100%;}
.maindiv .commanbutton{background-color: #ff4934;color: #fff;}

/*================banner===============*/
.sechead{
    position: relative;
}
.sechead h6{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px;
    color: transparent;
    background-clip: text;
    font-weight: 600;
    background-image: linear-gradient(to right,#0793c8,#e0a40f,#a47707);
}

.content h1{
    font-size: 35px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
}
.content h1:before{
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-image: linear-gradient(to right, rgba(18, 34, 93, 1) 0%, rgba(12, 50, 192, 1) 100%);
}
.content h2{
    margin: 25px 0;
    font-size: 26px;
    position: relative;
    padding-left: 20px;
}
.content h2:before{
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-image: linear-gradient(to right, rgba(18, 34, 93, 1) 0%, rgba(12, 50, 192, 1) 100%);
}

.content h3{
    margin: 25px 0;
    font-size: 21px;
    position: relative;
    padding-left: 20px;
}
.content h3:before{
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-image: linear-gradient(to right, rgba(18, 34, 93, 1) 0%, rgba(12, 50, 192, 1) 100%);
}

.sechead h3{
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}

.mainban h3{
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}

.bancontent p{
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 40px;
}

.mainbutton a{
    text-decoration: none;
    color: #fff;
    background-color: #ff4934;
    padding: 11px 35px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}

.mainbutton a:hover{
    background-color: #1076d8;
    color: #fff;
}

.banner{
    
    background-repeat: no-repeat;
    background-position: 515px 0;
    background-size: contain;
    position: relative;
    height: 100vh; 

}

.bancontent{
    position: absolute;
    bottom: 10%;
    width: 100%;


}

@keyframes customFadeInLeft{
    0%{
        opacity: 0;
        transform: translate3d(-50px, 0px, 0px);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
    }
}


    .mainban{
        position: relative;
        padding: 30px 10px;
    }
    .bantag{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .banner1{
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 70px 0;
        background-color: #d7790f29;
    }

    .textcont h1{
        font-size: 59px;
        line-height: 74px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    .textcont p{
        margin-bottom: 50px;
        line-height: 30px;
    }
    .banform form{
        display: flex;
        justify-content: space-around;
/*        flex-wrap: wrap;*/
    }
    .banform{
        background-color: #fff;
    padding: 15px 15px;
    border-radius: 60px;
    }
    .bantag h2{
        color: #1353b0;
    font-weight: 600;
    display: inline;
    background-color: #1076d826;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    }
    .banform input{
        background-color: transparent;
        border: 0;
        margin: 0 10px 0 10px;
        font-size: 16px;
    }
    .banform input:focus-visible{
        outline: 0 !important;
    }
    .banform i{
        font-size: 16px;
    }
    .banform form button{
        padding: 10px 45px;
        border-radius: 30px;
        background-color: #1353b0;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border: 0;
    }
    .plusicon{
         position: absolute;
    top: 80px;
    right: -8%;
    animation: zoom-in;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    }
    .plusicon img{
        max-width: 45%;
        transform: rotate(10deg);
    }

    @keyframes rotate{
    0% {
        transform: rotate(0);
    }
    50% 
    {
        transform: rotate(45deg);
    }
    100%{
        transform: rotate(0);
    }

}
.soundicon{
    position: absolute;
    top: 260px;
    right: 6%;
    animation: zoom-in;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
.soundicon img{
    max-width: 50%;
    transform: rotate(-10deg);
}
@keyframes zoom-in{
    0%{
        opacity: 1;
        transform: scale(1.0);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100%{
        transform: scale(1.0);
    }
}

.arricon{
     position: absolute;
    top: 111px;
    left: 0%;
}
.arricon img{
    transform: rotate(-35deg);
}
.dataicon{
    position: absolute;
    bottom: 94px;
    left: -8%;
    animation: left-right;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.dataicon img{
    max-width: 50%;
}

@keyframes left-right{
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0px);
    }
}

.formcont{
    display: flex;
    align-items: center;
}
.formcont input:-webkit-autofill,
.formcont input:-webkit-autofill:hover, 
.formcont input:-webkit-autofill:focus, 
.formcont input:-webkit-autofill:active{
    -webkit-background-clip: text;
    transition: background-color 5000s ease-in-out 0s;
}

/*===============usp=====================*/


.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    animation: customFadeInDown;
}

@keyframes customFadeInDown{
    0%{
        opacity: 0;
        transform: translate3d(0, -50px, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.flex-item{
    background-color: #fff;
    margin: 10px 0;
}

.flex-item:nth-child(1){
    margin-left: 0 !important;
    padding: 20px 0;
}



.flex-con{
    text-align: center;
    border-bottom: 2px solid #ff4934;
    padding: 40px 20px;
    box-shadow: 0 12px 33px rgb(14,49,178,.1);
    border-radius: 5px;
}

.flex-con h3{
    padding: 13px 0 5px;
    font-size: 2rem;
}

.flex-con p{
    padding: 0 15px;
}

/*=============services============*/

.bgimage{
    background-image: linear-gradient(to right,rgba(18,34,93,1) 0%,rgba(12,50,192,1) 100%);
    background-position: top center;
}

.bgimage h1{
    color: #fff;
}
.service{
        background-image: linear-gradient(0deg, #f8f9ff9c, transparent);
}

.sevsec{
        margin-top: 50px;
        border-radius: 20px;
        margin-bottom: 30px;
        transition: all 0.4s ease-in-out 0s;
        position: relative;
        z-index: 1;
        background-color: transparent;
        border: 1px solid #f8f7ff;
    }
    .sevsec1{
        background-color: #e8891054;
        border-radius: 10px;
        transition: all 0.4s ease-in-out 0s;
        padding-bottom: 0;
        min-height: 275px;
    }
    .sevsec:hover .sevsec1{
        background-color: #fff;
    }
    .contbx{
        padding: 20px 40px 20px;

    }
    .contbx p{
        margin-bottom: 0;
    }
    .contbx a{
        margin-top: 0;
        margin-bottom: 1rem;
        font-weight: 500;
        line-height: 2.1;
        font-size: 1.2rem;
        padding: 10px 0;
        color: #000;
    }
    .icondiv{
        position: relative;
        width: 100px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -50px;
        z-index: 1;
        color: #fff;
        background: #E4E1FF;
        color: #705FFF;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: rotate(0);
        background-color: #df980d;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }

    .icondiv img:nth-child(2){
        position: absolute;
        left: 50%;
        top: 50%;
        width: 45px;
        height: 45px;
        font-size: 45px;
        line-height: 1;
        transition: all 0.5s ease;
        transform: translate(-50%, -50%) rotate(0);
        z-index: 9;
    }
    .sevsec .icondiv:after{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: #1076d8;
        background-image: linear-gradient(0deg, #1076d824 57%, #E3F7FA 100%);
        mask-image: url(../images/icon.svg);
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
        transform: translateY(30px);
        z-index: -1;
        opacity: 0;
        transition: all 0.5s ease;
    }
    .sevsec:hover .icondiv img:nth-child(2){
        transform: translate(-50%, -50%) rotate(360deg);
    }
    .sevsec:hover .icondiv::after{
        transform: translateY(0);
        opacity: 1;
        z-index: 1;
    }
    .sevsec:hover{
        box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
        border-color: #1076d8;
    }

/*.seclist ul{
    list-style: none;
    display: flex;
    color: #fff;
    padding-left: 0;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.seclist ul li i{
    font-size: 20px;
    padding: 10px;
    border-radius: 50%;
    border: 3px solid #ff4934;
    color: #ff4934;
    margin-right: 10px;
}

.seclist ul li{
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    margin: 30px 15px;
}

.list-item ul{
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: space-between;
}

.list-item ul li{
    margin: 20px 10px;
    margin-left: 0 !important;
}

.list-item ul li a{
    color:#ffffff !important
}
.aboutryt{
    padding-left: 30px;
    animation: customFadeInRight;
    animation-duration: 1s;
}*/

@keyframes customFadeInRight{
    0%{
        opacity: 0;
        transform: translate3d(30px, 0px, 0px);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 0px, 0px);
    }
}

/*.servlist{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    color: #fff;

}

.servlist img{
    margin-right: 30px;
}


.servlist p{
    font-weight: 400;
    margin-bottom: 6px;
}*/


.marquee{
/*  background: #0A532C;*/
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
/*  transform: rotate(-1deg);*/
}
.marquee .scroll1{
  width: 100%;
  display: flex;
}

.marquee .scroll1 div{
  color: #fff;
  font-size: 35px;
  white-space: nowrap;
  font-weight: 500;
  animation: animate-marquee 150s linear infinite;
  animation-delay: -5s;
}
.marquee .scroll1 div:nth-child(2){
  animation: animate-marquee-2 150s linear infinite;
  animation-delay: -80s;
}
.marquee .scroll1 div .category{
  padding: 10px 15px;
}
.category{
    color: transparent;
    font-size: 60px;margin-top: 20px;
    font-weight: 500 !important;
    clear: both;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    line-height: 100px;
    background-clip: text;
    color: #000000c2;
    letter-spacing: -5px;
}
.category a{color:#FFF;text-decoration: none;}
.category:nth-child(even){
    background-image: linear-gradient(to right, rgba(18, 34, 93, 1) -136%, rgba(12, 50, 192, 1) 100%);
    color: transparent !important;
}

.policypage h1{
    font-size: 23px;
    margin-bottom: 30px;
}
.policypage h2{
    font-size: 18px;
    margin-bottom: 25px;
    padding-top: 15px;
}
.policypage ol{
    padding-left: 0;
}
.policypage ul li{margin-bottom: 20px;font-size: 15px;}
.policypage ul li ul li{margin-bottom: 0px;}
/*Responsive marquee*/
@media (max-width:767px){
  
  .marquee .scroll1 div{font-size: 25px;}
}

@keyframes animate-marquee{
    0%{
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100%{
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes animate-marquee-2{
    0%{
        -moz-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100%{
        -moz-transform: translateX(-200%);
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}


/*==============adbanner===========*/

.adbanner{
background-image: linear-gradient(45deg, #ff4934, #ed927d);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 40px 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
/*    margin-top: -70px;*/
    border-radius: 5px;
}

.adbanner h3{
    font-size: 35px;
    line-height: 45px;
}

.adbanner .mainbutton{
    text-align: right;
    margin-right: 20px;
}


/*============expertteam=============*/

.expert{
    background-color: #f8f9ff;
    padding: 100px 0 150px;
}

/*.expertsec{
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    justify-content: space-between;
    margin: 40px 0;
}*/
.card1 {
    padding: 30px 16px;
    text-align: center;
    background-color: #f8fafc;
    border-radius: 28px;
    box-shadow: 2px 2px 8px -1px rgba(19,83,176,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    
  }
  .card1 p{

    font-weight: 500;
    margin-bottom: 0;
    color: #0000009c;
  }
  .column {
    
    float: left;
    
    width: 33% ;
    padding: 0 15px;
    
 
  }
  .counter{
    font-weight: 700;
    font-size: 40px;
  }
  /*.paratag p{
    font-size: 18px;
  }*/

/*.sec1{
    position: relative;
}

.secontent{
    position: absolute;
    width: 100%;
    top: 45px;
    left: 40%;
    text-align: center;
    transform: translateX(-40%);
}

.sec1:nth-child(2):after{
    position: absolute;
    content: "";
    top: 32%;
    left: 95%;
    width: 68%;
    height: auto;
    transform: rotate(-20deg);
    border: 2px dashed #ff4934;

}

.sec1:nth-child(2):before{
    position: absolute;
    content: "";
    border: 2px dashed #ff4934;
    top: 26%;
    right: 95%;
    width: 72%;
    height: auto;
    transform: rotate(205deg);
}

.sec1:nth-child(2){
    transform: translateY(30px);
}*/

.navbar-toggler{
    position: relative;
    top: 0;
    right: 0;
    border: 0 !important;
    padding: 7px 10px !important;
    background-color: #e0a40f !important;
    color: #fff !important;
    z-index: 999;
    font-size: 24px !important;
}

/*=============clientsection=============*/

.clientsec{
    border-radius: 10px;
    box-shadow: 0 12px 33px rgb(14, 49, 178, .1);
    padding: 0px 20px;
    margin-top: -115px;
    background-color: #fff;
}

.owl-clients .item{
    margin: 10px 15px;
}

.owl-clients .owl-nav .owl-next{
    border-radius: 50% !important;
    background-color: #fff !important;
    top: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -33px;
    transform: translateY(-50%);
}

.owl-clients .owl-nav .owl-prev{
    border-radius: 50% !important;
    background-color: #fff !important;
    top: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -33px;
    transform: translateY(-50%);
}

.owl-clients .owl-nav .owl-next span:hover{
    background-color: #d4d4d4 !important;
}

.owl-clients .owl-nav .owl-prev span:hover{
    background-color: #d4d4d4 !important;
}




/*===============testmon==================*/

.testitem{
    padding: 30px;
    margin: 10px;
    border-radius: 20px;
    background-color: #f8f9ff;
    min-height: 325px;
}
.testitem i{
    color: #d9d9d9;
    font-size: 45px;
    padding: 10px 0;
}

.testitem .rating i{
    font-size: 15px;
    color: #fbc62c;
    padding-bottom: 10px;
}

.testitem h5{
    background-image: linear-gradient(to right,#0c32c0,#dd474b,#dd474b);
    color: transparent;
    background-clip: text;
}



/*============contentsection============*/

.content a{
    color: #e6a017;
    font-weight: 500;
    text-decoration: none;
}

.content a:hover{
    color: #096792d9;
}

.content h3{
    font-weight: 509;
    font-size: 19px;
}

.content p{
    font-size: 15.5px;
    line-height: 33px;
}

/*=============faq===============*/

.faq .accordion-item{
    border: 0 !important;
    padding: 10px 0 !important;
}

.faq .accordion-item .accordion-button{
    background-color: #f3f3f3;
    border-radius: 0;
    font-weight: 600;
    font-size: 14px;
}

.faq .accordion-item .accordion-button:focus{
    box-shadow: none !important;
    border: 0;
}

.faq .accordion-item .accordion-body{
    font-size: 14px;
    line-height: 24px;
    background-color: #f3f3f3;
}

.faq .accordion-item .accordion-body a{
    text-decoration: none;
    color: #039be5;
}

.faq .accordion-item .accordion-button:not(.collapsed){
    color: #1e7dcc;
    box-shadow: none;
}

/*=============footer===========*/

footer{
    background-image: linear-gradient(to right,rgb(5 128 195) 0%,rgb(85 52 4) 100%);
    color: #fff;
/*    padding-bottom: 170px;*/
}

footer ul{
    list-style: none;
    padding-left: 0;
}

.formcont .commanbutton{
    background-image: linear-gradient(to right, rgb(7 147 185) -136%, rgb(9 113 169) 100%);
    padding: 10px 30px;
    color: #fff;
    border-radius: 35px;
}
footer ul li{
    display: inline-block;
    width: 49.5%;
    margin-bottom: 12px;
}

footer ul li a{
    text-decoration: none;
    color: #d9e0e8;
}

footer ul li a:hover{
    color: #d9e0e8;
}

footer .footer-content{
    margin: 50px 0 20px;
}
.footer-content h4{
    margin-bottom: 25px;
}

footer .footer-content p{
    color: #d9e0e8;
    line-height: 26px;
    font-size: 17px;
}

footer .footer-content a{
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
}
.footer-copyright{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: ;
}

.footer-copyright ul{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-copyright ul li a i{
        padding: 10px;
    color: #fff;
    font-size: 13px;
}

.footer-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.footer-form input{
    padding: 12px 25px 12px 25px;
    border-radius: 30px;
    border: 1px solid #dadada;
    background-color: #fff;
}



.footer-form .mainbutton a{
    display: block;
    padding: 12px 40px !important;
    border-radius: 30px;
}

.maindiv .sechead{
    margin: 0px 0px 0px 0px;
}
.maindiv .sechead h3{
    font-weight: 700;
    font-size: 25px !important;
}

/*.mainban h3{
    font-weight: 700;
    font-size: 25px !important;
}*/

.maindiv{
    z-index: 999;
    position: fixed;
    padding: 20px 0px;
    background-color: #f7f7f7;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px 20px 0 0;
    opacity: 0;
    visibility: hidden;
}

.maindivdis{
    opacity: 1 !important;
    visibility: visible !important;
}

.owl-nav button{
    background-color: #fff !important;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.20);
}


.innerbanner{padding: 90px 0;}
    .innerbanner .sechead .servicename{color: #fff; font-size: 35px !important;}
    .text-white .sechead h6{color: #fff;}
    .abtuspbg{padding-bottom: 150px;}
    .abtusp{margin-top: -169px;}
    .abtusp .flex-con{background: #fff;}
    .contentsec p{
        font-size: 16px;
    line-height: 29px;
    }
    .abtusp .flex-con:hover{
        transform: translateY(-10px);
        transition-duration: 0.5s;
    }
.content h5{
    color: #1e7dcc;
    font-size: 29px;
    padding: 15px 0;
}
.content ul{padding-left: 0;list-style: none;}
.content ul li{background-image: url(../images/check.png);padding-left: 39px;
    background-position: left 5px;
    background-size: 17px;
    background-repeat: no-repeat;margin-bottom: 10px;}
.content ul li p{margin-bottom: 0}
.contactdiv{text-align: center;}
.contactdiv h3 a{color: #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}
.bg_grey{background-color: #e6e6e6;}
.contact form input{
    padding: 10px 23px;
    border: 0;
}
.contact form textarea{
    padding: 10px 23px;
    border: 0;
}
.contact form .formbtn{
    text-decoration: none;
    color: #fff;
    background-color: #ff4934;
    padding: 11px 35px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    border: 0;
    margin-top: 20px;
}
.map{
    border: 2px solid #e6e6e6;
    padding: 8px;
}
.halfdivrow{display: flex;flex-wrap: wrap;}
.halfdivrow .halfdiv{
    background-color: #1E7DCC;
    color: #fff;
    padding: 30px 30px;
    margin: 10px 10px;
}
.halfdivrow .processblock{position: relative;text-align: center;padding: 20px;margin: 10px;border: 1px solid #bbb9b9;}
.halfdivrow .processblock:before{
    counter-increment: section;
    content: counter(section);
    position: absolute;
    font-weight: 600;
    font-size: 80px;
    left: 10px;
    top: -10px;
    opacity: 0.05;
}
.halfdivrow .processblock h6{
    color: #1e7dcc;
    font-size: 19px;
}
.halfdivrow .processblock p{
    font-size: 14px;
    line-height: 24px;
}
.halfdivrow .processblock:hover{
    transform: translateY(-10px);
    transition-duration: 1s;
    background-color: #4fa0e617;
}

    .overlay{
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
    }
    .overlay .closebtn {
        position: absolute;
        top: 0;
        right: 23px;
        font-size: 33px;
        border: 0;
        background: transparent;
    }
    .overlay a {
        padding: 0;
        text-decoration: none;
        font-size: 12px;
        color: #898989;
        display: block;
        transition: 0.3s;
    }
    .overlay-content {
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 42px;
    }
    .overlay-content .accordion-item{
        box-shadow: none !important;
        border-top: 0 !important;
        border-bottom: 1px rgba(0,0,0,.075) solid;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .overlay-content .accordion-button:not(.collapsed){
        color: #898989;
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .overlay-content .accordion-button::after{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23838383'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
        background-size: cover !important;
        width: 15px !important;
        height: 15px !important;
    }
    .overlay-content .accordion-button{
        padding: 12px 22px 12px 15px !important;
        font-size: 13px;
        color: #838383;
        line-height: 20px;
    }
    .overlay-content .accordhead .accordbottom ul{
        list-style: none;
        text-align: left;
        padding-left: 0;
    }
    .overlay-content .accordion-button:focus{
        box-shadow: none !important;
        border-color: transparent;
    }
    .accordbottom ul li a{
        padding: 5px 0;
    }
    .accordhead{
        width: 100%;
    }
    .overlap{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        content: " ";
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .65);
        transition: all .3s ease-in-out;
        opacity: 1;
        visibility: visible;
    }

.fixed-menu{
    position: fixed;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    top:0;
    right: 0;
    color: #000;
    padding: 10px 25px 40px 25px;
   
    text-transform: capitalize;
    background-color: #fff;
    z-index: 999;
    display: none;
    box-shadow: 1px 1px 11px 0px #b1b1b1;
    font-weight: 600;
}
.fixed-menu:after{ position:absolute; bottom:10px; height:25px; width:2px; background-color:#000; margin:0 auto ; content:""; left:0; right:0;}

.deskmenu{
    position: relative;
}
.deskmenu ul{
    list-style: none;
    padding-left: 0;
}
.deskmenu ul li{
   margin-bottom: 10px;
    position: relative;
    padding: 15px 25px;
}
.deskmenu ul li a:before{
    position: absolute;
    top: 50%;
    left: -15px;
    content: "";
    width: 26px;
    height: 2px;
    transform: translateY(-50%);
    opacity: 0;
    background-color: #1e7dcc;
}
.deskmenu ul li a:hover:before{
    opacity: 1;
}
.rytsec{
    text-align: right;
}
.rytsec img{
    width: 550px;
    height: auto;
    margin-top: -22px;
}
.deskmenu ul li a{
    text-decoration: none;
    font-size: 30px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.servmenu{
    margin-left: -60px;
}
.submenu{
    padding: 35px;
    box-shadow: 0px 0px 10px 0px #c3c3c3;
    margin: 20px 10px 10px;
    display: flex;
    justify-content: space-between;
     background-color: #fff;
     text-align: left !important;
}
.deskmenulogo a img{
    width: 200px;
}
.desktop-menu .nav-pills .nav-link.active{
    background-color: transparent;
    color: #000;
    text-align: left;
}
.desktop-menu .nav-pills .nav-link{
        color: #000;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: left;
    position: relative;
    text-transform: uppercase;
}
.desktop-menu.blogpage .nav-pills .nav-link{
    font-size: 26px;
}
.desktop-menu .nav-pills .nav-link a{
    color:#000000;
    text-decoration: none;
}
.desktop-menu .nav-pills .nav-link:before{
    position: absolute;
    top: 50%;
    left: -15px;
    content: "";
    width: 18px;
    height: 2px;
    transform: translateY(-50%);
    opacity: 1;
    display: none;
    background-color: #000;
    transition: all 1s cubic-bezier(0.075, 0.820, 0.165, 1.000);
    display: none;
}
.desktop-menu .nav-pills .nav-link:hover:before{
    display: block;

}
.submenu ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.submenu ul li a:before{
    position: absolute;
    top: 50%;
    left: -15px;
    content: "";
    width: 18px;
    height: 2px;
    transform: translateY(-50%);
    opacity: 1;
    display: none;
    background-color: #1e7dcc;
}
.submenu ul li{
    margin-bottom: 10px;
    display: inline-block;
    width: 49%;
}
.submenu ul li a{
    font-size: 18px;
    line-height: 41px;
    padding: 10px 15px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    position: relative;

}
.submenu ul li:hover{
    transform: translateX(10px);
    transition-duration: 1s;
}
.submenu ul li a:hover:before{
    display: block !important;
}
.submenu ul li a:hover{
    color: #1e7dcc;
}
.submenu ul li:last-child{
    margin-bottom: 0 !important;
}
/* Style the buttons inside the tab */
.nav-pills .nav-link {
  display: block;
}


/* Style the tab content */
.tab-pane {
  display: none;
}

.desktop-menu .closebtn{
    font-size: 31px;
    position: absolute;
    top: 15px;
    right: 30px;
    line-height: 41px;
    text-decoration: none;
    color: #8F8F8F;
    border-radius: 50%;
    text-align: center;
    width: 41px;
    box-shadow: 0px 0px 7px 0px #E6E6E6;
    height: 41px;
    border: 0;
}
.desktop-menu{
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 9999;
        top: 0;
        bottom: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
       
        display: none;
        transition: all 0.5s ease;
    }
.mendiv{
     background-position: right center;
        background-size: 500px 500px;
        background-repeat: no-repeat;
}

.deskicons{
    display: inline-block;
    position: absolute;
    bottom: 0px;
}
.deskicons ul{
    list-style: none;
    padding-left: 0;
    position: relative;
}
.deskicons ul:before{
    position: absolute;
    top: -25px;
    left: 16px;
    content: "";
    background-color: #000;
    color: #000;
    width: 1px;
    height: 30px;
}
.deskicons ul li a{
    text-decoration: none;
    color: #000;
   
}
.deskicons ul li a i{
     font-size: 13px;
     padding: 20px 10px;
}


.bottom-btn {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
   /* background-color: #28ac5c;*/
    background-color: #00403d;
    z-index: 999;
}
.bottom-btn .bottom-btn-border {
    border-right: 1px solid #fff;padding: 10px 0;
}
.bottom-btn ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}
.bottom-btn ul li {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    list-style-type: none;
    text-align:center;
    color: #000;
}
.bottom-btn ul li a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}
.bottom-btn ul li a .fa {
    display: flex;
    justify-content: center;
    font-size: 19px;margin-bottom: 4px;
}
.g-recaptcha {
        transform:scale(0.70);
        /*transform-origin:34px 35px;*/
        transform-origin: center;
}
.contact form{text-align: center;}
.contact .g-recaptcha{
    justify-content: center;
    display: flex;
}
.innerbanner .sechead h3{color: #fff;}
.innerbanner .sechead h1{
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    font-weight: 600;
}
.innerbanner .breadcrumb{
    justify-content: center;
    color: #fff;
    margin-bottom: 0 !important;
}
.innerbanner .breadcrumb #breadcrumbs{
    margin-bottom: 0;
    color: #fff;
}
.innerbanner .breadcrumb #breadcrumbs a{color: #fff !important;}
.blogdetailsss .bg-reds{
    color: #ff4934;
    font-weight: 500;
    border: 1px solid #ff4934;
    padding: 6px 10px;
    border-radius: 9px;
}
.blogdetailsss p a{color: #0a58ca;font-weight: 509;}
/*.blogdetailsss h3 {
    font-size: 18px !important;
}*/
.post-navigation .nav-links .nav-previous{
    background-color: #f8f9ff;
    padding: 15px 20px;
    margin: 10px;
}
.post-navigation .nav-links .nav-next{
    background-color: #f8f9ff;
    padding: 15px 20px;
    margin: 10px;
}
.blogpost{
    margin-bottom: 18px;
    border: 1px #eaeaea solid;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
}
.smallbkoogs a{color: #000 !important;}
.rightpanells{
    background: #f0f0f0;
    padding: 10px 20px;
}
.blog-thumb .blog-date{
    top: 20px;
    left: 20px;
    background-color: #ff4934;
    padding: 5px 14px;
    font-size: 13px;
    border-radius: 24px;
}

.edu-cta-banner-area-6{
    background: linear-gradient(-90deg, #0a8ecc 0%, #94730b 100%);
    width: 100%;
    overflow: visible !important;
}
.edu-cta-banner {
    position: relative;
    z-index: 1;
}
.edu-cta-banner-area-6 .thumbnail img {
    height: 567px;
    margin-top: -67px;
    margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .edu-cta-banner-area-6 .thumbnail img {
        margin-top:-30px
    }
}

@media only screen and (max-width: 991px) {
    .edu-cta-banner-area-6 .thumbnail img {
        display:none
    }
}

/*.edu-cta-banner-area-6 .section-title {
    padding: 120px 0
}*/

@media only screen and (max-width: 991px) {
    .edu-cta-banner-area-6 .section-title {
        text-align:center;
        padding: 70px 0 30px;
    }

    .edu-cta-banner-area-6 .section-title br {
        display: none
    }
}

.edu-cta-banner-area-6 .section-title .title {
    color: #fff;padding-bottom: 30px;
}
.edu-cta-banner-area-6 .section-title .mainbutton a{background-color: #fff;color: #000;}
.edu-cta-banner-area-6 .section-title .mainbutton a:hover{background-color: #fff;color: #000;}
.edu-cta-banner .shape-group{margin-bottom: 0;}

.edu-cta-banner .shape-group li {
    position: absolute;
    z-index: -1
}

.edu-cta-banner-area-6 .section-title a.edu-btn.btn-sceondary:hover {
    background-color: #fff!important
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {
    top: 100px!important;
    left: -8px!important
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {
    top: 161px!important;
    left: -64px!important;
    bottom: inherit!important
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {
    left: 28%!important;
    bottom: 100px!important;
    z-index: -1!important;
    right: inherit!important;
    top: inherit!important
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {
    top: inherit!important;
    right: inherit!important;
    bottom: 29%!important;
    left: 29%!important;
    z-index: 1
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {
    top: 110px!important;
    right: -251px!important
}

.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {
    top: 0!important;
    right: -32%!important
}

.edu-cta-banner-area-6 .btn-secondary::after {
    background: #fff
}

.edu-cta-banner-area-6 .btn-secondary:hover {
    
}

.downloadform input{
  background: transparent;
    color: #e6e6e6;
    margin-bottom: 16px;
    border-radius: 7px;
    padding: 4px 9px;
    max-height: 41px;
}
.downloadform input::placeholder{color: #e6e6e6;}
.downloadform h4{
  color: #ffffff;
    font-size: 17px;
    padding: 10px 0;
}
.edu-cta-banner .shape-group .shape-01{animation: hero-dot-1less 4s linear 0s infinite alternate;animation-delay: 1s;}
.edu-cta-banner .shape-group .shape-02{animation: hero-dot-1less 4s linear 0s infinite alternate;}
.edu-cta-banner .shape-group .shape-03{animation: hero-dot-1less 4s linear 0s infinite alternate;animation-delay: 1s;}
.edu-cta-banner .shape-group .shape-04{animation: hero-dot-1less 4s linear 0s infinite alternate;}

.tp-blog-6-item .tp-blog-stories-item{margin-bottom: 30px;}
.edu-cta-banner-area-6 .edu-cta-banner .shape-group li{list-style: none;}
.edu-cta-banner-area-6 .mobshow .thumbnail img{display: block !important;height: 420px;margin: 10px auto 0;}
.edu-cta-banner-area-6 .edu-cta-banner .mobshow .shape-group li.shape-01{
  left: 2% !important;
}
.edu-cta-banner-area-6 .edu-cta-banner .mobshow .shape-group li.shape-02{
  left: -5% !important;
}
.edu-cta-banner-area-6 .edu-cta-banner .mobshow .shape-group li.shape-03{
  left: inherit !important;
  right: 0 !important;
}
.edu-cta-banner-area-6 .edu-cta-banner .mobshow .shape-group li.shape-04{
  left: inherit !important;
  right: 0 !important;
}
@keyframes hero-dot-1less
{
    0% {
    transform: translateY(-50px);
    }
    100% {
        transform: translateY(0px);
    }
}

.adbanner{background-image: url(https://demo.digitalupward.com/upsnew/assets/img/bg/category-bg.jpg);}
.tp-category-banner-bg {
    padding: 25px 30px 25px 36px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50px;
}
.tp-category-banner-shape {
    flex: 0 0 auto;
    margin-right: 30px;
}
.tp-category-banner-text span {
    color: #0071DC;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 500;
}
.tp-category-banner-title {
    color: #031F42;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
}
.tp-category-banner-btn {
    flex: 0 0 auto;
    position: relative;
}
.owl-work .item{padding: 10px 10px;transition: all 0.4s ease-in-out 0s;}
.owl-work .item .content{
    text-align: center;
    background: #fff;
    padding: 12px 0;
    border-radius: 0px 0px 20px 20px;
    border-top: 2px solid #133bd0;
}
.owl-work .item .content h4{
    font-size: 18px;
    font-weight: 509;
    margin-bottom: 0;
}
.owl-work .item .content p{
    font-size: 14px;
    margin-bottom: 0px;
}
.owl-work .item .image{overflow: hidden;transition: all 0.4s ease-in-out 0s;position: relative;}
.owl-work .item:hover .image img{transform: scale(1.2);}
.owl-work .item .image img{border-radius: 20px 20px 0px 0px;transition: all 0.4s ease-in-out 0s;}
.owl-work .item:hover .image .opacity {
    top: 0;
}

.owl-work .item .image .opacity {
    z-index: 1;
    position: absolute;
    width: 140%;
    height: 140%;
    top: 100%;
    right: -98%;
    background: #133bd0c7;
    -webkit-transform: rotate(125deg);
    transform: rotate(125deg);
}


.project-item{
        position: relative;
    }
         .bus-flex{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .sechead h3{
            font-size: 34px;
            line-height: 49px;
            font-weight: 600;
        }
        .enq-cnt p{
            line-height: 25px;
        }
        .business-sec{
            box-shadow: 0 0 6px -3px rgba(0,0,0,0.5);
            margin: 10px 8px;
            padding: 30px 15px;
            text-align: center;
            border-radius: 20px;
            background-color: #fff;
            min-height: 140px;
            align-content: center;
            transition: all 0.5s;
        }
        .business-sec p{
            margin-bottom: 0;
            font-size: 14px;
            line-height: 20px;
            margin-top: 5px;
            font-weight: 500;
        }
        .business-sec img{
            max-width: 60px;
            padding-bottom: 10px;
        }
        .business-sec:hover{
            box-shadow: none;
            border: 1px dashed #1353b0;
            transform: translateY(-5px);
            transition: all 0.5s;
        }
        .enq-cnt .mainbutton{
            margin: 25px 0;
        }
        .flex-log{
            display: flex;
            flex-wrap: wrap;
            justify-content: end;
        }
        .logo-dm .mainbutton{
            margin: 25px 0;
        }
        .log-div{
            width: 25%;
            border-right: 1px solid #00000024;
            border-bottom: 1px solid #00000024;
        }
        .log-div img{
            padding: 15px;
        }
        .log-div:nth-child(4){
            border-right: none;
        }
        .log-div:nth-last-child(1){
            border-right: none;
        }
        .log-div:nth-child(n + 5){border-bottom: none;}
        .img5{
            border-bottom: none;
        }
        @media (min-width: 992px){
            .business-sec{
                width: 30%;
                min-height: 140px;
            }
        }
        @media (max-width: 768px){
            
            .business-sec p{
                font-size: 10px;
            }
            .business-sec img{
                max-width: 40px;
                padding-bottom: 3px;
            }
            .log-div img{padding: 5px !important;}
            .swip-txt{padding-left: 30px !important;}
            .images-area{position: initial !important;}
            .all-images{position: initial !important;}
            .project-item{margin: 0 7px;}
            .swip-txt h2 a{
                font-size: 18px !important;
                line-height: 25px !important;
            }
            .part-sec:before{display: none !important;}
            .part-sec p{display: none !important;}
        }
        .prj-img{
            padding-right: 15px;
        }
        .prj-cnt h3{
            margin: 15px 0 25px;
            color: #1353b0;
            font-weight: 600;
            font-size: 25px !important;
            position: relative;
            display: inline-block;
        }
        .prj-cnt h3:before{
            position: absolute;
            content: "";
            width: -webkit-fill-available;
            height: 2px;
            background-color: #1353b0;
            border-radius: 10px;
            bottom: -8px;
            left: 0;
            transition: all 0.5s easein;
        }
        .prj-cnt p{
            line-height: 25px;
            color: #878585;
        }
        .prj-cnt h6{
            font-weight: 600;
            position: relative;
            display: inline-block;
        }
        .prj-cnt h6:before{
            position: absolute;
            content: "";
            background-color: #000;
            top: 50%;
            right: -25%;
            transform: translateY(-50%);
            height: 2px;
            width: 30px;
            transition: all 0.5s easein;
        }
        .all-images{
    position: relative;
  left: -50px;
}
.images-area{
  position: relative;
  z-index: 0;
  left: 30px;
}
.fun-at{
  position: relative;
  z-index: 9;
}
.images-area .img1{
  max-width: 700px;
  z-index: -1;
  box-shadow: 4px 0px 17px -2px #e3e3e3;
}
.images-area .img1 img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  overflow: hidden;
}

.swip-txt{
  background-color: #fff;
  padding: 35px 30px;
  border-radius: 10px;
  border: 1px solid #eee;
  padding-left: 100px;
  min-height: 360px;
  margin-top: 10px;
  box-shadow: 0 0 6px -3px #0000004d;
}
.swip-txt h5{
  display: inline-block;
  color: #ff4934;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 8px;
  background: rgba(255, 73, 52, 0.1);
  padding: 10px 14px;
}
.swip-txt h2 a{
  color: #000;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  display: inline-block;
  transition: 0.4s;
  text-decoration: none;
}
.swip-txt p{
  color: #333535;
  font-size: 15px;
  line-height: 23px;
  ,margin-bottom: 0;
}
.swip-txt a{
  color: #061d19;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  transition: 0.4s;
  text-decoration: none;
}
.swip-txt a i{
  padding-left: 10px;
}
.all-images .swiper-pagination{
  position: absolute;
  left: 15px;
  top: 20px;
  width: auto;
  height: auto;
}
.all-images .swiper-pagination-bullet{
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  color: #00a752;
  opacity: 1;
  margin-bottom: 10px !important;
  background-color: rgba(110, 148, 25, 0.1);
}
.all-images .swiper-pagination-bullet{
  display: block !important;
}
.all-images .swiper-pagination-bullet-active{
  color: #fff;
  background-color: #00a752;
}
.fun-swipe{
  margin: 45px 0;
  border-radius: 10px;
  position: relative;
  text-align: center;
  overflow: hidden;
  max-height: 300px;
  transition: all 0.5s;
}
.fun-swipe:after{
  position: absolute;
  content: "";
  width: 100%;
  height:100%;
  padding: 10px;
  background-color: #72a542ba;
  opacity: 0;
  left: 0px;
  top: 0px;
  transition: all 0.5s;
}
.fun-img{
  position: absolute;
      top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
}

.testitem .read-btn button{
    color: #0c32c0;
    font-size: 15px;
    font-weight: normal;
}
.testitem .read-btn i{
    color: #0c32c0;
}
.owl-projects .owl-nav{
    position: absolute;
    top: -35px;
    left: 30px;
}
.owl-projects .owl-nav .owl-next{
    width: 100px;
    height: 40px;
    border-radius: 10px;
    background-color: #0885be !important;
    color: #fff !important;
    margin-left: 10px;
}
/*.owl-projects .owl-nav .owl-next.disabled{
    opacity: 1 !important;
}
.owl-projects .owl-nav .owl-prev.disabled{
    opacity: 1 !important;
}*/
.owl-projects .owl-nav .owl-next:hover span i{
    color: #fff !important;
}
.owl-projects .owl-nav .owl-prev:hover span i{
    color: #fff !important;
}
.owl-projects .owl-nav .owl-prev{
    width: 100px;
    height: 40px;
    border-radius: 10px;
    background-color: #0885be !important;
    color: #fff !important;
}
    .bg1-cl{
        background-color: #f8f9ff;
    }
    .part-sec{
        /*padding: 10px;*/
        border-radius: 0;
        margin-bottom: 25px;
        background-color: #fff;
        position: relative;
        border-radius: 10px;
    }
    .part-sec img{
        box-shadow: 0 0 26px -10px #1076d840;
        position: relative;
        border-radius: 10px 10px 0 0;
        width: 100%;
        padding: 15px;
    }
    .part-sec h6{
        width: 100%;
        margin-bottom: 0;
        padding: 13px 13px;
        color: #000;
        font-size: 13px;
        font-weight: 600;
        background-color: #fff;     
        border-radius: 0 0 10px 10px;
    }
    /*.part-sec:hover h6{
        bottom: -10px;
        transition: all 0.5s;
        background-color: #1353b0;
        color: #fff;
    }*/
    .part-sec p{
        opacity: 0;
        margin-bottom: 0;
        z-index: 9999;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .part-sec:hover p{
    transition: all 1.5s;
    opacity: 1;
    width: 100%;}
    .part-sec p i{
        color: #fff;
        background-color: #1353b0;
        padding: 15px;
        border-radius: 50%;
        display: none;
        z-index: 9;
        width: fit-content;
        height: auto;
        margin: 0 auto;
    }
    .part-sec:hover p i{
        display: block;
    }
    .part-sec:before{
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        display: none;
        background-color: #00000040;
        left: 0px;
        border-radius: 10px;
        top: 0px;
    }
    .part-sec:hover::before{
        display: block;
        transition: all 0.5s;
        z-index: 1;
        animation: zoomrt-in;
        animation-duration: 0.5s;
    }
    @keyframes zoomrt-in{
        0%{
            opacity: 0;
            width: 1%;
            height: 1%;
            left: 50%;
            top: 50%;
            transform: rotate(45deg) translate(-50% , -50%);
        }
        100%{
            transform: rotate(0deg);
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            opacity: 1;
        }
    }
.blog-accordion .accordion .accordion-item{
        /*border: 1px solid #ddd;*/
        border: 0;
        margin-bottom: 10px;
        background-color: #fff;
        border-radius: 0;
    }
    .blog-accordion .accordion .accordion-item .accordion-header{
        border-radius: 10px 10px 0 0;margin-bottom: 0;
    }
    .blog-accordion .accordion .accordion-item .accordion-button{
        color: #000;
        background-color: #F9F9F9;
        border-radius: 0;
        font-weight: 500;
    font-size: 15px;
        padding: 15px 20px;
    }
    .blog-accordion .accordion .accordion-item .accordion-body{
        padding: 15px 20px;
    }
    .blog-accordion .accordion .accordion-item .accordion-button:not(.collapsed){
        color: #000 !important;
        background-color:  #F1EFEF !important;
        box-shadow: none !important;
        border-radius: 0;
    }
    .blog-accordion .accordion .accordion-item .accordion-button:not(.collapsed)::after{
        filter: grayscale(1);
    }
    .blog-accordion .accordion .accordion-item .accordion-button:focus{
        border-color: #ddd !important;
        outline: 0;
        box-shadow: none !important;
    }


























































/*===============mediaquery============*/

@media (min-width: 1400px){
    .banner{
        background-position: 40vw  top;
    }
}

@media (min-width: 768px) {
    .mobshow {
        display: none;
    }
    .edu-cta-banner-area-6{margin-top: 30px;}
}
@media only screen and (max-width: 991px) {
    .mediadis {
        display: none;
    }
}
@media (min-width: 1200px){
    .container{
        width: 1170px !important;
    }
    .halfdivrow .processblock{
        width: 18% !important;
    }
    .footer-form input{
        width: 17%;margin: 0 7px;
    }
}

@media (max-width: 1200px){
   .footer-form{justify-content: center !important;}
    .footer-form input {
        width: 30%;
        margin: 0 7px;
    }
    footer{
        padding-bottom: 227px;
    }
}

@media (min-width: 992px){
    .textcont p{
        width: 70%;
        margin: 0 auto 50px;
    }
    .desktop-menu{
        display: block;
    }
    .flex-item{
        width: 31%;
        margin: 20px 10px;
    }
    .list-item ul li{
        width: 45%;
    }
    .adbanner h3{
        width: 67%;
    }
    .adbanner .mainbutton{
        width: 30%;
    }
    .tp-category-banner .tp-category-banner-content{
        width: 65%;
    }
    .abtusp .flex-con{min-height: 351px;}
    

    .banner{height: 120vh !important;}
    .bancontent{
        top:50%;
        transform: translateY(-50%); bottom:auto;
        /*max-width: 580px;*/
    }
    .flex-item:nth-child(4){
    margin-left: 6%;
    }   
    .halfdivrow .processblock{width: 31% !important;}
    .service .sechead p{
        width: 60%;
        margin: 0 auto;
    }

}
@media(min-width: 575px) and (max-width: 769px){
    .g-recaptcha{
        width: 10%;
    }
    .footer-form .mainbutton{
        width: 65% !important;
        text-align: right;
    }
    .maindiv{
        padding-bottom: 0 !important;
    }
}

@media(min-width: 768px){
    .halfdivrow .halfdiv{
        width: 47%;
    }
    .banform input{max-width: 240px;}
    .botomheader{display: none !important;}
    
}
@media(min-width: 576px){
    .halfdivrow .processblock{
        width: 47%;
    }
}

@media (max-width: 992px){
    .fixed-menu{
        display: none !important;
    }
    .sec1:nth-child(2):after{
        left: 92%;
        width: 47%;
    }
    .sec1:nth-child(2):before{
        top: 22%;
        right: 89%;
        width: 40%;
    }
    .banner{
        background-position: top right;
        background-size: contain;
    }
    .flex-item:nth-child(1){
        width: 100% !important;
    }
    .business-sec{
        width: 44%;
        min-height: 110px;
    }
    .maindiv .footer-form input{
        width: 24%;
    }
    .maindiv .footer-form .mainbutton{
        width: 24%;
    }
    .maindiv{
        width: 80%;
    }
    .testimonialsec .sechead{
        padding: 20px 0 !important;
    }
    .flex-item:nth-child(4){
        margin-left: 0 !important;
    }
    footer{
        padding-bottom: 200px;
    }
    .sec1{
        width: 30%;
        text-align: center;
    }
    .flex{
        text-align: center;
        justify-content: center;
    }
    .header .nav-item{
        padding: 0 13px;
    }
    .flex-item:nth-child(1){
        width: 100% !important;
    }
    .flex-item{
        width: 46%;
        justify-content: center;
    }
    .banform{
    border-radius: 0px;
}
.banform form{
    flex-wrap: wrap;
}
.formcont{border: 1px solid #eee; padding: 10px; margin: 10px 6px;overflow: hidden;}
.formcont:last-child{
    border: 0;
    padding-bottom: 0;
}

.plusicon{display: none;}
.arricon{display: none;}
.soundicon{display: none;}
.dataicon{display: none;}
}

.blog-content a h2{font-size: 23px;min-height: 82px;}

@media (max-width: 768px){
    .bus-flex{margin-bottom: 15px;}
    h3{
        font-size: 25px !important;
    }
    .category{
        font-size: 45px !important;
    }
    .paratag{text-align: center;}
    .textcont h1{
        font-size: 28px;
        line-height: 44px;
        margin-bottom: 15px;
    }
    .sechead h3{
        font-size: 30px;
        line-height: 40px;
    }
    .sechead h1{
        font-size: 30px !important;
        line-height: 40px !important;
    }
    .mainban h3{
        font-size: 30px;
        line-height: 40px;
    }
    .adbanner h3{
        margin-bottom: 30px;
        line-height: 38px;
    }
    .header a img{width: 150px;}
    .pmb-0{
        padding-bottom: 0 !important;
    }
    .flex-item{
        width: 45%;
    }

    .flex{
        justify-content: space-around;
        text-align: center;
    }
    .content h1 {
    font-size: 22px;
}
.content h2 {
    font-size: 17px;
}
.content h3{
    font-size: 16px !important;
}
    .sec1{
        width: 31%;
    }
    .sec1:nth-child(2):before{
        display: none;
    }
    .sec1:nth-child(2):after{
        display: none;
    }
    .sec1{
        width: 100%;
        text-align: center;
        transform: none !important;
    }
     .maindiv{
        padding: 10px 0 13px;
        width: 100%;
    }
   /* .bancontent{bottom: -4% !important;}*/
    .testimonialsec{padding-top: 0 !important;}
    .clientsecc{padding-bottom: 0 !important;}
    .sec1 img{max-width: 170px;margin-bottom: 15px;}
    .clientsec{margin-top: -112px !important;}
    .contactdiv{margin-bottom: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;}
    .contactdiv.last{padding-bottom: 0 !important;border-bottom: none !important;}
    .abtusp .flex-con{margin-bottom: 20px;}
    .footer-content h4{font-size: 17px !important; margin-bottom: 11px;}
    footer ul li{font-size: 12px;}
    .adbanner{
        justify-content: center;
        /*text-align: center;*/
        padding: 30px 35px;
/*        margin-top: -100px;*/
    }
    .adbanner .mainbutton{
        margin: 22px auto 0;
    }
    .footer-form input{
        width: 32% !important;
        font-size: 12px;
        padding: 8px 25px;
        margin: 7px 3px;
    }
    .footer-form{justify-content: center;}
    
    .footer-form .mainbutton a{
        padding: 6px 40px !important;
    }
    footer .footer-content{
        margin: 40px 0;
    }
    footer{
        padding-bottom: 244px;
    }
    .seclist ul li{
        /*width: 31%;*/
        width: auto;
        font-size: 14px;
        margin: 25px 5px;
    }
    .seclist ul li i{
        font-size: 13px;
    }
    
.banner1{
    padding: 30px 0 50px;
    background-size: cover !important;
}
.column{padding: 0 5px;}

}

@media (max-width: 576px){
    p{
        font-size: 14px !important;
    }
    .bantag h2{
        font-size: 14px !important;
    }
    .mbot{
        margin-bottom: 1rem;
    }
    .sclient{
        margin-bottom: 1.5rem;
    }
    .content p{
        line-height: 30px !important;
    }
    .column {
      display: block;
      margin-bottom: 10px;
    }
    .counter{
        font-size: 20px;
    }
    .card1 p{
        font-size: 13px;
    }
    .card1{
        min-height: 135px;
        padding: 20px 16px;
    }
    .expertsec{
        justify-content: center;
    }
    .banner1{
        background-image: none !important;
    }
    .marquee{
        padding: 15px 0 0px !important;
    }
    .flex-item{
        width: 100%;
    }

    .footer-content{
        margin: 10px 0 0 !important;
    }
    .seclist{
        text-align: center;
    }
    .seclist ul{
        justify-content: center;
    }
    .seclist ul li{
        margin: 14px 17px 10px;
        /*font-size: 17px;*/
    }
    .bottom-btn {
        display: block;
    }
    .ottomfooter{margin-bottom: 60px;}
    .mainbannerforms .overbannerss{padding: 200px 0 !important;}
    
    .seclist ul li i{font-size: 13px; padding: 8px;}
    .servlist img{
        width: 115px;
        height: 115px;
    }
    .category{
        
        padding: 10px !important;
        line-height: 38px;
        letter-spacing: -3px;
    }
    .bancontent .sechead{
        text-align: center;
    }

    .aboutryt{padding-left: 0;}
    .aboutryt .servlist img{
        width: 40px;
        height: 40px;
        margin-right: 20px;
    }
    .aboutryt .sechead{
        text-align: center;
    }
    .testimonialsec .sechead{
        padding: 45px 0 !important;
        text-align: center;
    }
    .testimonialsec .sechead .mainbutton{
        margin-top: 30px !important;
    }
    .testitem{margin: 0;}
    .flex-item:nth-child(1) {
        padding: 20px 0 0;
        margin-bottom: 0;
    }
    .commanspace{
        padding: 30px 0;
    }

    
    .owl-clients .item{margin: 10px 15px !important;}
   
    .maindiv .sechead{
        margin-bottom: 5px;
    }
    .clientsec{margin-top: -52px !important;}
    footer{
        padding-bottom: 60px !important;
    }
    .maindiv .sechead h3{
        font-size: 20px !important;
    }
    .bgimage{
        padding-top: 100px !important;
        padding-bottom: 120px !important;
    }
    /* .bancontent{bottom: 0% !important;}*/
     .banner{height: 70vh !important;}
     .abtusp {
        margin-top: -49px !important;
    }
    .bancontent p{
        margin-bottom: 25px;
    }
    .sechead h6{
        margin-bottom: 7px;
        line-height: 24px;
    }
    .banner:before{
        display: none;
    }
    .formcont{
        width: 100%;
    }
}

/*.footerband{ position:fixed; bottom:0; background-color:#216cc7; left:0; right:0; z-index:99; display:flex; justify-content:space-between; align-items:center;  box-shadow:0 0 10px rgba(0,0,0,.2); overflow:hidden; ! border-radius:50px 50px 0 0; }
.footerband div{ width:33.33%; border-left:1px #ff4934 solid; margin-left:-1px; text-align:center; padding:2px 0}
.footerband a{ font-size:28px; color:#000;}
.footerband div:last-child a{ color:#0dc042;}*/
.desktop-whatsaap {
    position: fixed;
    bottom: 40px;
    right: 10px;
    display: block;
    z-index: 99999;
}
.botomheader{
    position: fixed;
    bottom: 0;
    background-color: #216cc7;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    overflow: hidden;
}
.botomheader a{
    color: #fff;
    padding: 10px;
    width: 100%;
    text-align: center;
   font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
}
.botomheader a i{padding-right: 5px;}

.megamenu{ position:static}
.megamenu .megamenudrop{ position:absolute; top:57px; left:0; right:0; z-index:99; display:none; padding:20px 0 0 0;}
.megamenu:hover > .megamenudrop{  display: block}
.megamenu .megamenudrop .megamenudropinner{ background-color:#daa947; border-top:1px solid rgba(0,0,0,.1); padding:40px 0 30px 0; box-shadow:0 6px 10px rgba(255,255,255,.1)}
.megamenu .megamenudrop .megamenudropinner  .droppinsec{ padding:0;column-count: 4;    }
.megamenu .megamenudrop .megamenudropinner  .droppinsec > li{break-inside: avoid; margin:0; display: block;
    text-align: left;  width: 100%;  float: left;   margin-bottom: 15px;}
.megamenu .megamenudrop .megamenudropinner  .droppinsec > li > a{ padding:0 0 0 20px; border-left:2px #0980c6 solid; text-align:left;  color:#000; display:inline-block; text-decoration:none  }

.mainbanner .mainbannerinnerss h2{
    font-size: 40px !important;
}
.mainbanner .mainbannerinnerss p{
    margin: 25px 0px !important;
    font-size: 17px !important;
}
@media(max-width: 576px){
	.mainbanner{ background-image:none !important}
    .flex-con{min-height: auto !important;}
	}
.mainbanner{height: auto; position:relative; padding:0 ; background-position: 40vw top; background-repeat:no-repeat;background-size: contain; background-image:none;}
.mainbanner img{ width:75%; float:right; margin-bottom:15px;}
.mainbanner .mainbannerinnerss{ top:0;     transform: translateY(0); position: relative; left:0; right:0; }




.blogdetailsss article h2{
    font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.blogdetailsss article h3{
    font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.blogdetailsss article h4{
    font-size: 17px;
    font-weight: 509;
    margin-bottom: 10px;
}
.blogdetailsss article h6{
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 509;
}
.blogdetailsss article h5{
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    font-weight: 509;
}
.blogdetailsss article ol {
  list-style: decimal;
  font-size: 20px;
  font-weight: 600;
}
.blogdetailsss article ol li p{font-size: 15px;}
.blogdetailsss article p{
    font-size: 15px;
  font-weight: normal;
  margin-bottom: 20px;
}
.blogdetailsss article ol li ul li p{
    margin-bottom: 0;
}
.mainbloginner .blogpost .blog-content p{min-height: 125px;}
.blogdetailsss .tp-category-banner-bg{border-radius: 120px;}
.blogdetailsss .tp-category-banner-bg .tp-category-banner-title{
    font-family: "Rubik", sans-serif !important;
  font-size: 16px;
  color: #424242;
  font-weight: 450;
}
.blogdetailsss .tp-category-banner-bg .tp-category-banner-text p{
    color: #0071DC;
  font-size: 17px;
  margin-bottom: 0;
  font-weight: 500;
}






@media(min-width: 1400px){
    .banner{height: 780px !important;}
}

@media (max-width:991px) and (min-width:767px){
    .marquee{
        padding-top: 40px;
    }
}
@media (max-width:992px) and (min-width:768px) {
    .banner{height: 120vh !important;}
    .flex-con{margin: 0 14px;min-height: 374px;}
    .textcont h1{
        font-size: 37px;
        line-height: 48px;
    }
    .counter{
            font-size: 30px;
        }
}



@media (max-width:992px) and (min-width:576px) {
    .mainbanner .mainbannerinnerss{top: 56% !important;}
    .formcont{
        width: 47% !important;
    }
}

@media(min-width: 576px){
.mainbanner{height: 350px ; background-position: 40vw  top; padding:0;}
.mainbanner .mainbannerinnerss{ top:40%;     transform: translateY(-50%); position:absolute; left:0; right:0; }


}



@media(min-width: 992px){
.mainbanner{height: 600px ; background-position: 40vw  top;}

}

@media(min-width: 1200px){
.mainbanner{height: 780px ; background-position: 40vw  top;}

	
}


@media (min-width: 1900px){
	.mainbanner{height: 780px ; background-position: 45vw  top;}	
}


@media (max-width: 380px){
    .column{
        width: 100%;
    }
}
@media (min-width: 577px) and (max-width: 767px){
    .card1{
        min-height: 167px;
    }
}
@media (max-width: 767px){
    .innerbanner .sechead .servicename{
        line-height: 40px;
        font-size: 30px !important;
    }

}
@media(max-width: 576px){
    .blogdetailsss .tp-category-banner-content{display: block !important;}
    .blogdetailsss .tp-category-banner-bg{border-radius: 42px !important;}
    .blogdetailsss .tp-category-banner .tp-category-banner-btn{margin-left: 0 !important;}
}



    .top-banner-dv h1{
        font-size: 60px;
        color: #fff;
        font-weight: 509;
        margin-bottom: 25px;
    }
    .top-banner-dv h1 span{
        color: #fff;
        font-size: 76px;
    }
    .top-banner-dv p{
        font-weight: 600;
        font-size: 26px;
        color: #fff;
    }
    .banner-btn-cont p strong{
        font-weight: 500;
        font-size: 28px;
    }
    .banner-btn-cont p{
        margin-bottom: 0px;
        margin-left: 20px;
        line-height: 31px;
    }
    .banner-btn-2{
        margin-top: 40px;
    }
    .banner-btn-2 .mainbutton{
        margin-right: 20px;
    }
    .banner-btn-2 i{
        color: #fff;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #1acbf9;
        text-align: center;
        align-content: center;
        font-size: 24px;
        margin-left: 10px;
    }

    .banner-btn-2 .price-inline i{
        width: 40px;
        height: 40px;
        margin-right: 10px;
        background-color: #1353b0;
        margin-left: 0;
    }
    .banner-btn-2 .price-inline a{color: #1353b0;}
    
    .banner-btn-2 p{
        color: #fff;
        font-size: 16px;
        font-weight: 400;
    }
    .top-banner{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center -50px;
    }
    .main-head h2{
        background-image: linear-gradient(24deg, #ff4934, #1353b0);
        color: transparent;
        background-clip: text;
        font-weight: 600;
        font-size: 35px;
    }
    .main-head{
        margin-bottom: 80px;
    }
    .process-titles ul{
        padding-left: 0;
    }
    .process-titles ul li{
        width: 16%;
        display: inline-block;
        font-weight: 500;
        font-size: 19px;
        background-color: #eee;
        border-radius: 20px;
        text-align: center;
        padding: 10px 15px;
        text-transform: capitalize;
        line-height: 24px;
    }
    .process-titles-postion {
        margin-top: 60px;
        vertical-align: top;
    }

    .process-titles{
            text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    @media(max-width: 991px){
        .process-titles ul li{
            width: 16%;
            line-height: 12px;
            padding: 3px 7px;
            border-radius: 7px;
            font-size: 9px;
            word-wrap: break-word;
        }
        .process-titles-postion{
            margin-top: 45px;
        }
    }
    .p-relative{
        position: relative;
    }
    .process{
        margin-top: 70px;
    }
    .demo-cls-dv img{
        animation: zoom-int 3s infinite ease-in-out;
    }
    @keyframes zoom-int{
        0% {
        transform: scale(1.05);
        }
        50% {
            transform: scale(1.1);
        }
        100% {
            transform: scale(1.05);
        }
    }
    .demo-cls-cont h3{
        font-size: 35px;
        color: #1353b0;
        font-weight: 509;
    }
    .demo-img-sec{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .feature-card {
      background: #1353b0;
      border-radius: 20px;
      padding: 30px 25px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
      text-align: left;
      position: sticky;
      top: 50px;
    }

    .feature-title {
      font-size: 26px;
      font-weight: 700;
      color: #fff !important;
      margin-bottom: 10px;
    }

    .feature-subtitle {
      font-size: 15px;
      color: #fff;
      margin-bottom: 25px;
    }

    .tab-btn {
      flex: 1 1 48%;
      background: #95b1d8 !important;
      border: 2px solid #95b1d8 !important;
      color: #000 !important;
      padding: 12px 18px;
      border-radius: 10px !important; 
      font-weight: 500;
      font-size: 15px !important;
      margin-bottom: 10px;
      transition: all 0.3s ease-in-out;
    }

    .tab-btn:hover {
      background-color: #e6f0ff !important;
      border-color: #1353b0 !important;
    }

    .tab-btn.active {
      background-color: #fff !important;
      color: #1353b0 !important;
      border-color: #fff !important;
    }

    .tab-btn i {
      font-size: 16px;
      margin-right: 10px;
    }
    .exam-frt-sec-1{
        border-radius: 20px;
        background-color: #1076d80d;
        padding: 20px;
        transition: all 0.5s;
        margin-bottom: 15px;
    }
    .exam-frt-sec-1:hover{
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.09);
        transition: all 0.5s;
    }
    .exam-frt-sec-1 h5{
        font-weight: 600;
        color: #1353b0;
        font-size: 18px;
    }
    .exam-frt-icon{
        border-radius: 50%;
        width: 70px;
        height: 70px;
        background-color: #fff;
        margin-bottom: 15px;
        text-align: center;
        align-content: center;
        margin: 20px auto;
    }
    .exam-frt-icon i{
        color: #ff6e5d;
        font-size: 35px;
    }
    .portal-sec-dv:hover{
        box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
        border-color: #1076d8;
    }
    .portal-sec-dv h3{
        color: #1353b0;
        font-weight: 600;
    }
    .portal-sec-dv.admin h3{
        color: #ff4934;
        font-weight: 600;
    }
    .portal-sec-dv{
        padding: 30px 50px;
        text-align: center;
        border: 2px dashed #1076d812;
        min-height: 290px;
        background-color: #1076d812;
        border-radius: 20px;
        transition: all 0.4s ease-in-out 0s;
    }
    .portal-sec-dv.admin .portal-sec-img{
        border: 4px solid #ff4934;
    }
    .portal-sec-img{
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 50%;
        border: 4px solid #1353b0;
        padding: 12px;
        margin-bottom: 20px;
        background-color: #fff;
    }
    .price-inline {
      display: flex;
      align-items: center;
      background: white;
      border-radius: 30px;
      padding: 8px 16px;
      color: #1353b0;
      font-weight: bold;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    .price-inline .text strong{
        font-weight: 700;
        font-size: 18px;
    }
    .icon-circle {
      background: #1353b0;
      color: #fff;
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 10px;
    }
    .portal-cont.main-head h2{
        margin-bottom: 10px;
    }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .tab-btn{font-size: 12px !important;}
    }
    @media(max-width: 992px){
        .top-banner-dv h1 span{
            font-size: 42px !important;
        }
        .top-banner-dv h1{
            font-size: 42px !important;
            margin-bottom: 17px !important;
        }
        .main-head h2{font-size: 26px !important;}
        .top-banner-dv{
            padding: 50px 0;
        }
        .top-banner{
            min-height: 450px;
            background-position: center center !important;
        }
        .top-banner-dv p{font-size: 16px !important;}
        .demo-cls-cont h3 {font-size: 27px;}
        .main-head h2{font-size: 22px !important;}
        .exam-frt-sec-1 h5 {font-size: 15px !important;}
    }
    @media(max-width: 767px){
        .top-banner img{
            display: none;
        }
        .portal-cont{
            margin-top: 20px;
        }
        .top-banner-dv h1 span{
            font-size: 42px !important;
        }
        .top-banner-dv h1{
            font-size: 42px !important;
            margin-bottom: 17px !important;
        }
        .main-head h2{font-size: 22px !important;}
        .top-banner-dv{
            padding: 50px 0;
        }
        .top-banner{
            min-height: 450px;
            background-position: center center !important;
        }
        .portal-sec-dv{
            margin-bottom: 15px;
        }
        .main-head{
            margin-bottom: 40px !important;
        }
        .demo-cls-dv img{
            animation: none !important;
        }
    }
    @media(max-width: 1500px){
        .sec-cont-div{
            padding-top: 0px !important;
        }
    }
    .header{transition: .2s ease-out;}
    .scrollheader {
        background-color: #fff; top: 0; 
        width: 100%;
    position: fixed !important;
    z-index: 99;
}