/*
Theme Name: SharePoint Migrator
Author: SharePoint Migrator
Author URI: https://www.sharepointmigrator.com/
Description: In 2024, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Creating a magazine website with WordPress has never been easier.
Version: 2.0
Theme URI: https://www.sharepointmigrator.com/theme/
Tags: blue, two-columns, right-sidebar, featured-images, post-formats, theme-options, accessibility-ready
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap");

html{
    scroll-behavior:smooth
}
body{
    font-family:Inter,sans-serif;
    font-size:18px;
    font-weight:400;
    color:#3e4073;
    line-height:30px
}
h1,h2,h3,h4,h5,h6{
    color:#323f7c
}
a{
    color:#3659ff;
    text-decoration:none
}
.py-7{
    padding-top:5rem!important;
    padding-bottom:5rem!important
}
@media (max-width:991px){
    .py-7{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
}
.text_blue{
    color:#054ada
}
.text_yellow{
    color:#fbbc05
}
.text-info-light{
    color:#b4e7fe
}
.bg_yellow{
    background-color:#fbbc05
}
b, strong {
    font-weight: bold!important;
}
blockquote {
  padding: 20px 20px;
  margin: 20px 0;
  margin-left: 0px;
  border-left: 5px solid #b30000;
  background-color: #fff4f4;
  color: #000;
  font-size: 16px;
}
blockquote:before {
    font-size: 50px;
    line-height: 1;
    top: 30px;
    left: 25px;
    content: '\275D';
    color: #b30000;
  }

blockquote .blue {
  background-color: #1e4679;
  color: #fff;
}
/*@media(min-width:1450px) {
  .container {
    max-width: 1400px !important;
  }
}*/
.img-responsive {
  display: inline !important;
}
/*.bg-parallx {
  background: transparent;
  color: #fff;
}*/

/*start footer*/
footer{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
footer {
position: relative;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
 background: #14143c;
}
.footer-text{
    color: #fff;
}

footer a{
    color: #fff;
}
footer a:hover{
    color: #00b0ff;
}
.social-mwdia a{
  position: relative;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #00b0ff;
  padding: .5rem !important;
}
.social-mwdia a:hover{
    background: #098de4;
}

.text-blue{
    color: #00b0ff;
}
.bg-blue{
    background-color: #00b0ff;
}
/*end footer*/


button.gotoTop {
 position: fixed;
 z-index: 1100;
 right: 20px;
 bottom: 100px;
 width: 40px;
 color: #fff;
 background-color: #00b0ff;
 padding: 0px 10px 5px 10px;
 display: none;
 border: 1px solid #00b0ff;
 border-radius: 100%;
 height: 40px;
 width: 40px;
}
button.gotoTop span{
    font-size: 30px;
    font-weight: bold;
}
button.gotoTop:hover {
 text-decoration: none;
 background-color: #142f7e;
 border: 1px solid #142f7e;
}

/*end footer*/
.bg-darkslategray {
  background-color: #2E3136;
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .mt-lg-n1 {
    margin-top: -5rem !important;
  }
  .mt-lg-n2 {
    margin-top: -10rem !important;
  }
  .mt-lg-n3 {
    margin-top: -15rem !important;
  }
  .mt-lg-n4 {
    margin-top: -20rem !important;
  }
}
/*=========basic=========================*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-weight: bold;
}
.alignnone {
  margin: 5px 0 20px 0;
  height: auto;
    max-width:100%;
}
.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
	max-width:100%;
	height: auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
  height: auto;
    max-width:100%;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
  height: auto;
    max-width:100%;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
  height: auto;
    max-width:100%;
}
a img.alignnone {
  margin: 5px 0 20px 0;
    max-width:100%;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
    max-width:100%;
}
.postform {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 0 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/*==================================*/
.avatar {
  border: 1px solid #ccc;
  border-radius: 50%;
}
.wp-post-image, .wp-block-image img {
  height: auto;
}
.bypostauthor {
  display: block;
}
.gallery-caption {
  display: block;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}
.post_format-post-format-quote {
  font-size: 30px;
  line-height: 40px;
  font-style: italic;
}
.page-link {
    color: #b30000;
    background-color: #fff;
    border: 1px solid #b30000;
}
.page-link:hover {
    z-index: 2;
    color: #b30000;
    background-color: faadad;
    border-color: #b30000;
}
.page-item.active .page-link {
     background-color: #b30000;
    border-color: #b30000;
}
.embed-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.embed-container iframe {
  border: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

/*start Navbar*/
.navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    --bs-navbar-toggler-border-color:rgba(255, 255, 255, 1)
}
.navbar-toggler:focus{
    box-shadow:none
}
.navbar-dark .dropdown-menu,.top_navbar .dropdown-menu{
    z-index:1021;
    --bs-dropdown-zindex:1021;
    background-color:#323f7c;
    color:#fff;
    padding:0;
    overflow:hidden;
    top:55px
}
.navbar-dark .dropdown-item,.top_navbar .dropdown-item{
    margin:0;
    color:#fff
}
.navbar-dark .dropdown-item:focus,.navbar-dark .dropdown-item:hover,.top_navbar .dropdown-item:focus,.top_navbar .dropdown-item:hover{
    color:#fff;
    background-color:#445087
}
.navbar-dark{
    background:#001124
}
.navbar-dark .nav-item .nav-link{
    font-size:20px;
    font-weight:500;
    color:#fff
}
.navbar-dark .nav-item:hover .nav-link{
    color:#fbbc05
}
@media (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link{
    padding-right:1rem;
    padding-left:1rem
}

}
/*End Navbar*/

/*Startr Footer*/
footer{
    background:#001124;
    color:#b8b9da
}
footer .title{
    font-size:18px;
    margin-bottom:20px;
    font-weight:700;
    position:relative;
    padding-bottom:18px;
    text-transform:uppercase!important
}
footer .title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:30px;
    height:4px;
    border-radius:4px;
    background:#ecb206
}
footer a{
    color:#b8b9da;
    text-decoration:none
}
footer a:focus,footer a:hover{
    color:#fbbc05
}
footer ul{
    list-style:none;
    padding:0;
    margin:0
}
footer li a{
    font-size:16px;
    padding:5px 0;
    color:#b8b9da
}
footer li:hover a{
    color:#fbbc05
}
.social-media a{
    position:relative;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#232563;
    padding:.5rem!important
}
.social-media .fb:hover{
    background:#3f64ac
}
.social-media .twitter:hover{
    background:#080808
}
.social-media .linkedin:hover{
    background:#0077b5
}
.social-media .utube:hover{
    background:#f7343d
}
/*End Footer*/


.bg-red-light {
    background-color: #fff3f4;
}

.btn-green {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #008a4a;
    border-color: transparent;
    color: #fff!important;
    border-radius: 5px;
    font-size: 18px;
    border: 2px solid #008a4a;
    border-style: solid;
    box-shadow: none;
    transition: all .3s ease 0s;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.btn-green::after {
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    left: -20%;
    right: -20%;
    top: -4%;
    height: 150%;
    width: 150%;
    bottom: 0;
    background: #fff;
    transform: skewX(45deg) scale(0, 1);
    transition: all .5s ease 0s
}

.btn-green:hover {
    box-shadow: none;
    color: #008a4a!important;
    border: 2px solid #008a4a
}

.btn-green svg {
    fill: #fff
}

.btn-green:hover svg {
    fill: #008a4a
}

.btn-green:hover::after {
    transform: skewX(45deg) scale(1, 1)
}

.btn-blue {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #0d6efd;
    border-color: transparent;
    color: #fff!important;
    border-radius: 5px;
    font-size: 18px;
    border: 2px solid #0d6efd;
    border-style: solid;
    box-shadow: none;
    transition: all .3s ease 0s;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.btn-blue::after {
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    left: -20%;
    right: -20%;
    top: -4%;
    height: 150%;
    width: 150%;
    bottom: 0;
    background: #fff;
    transform: skewX(45deg) scale(0, 1);
    transition: all .5s ease 0s
}

.btn-blue:hover {
    box-shadow: none;
    color: #0d6efd!important;
    border: 2px solid #0d6efd
}

.btn-blue svg {
    fill: #fff
}

.btn-blue:hover svg {
    fill: #0d6efd
}

.btn-blue:hover::after {
    transform: skewX(45deg) scale(1, 1)
}
.btn-orange {
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #c63;
    border-color: transparent;
    color: #fff !important;
    border-radius: 5px;
    font-size: 18px;
    border: 2px solid #c63;
    border-style: solid;
    box-shadow: none;
    transition: all .3s ease 0s;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.btn-orange::after {
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    left: -20%;
    right: -20%;
    top: -4%;
    height: 150%;
    width: 150%;
    bottom: 0;
    background: #fff;
    transform: skewX(45deg) scale(0, 1);
    transition: all .5s ease 0s
}

.btn-orange:hover {
    box-shadow: none;
    color: #c63 !important;
    border: 2px solid #c63
}

.btn-orange svg {
    fill: #fff
}

.btn-orange:hover svg {
    fill: #c63
}

.btn-orange:hover::after {
    transform: skewX(45deg) scale(1, 1)
}

@-webkit-keyframes rotate-style {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes rotate-style {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}

.breadcrumb-white{
    position: relative;
    color: #fff!important;
}
.breadcrumb-white a{
    color: #ffbe00;
}
.breadcrumb-white span{
    margin: 0px 3px;
}
.breadcrumb-white .active{
    color: #fff!important;
}

/*toc1*/
  .toc1 .card-header{
     background: #1e4258;
    color: #fff;
    }

    .toc1 .card-body{
    background: #ebf9ff;
    }
/*end toc1*/


/*toc2*/
  .toc2 .accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.toc2 .accordion-item {
  background-color: #fff;
  border: 1px solid transparent!important;
}
.toc2 .accordion-button:focus {
  border: none!important;
}
/*end toc2*/

.video-container{overflow:hidden;position:relative;width:100%}
.video-container::after{padding-top:56.25%;display:block;content:''}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}


.post-edit-link{
    background: #ffffff;
    padding: 5px;
    font-weight: 700;
    color: #001124 !important;
    margin: 0px 2px;
}
.card-side{
    border: 2px solid #00acff;
    background-color: #f3fbff;
}
.text-justify-center{
      text-align: justify;
    text-align-last: center;
}

#widget-area ul {
list-style: none;
padding-left: 14px;
}
#widget-area ul li {
position: relative;
text-align: left;
padding-bottom: .5rem;
}
#widget-area ul li::before {
position: absolute;
height: 20px;
width: 20px;
content: "";
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="rgb(20, 20, 60)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
background-size: auto;
background-size: 14px 14px;
top: 5px;
margin-left: -20px;
}


ul.list-right {
list-style: none;
padding-left: 14px;
}
ul.list-right li {
position: relative;
text-align: left;
padding-bottom: .5rem;
}
ul.list-right li::before {
position: absolute;
height: 20px;
width: 20px;
content: "";
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 50 50"><path fill="rgb(200,200,200)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
background-size: auto;
background-size: 14px 14px;
top: 5px;
margin-left: -20px;
}
.well-red{
  background-color: #940000;
}



/* new styles */


/* card-color */


.card-blue {
    box-shadow: 0px 0px 5px #007dff;
    overflow: hidden;
    padding: 2rem;
    background: #eff7ff;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
}
.card-yellow {
    box-shadow: 0px 0px 5px #d29e00;
    overflow: hidden;
    padding: 2rem;
    background: #fff3cd;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
}
.card-green {
    box-shadow: 0px 0px 1px #00841e;
    overflow: hidden;
    padding: 2rem;
    background: #d4edda;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
}
.card-orange {
    box-shadow: 0px 0px 1px #bf5001;
    overflow: hidden;
    padding: 2rem;
    background: #ffc9a2;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
}
.card-red {
    box-shadow: 0px 0px 1px #bb0014;
    overflow: hidden;
    padding: 2rem;
    background: #f8d7da;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
}

/*Card-dotted*/

.card-blue-dotted {
    box-shadow: 0px 0px 2px #007dff;
    overflow: hidden;
    padding: 2rem;
    background: #eff7ff;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
  border: dotted;
}
.card-yellow-dotted {
    box-shadow: 0px 0px 2px #d29e00;
    overflow: hidden;
    padding: 2rem;
    background: #fff3cd;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
  border: dotted;
}
.card-green-dotted {
    box-shadow: 0px 0px 2px #00841e;
    overflow: hidden;
    padding: 2rem;
    background: #d4edda;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
  border: dotted;
}
.card-orange-dotted {
    box-shadow: 0px 0px 2px #bf5001;
    overflow: hidden;
    padding: 2rem;
    background: #ffc9a2;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
  border: dotted;
}
.card-red-dotted {
    box-shadow: 0px 0px 2px #bb0014;
    overflow: hidden;
    padding: 2rem;
    background: #f8d7da;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
  border: dotted;
}


/*Card-dashed*/

.card-blue-dashed {
    box-shadow: 0px 0px 2px #007dff;
    overflow: hidden;
    padding: 2rem;
    background: #eff7ff;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed;
}
.card-yellow-dashed {
    box-shadow: 0px 0px 2px #d29e00;
    overflow: hidden;
    padding: 2rem;
    background: #fff3cd;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed;
}
.card-green-dashed {
    box-shadow: 0px 0px 2px #00841e;
    overflow: hidden;
    padding: 2rem;
    background: #d4edda;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed;
}
.card-orange-dashed {
    box-shadow: 0px 0px 2px #bf5001;
    overflow: hidden;
    padding: 2rem;
    background: #ffc9a2;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed;
}
.card-red-dashed {
    box-shadow: 0px 0px 2px #bb0014;
    overflow: hidden;
    padding: 2rem;
    background: #f8d7da;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed;
}



/*Only-border*/

.card-blue-border {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
  border:solid 2px #007dff;
}
.card-yellow-border {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
  border:solid 2px #d29e00;
}
.card-green-border {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
  border:solid 2px #00841e;
}
.card-orange-border {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
  border:solid 2px #bf5001;
}
.card-red-border {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
  border:solid 2px #bb0014;
}


/*dotted-border*/
.card-blue-border-dotted {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dotted 2px #007dff;
}
.card-yellow-border-dotted {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dotted 2px #d29e00;
}
.card-green-border-dotted {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dotted 2px #00841e;
}
.card-orange-border-dotted {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dotted 2px #bf5001;
}
.card-red-border-dotted {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dotted 2px #bb0014;
}


/*Dashed-border*/
.card-blue-border-dashed {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #004085;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed 2px #007dff;
}
.card-yellow-border-dashed {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #856404;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed 2px #d29e00;
}
.card-green-border-dashed {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #155724;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed 2px #00841e;
}
.card-orange-border-dashed {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #c76e2e;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed 2px #bf5001;
}
.card-red-border-dashed {
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
    color: #721c24;
    margin-top:4rem;
    margin-bottom:4rem;
  border:dashed 2px #bb0014;
}



.blockquote-wrapper {
  display: flex;
  padding: 0 20px;
  background-color: #1f53f1;
}
.blockquote-1 {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #fff;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.blockquote-1 p.h1 {
    position: relative;
    color:#fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}


.blockquote:after {
    position: absolute;
    height: 70px;
    width: 70px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(255, 255, 255)" d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983zm14.017 0v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151c2.433-.917 3.996-3.638 3.996-5.849h-3.983v-10h9.983z"></path></svg>') no-repeat;
    background-size: 70px 70px;
    margin-left: 70%;
    margin-top: 0%;
}


@media all and (min-width: 600px) {
    .blockquote-1 p.h1 {
        font-size: 30px;
   }

}


.blockquote-1 p.h4 {
    position: relative;
    color:#fff;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}

/*next*/

.blockquote-wrapper-2 {
   display: flex;
   padding: 0 20px;
   background-color: transparent;
}

.blockquote-2 {
    position: relative;
    font-family: 'Barlow Condensed', sans-serif;
    max-width: 620px;
    margin: 40px auto ;
    align-self: center;
}

.blockquote-2 p.h1 {
    font-family: 'Abril Fatface', cursive;
    position: relative; /* for pseudos */
    color: #000;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius:20px;
    padding: 25px;
}

/* Blockquote right double quotes */
.blockquote-2 p.h1:after {
    content:"";
    position: absolute;
    border: 2px solid #000;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}

.blockquote-2 h1:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #292a2b;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}

/* increase header size after 600px */
@media(min-width: 600px) {
    .blockquote-2 p.h1 {
        font-size: 20px;
        line-height: 1.2;
   }

}

/* Blockquote subheader */
.blockquote-2 p.h4 {
    position: relative;
    color: #000;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote-2 p.h4:first-letter {
  margin-left:-12px;
}

/*next*/

.otro-blockquote{
  font-size: 1rem;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #0954D3 ;
  line-height:1.6;
  position: relative;
  background:#D9E7FF;
}

.otro-blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#0954D3;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

.otro-blockquote::after{
  content: '';
}

.otro-blockquote span{
  display:block;
  color:#16306c;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
.left-border-red{
  width: 100%;
  background-color: #fcf3f3;
  overflow: hidden;
  border-left:solid #bf0d0b 5px;
  padding: 20px;
        margin-bottom:1rem;
        margin-top:1rem;
}
.left-border-green{
  width: 100%;
  background-color:#D3F8D0;
  overflow: hidden;
  border-left:solid #11640A 5px;
  padding: 20px;
        margin-bottom:1rem;
        margin-top:1rem;
}
.left-border-orange{
  width: 100%;
  background-color:#F9EDE5;
  overflow: hidden;
  border-left:solid #EC6F25 5px;
  padding: 20px;
        margin-bottom:1rem;
        margin-top:1rem;
}
.left-border-yellow{
  width: 100%;
  background-color:#F7F3B0;
  overflow: hidden;
  border-left:solid #F3E813 5px;
  padding: 20px;
        margin-bottom:1rem;
        margin-top:1rem;
}
.left-border-blue{
  width: 100%;
  background-color:#DEEBFB;
  overflow: hidden;
  border-left:solid #004085 5px;
  padding: 20px;
        margin-bottom:1rem;
        margin-top:1rem;
}
.single-content ul li, .single-content ol li{
    line-height: 1.5;
    margin-top:1rem;
}
.single-content li img{
   margin-top:0.5rem;
}
.list-righta, .list-check, .list-pin, .list-arrow, .list-rightc, .list-checkb, .list-note, .list-bookmark{
    list-style: none;
    padding-left: 20px;
}
.list-righta li, .list-rightc li, .list-check li, .list-checkb li, .list-pin li, .list-arrow li, .list-note li, .list-bookmark li{
    margin-top: 15px;
    margin-left: 10px;
}
.list-righta li:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 50 50"><path fill="rgb(0,0,0,.5)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
    background-size: 20px 20px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-rightc li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(9, 84, 211,.9)" d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z"></path><path fill="rgba(9, 84, 211,.9)" d="M5.543 11.043l1.414 1.414 4.457-4.457-4.457-4.457-1.414 1.414 3.043 3.043z"></path></svg>') no-repeat;
    background-size: 20px 20px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-checkb li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(9, 84, 211,.9)" d="M6.21 14.339l-6.217-6.119 3.084-3.035 3.133 3.083 6.713-6.607 3.084 3.035-9.797 9.643zM1.686 8.22l4.524 4.453 8.104-7.976-1.391-1.369-6.713 6.607-3.133-3.083-1.391 1.369z"></path></svg>') no-repeat;
    background-size: 20px 20px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-check li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(8, 104, 29,.9)" d="M13.5 2l-7.5 7.5-3.5-3.5-2.5 2.5 6 6 10-10z"></path></svg>') no-repeat;
    background-size: 18px 18px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-note li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(236, 111, 37,.9)" d="M14.5 2h-4.5c0-1.105-0.895-2-2-2s-2 0.895-2 2h-4.5c-0.276 0-0.5 0.224-0.5 0.5v13c0 0.276 0.224 0.5 0.5 0.5h13c0.276 0 0.5-0.224 0.5-0.5v-13c0-0.276-0.224-0.5-0.5-0.5zM8 1c0.552 0 1 0.448 1 1s-0.448 1-1 1c-0.552 0-1-0.448-1-1s0.448-1 1-1zM14 15h-12v-12h2v1.5c0 0.276 0.224 0.5 0.5 0.5h7c0.276 0 0.5-0.224 0.5-0.5v-1.5h2v12z"></path><path fill="rgba(236, 111, 37,.9)" d="M7 13.414l-3.207-3.707 0.914-0.914 2.293 1.793 4.293-3.793 0.914 0.914z"></path></svg>') no-repeat;
    background-size: 18px 18px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-arrow li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(8, 104, 29,.9)" d="M9.707 13.707l5-5c0.391-0.39 0.391-1.024 0-1.414l-5-5c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l3.293 3.293h-9.586c-0.552 0-1 0.448-1 1s0.448 1 1 1h9.586l-3.293 3.293c-0.195 0.195-0.293 0.451-0.293 0.707s0.098 0.512 0.293 0.707c0.391 0.391 1.024 0.391 1.414 0z"></path></svg>') no-repeat;
    background-size: 18px 18px;
    margin-left: -30px;
    margin-top: 2px;
}
.list-bookmark li:before {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="rgba(236, 111, 37,.9)" d="M3 0v16l5-5 5 5v-16z"></path></svg>') no-repeat;
    background-size: 18px 18px;
    margin-left: -30px;
    margin-top: 5px;
}
.highlighted-box-bulb{
    border:2px solid #45c968;
    position: relative;
    color: #12181f;
    padding: 1.5rem 5rem 1.5rem 1.5rem;
    border-radius: 5px;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.highlighted-box-bulb:before{
    background: url(assets/img/elements/highlihgted-box-icon-bulb.svg) no-repeat;
    background-size: contain;
    position: absolute;
    content: '';
    display: block;
    width: 70px;
    height: 90px;
    top: -28px;
    right: -15px;
}
.highlighted-box-steps{
    border: 2px solid #fe8719;
    position: relative;
    padding: 1.5rem 5rem 1.5rem 1.5rem;
    border-radius: 5px;
    color: #12181f;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.highlighted-box-steps:before{
    background: url(assets/img/elements/highlihgted-box-icon-steps.svg) no-repeat;
    width: 70px;
    height: 90px;
    top: -28px;
    right: -15px;
    background-size: contain;
    position: absolute;
    content: '';
    display: block;
}
.highlighted-box-link{
    background-color: #fafbfc;
    border: 2px solid #e7eaed;
    position: relative;
    padding: 1.5rem 5rem 1.5rem 1.5rem;
    border-radius: 5px;
    color: #12181f;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.highlighted-box-link:before{
    background: url(assets/img/elements/highlihgted-box-icon-link.svg) no-repeat;
    width: 70px;
    height: 90px;
    top: -28px;
    right: -15px;
    background-size: contain;
    position: absolute;
    content: '';
    display: block;
}
.highlighted-box-faq{
    background-color: #fafbfc;
    border: 2px solid #e7eaed;
    position: relative;
    padding: 1.5rem 5rem 1.5rem 1.5rem;
    border-radius: 5px;
    color: #12181f;
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.highlighted-box-faq:before{
    background: url(assets/img/elements/highlihgted-box-icon-faq.svg) no-repeat;
    width: 70px;
    height: 90px;
    top: -38px;
    right: -15px;
    background-size: contain;
    position: absolute;
    content: '';
    display: block;
}
.highlighted-box-faq h2, .highlighted-box-faq h3, .highlighted-box-faq h4, .highlighted-box-faq h5, .highlighted-box-faq h6, .highlighted-box-link h1, .highlighted-box-link h3, .highlighted-box-link h4, .highlighted-box-link h5, .highlighted-box-link h6, .highlighted-box-steps h2, .highlighted-box-steps h3, .highlighted-box-steps h4, .highlighted-box-steps h5, .highlighted-box-steps h6, .highlighted-box-bulb h2, .highlighted-box-bulb h3, .highlighted-box-bulb h4, .highlighted-box-bulb h5, .highlighted-box-bulb h6{
padding-top:0px;
}
.toc-hv,.toc-hv:hover{
    background: #b30000!important;
    color: #fff!important;
}

.text_color{
    color:rgba(255,255,255,.6)
}
.text_color:hover{
    color:#fbbc05
}
.text_blue_dark{
    color:#001124;
}
.bg_blue_dark{
    background-color:#001124!important;
}
.bg_blue_dark90{
    background-color:#001935
}
.bg_blue_dark a,
.bg_blue_dark90 a{
  color:#ffbe00
}
.initial_caps{
    text-transform:capitalize
}
.wc_title{
    border-radius:9px;
    padding:10px 20px;
    margin-bottom:0;
    color:#fff;
    font-weight:600;
    letter-spacing:1px;
    font-size:16px
}

.card_blue {
    border-style: solid;
    border-width: 1px;
    border-color: #eeecfd;
    background-color: linear-gradient(165deg, #fff 11%, #f5f7ff 95.97%);
    border-radius: 12px;
    -webkit-box-shadow: 6px 6px 16px rgba(117, 128, 189, .24);
    box-shadow: 6px 6px 16px rgba(117, 128, 189, .24);
}