* {
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;

}
.bottom-copyright{
  width:100%;background:#f0f0f0;
  
}

.copyright{
  font-size:12px;
  padding:10px 20px;
  justify-content:end;
  align-items:end;
  text-align:end
}

body{
    padding: 0px 30px;
    margin: auto;
    font-family: 'Open Sans', sans-serif;

}

.screen{
  display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      
      max-width:1800px;
      margin:auto;
      /* background:blue; */

}
.fixed-bottom{
    z-index: 99;
    background:white
}
.navbar{
justify-content: space-between;
padding:0px 20px;
}

.nav-tabs .nav-link.active {
        border-top: 2px solid #0067b8;
        
    }

    .right-frame{
      padding:40px
    }


    /************************************** keyframs  */

    @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .fade-in-right {
    animation: fadeInRight 1s ease-out;
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateY(50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .fade-in-left {
    animation: fadeInLeft 1s ease-out;
  }

  /************************************* */
  @keyframes step {
  from {
    opacity: 0;
    transform: scale(0.2);  /* Change translateY to translateX */
  }
  to {
    opacity: 1;
    transform: scale(1);  /* Change translateY to translateX */
  }
}

.step1 {
  animation: step 0.5s ease-out;
}

.step2 {
  animation: step 0.8s ease-out;
}

.step3 {
  animation: step 1s ease-out;
}

.step4 {
  animation: step 1.2s ease-out;
}


  /***************** keyframs end */


  /****************************************    subs now modal start */

.subs-now{
  min-height:70vh;

}

.subs-justi{
  background: #dedede
}
.subs-justi img{
  max-width:50%
}


  /******************** subs now modal end */



  /******************************    text */
  .gradient{ 
      background-clip: text;
      color: transparent;
      background-image: linear-gradient(to right, #6d0cd4, #204acd, #0694b7);

   }
  .text{
    line-height:1.2;
  font-size: 45px;
  }

  .btn-primary{
    margin-top:20px;
    background: #0067b8
  }

  .text2{
    font-size:14px;
    margin-top:10px
  }

  .left-text{
    justify-content:center;
    align-items:flex-start;
   
     /* background:yellow */
  }

  .para-li{
  margin-bottom:1%;
  padding-top:10px;
  font-size:1rem;
  padding-right:30px !important

  }

  /************************** */

  .video{
    border-radius:15px;
    border:10px solid white;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  /*************************pricing table */

.pricing-cards{
  margin:0px auto;
  padding:20px 5px;
  background:white;
}

.feature-text-card{
margin:auto

}

.feature-text{
font-size:12px
}

.pricing-o{
    
    margin-top:-150px;
    padding:20px 50px
}

#outer {
   
    height: 100%;
}
.discretion{
  font-size:10px
}

.capcha-pricing{
  margin:1% auto;
}

.pricing-submit{
  background: black;
  padding:10px 20px;
cursor:pointer;
border-radius:30px;
color:white;
}

.pricing-submit:hover{
  background:#005397;color:white;
}

  /***************************end pricing table */
  .button{
    background: #0067b8;
    color:white
  }
  .button:hover{
    background: #0080c0;
    color:white
  }
  
/* ------------------------------------------------------------------------------------------------------------------------------------------------
                                                          Expert DBA
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.expert-right{
  border-radius:15px;
  background-color: #e8f0fc;
  border:10px solid white;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.expert-screen{
display:flex;
justify-content:space-between;
align-items:center;
}
.expert-cards{
  text-align:center;
  width:32%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  min-height:240px;
  background:white;
  border-radius:10px;
  padding:8px 10px; 
  border-bottom:5px solid #0067b8;
  
  align-items:center;
}

.expert-cards i{
  font-size:2rem;
  color:#0067b8;
}
.expert-cards h2{
  font-size:14px;
  font-weight:600;
  color:#383f56;
 padding-top:5px;
}

.expert-cards .paragraph{
  padding:8px 10px;
  font-size:12px;
  color:#343a50;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------
                                                          Expert DBA END
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ------------------------------------
02. Global CSS
---------------------------------------*/
.readon {
    position: relative;
    display: inline-block !important;
     background: linear-gradient(325deg, rgba(56,63,86,1) 0%, rgba(0,113,201,1) 100%);
    padding: 14px 30px;
    line-height: normal;
    color: #ffffff !important;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    text-transform: capitalize !important;
    cursor: pointer;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.readon:hover,
.readon:focus {
    background: #242526;
}

.inner{
    width:100%;
    float:left;
    position:relative;
}

.pricingTable{
  padding:0px 20px
}

.pricing-screen{
 border:10px solid white;
 padding:30px 0px;background-color: #e8f0fc;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 border-radius: 15px
}

.pricingTable .holder{
  position: relative;
  background: #fff;
  min-height:380px;
  max-height:380px;
  text-align: center;
  border: 2px solid rgba(0,0,0,0.05);
  transition:0.5s ease;
  border-radius:10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.pricingTable #demo{
  position: absolute;
  right: 7px;  transform: rotate(90deg);
  text-align: center;
  margin: -10px -10px 0 0;
  font-size: 12px;letter-spacing:1px;
  background: red;
  color: #fff;
  padding: 5px 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.btn-back{
  position: absolute;
  /* right: 7px;  transform: rotate(60deg); */
  margin: 10px -10px 0 0;
z-index:1;user-select: none;
  
  
}

.features p{
  font-size:13px;
  padding:6px 12px;
}

.pricingTable .holder .hdng p{
  font-size:15px;
    color:#242526;
    letter-spacing:1px
}

.pricingTable .holder .price .pricetext{
    font-size:13px;
    
    color:black
  
}

.pricingTable .holder .price{
  text-align:center;
  background-color: #e8f0fc;
  padding:15px 10px;
  border-top: 1px solid #e6e7e8
}


.pricingTable .holder .price p span{
    font-size:18px;
   
}



.pricingTable .holder .info {
     
     overflow-y:auto;

 max-height:150px;
 
}
.pricingTable .holder .info2 {
 
     overflow-y:auto;
  
max-height:150px;
}
.pricingTable .holder .info3 {
     
     overflow-y:auto;
  
max-height:150px;
}

.pricingTable .holder .info4{
     
     overflow-y:auto;
  
max-height:150px;
}
.pricingTable .holder .info5 {
 
     overflow-y:auto;

max-height:150px;
}
.pricingTable .holder .info6 {
     
     overflow-y:auto;
 
max-height:150px;
}
.pricingTable .holder .infoProfessional {
     
     overflow-y:auto;
  
max-height:150px;
}

.pricingTable .holder .infoProfessional2 {
     
     overflow-y:auto;
  
max-height:150px;
}



.scroll-hide{
  scrollbar-width: none; 
    -ms-overflow-style: none;
}


.pricingTable .holder .info p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .info2 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .info3 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .info4 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .info5 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .info6 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}

.pricingTable .holder .infoProfessional p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
.pricingTable .holder .infoProfessional2 p{
    color:#242526;
    font-weight:14px;
    text-align:start;
}
/*********************** */

.price-btn {
  background: rgba(0, 103, 184, 0.6); /* Red color with 50% opacity */
  color: white;
  z-index: 2; /* Higher z-index to be above .btn-back */
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border-radius: 15px;
  width: 50%;
  padding: 3px 6px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%; /* Adjust as needed */
  transform: translateX(-50%);
}

.btn-back {
 
 margin-top:-5px;
  z-index: 1; /* Lower z-index compared to .price-btn */
  user-select: none;
}
 .holder .price-btn:hover{
cursor:pointer
 
}

/******************************************* */




 .holder .hdng p{
    color:#292928;
}

.pricingTable .holder .price p{
    color:#0067b8;
    font-size: clamp(1rem, 10vw, 2rem);
}

.pricingTable .holder .readon{
    background:#fff;
    color:#0067b8!important;
}

.pricingTable .holder.active .readon:hover{
    background:#0067b8;
    color:#fff!important;
}
.tabsBtnHolder{
padding:0px 10px;
  margin:2% auto;
  align-items:center;
   display:flex;
   justify-content:space-between;
   
}
.tabsBtnHolder .save-yearly{
  padding:10px 0px;
  color:red;
  font-weight:bold;
  min-width:700px;
  font-family: 'Caveat', cursive;
  font-size:18px
}

.tabsBtnHolder .get-start{
  border-radius: 1.6666666667rem;
    background: #014c87;color:#fff;
    padding:10px 15px;
}

 .tabsBtnHolder ul{
  
  float: left;
    width: 100%;
    max-width: 200px; /* Adjust the max-width value */
    border-radius: 1.6666666667rem;
    background: #014c87;
    text-align: center;
    position: relative; 
}

 .tabsBtnHolder ul li{
    float: left;
    width:calc(100% / 2);
    display:inline-block;
    transition:0.4s ease;
}

 .tabsBtnHolder ul li p{
    color:#fff;
    padding:10px 15px;
    z-index:10;
    position:relative;
    cursor:pointer;
}

 .tabsBtnHolder ul li p.active{
    color:#014c87;
}

 .tabsBtnHolder ul li.indicator{
  position: absolute;
    top: 50%;
    left: 2px; /*163px*/
    background: #fff;
    height: calc(100% - 3px);
    transform: translateY(-50%);
    border-radius: 1.5333333333rem;
    max-width: 154px;
    z-index:9
}


#blur1{
    color: transparent;
        text-shadow: 0 0 4px #595959;
}

@keyframes zoomOut {
      0% {
        transform: scale(0.5);
      }
      100% {
        transform: scale(1); /* Adjust the scale value as needed */
      }
    }

    .zoom-out-container {
   /* Adjust the background color as needed */
      animation: zoomOut 0.5s ease-in-out; /* Adjust the animation duration and timing function as needed */
    }
    @keyframes zoomOut1 {
      0% {
        transform: scale(0.5);
      }
      100% {
        transform: scale(1); /* Adjust the scale value as needed */
      }
    }

    .zoom-out-container1 {
   /* Adjust the background color as needed */
      animation: zoomOut1 0.5s ease-in-out; /* Adjust the animation duration and timing function as needed */
    }
    @keyframes zoomOut2 {
      0% {
        transform: scale(0.5);
      }
      100% {
        transform: scale(1); /* Adjust the scale value as needed */
      }
    }

    .zoom-out-container2 {
   /* Adjust the background color as needed */
      animation: zoomOut2 0.5s ease-in-out; /* Adjust the animation duration and timing function as needed */
    }



.pricingTable .sub-title{
    padding-left:10px;
    margin:30px auto;
    max-width:700px;
    border-radius:2px;
}

.buy-btn{
    border-radius:10px;
    font-size:18px;
    text-align:center;
margin:25px auto;
padding:10px 20px;
color:white;  
background: #014c87;
}
.buy-btn:hover{
    background: radial-gradient(circle, rgba(0,69,124,1) 85%, rgba(219,232,75,0.8884803921568627) 100%);
    color:white;cursor:pointer;
   
}

.upper-plan{
    padding:15px 0px;

}




/****************************************** */  


.button-71 {
  background-color: #0078d0;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  
  outline: 0;
  padding: 10px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-71:hover {
  color:white;
  background:#005397;
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;

}

@media (min-width: 768px) {
  .button-71 {
    padding: 10px 10px;
  }
}

/***************slide end 5 */

/************    Tab1 text section */



.bottom-flex {
  
  align-items:center;
  margin-top:5%
}

.bottom-flex p{
  font-size:1rem;
  margin-top:5%
  
}

.justify{
  display:flex;
  align-items:center;
  padding-right:100px;
  justify-content:space-between
}

.tab1-pdf{
  font-size:16px;
  cursor:pointer;
  margin-top:5%;
  text-decoration:underline;
}
.tab1-pdf:hover{
  text-decoration:none;
}

.tab1-s1{
font-size: 2.4em;
font-weight:500;
line-height:1.2;

}
.main-title{
  margin-bottom:5%
}

.tab1-p1{
  font-size:14px;
  text-align:justify
  /* line-height:1 */
}
.tab1-p2{
 
  font-size:13px;
  text-align:justify
  /* line-height:1 */
}
.sub-title{
  font-weight:700;
  font-size:1em !important; 
}

.bold{
  font-weight:bold
}


/********** end teab1 text section */


.tab-content{
 
  height: 90vh;
  justify-content:center;
  align-items:center;
 
}


/*************************   contact us */

.con-step{
  background-image: linear-gradient(to right, #0067b8 , #383f56);
  color:white;
  padding:1px 5px;
  border-radius:5px
}

.con-details{
  justify-content:start;
  align-items:start;
  
  border-radius:5px;
  padding:10px 10px;
  background-color:#edeef0
}

.con-details i{
  font-size:20px;
  color:#0067b8;
 
}

.con-title{
  font-weight:bold;
  letter-spacing:1px
}

.con-justify{
  justify-content:space-between;
  align-items:center;
  margin-top:20px
}

.textfield{
margin-right:15px
}

.contact-li{
  padding-bottom:10px
}

.contact-right{
margin:auto;
align-items:center;
justify-content:center;

}

/*********** end contact us */

/**********     flexible right */

.flexible-right{
  width:100%;
  height:100%;
  border-radius:15px;
  border:10px solid white;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #f5f5f5;
  /* background:red */
}

.flexible-right i{
  font-size: 48px;
  padding: 0px 0px;
  color:white;
  position: absolute;
  right: 7px;
  text-align: center;
  margin: -30px 0px 0 0;
  padding: 5px 10px;


}
.flexible-right h5{
  color:#d2d2d2;
  font-weight:500;

}
.flexible-right .cards p{
  color:#d4d4d4;
}
.flexible-right h2{
  padding:5px 0px;
  font-weight:bold;
  font-size: 1.8em;
  letter-spacing:1px;
  color:white
}
.flexible-right .row{
  justify-content:space-around;

}
.flexible-right .cards{
  max-width:45%;
  max-height:230px;
  min-height:230px;
  min-width:45%;
  padding:20px 20px;  transition: transform 0.3s ease-in-out;
  background-image: linear-gradient(to right, #0475cf , #5a658a);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius:10px

}
.flexible-right .cards1{
  max-width:80%;
  min-width:80%;
  padding:20px 20px;  transition: transform 0.3s ease-in-out;
  background-image: linear-gradient(to right, #0475cf , #5a658a);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius:10px

}


@keyframes zoomIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.zoom-in {
  animation: zoomIn 0.5s ease-in-out;
  animation-fill-mode: both;
}

.cards[style^="--animation-delay:"] {
  animation-delay: var(--animation-delay);
}


/****** flexible end */

/********** partner section */


.partner-right{
 box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  border-radius:15px;
  background: #f5f5f5;
  border:10px solid white;
  padding:15px 0px;
  width:100%;
}

.partner h1{
text-align:center;
font-size: 2em;
padding:10px 0px
}
.partner p{
  text-align:center;
  margin-bottom:3%
}

.partner .input-container {
  position: relative;
  margin: 5px auto;
  max-width: auto;

}

.input-out .input-container{
  width:45%;
  position: relative;
}
.outside{
  width:95%
}

.input-container.outside textarea::placeholder {
  font-size:13px /* You can also set other styles like font-size, font-weight, etc. */
}

.partner .input-container input {
  font-size:13px;
  width: 100%;
  padding:2px 5px;
 
  padding: 5px 0;
 
}

.partner .input-container .option {
  font-size:13px;
}

.partner .input-container .form-label {
  font-size:13px;
  
}


.partner .captcha{
  margin: 15px 45px;
  align-items:center;
  justify-content:space-between;

}

.partner-btn {
  background-color: #0078d0;
  border: 0;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  /* margin-left:30px; */
  font-weight: 500;
  letter-spacing:1.5px;
  outline: 0;
  padding: 15px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.partner-btn:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;

}


/******* partner end */

/***************** blog section start */



 .search {
  margin-top:3%;
  display: inline-block;
  position: relative;
}

.search input[type="text"] {
  width: 400px;
  padding: 10px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.search button[type="submit"] {
  background-color: #0067B8;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  transition: .9s ease;
}

.search button[type="submit"]:hover {
  transform: scale(1.01);
  color: rgb(255, 255, 255);
  background-color: #999999;
}


 .carousel-control-prev,
 .carousel-control-next{
  max-width:20px;
  color:black
 }


 /******* animation  */

/******** blog section end */

/********************** responsive css */

@media (min-width: 475px) {
  
}

@media (min-width: 640px) {
  
}

@media (min-width: 768px) {
  
}

@media (min-width: 1280px) {
  
}

@media (min-width: 1536px) {
  
}

.row{
 align-items:center;
}
/***************************************** */

.powerbi img{
    width:49%; 
    border-radius:5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.powerbi {
justify-content:space-between;
    width:100% 
}

.powerbi1 img{   
    width:30%;   border-radius:10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.powerbi1 {
    width:100%; 
    margin-top:1%;
    display:flex;  
    justify-content:space-between;
  
}

.powerbiframe{
    padding:15px 15px;border-radius:15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*******************************       *//*******************************       *//*******************************       */
                                 
                        P A Y A S C A R D S P A Y A S C A R D S P A Y A S C A R D S P A Y A S C A R D S

/*******************************       *//*******************************       *//*******************************       */

.pay-as{

  width:100%;

  
}

.pay-as-cards{
background:white;
  justify-content:center;
  text-align:center;
  align-items:center;
  width:45%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  min-height:230px;
  max-height:230px;
  margin:20px;
  border-radius:10px;
  padding:15px;
}
.pay-as-cards h2{
  font-size:18px;
  font-weight:500;
  margin-top:10px;
}

.pay-as-cards p{
  font-size:14px;
  padding:5px 15px;
}
.pay-as-cards img{
  max-width:100px;
  margin:auto;
 
}

/*******************************       *//*******************************       *//*******************************       */
B L O G S  B L O G S  B L O G S   B L O G S  B L O G S  B L O G S  B L O G S  B L O G S  B L O G S 

/*******************************       *//*******************************       *//*******************************       */


.blogs{ 
    width:100%;padding:0px 25px;
    /* background:red; */
    text-align:center;
    justify-content:center;
    align-items:center;

}

.blogs .title{
    width:100%;
    margin:auto;
}

.blogs-cards{
    padding:15px 15px;
    margin:3% 1%;
    width:31%;
    text-align:center;
    justify-content:space-between
}

.blogs-cards h2{
    font-weight:bold;
    padding-top:15px
}

.blogs-cards img{
max-width:280px;
border-radius:10px;
object-fit:cover;
min-width:300px;
max-width:300px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
min-height:150px;
max-height:150px;
margin:auto;
}

.blogs-cards p{
    padding:10px 25px;
}

.blogs-cards .blogs-btn{
background: black;
width:50%;
margin:1.5% auto;
border-radius:8px;
color:white;
padding:10px 12px;
cursor:pointer;
}
.blogs-cards .blogs-btn:hover{
  background:#005397;color:white;
}

.blogs .title p{
  font-size:1.6em;

  text-align:center;font-weight:500
}

.bo-p{
    font-size:1.2em;
    letter-spacing:1px;
    font-weight:550
}

.last-btn{
    background:#0067b8;
width:22%;border-radius:8px;
margin:1.5% auto;cursor:pointer;
color:white;
text-align:center;
padding:10px 12px;  
}
.last-btn:hover{
  background:#005397;
}


/*******************************       *//*******************************       *//*******************************       */

/*******************************       *//*******************************       *//*******************************       */

.pricing textarea::placeholder {
  font-size:13px /* You can also set other styles like font-size, font-weight, etc. */
}

.started {
  font-family: inherit;
  font-size: 18px;
  background:#0067b8;
  color: white;
  padding: 0.7em 1em;
  padding-left: 0.9em;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.2s;
  cursor: pointer;
}

.started:hover {
  background:#004175;
 
}

.started span {
  display: block;
  margin-left: 0.3em;
  transition: all 0.3s ease-in-out;
}

.started svg {
  display: block;
  transform-origin: center center;
  transition: transform 0.3s ease-in-out;
}

.started:hover .svg-wrapper {
  animation: fly-1 0.6s ease-in-out infinite alternate;
}

.started:hover svg {
  transform: translateX(1.2em) rotate(45deg) scale(1.1);
}

.started:hover span {
  transform: translateX(7em);
}

.started:active {
  transform: scale(0.95);
}

@keyframes fly-1 {
  from {
    transform: translateY(0.1em);
  }

  to {
    transform: translateY(-0.1em);
  }
}

.justify1{
  display:flex;
 
 
  justify-content:space-between
}


  /* Blog */
  .post-entry {display: flex;
    background: white;
     align-items:center;
     min-height:220px;
     transition: transform .5s; 
     border-radius:15px;
     border-bottom: 2px solid #0694b7;
    }
  
  
    .post-entry:hover{
        transform: scale(1.01);
          
    }
    
    .post-entry .post-text{
        padding:3px 20px;
    }
    
    .post-text h3 a {
       font-family: 'Poppins', sans-serif;
      font-size: 21px;
      margin-top:20px;
      line-height:1;
      font-weight:500;
      color: #383f56 ;
    }
    
    .post-entry:hover > .post-text h3 a{
        text-decoration:none;
        color: #0067b8;
    }
    
    
    .post-entry .post-text .post-meta {
      text-decoration: none;
      color: #aeaeae !important;
      font-size: 13px;
      display: block;
      margin-top:10px;
      margin-bottom: 5px;
    }
    
    
    
    .post-entry .post-text p{
        font-size: 14px;
        margin-top:10px;
        color:#383f56 ;
        line-height:1.5;
        font-family: 'Poppins', sans-serif;
    }
    .post-entry .post-text .readmore {
       margin-bottom:auto;
    
      color: #2d71a1;
     
     
      
    }
    .post-entry .post-text .readmore:hover{
        color:#0067b8;
    }
    
    .author-img{
      max-width:60px;
      max-height:60px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      margin-top:-15px;
      border-radius:10px
  }
  
  .container{
      min-width:1400px;
  }
  
  .author-title{
  
      font-size:20px;
      padding:0px 100px;
      
      
      }
  
  
  .breadcrumb{
      background:transparent !important;
  padding-left:100px !important
  }
  
  .breadcrumb .before a{
    color: #0067b8
  }
    
    @media (max-width: 1024px) {
      .cta {
        background-attachment: scroll;
      }
    }
  
    @media (min-width: 769px) {
      .cta .cta-btn-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
     
    @media (max-width: 600px){
      .author-img{
    max-width:-40px;
    max-height:20px;  
  }
  }  
    
  @media only screen and (max-width: 600px){
        
      .gallery_product{
             display:flex;
          flex-direction:column; 
      }
      
       .search-input{
            font-size:15px;
        }
   
   .container{
      min-width:430px;
      max-width:430px;
  }
   
  .post-entry img{
      max-height:133px;
      max-width:100%;
      object-fit:cover;
  }
  .post-text h3 a {
    font-size: 15px;
  
  }
  .post-entry .post-text .post-meta {
    color: #aeaeae !important;
    font-size: 10px;
   
  }
  .post-entry .post-text p{
      font-size: 12px;
  }
   .post-entry {
         min-height:550px;
     max-height:550px;
  }
  
  
  } 
  
  
   /* ........................................ I N S I D E B L O G .................... */
  
    
  
  
  /*leadership blog popup*/
  /*------/ Intro Single /------*/
  .post-information {
      padding:0px 20px;
      margin-bottom:20px;
      
    }
    .post-content p{
    font-size:15px
      
    }
    .post-information i{
        background: #0077b5;
    text-align:center;
    margin-top:5px;
        color:white;  min-width: 28px;min-height:28px;
      
    }
    .post-information i:hover{
    background: #005c8e;
    cursor:pointer;
      
    }
    .post-content{
            padding:20px 20px;
            
        }
    @media (max-width: 767px) {
      .intro-single {
        padding-top: 9rem;
      }
    }
    .intro-single  .title-single {
    font-weight:200;
    padding:0px 20px;
    font-size: 34px !important;
    margin-top:25px;
    color:#383f56;
    line-height:1.2;
    }
    
    .intro-single{
        display:flex;
    }
    
    @media only screen and (max-width: 600px) {
        
        .post-content{
            max-width:300px;
        }
        
      .intro-single .title-single  {
    
      font-size: 1.5rem;
      }
    }
    @media (min-width: 768px) {
      .intro-single .title-single {
        font-size: 2.1rem;
      }
    }
    @media (min-width: 992px) {
      .intro-single .title-single {
        font-size: 2.5rem;
      }
    }
    
    .heading{
        font-size: 22px;
        font-weight: bold;
        color: #0067b8;
        border-bottom: 2px solid #0067b8; 
    }
    
    /*------/ Comments /------*/
    .box-comments .list-comments li {
     padding:20px 20px
    }
    .box-comments .list-comments .comment-avatar {
      display: table-cell;
      vertical-align: top;
    }
    .box-comments .list-comments .comment-avatar img {
      width: 400px;
      border-radius:10px;
     
    }
    .box-comments .list-comments .comment-author {
      font-size: 1.3rem;
    }
    @media (min-width: 768px) {
      .box-comments .list-comments .comment-author {
        font-size: 1.5rem;
      }
    }
    .box-comments .list-comments .comment-details {
      display: table-cell;
      vertical-align: top;
      padding-left: 25px;
    }
    .box-comments .list-comments .comment-description {
      padding: 0.8rem 0 0.5rem 0;
      font-size:15px
    }
    .box-comments .list-comments a {
      color: #000000;
    }
    .box-comments .list-comments span {
      display: block;
      color: #2B2A2A;
    
    }
    .box-comments .comment-children {
      margin-left: 40px;
    }
  
    .container1{
      display:flex;
  
    }
  
    .blog-frame{
  
      height:80vh;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      background-color: #e8f0fc;
      width: 100%;
      border-radius: 15px;
      border: 10px solid white;
    }
    .in-blogs{
      margin-top:5%;
      
    }
  
    .in-blogs .title{
      text-align:center;
      font-size:2em;
      margin-top: -55px;
      margin-bottom: 35px;
      
    }

    .social i{
        margin-top: 10px;
        background: royalblue;
        padding: 20px;
        color: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        align-items: center;
        display: flex;
        justify-content: center;
        margin-right:15px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        
      }
      .social i:hover{
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
      }


      /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
        /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
          /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
            /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
              /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
                /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
                  /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/
                    /***********************************  R E S P O N S I V E M O B I L E V I E W************************************************/


      @media only screen and (max-width: 600px) {
      
body{
  max-width: 580px;
}

.gallery_product{

  max-width: 350px;
}

        .main-title{
            margin-top:20px;
        }

        .main-title .tab1-s1{
            font-size:2em;
        }

        .para-li{
         font-size:0.9em
        }

        .video{
            margin-top:-25px
        }

/*****************************************************************/
/*****************************************************************/

  .pay-as-mobile{
    margin-top:15px;
    margin-bottom:50px
  }
  
  .pay-as-cards{
  background:white;
    justify-content:center;
    text-align:center;
    align-items:center;
    width:90%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    min-height:230px;
    max-height:280px;
    margin:20px;
    border-radius:10px;
    padding:15px;

  }
 
  /*****************************************************************/
  /*****************************************************************/
  

  .saving-mobile .video{
    margin-bottom:80px
  }

  /*****************************************************************/
  /*****************************************************************/


  .expert-right{
    margin-top:15px;
    margin-bottom:50px
  }
  
  .expert-screen{
  display:flex;
  flex-direction:column;

  }
  .expert-cards{
    margin-bottom:25px;
    width:100%;
    min-height:100px;
    align-items:center;
  }
  
  .expert-cards i{
    font-size:3rem;
  }
 
    /*****************************************************************/
  /*****************************************************************/

.tabsBtnHolder{
display:flex;
flex-direction: column;
}

.yearly-mobile{
    align-items:center;
    justify-content: center;
    max-width: 400px;
    
    display:flex;
    flex-direction:column
}

.save-yearly{
   display:none
}

  #pricing{
    max-width:500px;
  }
  
  .pricing-screen .text-center{
    font-size:0.8em
  }

  .p-card{
    margin:0px auto;
    max-width:400px;
    margin-top:20px; margin-bottom:50px
  }

.pricing-screen{
    max-width: 580px;
}

.tabsBtnHolder ul{
  margin-top:5%;
    float: center;  
      min-width: 400px; /* Adjust the max-width value */
     
  }
  
   .tabsBtnHolder ul li.indicator{
      min-width: 204px;
  }

  .started {
    margin-top:10%;
    font-size: 16px;
    background:#014c87;
    border-radius: 10px;
  }


    /*****************************************************************/
  /*****************************************************************/


  .blog-frame{
    max-width: 400px !important;
    height:auto;
    padding-bottom:100px
  }

  .blog-frame .title{
    margin-top:7%;
font-size:1.5em;
padding:0px 15px;
   }

   .container1{
    display:flex;
flex-direction: column;
  }

  .post-entry {

     min-height:100px;
     padding:30px 15px;
     margin-top: 20px;

    }

        /*****************************************************************/
  /*****************************************************************/

.contact-mobile{
    margin-top: 30px;
    margin-bottom: 150px;
}
  
  
  .input-out .input-container{
    width:95%;
  }
  .outside{
    width:95%
  }
  .input-out{
    display: flex;
    flex-direction: column !important;
  } 
  
  .partner .captcha{
    margin: 15px 45px;
    align-items:center;
    justify-content:space-between;
  
  }
  
  .partner-btn {
    margin:15px auto;
    background:#014c87;
    border-radius: 10px;
    font-size: 16px;  
  }

.partner-btn{
  margin-bottom:80px
}


        /****************** responsive mobile view end */   /****************** responsive mobile view end */
      }

         /****************** responsive mobile view end */
            /****************** responsive mobile view end */
               /****************** responsive mobile view end */
          


   /****************** responsive mobile view end */
   /****************** responsive mobile view end */
                  /****************** responsive mobile view end */
                     /****************** responsive mobile view end */