.work-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.0015em;
  margin-bottom: 2.9rem;
  text-transform: capitalize;
  transition: all 0.3s;

}

.work-title1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.0015em;
  margin-bottom: 2.9rem;
  text-transform: capitalize;
  transition: all 0.3s;

}

.work-title:hover,
.course-info h4:hover {
  color: var(--clr-def);
}

.pb-140 {
    padding-bottom: 14rem;
}

.pd-50 {
    padding: 5rem 0;
}

.de-padding {
    padding: 4rem 0;
}

.de-pt {
    padding-top: 8rem;
}

.de-pb {
    padding-bottom: 8rem;
}

.pt-0 {
    padding-top: 0rem;
}

.pt-10 {
    padding-top: 1rem;
}

.pt-20 {
    padding-top: 2rem;
}

.pt-30 {
    padding-top: 3rem;
}

.pt-40 {
    padding-top: 4rem;
}

.pt-50 {
    padding-top: 5rem;
}

.pt-60 {
    padding-top: 6rem;
}

.pt-70 {
    padding-top: 7rem;
}

.pt-80 {
    padding-top: 8rem;
}

.pt-90 {
    padding-top: 9rem;
}

.pt-100 {
    padding-top: 10rem;
}

.pb-0 {
    padding-bottom: 0rem;
}

.pb-10 {
    padding-bottom: 1rem;
}

.pb-20 {
    padding-bottom: 2rem;
}

.pb-30 {
    padding-bottom: 3rem;
}

.pb-40 {
    padding-bottom: 4rem;
}

.pb-50 {
    padding-bottom: 5rem;
}

.pb-60 {
    padding-bottom: 6rem;
}

.pb-70 {
    padding-bottom: 7rem;
}

.pb-80 {
    padding-bottom: 8rem;
}

.pb-90 {
    padding-bottom: 9rem;
}

.pb-100 {
    padding-bottom: 10rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: 1rem;
}

.mt-20 {
    margin-top: 2rem;
}

.mt-30 {
    margin-top: 3rem;
}

.mt-40 {
    margin-top: 4rem;
}

.mt-50 {
    margin-top: 5rem;
}

.mt-60 {
    margin-top: 6rem;
}

.mt-70 {
    margin-top: 7rem;
}

.mt-80 {
    margin-top: 8rem;
}

.mt-90 {
    margin-top: 9rem;
}

.mt-100 {
    margin-top: 10rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-50 {
    margin-bottom: 5rem;
}

.mb-60 {
    margin-bottom: 6rem;
}

.mb-70 {
    margin-bottom: 7rem;
}

.mb-80 {
    margin-bottom: 8rem;
}

.mb-90 {
    margin-bottom: 9rem;
}

.mb-100 {
    margin-bottom: 10rem;
}

.pos-rel {
    position: relative;
    z-index: 1;
}

/*Theme Button*/
.tm-btn {
    padding: 1.2rem 4rem;
    line-height: 30px;
    border: none;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--clr-heading);
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: capitalize;
}

.sec-title {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 500;
    margin-bottom: 0;
}

.btn-1 {
    padding: 1.2rem 4rem;
    line-height: 30px;
    background-color: #222222;
    border: none;
    color: var(--clr-body);
    outline: none;
    font-weight: 600;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.btn-1::before {
    position: absolute;
    content: '';
    background-color: var(--clr-def);
    height: 100%;
    width: 5%;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: -1;
    transform-origin: left;
}

.btn-1:hover::before {
    width: 100%;
    border: 1px solid var(--clr-def);
    -webkit-border-radius: 0%;
    border-radius: 0%;
}

.btn-1:hover {
    color: var(--clr-white);
}

.btn-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.0015em;
    color: #00CAC6;
}

.btn-2 i {
    margin-left: 7px;
}

.btn-4 {
    background-color: var(--clr-def);
    border: none;
}

.btn-5 {
    background-color: var(--clr-def-2);
    border: none;
}

.btn-6 {
    background-color: var(--clr-def);
    border: none;
    border-radius: var(--rad-1) !important;
}

.btn-6 img {
    margin-right: 8px;
}

.btn-4,
.btn-5 {
    padding: 1.2rem 4rem;
    line-height: 30px;
    color: var(--clr-white);
    outline: none;
    font-weight: 600;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.btn-6 {
    padding: 0.6rem 3rem;
    line-height: 30px;
    color: var(--clr-white);
    outline: none;
    font-weight: 600;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.btn-4::before,
.btn-5::before,
.btn-6::before {
    position: absolute;
    content: '';
    background-color: var(--clr-black);
    border: none;
    height: 0;
    width: 102%;
    top: 0;
    left: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: -1;
    visibility: hidden;
}

.btn-4:hover::before,
.btn-5:hover::before,
.btn-6:hover::before {
    height: 102%;
    visibility: visible;
    color: var(--clr-white);
}

.btn-4:hover,
.btn-5:hover,
.btn-6:hover {
    color: var(--clr-white);
}

.btn-7 {
    height: 35px;
    width: 90px;
    border-radius: 2px;
    outline: 1px solid #C4C4C4;
    font-size: 14px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0.001em;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 1;
}

.btn-7::before {
    position: absolute;
    z-index: -1;
    content: '';
    height: 100%;
    width: 0%;
    background-color: var(--clr-def);
    top: 0;
    right: 0;
    transition: all .5s ease;
}

.btn-7:hover::before {
    width: 100%;
}

.btn-7:hover {
    color: var(--clr-white);
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1194px;
    }
}

/*-------------------------------------------------------
23. Grids css 
---------------------------------------------------------*/
.grid-2 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(6, 1fr);
}

.grid-px-2 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.gap-0 {
    grid-gap: 0;
}


/*-------------------------------------------------------
17. Blog css 
---------------------------------------------------------*/
.blog-box {
    padding: 1.5rem;
    box-shadow: 0px 0px 1px 0px rgba(7, 14, 39, 0.5);
    border-radius: 5px;
    transition: all .5s ease;
    color: #000;
}

.blog-box:hover {
    box-shadow: 0px 20px 50px 0px rgba(7, 14, 39, 0.07);
}

.blog-box .blog-pic img {
    width: 100%;
    border-radius: 5px;
}

.blog-box .blog-meta ul {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-bottom: 1.8rem;
}

.blog-box .blog-desc {
    padding: 3rem 1.5rem 1rem 1.5rem;
}

.blog-box .blog-desc h5 {
    margin-bottom: 1.5rem;
    color: #000;
}

.blog-box .blog-desc p {
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: 0.005em;
    padding-left: 0 !important;
}


@media (min-width: 960px) {
    .container {
        width: 100%;
        max-width: 1400px;
    }
}

.container {
    width: 100%;
    margin: 0 auto;
}




@media (min-width: 960px) {
    .container {
        width: 100%;
        max-width: 1200px;
    }
}

/*-------------------------------------------------------
17. Counter css 
---------------------------------------------------------*/
.pagination {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 8rem;
}

.pagination a {
  height: 4rem;
  width: 4rem;
  line-height: 4rem;
  text-align: center;
  color: var(--clr-heading);
  font-weight: 600;
  font-size: 1.6rem;
  border-radius: 50%;
  transition: all .5s ease;
  border: 1px solid var(--clr-def);
}

.pagination a:hover {
  background-color: var(--clr-def);
  color: var(--clr-white);
}

.cnt {
  justify-content: center;
}

.theme-single.blog-single {
  padding: 2rem;
}

.theme-single {
  padding: 1.5rem 2rem;
  box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.1);
  border-radius: 5px;
}

.theme-info {
  padding: 0rem 3rem 1rem 3rem;
}

.theme-pic {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.theme-pic .big-pic {
  width: 100%;
  border-radius: 5px;
}

.theme-pic .theme-ovll {
  position: absolute;
  height: 0%;
  width: 100%;
  top: -30%;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s ease;
}

.theme-pic .theme-ovll::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #070E27;
  opacity: 0.8;
  border-radius: 5px;
}

.theme-pic:hover .theme-ovll {
  height: 100%;
  top: 0;
}

.theme-opt-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.0015em;
}

.theme-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(7, 14, 39, 0.1);
  margin-bottom: 3rem;
}

.theme-meta .theme-meta-left ul {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.theme-meta .theme-meta-right {
  display: flex;
  align-items: center;
  gap: 3rem;
}

.theme-meta .theme-meta-right .footer-social li a i {
  background: rgba(0, 170, 235, 0.1);
  color: var(--clr-def);
}

.theme-meta .theme-meta-right .footer-social li a i:hover {
  background-color: var(--clr-def);
  color: var(--clr-white);
}

.theme-meta .share-btn a {
  display: flex;
  align-items: center;
}

.theme-meta .share-btn a i {
  font-size: 2rem;
  margin-right: 1rem;
}

.theme-desc h2 {
  margin-bottom: 3rem;
}

.theme-opt {
  margin-bottom: 3rem;
}

.theme-opt:last-child {
  margin-bottom: 0;
}

.theme-opt ul {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.theme-opt ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.0015em;
  position: relative;
  z-index: 1;
  padding-left: 2rem;
}

.theme-opt ul li a {
  text-decoration: underline;
}

.theme-opt ul li::before {
  position: absolute;
  content: '';
  height: 1rem;
  width: 1rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--clr-heading);
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.theme-price-plan .theme-price-single {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.theme-price-plan .theme-price-single .form-check-input {
  margin-top: 0;
  outline: none;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.theme-price-plan .theme-price-single .form-check-input:focus {
  outline: none;
  box-shadow: none;
}

.theme-price-plan .theme-price-single .form-check-input:checked {
  background-color: transparent;
  border: 1px solid var(--clr-def);
}

.theme-price-plan .theme-price-single .form-check-input:checked::before {
  position: absolute;
  content: '';
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: var(--clr-def);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.plan-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.005em;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(7, 14, 39, 0.1);
}

.theme-price-single .form-check-label {
  margin-left: 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  letter-spacing: 0.005em;
  color: var(--clr-heading);
}

.theme-price-single .theme-price-value {
  color: var(--clr-def-2);
  font-size: 16px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.005em;
}

.theme-bottom-price-btuoon {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}

.theme-bottom-price-port {
  margin-top: 3rem;
}

.price {
  padding: 3rem 2rem;
}

.theme-bottom-price-btuoon .btn-6 {
  padding: 1.2rem 3rem;
}

.btn-11 {
  display: inline-block;
  padding: 2rem;
  background-color: var(--clr-bg-2);
  color: var(--clr-def);
  border-radius: 4px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.0015em;
}

.btn-11:hover {
  background-color: var(--clr-def);
  color: var(--clr-white);
}

.theme-single-pill {
  box-shadow: 0px 0px 50px 0px rgba(7, 14, 39, 0.1);
  background-color: var(--clr-white);
}

.theme-single-pill .nav {
  display: flex;
  flex-wrap: inherit;
  padding-left: 0;
  margin-bottom: 0;
  justify-content: space-between;
}

.theme-single-pill .nav-pills .nav-item {
  width: 100%;
}

.theme-single-pill .nav-pills .nav-item .nav-link {
  border: 3px solid transparent;
  border-radius: 5px 5px 0 0;
  padding: 2rem 1rem;
  line-height: 1;
  margin-right: 0;
  color: var(--clr-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.0015em;
  width: 100%;
}

.theme-single-pill .nav-pills .nav-link.active,
.theme-single-pill .nav-pills .show>.nav-link {
  color: var(--clr-white);
}

@media only screen and (max-width: 767px){
    .grid-3{
        grid-template-columns: 1fr;
    }
}