:root {
      --primary-color: #3498db;
      --primary-light: #5dade2;
      --primary-dark: #2980b9;
      --secondary-color: #2980b9;
      --secondary-light: #5499c7;
      --secondary-dark: #1f618d;
      --accent-color: #e74c3c;
      --accent-light: #ec7063;
      --accent-dark: #c0392b;
      --success-color: #27ae60;
      --success-light: #2ecc71;
      --success-dark: #219955;
      --warning-color: #f39c12;
      --warning-light: #f1c40f;
      --warning-dark: #d35400;
      --info-color: #2980b9;
      --info-light: #3498db;
      --info-dark: #2471a3;
      --danger-color: #e74c3c;
      --danger-light: #ec7063;
      --danger-dark: #c0392b;
      --text-color: #333333;
      --text-muted: #999999;
      --light-text: #666666;
      --background-color: #ffffff;
      --light-background: #f9f9f9;
      --dark-background: #f2f2f2;
      --border-color: #eeeeee;
      --border-dark: #dddddd;
      --font-primary: 'PeydaWeb', 'IRANSans', 'Tahoma', sans-serif;
      --font-heading: 'PeydaWeb', 'IRANSans', 'Tahoma', sans-serif;
      --shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
      --transition: all 0.3s ease;
    }

    body {
      font-family: 'PeydaWeb', 'Tahoma', sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f9f9f9;
      direction: rtl;
      color: var(--text-color);
    }

    header {
      background-color: var(--primary-color);
      color: white;
      text-align: center;
    }
    
    .rtl-text {
      direction: rtl;
      text-align: right;
      font-family: var(--font-primary);
      line-height: 1.8;
    }
    
    .container {
      max-width: 1140px;
      margin: 0 auto;
      padding: 0 1rem;
    }
    
    .container-small {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 1rem;
    }
    
   
   
    
    .title-large {
      font-family: var(--font-heading);
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: var(--text-color);
    }

    .title-medium {
      font-family: var(--font-heading);
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 0.8rem;
      color: var(--text-color);
    }

    .title-small {
      font-family: var(--font-heading);
      font-size: 1.5rem;
      font-weight: 600;
      margin-bottom: 0.6rem;
      color: var(--text-color);
    }
    
    .paragraph {
      font-family: var(--font-primary);
      font-size: 1.1rem;
      line-height: 1.8;
      margin-bottom: 1.5rem;
      color: var(--text-color);
    }
    
    .lead {
      font-size: 1.25rem;
      font-weight: 500;
      color: var(--light-text);
      margin-bottom: 2rem;
      line-height: 1.6;
    }
    
    .card {
      border-radius: 8px;
      overflow: hidden;
      background-color: var(--background-color);
      box-shadow: var(--shadow);
      margin-bottom: 2rem;
      padding: 2rem;
    }
    
    .card-outlined {
      border: 2px solid var(--primary-color);
      border-radius: 8px;
      overflow: hidden;
      background-color: var(--background-color);
      margin-bottom: 2rem;
      padding: 2rem;
    }
    
    .outlined-box {
      border: 2px solid var(--primary-color);
      border-radius: 6px;
      padding: 1.5rem;
      margin: 2rem 0;
    }

    .dashed-box {
      border: 2px dashed var(--secondary-color);
      border-radius: 6px;
      padding: 1.5rem;
      margin: 2rem 0;
    }
    
    .dotted-box {
      border: 2px dotted var(--accent-color);
      border-radius: 6px;
      padding: 1.5rem;
      margin: 2rem 0;
    }
    
    .double-border-box {
      border: 4px double var(--primary-color);
      border-radius: 8px;
      padding: 1.5rem;
      margin: 2rem 0;
    }
    
    .highlight-box {
      border: 1px solid var(--accent-color);
      border-radius: 4px;
      padding: 1.5rem;
      margin: 2rem 0;
      background-color: rgba(231, 76, 60, 0.05);
    }
    
    .success-box {
      border-right: 4px solid #27ae60;
      background-color: rgba(39, 174, 96, 0.1);
      padding: 1rem 1.5rem;
      margin: 1.5rem 0;
    }
    
    .divider {
      height: 1px;
      background-color: var(--border-color);
      margin: 2rem 0;
      width: 100%;
    }

    .divider-dashed {
      border-top: 1px dashed var(--border-color);
      height: 0;
      margin: 2rem 0;
      width: 100%;
    }
    
    .divider-with-text {
      display: flex;
      align-items: center;
      text-align: center;
      margin: 2rem 0;
    }

    .divider-with-text::before,
    .divider-with-text::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid var(--border-color);
    }

    .divider-with-text::before {
      margin-left: 1rem;
    }

    .divider-with-text::after {
      margin-right: 1rem;
    }
    
    .button {
      display: inline-block;
      background-color: var(--primary-color);
      color: white;
      padding: 0.5rem 1.5rem;
      border-radius: 4px;
      font-weight: 500;
      text-decoration: none;
      transition: background-color 0.2s ease;
      cursor: pointer;
      border: none;
    }

    .button:hover {
      background-color: var(--secondary-color);
    }

    .button-outline {
      display: inline-block;
      background-color: transparent;
      color: var(--primary-color);
      padding: 0.5rem 1.5rem;
      border-radius: 4px;
      font-weight: 500;
      text-decoration: none;
      border: 1px solid var(--primary-color);
      transition: all 0.2s ease;
      cursor: pointer;
      margin-right: 0.5rem;
    }

    .button-outline:hover {
      background-color: var(--primary-color);
      color: white;
    }
    
    .tag {
      display: inline-block;
      background-color: var(--light-background);
      color: var(--light-text);
      padding: 0.2rem 0.8rem;
      border-radius: 100px;
      font-size: 0.85rem;
      margin-left: 0.5rem;
      margin-bottom: 0.5rem;
    }
    
    .mb-1 { margin-bottom: 0.5rem; }
    .mb-2 { margin-bottom: 1rem; }
    .mb-3 { margin-bottom: 1.5rem; }
    .mb-4 { margin-bottom: 2rem; }
    .mb-5 { margin-bottom: 3rem; }

    .mt-1 { margin-top: 0.5rem; }
    .mt-2 { margin-top: 1rem; }
    .mt-3 { margin-top: 1.5rem; }
    .mt-4 { margin-top: 2rem; }
    .mt-5 { margin-top: 3rem; }
    
    .text-center {
      text-align: center;
    }
    
    .shadow-md {
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .rounded {
      border-radius: 4px;
    }
    
    .rounded-lg {
      border-radius: 8px;
    }
    
    .image {
      max-width: 100%;
      height: auto;
      border-radius: 4px;
    }
    
    .image-bordered {
      max-width: 100%;
      height: auto;
      border: 3px solid var(--border-color);
      border-radius: 4px;
    }
    
    .image-gallery {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
      margin: 2rem 0;
    }
    pre {
      background: #23272e;
      color: #f8f8f2;
      border-radius: 8px;
      border: 1px solid #444;
      padding: 1rem;
      margin: 1.5rem 0;
      overflow-x: auto;
      font-family: 'Fira Mono', 'Consolas', 'monospace';
      font-size: 1rem;
      direction: ltr;
      text-align: left;
      line-height: 1.7;
    }
    pre code {
      background: none;
      color: inherit;
      font-family: inherit;
      font-size: inherit;
      padding: 0;
      border: none;
    }

.company-owner p{
  margin-bottom: 20px;
  }
  .tabsshopbox .tab-a{
  margin-bottom: 10px;
  }
  #toc{
      margin-top: 15px;
  box-shadow: none;
  border:1px solid #E9ECF1;
  }
  #toc ol li:before {
      content: "\f104";
      position: relative;
      display: inline-block;
      font-family: aghicon;
      transform: rotate(90deg);
      font-size: 10px;
      margin-left: 5px;
      transition: .5s;
  }
  .blogbox{
  
  }
  .mainblogtext p {
  
  font-size:17px ;
  }
  .body-web{
  
      margin-top: 190px;
  
  
  }
  
  .left-body{
      margin-top: -20px;
  }
  .btn-sign{
  
      border: #4651e1 1px solid;
      border-radius: 10px;
      font-weight: 500;
      margin-top: 10px;
  }
  .btn-sign1{
      border: #4651e1 1px solid;
      border-radius: 10px;
      font-weight: 500;
      margin-top: 10px;
      background-color: #4651E1;
      color:white ;
      width: 197px;
  
  }
  .image-top{
  
      border-radius: 0px 0px 0px 0px;
  }
  .menu-icon{
  
      color: blue;
      margin-left: 5px;
      
  }
  table, th, td {
      border: 1px solid black;
      border-collapse: collapse;
      text-align: center;
  
  
  
    }
    table{
      width: 100%;
    }
    .text-box{
      border: #3a45e194 3px solid ;
      border-bottom: 0px solid ;
      background-color: #FFF9EE;
      
    }
  
  .dot-box{
  
      border:#f8a602 3px solid;
      border-style: dashed;
  }
  .tags-new a{
      border: 1.5px solid #4651E1;
      border-radius: 5px;
      color: #4651E1;
     margin-right: 5px;
      
  }
  .line{
  
      width: 100%;
      box-sizing: border-box;
      border: 1px solid rgba(0, 0, 0, 0.412);
      
      
  }
  
  
  .text{
  
      display: flex;
      align-items: center; 
      justify-content: space-between;
  
  }
  .text a {
  
      text-decoration: none ;
      display: flex;
      align-items: center;
  }
  .soalat{
      display: flex;
  }
  
  .weblog{
      display: flex;
      justify-content: space-between;
  }
  .line2{
      color: #f8a602;
      border: 1px solid;
  }
  .weblog-box{
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #4e4e4e3a;
  height: 300px;
  width: 200px;
  
  }
  .weblog-box #span {
  
      background-color: #363636e4;
      border-radius: 20px;
      color: white;
      padding: 5px;
      font-size: small;
      right: 0;
      position: absolute;
      margin-right:30px;
      margin-top: 10px;
  }
  .weblog-box p {
      font-weight: bolder;
      color: black;
      margin: 10px;
  }
  .weblog-box p:hover{
      color: #f8a602;
      transition: ease-in-out  .2s;
  }
  .weblog-box span {
  
      color: #4E4E4E;
      
  }
  .nums{
      display: flex;
      align-items:center ;
  }
  
  
  .dropdown-menu{
  
      position: absolute;
      width: 300px;
      margin-left: 200px;
      background-color: #fff;
      transform: translatex(190px)
      translateY(20px)
  
  
      
  } 
  .dropdown-menu span {
      font-size: small;
      font-weight: bold;
      display: grid;
  }
  
  #s{
     display: flex;
     justify-content: center;
     justify-items: center    ;
  }
  .droptxt{
  
      width: 100%;
      background-color: #F4F4FF;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
      padding: 10px;
      
      
  }
  .droptxt p {
  
      color: black;
      font-size: x-small;
      font-weight: bold;
      margin-top: 10px;
      
  }
  .droptxt i {
  
      font-size: larger;
  }
  .droptxt span {
  
      font-size: x-small;
      
  }
  .b{
      display: flex;
      justify-content: space-between;
  
  }
  
  .bx:hover {
      color: #f8a602;
  }
  .profile1{
  
      background-color: #4651E1;
      border-radius: 50%;
  
  }
  
  .icon
  {
      display: flex;
      margin-left: 200px;
      margin-top: -20px;
  }
  .mx{
      display: flex;
      margin-left: 100px;
      
  }
  #a{
      background-color: #4651E1;
      padding: 10px;
  border-radius: 40px;
  font-size: xx-large;
  color: white;
  display: flex;
  justify-content: center;
  margin-top: -5px;
  }
  .ol li {
  margin-right: -10px;
  }
  .line3{
  
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.314);
      margin-left: 20px;
  }
  .min {
  
      background-color: #393939ee;
      padding: 5px;
      color: white;
      border-radius: 20px;
      font-size: small;
      position: absolute;
      right: 0;
      margin-right: 25px;
      margin-top: 10px;
  
      
  }
  .x{
  
      margin-top: 20px;
      border: 2px solid rgba(0, 0, 0, 0.052);
      border-radius: 20px;
      display: flex ;
      justify-content: center;
      height: 340px;
  
   
  }
  
  .y p {
  
      font-size: small;
  }
  .x #txthover:hover{
  
      color: #f8a602;
  }
  .line4 {
  
      color: #4E4E4E;
      width: 100%;
      border: #4e4e4e2b 1px solid;
  }
  .icon {
      background-color: #f8a602;
      padding: 10px;
      border-radius: 50px;
      position: absolute;
      margin-left: 30px;
      transform: translateY(40px);
  }
  .txt{
      display: none;
  }
  .imgblog{
      width: 200px;
  }
  .x .icon:hover {
  color: white;
  transition: ease-in-out 0.3s;
  }
  .blg {
      font-size: small;
      font-weight: bold;
  }
  
  .dd {
  
      width: 116%;
      display: flex;
      transform: translateX(15px);
      margin-top: -30px;
  }
  
  .xxx{
  
      display: flex;
      justify-content: center;
  }
  .imgblog img {
  
      border-radius: 8%;
  }
  .imgblog{
   margin-right: 25px;
  }
  .sideboxs.ulmenu:before {
      background: linear-gradient(to top, #fff, #0d0de8);
  }
  .ulmenu {
      margin-top: -20px;
  }
  .right-body:before {
      background: linear-gradient(to top, #fff, #0d0de8); }
  
  .txttool{
  
      color: white;
  }
        .signleblog{
          border: #4651e1 1px solid;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }
  .signleblog img{
      width: auto;
      max-width: 75%;
  margin-right: 100px;
  
  }
  img{
      width: auto;
      max-width: 100%;
  }
  [class*="col-"] {
    width: 100%;
  }
  @media only screen and (min-width: 600px) {
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}
  
  }
  .sidebox3{
      position: sticky;
      top: 95px; 
      background: white; 
      padding-top: 15px;
      padding-bottom: 15px;
      border-radius: 10px;
  width: auto;
      z-index: 1000; 
  }
  .sidebox4{
  width: 1000;
      position: sticky;
   padding-top: 15px;
      top: 550px;
      background: white;
      padding-top: 15px;
      border-radius: 10px;
   padding-bottom: 15px;
      z-index: 100;
  padding-top:40px;
  }
  @media only screen and (min-width: 768px) {
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}
  display: inline;
  }
  .comment{
  width: 79%;
  margin-right: -30px;
     
  border-radius: 10px;
    
  }
  .comment form{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  /* h2,h3,h4{
      padding-top: 20px;
          display: inline-block; 
          overflow: hidden; 
          white-space: nowrap;
          width: 0;
          animation: typing 4s steps(40, end) forwards; 
      } */
  p{
  size: 20px;
  
  }
  .t{
  
            box-shadow: 0 4px 8px 0 #fcf4e4;
  background-color: rgb(246, 247, 255);
  border: 1px inset rgb(167, 173, 252);
          border-radius: 10px;
          padding-top: 5px;
         padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  
  }
  @keyframes typing {
      from {
          width: 0; 
      }
      to {
          width: 100%; 
      }
  }
        .r{
           width: 100%;
  border: 2px dashed #f8a602;
          border-radius: 10px;
          padding-top: 5px;
         padding-right: 20px;
  padding-left: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
  
        }
  
  #s{
          justify-content: right;
          justify-items: right;
          border-bottom: 3px solid #E9ECF1;
         margin-bottom: 5px;
  }
  #b{
  padding-top: 2px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #E9ECF1;}
  .sideboxs{
  
      margin-top: -19px;
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  }
  .sideboxs span{
  padding-top:10px;
  padding-bottom:28px;
  }
  #h{
  border-top: 1px solid #E9ECF1;}
  
  @media only screen and (max-width: 768px) {
  .pdfscctitle p {
      text-align: center;
  }
  
      .titlepage {
      font-size: 17px;
  }
  
      .titlepage.lawstitle {
      font-size: 14px;
  }
  
  
  .searchpdbox button#srch span {
      display: block;
  }
      
          .formcontact {
          padding: 40px 15px;
      }
      .ttboxabout {
          margin-top: 20px;
          padding: 0;
      }
      .maincntprofile > ul {
          display: block;
          text-align: center;
      }
      .maincntprofile > ul li {
          width: 47%;
          display: inline-block;
          text-align: center;
          margin: 5px 3px;
      }
      .maincntprofile {
          margin-top: 40px;
      }
      .maincntprofile > ul li a {
          padding: 10px 0;
      }
      .sathcurstdesc {
          margin-top: 30px;
      }
      .singlecourses .select.slccourses select {
          width: 100%;
          max-width: 100%;
      }
      .singlecourses .select.slccourses {
          display: block;
          margin-bottom: 20px;
          margin-right: 0;
      }
      .singlecourses .atcright button {
          width: 55%;
      }
      .singlecourses .tabsshopbox ul {
          display: block;
          text-align: center;
      }
      .singlecourses .tabsshopbox li {
          width: 49%;
          margin: 10px 0;
      }
      .sttaboutdv {
          border-bottom: 1px solid #ffffff33;
          border-left: none;
          padding: 20px 0;
      }
      .ser .serbx h3 {
          font-size: 30px;
      }
      .btsjpright {
          margin-bottom: 30px;
      }
      .frcpjdt {
          display: flex;
          border-top: 1px solid #F2F2F2;
          justify-content: space-between;
          padding: 0 12px;
          flex-direction: row-reverse;
      }
      .frcpjdt span {
          font-size: 12px;
          padding-top: 7px;
      }
      .bottomsecsjp {
          display: block;
      }
      .btsbxprj {
          text-align: center;
          margin: 0 20px;
      }
      .btsjpleft .btsbxprj {
          text-align: center;
      }
      .tagsprj p {
          margin: 0;
          display: block;
      }
      .tagsprj a , .tagsprj span {
          width: 45%;
          display: inline-block;
          text-align: center;
          margin: 4px 7px;
          font-size: 10px;
          padding: 10px 0;
      }
      .prtbox1 {
          border-bottom: 1px solid #d9d9d9;
          padding-bottom: 20px !important;
          margin-bottom: 20px;
      }
      .filltertop .fltp:last-child {
          width: 100%;
      }
      .projectbox {
          display: block;
          padding: 15px;
      }
      .prtbox1, .prtbox2 {
          width: 100%;
          padding: 0;
      }
      .coursespage .searchpdbox span {
          display: none;
      }
      .coursespage .searchpdbox input {
          padding-right: 15px;
      }
      .coursesbox {
          display: block;
      }
      .coursesimg , .coursesdt {
          width: 100%;
          padding: 0;
      }
      .corsesname {
          display: flex;
          flex-direction: column-reverse;
          text-align: center;
          align-content: center;
      }
      .coursesdt ul li {
      }
      .coursesdt ul {
          display: block;
          margin-bottom: 20px;
      }
      a.lnksttg.crvc {
          margin-bottom: 60px;
      }
      .asqbox.asweradmin:before {
          background: linear-gradient(to top, #ffffff, #4651e1);
      }
      .singlepdf .tpsdata h1 {
          padding: 0 0 10px 0;
          margin-top: 20px;
      }
      .singlepdf ul.stars.sshop {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: center;
      }
      .singlepdf .tpsdata p {
          text-align: justify;
      }
      .singlepdf .addtocart {
          text-align: center;
          display: flex;
      }
      .singlepdf .atcright {
          text-align: center;
      }
      .singlepdf .atcleft {
          text-align: center;
      }
      .singlepdf .tabsshopbox li {
          width: 100%;
          margin-bottom: 10px;
      }
      .singlepdf .tabsshopbox ul {
          display: block;
      }
      .asqbox {
          text-align: center;
      }
      .ttlsfasq {
          float: none;
      }
      .dtasq {
          float: none;
          margin-top: 10px;
      }
      .asqbox p {
          text-align: center;
      }
      .asqlnk {
          text-align: center;
      }
      .asqbox:before {
          background: linear-gradient(to top, #ffffff, #f8a602);
      }
      .pdfscc .pdfsccbox .pdfscctitle {
          display: block;
          text-align: center;
          padding-bottom: 0;
      }
      span.pdfnum {
          margin: 0;
      }
      .pdfsccbtn {
          float: none;
          display: flex;
          justify-content: center;
          margin-bottom: 20px;
          padding-left: 1px;
      }
      .tbtdfa .col-lg-6 {
          margin: 0 auto;
      }
      .videobximg {
          width: 100%;
          display: block;
      }
      .videobxd {
          display: block;
      }
      .vidbxdt {
          width: 100%;
      }
      .filltertop {
          display: block;
      }
      .pdfbox {
          display: block;
          text-align: center;
          padding-bottom: 70px;
          width: 90%;
          margin: 20px auto;
      }
      .pdfimg {
          width: 100%;
          margin-bottom: 20px;
      }
      .datapdf {
          width: 100%;
          padding: 0;
          text-align: center;
      }
      .strsel {
          display: flex;
          justify-content: center;
          margin: 6px 0;
      }
      ul.pdfli {
          line-height: 2;
      }
      ul.pdfli li , span.pdfseller {
          font-size: 13px;
      }
      .pdfimg img {
          height: 170px;
      }
      .ratingstr {
          margin-bottom: 15px;
      }
      .seller {
          margin-bottom: 20px;
          height: auto;
          padding-bottom: 20px;
      }
      .seller a {
          position: relative;
          top: 0;
          left: 0;
      }
      span.sellertitle, span.sellerinformation {
          top: 50%;
          transform: translateY(-50%) rotate(90deg);
      }
      .informationshop {
          height: auto;
          padding: 20px 60px 20px 20px;
      }
      .tabsshopbox .tab-a {
          margin: 0;
          padding: 9px 0;
          width: 95%;
      }
      .tabsshopbox li {
          width: 33.3%;
          text-align: center;
      }
      .tabsshopbox ul {
          display: flex;
          width: 100%;
      }
      .attbox li span.att1 {
          width: 40%;
      }
      .attbox li span.att2 {
          width: 60%;
      }
      .tabtextbox ul li {
          padding: 0 15px;
      }
      .tabsshopbox2 .tab span.cmtime {
          left: 0;
          top: 25px;
      }
      .tabsshopbox2 .tab span.resultrate {
          float: none;
          left: 16px;
          padding: 4px 35px 4px 17px;
          display: block;
      }
      .topmainshop {
          display: block;
      }
      .tpsimg {
          width: 100% !important;
      }
      .tpsdata {
          width: 100% !important;
          padding: 20px 4px;
      }
      .catrate ul.catdt {
          display: block;
      }
      .tpsdata .itemdesc li {
          width: 100%;
      }
      .addtocart {
          display: inline-flex;
          flex-direction: column-reverse;
          width: 100%;
      }
      .atcright {
          width: 100% !important;
      }
      .atcleft {
          width: 100%;
          padding: 0 10px;
      }
      span.offprc {
          top: 0;
          margin-left: 7px;
      }
      .atcright button {
          width: 65%;
      }
      .counter {
          width: 30%;
      }
      .atcleft p {
          display: inline-block;
          top: -6px;
          margin-right: 7px;
      }
      span.spprc {
          display: inline;
      }
      .ftlbleft {
          width: 40%;
          top: 5px;
      }
      .col-lg-6.ftlbright {
          width: 60%;
      }
      .col-lg-3.sidebarshop {
          padding-top: 60px;
          padding-bottom: 70px;
      }
      .faqpage ul.accordion-list li {
          margin: 10px 0;
      }
      .imgfaq img {
          width: 109%;
          top: 0;
      }
      div#faqpage .row.column-reverse {
          top: 0;
      }
      .textfaq {
          padding-right: 15px;
          text-align: center;
      }
      .sub-list {
          width: 100%;
          display: block;
          margin: 0;
      }
      ul.accordion-list.faqulpage, ul.accordion-list.faqulpage2, ul.accordion-list.faqulpage3, ul.accordion-list.faqulpage4, ul.accordion-list.faqulpage5, ul.accordion-list.faqulpage6, ul.accordion-list.faqulpage7, ul.accordion-list.faqulpage8, ul.accordion-list.faqulpage9, ul.accordion-list.faqulpage10, ul.accordion-list.faqulpage11, ul.accordion-list.faqulpage12 {
          display: block;
      }
      .formcontact:before {
          background: linear-gradient(to top, #ffffff 40%, var(--color2));
      }
      .datacontact:before {
          background: linear-gradient(to top, #ffffff 40%, var(--color1));
      }
      .formcontact input {
          margin-bottom: 15px;
      }
      .fillerside {
          display: block;
      }
      .newsletter form input.mmv {
          width: 100% !important;
      }
      .newsletter form input.mmv {
          width: 100% !important;
      }
      .commentbox {
          padding: 30px 20px;
      }
      span.cmname {
          padding-right: 53px;
      }
      .commentbox img {
          right: 20px;
      }
      .commentbox p {
          padding: 15px 0;
      }
      span.cmtime {
          left: 23px;
      }
      .commentbox a {
          padding: 11px 19px;
      }
      .likedislike {
          left: 20px;
      }
      .likedislike button {
          padding: 11px 38px 11px 17px;
      }
      .likedislike button.dislike {
          padding: 11px 15px 11px 37px;
      }
      .signleblog h1 {
          font-size: 26px;
      }
      .prtsidebx {
          padding: 14px 13px 74px 13px;
      }
      .mainpage {
          padding-top: 120px;
      }
      .optionbox {
          display: block;
      }
      .optionbox > span {
          width: 100%;
          display: block;
          text-align: center;
          margin-bottom: 10px;
      }
      .optionboxli {
          text-align: center;
      }
      .optionboxli label {
          margin-bottom: 10px;
          display: block;
      }
      .model-open , .model-open2 , .model-open3 {
          z-index: 9999999999;
      }
      .pop-up-content-wrap {
          padding-bottom: 40px;
      }
      a.crvc {
          background: var(--color2);
          color: #fff !important;
          text-align: center;
          position: relative;
          top: 0;
          left: 0;
      }
      .flcleft p {
          font-size: 14px;
          line-height: 31px;
      }
      .subli li {
          font-size: 12px;
          line-height: 30px;
      }
      .courseright p {
          font-size: 14px;
          line-height: 30px;
      }
      .subli li {
          font-size: 14px;
      }
      .fbtnbox a {
          font-size: 13px;
      }
      .vclright p {
          font-size: 14px;
      }
      .vclright span {
          font-size: 16px;
      }
      .vclright a span {
          font-size: 13px !important;
      }
      ul.accordion-list li div.answer p {
          font-size: 14px;
      }
      ul.accordion-list li h3 {
          font-size: 14px;
      }
      .testimonial h3 {
          top: 0;
          position: relative;
      }
      .bestteachers {
          padding-bottom: 60px;
      }
      .btnbox a {
          width: 48%;
      }
      .faq {
          margin-bottom: 30px;
      }
      .searchmobile.active {
          visibility: visible;
          opacity: 1;
      }
      .ftr:before {
          top: -1px;
      }
      .toplvlftr {
          padding: 70px 20px 20px 20px !important;
      }
      .toplvlftr .col-lg-3 {
          width: 50%;
          padding: 0 0;
      }
      .datatlvlftbox span {
          font-size: 12px;
      }
      .datatlvlftbox p {
          font-size: 10px;
      }
      .col-lg-6.footermenu {
          width: 50%;
      }
      .col-lg-4.newsletter {
          border-top: 1px solid #ffffff24;
          border-bottom: 1px solid #ffffff24;
          padding-bottom: 40px;
          width: 90%;
          margin: 20px auto 20px auto;
      }
      .bottomlvlftr {
          display: block;
      }
      .bv1 {
          width: 100% !important;
          display: flex;
          justify-content: space-around;
      }
      .bv1 a img {
          height: 39px;
      }
      .centerlvlftr {
          padding: 30px 0 0 0;
      }
      .bv2,.bv3,.bv4 {
          width: 100%;
          margin: 20px 0;
      }
      .bv4 {
          display: flex;
      }
      .bv4 ul {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
      }
      .bv4 ul li {
          margin: 10px 20px 5px 20px;
      }
      
      .bv5 {
          width: 100%;
          margin: 0 auto;
      }
      .copyright {
          padding-bottom: 110px;
      }
      .copyright a {
          position: relative;
      }
      .testimonial {
          border-bottom-right-radius: 40px;
          border-bottom-left-radius: 40px;
      }
      .testimonial:before {
          width: 100%;
          background-size: 280px;
          bottom: -56px;
      }
      .vclr:before,.vclr:after {
          display: none;
      }
      .blogfaq {
          border-top-right-radius: 40px;
          border-top-left-radius: 40px;
      }
      .customers {
          border-top-right-radius: 40px;
          border-top-left-radius: 40px;
          margin-bottom: 20px;
          padding-top: 40px;
      }
      .customersbox {
          text-align: center;
      }
      .customersbox img {
          margin: 0 auto;
          height: 36px;
      }
      .imglevelsmo img {
          width: 80%;
      }
      .imglevelsmo {
          display: block;
          width: 100%;
          height: auto;
      }
      .imglevels {
          display: none;
      }
      .crsbm:before,.crsbm:after {
          display: none;
      }
      .subli3 li {
          width: 100%;
      }
      .moreph a {
          position: relative;
          left: 0;
          top: 0;
          font-size: 15px;
          font-family: "PeydaWebbold";
          border-bottom: 1px;
      }
      .moreph {
          position: relative;
          margin: 0px 7px;
          text-align: center;
          display: block;
      }
      .moreph a i {
          font-size: 11px;
          transform: rotate(89deg);
          display: inline-block;
          margin-right: 6px;
      }
      .moreph a:before {
          content: "";
          position: absolute;
          bottom: 1px;
          background: var(--color3);
          width: 88%;
          height: 1px;
          transition: 0.5s;
      }
      .owl-theme.carouselbase span.owl-next {
          left: -12px;
      }
      .owl-theme.carouselbase span.owl-prev {
      }
      .owl-theme.carouselbase .nav-button.owl-prev {
          right: -13px;
      }
      .titlebfclr a {
          display: none;
      }
      .titlebfclr h3 {
          text-align: center;
      }
      .fclr:before,.fclr:after {
          display: none;
      }
      .flcleft h2 {
          font-size: 28px;
      }
      .col-lg-7.flcleft {
          margin-top: 20px;
      }
      .subli {
          display: block;
      }
      .subli1,.subli2 {
          width: 100%;
          margin-bottom: 10px;
      }
      .fbtnbox {
          margin-top: 20px;
      }
      .slddatabox H4 {
          line-height: 54px;
      }
      .slddatabox {
          width: 100%;
          padding: 30px 0;
          text-align: center;
      }
      .owlcmnt .owl-controls {
          position: relative;
          width: 100%;
          display: flex;
          top: 0;
          transition: none;
          flex-direction: row;
          display: none;
      }
      .owlcmnt span.owl-prev {
          padding: 10px 43px;
          width: 45%;
          display: inline-block;
          margin: -4px 10px;
          float: left;
      }
      .owlcmnt span.owl-next {
          padding: 10px 43px;
          width: 45%;
          display: inline-block;
          margin: 0 8px;
          float: right;
          top: -3px;
          position: relative;
      }
      .slider-nav.slide-nav.owl-nav {
          width: 100%;
      }
      .owlcmnt span.owl-next i {
          top: 29px;
      }
      .owlcmnt span.owl-prev i {
          top: -29px;
      }
      .msdivbox {
          border-radius: 40px;
      }
      .msdiv {
          padding: 0 10px;
      }
      .owlcmnt:before {
          width: 100%;
          background-size: 280px;
      }
      a.buttonbtm {
          left: 0;
          right: 0;
          margin: 0 auto;
      }
      .owl-controls {
      }
      .sldimgbox {
          width: 100%;
      }
      .sliderbox {
          display: block;
      }
      .owl-slider {
          padding: 0;
          width: 100% !important;
      }
      .stkmenubox i.agh-search {
          font-size: 21px;
          position: relative;
          left: -2px;
          top: 2px;
      }
      .stkmenubox i.agh-customer-service-headset {
          font-size: 22px;
          position: relative;
          top: 2px;
      }
      .stkmenu {
          display: block;
          position: fixed;
          bottom: 0;
          background: var(--color2);
          width: 100%;
          padding: 13px 0px;
          border-top-right-radius: 30px;
          border-top-left-radius: 30px;
          z-index: 9999999999;
      }
      .stkmenuboxs {
          display: flex;
          justify-content: space-around;
      }
      .stkmenu a,.stkmenu {
          color: #fff;
      }
      .stkmenu i {
          display: block;
          text-align: center;
          font-size: 24px;
          height: 25px;
      }
      .stkmenubox span {
          font-size: 13px;
          position: relative;
          top: 4px;
      }
      .mlh {
          padding: 15px 0;
      }
      header.sticky {
          width: 100%;
          border-radius: 0;
      }
      header.sticky img {
          width: 130px;
      }
      .menu-btn {
          font-size: 37px;
          color: var(--color2);
          position: absolute;
          left: 17px;
          top: 10px;
          transition: 0.5s;
          display: inline-block;
      }
      header.sticky .menu-btn {
          font-size: 31px;
          top: 0;
      }
      .mlhright img {
          width: 200px;
      }
      .tlh {
          display: none;
      }
      .mlhright {
          width: 100%;
      }
      .mlhcenter {
          display: none;
      }
      .mlhleft {
          display: none;
      }
      .mlhleft div a {
          font-size: 15px !important;
          width: 40px;
          height: 40px;
      }
      .row.column-reverse {
          flex-direction: column-reverse;
      }
      html,body {
          overflow-y: auto !important;
      }
  .slddatabox h3{
  font-size: 18px;
  }
  .slddatabox h4{
  font-size: 14px;
  }
  
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  .prtbox2 ul {
      display: flex;
      gap: 40px;
      padding: 0 20px;
  }
      .searchpdbox button#srch span {
      display: block;
  }
  
      .sttaboutdv p {
          font-size: 15px;
      }
      .levels {
          margin: 40px 0;
      }
      .levels h3 {
          margin-bottom: 0;
      }
      .ttboxabout {
          margin-top: 20px;
          padding: 0;
      }
      .maincntprofile > ul {
          display: block;
          text-align: center;
      }
      .maincntprofile > ul li {
          width: 48%;
          display: inline-block;
          text-align: center;
          margin: 5px 3px;
      }
      .maincntprofile {
          margin-top: 40px;
      }
      .maincntprofile > ul li a {
          padding: 10px 0;
      }
      .sathcurstdesc {
          margin-top: 30px;
      }
      .singlecourses .select.slccourses select {
          width: 100%;
          max-width: 100%;
      }
      .singlecourses .select.slccourses {
          display: block;
          margin-bottom: 20px;
      }
      .singlecourses .atcright button {
          width: 55%;
      }
      .singlecourses .tabsshopbox ul {
          display: block;
          text-align: center;
      }
      .singlecourses .tabsshopbox li {
          width: 49%;
          margin: 10px 0;
      }
      .sttaboutdv {
          border-left: none;
          padding: 20px 0;
      }
      .ser .serbx h3 {
          font-size: 30px;
      }
      .btsjpright {
          margin-bottom: 30px;
      }
      .frcpjdt {
          display: flex;
          border-top: 1px solid #F2F2F2;
          justify-content: space-between;
          padding: 0 12px;
          flex-direction: row-reverse;
      }
      .frcpjdt span {
          font-size: 12px;
          padding-top: 7px;
      }
      .bottomsecsjp {
          display: block;
      }
      .btsbxprj {
          text-align: center;
          margin: 0 20px;
      }
      .btsjpleft .btsbxprj {
          text-align: center;
      }
      .tagsprj p {
          margin: 0;
          display: block;
      }
      .tagsprj a , .tagsprj span {
          width: 22%;
          display: inline-block;
          text-align: center;
          margin: 4px 7px;
          font-size: 10px;
          padding: 10px 0;
      }
      .prtbox1 {
          border-bottom: 1px solid #d9d9d9;
          padding-bottom: 20px !important;
          margin-bottom: 20px;
      }
      .filltertop .fltp:last-child {
          width: 100%;
      }
      .projectbox {
          display: block;
          padding: 15px;
      }
      .prtbox1, .prtbox2 {
          width: 100%;
          padding: 0;
      }
      .coursespage .searchpdbox span {
          display: none;
      }
      .coursespage .searchpdbox input {
          padding-right: 15px;
      }
      .coursesbox {
          display: block;
      }
      .coursesimg , .coursesdt {
          width: 100%;
          padding: 0;
      }
      .corsesname {
          display: flex;
          flex-direction: column-reverse;
          text-align: center;
          align-content: center;
      }
      .coursesdt ul li {
      }
      .coursesdt ul {
          display: block;
          margin-bottom: 20px;
      }
      a.lnksttg.crvc {
          margin-bottom: 60px;
      }
      .asqbox.asweradmin:before {
          background: linear-gradient(to top, #ffffff, #4651e1);
      }
      .singlepdf .tpsdata h1 {
          padding: 0 0 10px 0;
          margin-top: 20px;
      }
      .singlepdf ul.stars.sshop {
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          text-align: center;
      }
      .singlepdf .tpsdata h1 {
      }
      .singlepdf .tpsdata p {
          text-align: justify;
      }
      .singlepdf .addtocart {
          text-align: center;
          display: flex;
      }
      .singlepdf .atcright {
          text-align: center;
      }
      .singlepdf .atcleft {
          text-align: center;
      }
      .singlepdf .tabsshopbox li {
          width: 100%;
          margin-bottom: 10px;
      }
      .singlepdf .tabsshopbox ul {
          display: block;
      }
      .asqbox {
          text-align: center;
      }
      .ttlsfasq {
          float: none;
      }
      .dtasq {
          float: none;
          margin-top: 10px;
      }
      .asqbox p {
          text-align: center;
      }
      .asqlnk {
          text-align: center;
      }
      .asqbox:before {
          background: linear-gradient(to top, #ffffff, #f8a602);
      }
      .pdfscc .pdfsccbox .pdfscctitle {
          display: block;
          text-align: center;
          padding-bottom: 0;
      }
      span.pdfnum {
          margin: 0;
      }
      .pdfsccbtn {
          float: none;
          display: flex;
          justify-content: center;
          margin-bottom: 20px;
          padding-left: 1px;
      }
      .tbtdfa .col-lg-6 {
          margin: 0 auto;
      }
      .videobximg {
          width: 100%;
          display: block;
      }
      .videobxd {
          display: block;
      }
      .vidbxdt {
          width: 100%;
      }
      .filltertop {
          display: block;
      }
      .pdfbox {
          display: block;
          text-align: center;
          padding-bottom: 70px;
          width: 90%;
          margin: 20px auto;
      }
      .pdfbox {
      }
      .pdfimg {
          width: 100%;
          margin-bottom: 20px;
      }
      .datapdf {
          width: 100%;
          padding: 0;
          text-align: center;
      }
      .strsel {
          display: flex;
          justify-content: center;
          margin: 6px 0;
      }
      ul.pdfli {
          line-height: 2;
      }
      ul.pdfli li , span.pdfseller {
          font-size: 13px;
      }
      .pdfimg img {
          height: 170px;
      }
      .ratingstr {
          margin-bottom: 15px;
      }
      .seller {
          margin-bottom: 20px;
          height: auto;
          padding-bottom: 20px;
      }
      .seller a {
          position: relative;
          top: 0;
          left: 0;
      }
      span.sellertitle, span.sellerinformation {
          top: 50%;
          transform: translateY(-50%) rotate(90deg);
      }
      .informationshop {
          height: auto;
          padding: 20px 60px 20px 20px;
      }
      .tabsshopbox .tab-a {
          margin: 0;
          padding: 9px 0;
          width: 95%;
      }
      .tabsshopbox li {
          width: 33.3%;
          text-align: center;
      }
      .tabsshopbox ul {
          display: flex;
          width: 100%;
      }
      .attbox li span.att1 {
          width: 40%;
      }
      .attbox li span.att2 {
          width: 60%;
      }
      .tabtextbox ul li {
          padding: 0 15px;
      }
      .tabsshopbox2 .tab span.cmtime {
          left: 0;
          top: 25px;
      }
      .tabsshopbox2 .tab span.resultrate {
          float: none;
          left: 16px;
          padding: 4px 35px 4px 17px;
          display: block;
      }
      .topmainshop {
          display: block;
      }
      .tpsimg {
          width: 100% !important;
      }
      .tpsdata {
          width: 100% !important;
          padding: 20px 4px;
      }
      .catrate ul.catdt {
          display: block;
      }
      .tpsdata .itemdesc li {
          width: 100%;
      }
      .addtocart {
          display: inline-flex;
          flex-direction: column-reverse;
          width: 100%;
      }
      .atcright {
          width: 100% !important;
      }
      .atcleft {
          width: 100%;
          padding: 0 10px;
      }
      span.offprc {
          top: 0;
          margin-left: 7px;
      }
      .atcright button {
          width: 65%;
      }
      .counter {
          width: 30%;
      }
      .atcleft p {
          display: inline-block;
          top: -6px;
          margin-right: 7px;
      }
      span.spprc {
          display: inline;
      }
      .ftlbleft {
          width: 40%;
          top: 5px;
      }
      .col-lg-6.ftlbright {
          width: 60%;
      }
      .col-lg-3.sidebarshop {
          padding-top: 60px;
          padding-bottom: 70px;
      }
      .faqpage ul.accordion-list li {
          margin: 10px 0;
      }
      .imgfaq img {
          width: 109%;
          top: 0;
      }
      div#faqpage .row.column-reverse {
          top: 0;
      }
      .textfaq {
          padding-right: 15px;
          text-align: center;
      }
      .sub-list {
          width: 100%;
          display: block;
          margin: 0;
      }
      ul.accordion-list.faqulpage, ul.accordion-list.faqulpage2, ul.accordion-list.faqulpage3, ul.accordion-list.faqulpage4, ul.accordion-list.faqulpage5, ul.accordion-list.faqulpage6, ul.accordion-list.faqulpage7, ul.accordion-list.faqulpage8, ul.accordion-list.faqulpage9, ul.accordion-list.faqulpage10, ul.accordion-list.faqulpage11, ul.accordion-list.faqulpage12 {
          display: block;
      }
      .formcontact:before {
          background: linear-gradient(to top, #ffffff 40%, var(--color2));
      }
      .datacontact:before {
          background: linear-gradient(to top, #ffffff 40%, var(--color1));
      }
      .formcontact input {
          margin-bottom: 15px;
      }
      .fillerside {
          display: block;
      }
      .newsletter form input {
          width: 33% !important;
          margin: 0 !important;
      }
      .commentbox {
          padding: 30px 20px;
      }
      span.cmname {
          padding-right: 53px;
      }
      .commentbox img {
          right: 20px;
      }
      .commentbox p {
          padding: 15px 0;
      }
      span.cmtime {
          left: 23px;
      }
      .commentbox a {
          padding: 11px 19px;
      }
      .likedislike {
          left: 20px;
      }
      .likedislike button {
          padding: 11px 38px 11px 17px;
      }
      .likedislike button.dislike {
          padding: 11px 15px 11px 37px;
      }
      .signleblog h1 {
          font-size: 26px;
      }
      .prtsidebx {
          padding: 14px 13px 74px 13px;
      }
      .mainpage {
          padding-top: 120px;
      }
      .optionbox {
          display: block;
      }
      .optionbox > span {
          width: 100%;
          display: block;
          text-align: center;
          margin-bottom: 10px;
      }
      .optionboxli {
          text-align: center;
      }
      .optionboxli label {
          margin-bottom: 10px;
          display: block;
      }
      .model-open , .model-open2 , .model-open3 {
          z-index: 9999999999;
      }
      .pop-up-content-wrap {
          padding-bottom: 40px;
      }
      a.crvc {
          background: var(--color2);
          color: #fff !important;
          text-align: center;
          position: relative;
          top: 0;
          left: 0;
      }
      .flcleft p {
          font-size: 14px;
          line-height: 31px;
      }
      .subli li {
          font-size: 12px;
          line-height: 30px;
      }
      .courseright p {
          font-size: 14px;
          line-height: 30px;
      }
      .subli li {
          font-size: 14px;
      }
      .fbtnbox a {
          font-size: 13px;
      }
      .vclright p {
          font-size: 14px;
      }
      .vclright span {
          font-size: 16px;
      }
      .vclright a span {
          font-size: 13px !important;
      }
      ul.accordion-list li div.answer p {
          font-size: 14px;
      }
      ul.accordion-list li h3 {
          font-size: 14px;
      }
      .testimonial h3 {
          top: 0;
          position: relative;
      }
      .bestteachers {
          padding-bottom: 60px;
      }
      .btnbox a {
          width: 48%;
      }
      .faq {
          margin-bottom: 30px;
      }
      .searchmobile.active {
          visibility: visible;
          opacity: 1;
      }
      .searchmobile{
          width: 80%;
      }
      .ftr:before {
          top: -1px;
      }
      .toplvlftr {
          padding: 70px 20px 20px 20px !important;
      }
      .toplvlftr .col-lg-3 {
          width: 50%;
          padding: 0 0;
      }
      .datatlvlftbox span {
          font-size: 12px;
      }
      .datatlvlftbox p {
          font-size: 10px;
      }
      .col-lg-6.footermenu {
          width: 50%;
      }
      .col-lg-4.newsletter {
          border-top: 1px solid #ffffff24;
          border-bottom: 1px solid #ffffff24;
          padding-bottom: 40px;
          width: 90%;
          margin: 20px auto 20px auto;
      }
      .bottomlvlftr {
          display: block;
      }
      .bv1 {
          width: 100% !important;
          display: flex;
          justify-content: space-around;
      }
      .bv1 a img {
          height: 39px;
      }
      .centerlvlftr {
          padding: 30px 0 0 0;
      }
      .bv2,.bv3,.bv4 {
          width: 100%;
          margin: 20px 0;
      }
      .bv4 {
          display: flex;
      }
      .bv4 ul {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
      }
      .bv4 ul li {
          margin: 10px 20px 5px 20px;
      }
      .bv5 {
          width: 100%;
          margin: 0 auto;
      }
      .centerlvlftr .col-lg-4 {
          width: 50%;
      }
      .col-lg-4.newsletter {
          width: 100%;
      }
      .newsletter form {
          display: flex;
          gap: 11px;
      }
      .copyright {
          padding-bottom: 110px;
      }
      .copyright a {
          position: relative;
      }
      .testimonial {
          border-bottom-right-radius: 40px;
          border-bottom-left-radius: 40px;
      }
      .testimonial:before {
          width: 100%;
          background-size: 280px;
          bottom: -56px;
      }
      .vclr:before,.vclr:after {
          display: none;
      }
      .blogfaq {
          border-top-right-radius: 40px;
          border-top-left-radius: 40px;
      }
      .customers {
          border-top-right-radius: 40px;
          border-top-left-radius: 40px;
          margin-bottom: 20px;
          padding-top: 40px;
      }
      .customersbox {
          text-align: center;
      }
      .customersbox img {
          margin: 0 auto;
          height: 36px;
      }
      .imglevels {
          height: 190px;
          background-size: 140% !important;
      }
      .crsbm:before,.crsbm:after {
          display: none;
      }
      .subli3 li {
          width: 100%;
      }
      .moreph a {
          position: relative;
          left: 0;
          top: 0;
          font-size: 15px;
          font-family: "PeydaWebbold";
          border-bottom: 1px;
      }
      .moreph {
          position: relative;
          margin: 0px 7px;
          text-align: center;
          display: block;
      }
      .moreph a i {
          font-size: 11px;
          transform: rotate(89deg);
          display: inline-block;
          margin-right: 6px;
      }
      .moreph a:before {
          content: "";
          position: absolute;
          bottom: 1px;
          background: var(--color3);
          width: 88%;
          height: 1px;
          transition: 0.5s;
      }
      .owl-theme.carouselbase span.owl-next {
          left: -12px;
      }
      .owl-theme.carouselbase span.owl-prev {
      }
      .owl-theme.carouselbase .nav-button.owl-prev {
          right: -13px;
      }
      .titlebfclr a {
          display: none;
      }
      .titlebfclr h3 {
          text-align: center;
      }
      .fclr:before,.fclr:after {
          display: none;
      }
      .flcleft h2 {
          font-size: 28px;
      }
      .col-lg-7.flcleft {
          margin-top: 20px;
      }
      .subli {
          display: block;
      }
      .subli1,.subli2 {
          width: 100%;
          margin-bottom: 10px;
      }
      .fbtnbox {
          margin-top: 20px;
      }
      .slddatabox H4 {
          line-height: 54px;
      }
      .slddatabox {
          width: 100%;
          padding: 30px 0;
          text-align: center;
      }
      .owlcmnt .owl-controls {
          position: relative;
          width: 100%;
          display: flex;
          top: 0;
          transition: none;
          flex-direction: row;
          display: none;
      }
      .owlcmnt span.owl-prev {
          padding: 10px 43px;
          width: 45%;
          display: inline-block;
          margin: -4px 10px;
          float: left;
      }
      .owlcmnt span.owl-next {
          padding: 10px 43px;
          width: 45%;
          display: inline-block;
          margin: 0 8px;
          float: right;
          top: -3px;
          position: relative;
      }
      .slider-nav.slide-nav.owl-nav {
          width: 100%;
      }
      .owlcmnt span.owl-next i {
          top: 29px;
      }
      .owlcmnt span.owl-prev i {
          top: -29px;
      }
      .msdivbox {
          border-radius: 40px;
      }
      .msdiv {
          padding: 0 10px;
      }
      .owlcmnt:before {
          width: 100%;
          background-size: 280px;
      }
      a.buttonbtm {
          left: 0;
          right: 0;
          margin: 0 auto;
      }
      .owl-controls {
      }
      .sldimgbox {
          width: 100%;
      }
      .sliderbox {
          display: block;
      }
      .owl-slider {
          padding: 0;
          width: 100% !important;
      }
      .stkmenubox i.agh-search {
          font-size: 21px;
          position: relative;
          left: -2px;
          top: 2px;
      }
      .stkmenubox i.agh-customer-service-headset {
          font-size: 22px;
          position: relative;
          top: 2px;
      }
      .stkmenu {
          display: block;
          position: fixed;
          bottom: 0;
          background: var(--color2);
          width: 80%;
          padding: 13px 0px;
          border-top-right-radius: 30px;
          border-top-left-radius: 30px;
          z-index: 9999999999;
          left: 0;
          right: 0;
          margin: 0 auto;
      }
      .stkmenuboxs {
          display: flex;
          justify-content: space-around;
      }
      .stkmenu a,.stkmenu {
          color: #fff;
      }
      .stkmenu i {
          display: block;
          text-align: center;
          font-size: 24px;
          height: 25px;
      }
      .stkmenubox span {
          font-size: 13px;
          position: relative;
          top: 4px;
      }
      .mlh {
          padding: 15px 0;
      }
      header.sticky {
          width: 80%;
      }
      header.sticky img {
          width: 130px;
      }
      .menu-btn {
          font-size: 37px;
          color: var(--color2);
          position: absolute;
          left: 17px;
          top: 10px;
          transition: 0.5s;
          display: inline-block;
      }
      header.sticky .menu-btn {
          font-size: 31px;
          top: 0;
      }
      .mlhright img {
          width: 200px;
      }
      .tlh {
          display: none;
      }
      .mlhright {
          width: 100%;
      }
      .mlhcenter {
          display: none;
      }
      .mlhleft {
          display: none;
      }
      .mlhleft div a {
          font-size: 15px !important;
          width: 40px;
          height: 40px;
      }
      .row.column-reverse {
          flex-direction: column-reverse;
      }
      html,body {
          overflow-y: auto !important;
      }
      a{
          font-size: 10px;
      }
  }
  @media only screen and (max-width: 600px) {
  }
  @media only screen and (max-width: 450px) {
  }
  @media only screen and (max-width: 1536px) {
      .frmbx input {
          padding: 6px 10px;
      }
      .optionbox {
          padding: 6px 12px;
      }
      .optionbox > span {
          font-size: 13px;
          padding-top: 3px;
      }
      .optionboxli input[type="radio"] + span {
          font-size: 13px;
      }
      .optionboxli {
          top: -1px;
      }
      .frmbx textarea {
          min-height: 50px;
      }
  }
  .courseright{
  color:#1F2D53;
  }
  .slddatabox p{
  color:#1F2D53;
  }
  .flcleft p{
  color:#1F2D53;
  }
  #bo{
  
  border-bottom: 1px solid orangered;
  width: fit-content;
  padding-bottom: 3px;
  
  }
  #ba{
  background-color: #4651E1;
      color: white;
     border-radius: 50px;
     font-size: 18px;
     text-align: center;
  padding-bottom: 20px;
  }
  .relative.bg-overlay.z-1.sm\:pt-8.md\:pt-20.lg\:pt-0 {
    visibility: hidden;
  }
  .text-box{
  border: none;
  }
  .package-options h3{
     font-size: 18px;
  }
  .row mx-2 mx-md-0{
     font-size: 18px;
  }
    #coverGray{
      border: 2px dashed rgb(77, 87, 228);
       padding: 10px;
        border-radius: 5px;
    }
  
  #projectTender input{
      border: 1px solid #e3e3e3;
      padding: 11px;
      margin-bottom: 13px;
      border-radius: 7px;
      font-family: PeydaWeb;
  }

h1, h2, h3, h4, h5, h6{
margin: 15px 0px 10px 0px;
}