/*-----------------------------------------------------------------------------------

        Template Name: Raqysoft - Business & Consultancy HTML5 Template
        Description: A Library of Responsive Bootstrap5, HTML5, and CSS3 Website Templates
        Author: Ahmed Shawki
        Version: 1.0.1


    -----------------------------------------------------------------------------------

        CSS INDEX
        ===================

        01. Theme default CSS
        02. Header CSS
        2.1. Header Top CSS
        2.2 Offcanvas Menu CSS
        03. Hero CSS
        04. Service CSS
        05. About CSS
        06. Skill CSS
        07. Counter CSS
        08. Case Study CSS
        09. Features CSS
        10. Team CSS
        11. Testimonial CSS
        12. Choose Us CSS
        13. Brand CSS
        14. CTA CSS
        15. Video CSS
        16. Blog CSS
        17. Pricing CSS
        18. Blog Standard CSS
        19. Blog Details CSS
        20. Contact CSS
        21. Page Banner CSS
        22. Subscribe CSS
        23. Login Register CSS
        24. Footer CSS
        24.1. Footer Widget CSS


    -----------------------------------------------------------------------------------*/
    /*----------------------------------------*/
    /*  01. Theme default CSS
    /*----------------------------------------*/
    /*-- Google Font --*/
    @import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700;800&display=swap");
    @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
    /*-- Common Style --*/
    *, *::after, *::before {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-size: 14px;
      line-height: 1.75;
      font-weight: 400;
      font-family: "Tajawal", serif;
      color: #69737d;
      outline: none;
      visibility: visible;
      overflow-X: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: "";
    }
    body[dir=rtl] {
      text-align: right;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: "Tajawal", serif;
      color: #1A1A1A;
      font-weight: 700;
      margin-top: 0;
      line-height: 1.5;
      margin-bottom: 0;
    }

    h1 {
      font-size: 36px;
    }
    @media only screen and (max-width: 767px) {
      h1 {
        font-size: 30px;
      }
    }

    h2 {
      font-size: 30px;
    }
    @media only screen and (max-width: 767px) {
      h2 {
        font-size: 24px;
      }
    }

    h3 {
      font-size: 24px;
    }
    @media only screen and (max-width: 767px) {
      h3 {
        font-size: 20px;
      }
    }

    h4 {
      font-size: 18px;
    }

    h5 {
      font-size: 16px;
    }

    h6 {
      font-size: 14px;
    }

    p {
      margin-bottom: 0;
    }

    a, button {
      color: inherit;
      display: inline-block;
      line-height: inherit;
      text-decoration: none;
      cursor: pointer;
    }

    a, button, img, input {
      transition: all 0.3s linear;
      outline: 0;
    }
    a:focus, button:focus, img:focus, input:focus {
      outline: 0;
    }

    a:focus {
      color: none;
      outline: none;
      text-decoration: none;
    }

    a:hover {
      text-decoration: none;
      color: #273bf0;
    }

    ul, ol {
      padding: 0;
      list-style: none;
      margin: 0;
    }

    button, input[type=submit] {
      cursor: pointer;
    }

    img {
      max-width: 100%;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      opacity: 1;
    }
    input:-moz-placeholder, textarea:-moz-placeholder {
      opacity: 1;
    }
    input::-moz-placeholder, textarea::-moz-placeholder {
      opacity: 1;
    }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      opacity: 1;
    }

    .fix {
      overflow: hidden;
    }

    /*-- Common Classes --*/
    .section,
    .main-wrapper {
      float: left;
      width: 100%;
    }

    /*--Section Spacing--*/
    .section-padding {
      padding-top: 120px;
      padding-bottom: 120px;
    }
    @media only screen and (max-width: 1199px) {
      .section-padding {
        padding-top: 100px;
        padding-bottom: 100px;
      }
    }
    @media only screen and (max-width: 991px) {
      .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
      }
    }

    .section-padding-02 {
      padding-top: 120px;
    }
    @media only screen and (max-width: 1199px) {
      .section-padding-02 {
        padding-top: 100px;
      }
    }
    @media only screen and (max-width: 991px) {
      .section-padding-02 {
        padding-top: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-padding-02 {
        padding-top: 60px;
      }
    }

    .section-padding-03 {
      padding-top: 140px;
    }
    @media only screen and (max-width: 1199px) {
      .section-padding-03 {
        padding-top: 100px;
      }
    }
    @media only screen and (max-width: 991px) {
      .section-padding-03 {
        padding-top: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-padding-03 {
        padding-top: 60px;
      }
    }

    /*--Section Title--*/
    .section-title {
      max-width: 590px;
    }
    .section-title .title {
      font-size: 54px;
      line-height: 56px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #1A1A1A;
      margin-top: 5px;
    }
    @media only screen and (max-width: 1199px) {
      .section-title .title {
        font-size: 44px;
        line-height: 52px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-title .title {
        font-size: 30px;
        line-height: 36px;
      }
    }
    .section-title .title.white {
      color: #ffffff;
    }
    .section-title .sub-title {
      font-size: 15px;
      line-height: 24px;
      font-family: "Tajawal", serif;
      font-weight: 600;
      display: inline-block;
      color: #273bf0;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      position: relative;
    }
    .section-title .sub-title.white {
      color: #ffffff;
    }

    /*--Section Title Two--*/
    .section-title2 {
      max-width: 670px;
      margin: 0 auto;
    }
    .section-title2 .title {
      font-size: 54px;
      line-height: 56px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #1A1A1A;
      margin-top: 5px;
    }
    @media only screen and (max-width: 1199px) {
      .section-title2 .title {
        font-size: 44px;
        line-height: 52px;
      }
    }
    @media only screen and (max-width: 767px) {
      .section-title2 .title {
        font-size: 30px;
        line-height: 36px;
      }
    }
    .section-title2 .title.white {
      color: #ffffff;
    }
    .section-title2 .sub-title {
      font-size: 15px;
      line-height: 24px;
      font-family: "Tajawal", serif;
      font-weight: 600;
      display: inline-block;
      color: #273bf0;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      position: relative;
    }
    .section-title2 .sub-title::before {
      content: "";
      position: absolute;
      right: -40%;
      top: 50%;
      background-image: url(../images/shape/sub-sh1.png);
      background-repeat: no-repeat;
      background-position: center right;
      width: 100%;
      height: 100%;
      transform: translateY(-50%);
    }
    .section-title2 .sub-title::after {
      content: "";
      position: absolute;
      left: -40%;
      top: 50%;
      background-image: url(../images/shape/sub-sh3.png);
      background-repeat: no-repeat;
      background-position: center left;
      width: 100%;
      height: 100%;
      transform: translateY(-50%);
    }
    .section-title2 .sub-title.white {
      color: #ffffff;
    }

    /*--Swiper Pagination--*/
    .swiper-pagination .swiper-pagination-bullet {
      border-radius: 50%;
      background-color: #e8e8e8;
      width: 10px;
      height: 10px;
      transition: all 0.3s linear;
      position: relative;
      opacity: 1;
    }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #273bf0;
    }
    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
      transform: scale(1);
    }

    /*--  Preloader Styles  --*/
    #loading {
      background-color: #6B66C6;
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 9999;
      margin-top: 0px;
      top: 0px;
    }
    #loading #loading-center {
      width: 100%;
      height: 100%;
      position: relative;
    }
    #loading #loading-center-absolute {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 200px;
      width: 200px;
      margin-top: -100px;
      margin-left: -100px;
      transform: rotate(-135deg);
    }
    #loading #object_one {
      left: 75px;
      top: 75px;
      width: 50px;
      height: 50px;
    }
    #loading #object_two {
      left: 65px;
      top: 65px;
      width: 70px;
      height: 70px;
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s;
    }
    #loading #object_three {
      left: 55px;
      top: 55px;
      width: 90px;
      height: 90px;
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s;
    }
    #loading #object_four {
      left: 45px;
      top: 45px;
      width: 110px;
      height: 110px;
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s;
    }
    #loading .object {
      border-radius: 50% 50% 50% 50%;
      position: absolute;
      border-top: 5px solid #ffffff;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #ffffff;
      border-right: 5px solid transparent;
      -webkit-animation: animate 2s infinite;
              animation: animate 2s infinite;
    }

    @-webkit-keyframes animate {
      50% {
        transform: rotate(360deg) scale(0.8);
      }
    }

    @keyframes animate {
      50% {
        transform: rotate(360deg) scale(0.8);
      }
    }
    /*----------------------------------------*/
    /*  02. Elements CSS
    /*----------------------------------------*/
    /*--
    /*  2.4 - Form CSS
    /*----------------------------------------*/
    label {
      display: block;
      line-height: 1;
      margin-bottom: 10px;
      font-weight: 400;
      text-transform: capitalize;
    }

    /*Input Field & Select*/
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]),
    textarea {
      border: 1px solid #ebebeb;
      box-shadow: none;
      color: #415674;
      border-radius: 4px;
      background-color: #ffffff;
      margin-bottom: 0;
      padding: 10px 25px;
      max-width: 100%;
      width: 100%;
      font-size: 13px;
      line-height: 30px;
      font-weight: 600;
      transition: all 0.3s linear;
    }
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus,
    textarea:focus {
      outline: none;
      border-color: #273bf0;
    }
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 13px;
      color: #898c94;
      font-weight: 600;
    }
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder,
    textarea:-moz-placeholder {
      opacity: 0.95;
      font-size: 13px;
      color: #898c94;
      font-weight: 600;
    }
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder,
    textarea::-moz-placeholder {
      opacity: 0.95;
      font-size: 13px;
      color: #898c94;
      font-weight: 600;
    }
    input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      opacity: 0.95;
      font-size: 13px;
      color: #898c94;
      font-weight: 600;
    }

    /*--
    /*  2.3 - Button CSS
    /*----------------------------------------*/
    .btn-margin {
      margin-top: 40px;
    }

    .btn-wrap {
      display: flex;
      flex-wrap: wrap;
      margin: -5px;
    }
    .btn-wrap .btn {
      margin: 5px;
    }

    .btn {
      display: inline-block;
      overflow: hidden;
      transform: perspective(0) translateZ(0);
      background: #273bf0;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      border-color: transparent;
      color: #ffffff;
      border-radius: 5px;
      font-size: 15px;
      font-family: "Tajawal", serif;
      font-weight: 600;
      height: 60px;
      line-height: 58px;
      padding: 0px 35px;
      text-transform: uppercase;
      border: 0;
      border-style: solid;
      box-shadow: none;
      transition: all 0.5s ease 0s;
      cursor: pointer;
      z-index: 1;
      position: relative;
    }
    .btn i {
      position: relative;
      top: 1px;
      right: 5px;
    }
    .btn::before {
      content: "";
      background: #fc0100;
      height: 50%;
      width: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: auto;
      transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      z-index: -1;
    }
    .btn::after {
      content: "";
      background: #fc0100;
      height: 50%;
      width: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      z-index: -1;
    }
    .btn:focus, .btn:focus:active {
      box-shadow: none;
    }
    .btn:hover {
      color: white;
    }
    .btn:hover::before {
      width: 100%;
      right: 0;
      left: auto;
    }
    .btn:hover::after {
      width: 100%;
      left: 0;
      right: auto;
    }

    .btn-2 {
      background: #fc0100;
      color: #ffffff;
    }
    .btn-2::before {
      background: #ffffff;
    }
    .btn-2::after {
      background: #ffffff;
    }
    .btn-2:hover {
      color: #fc0100;
    }

    .btn-3 {
      height: 50px;
      line-height: 45px;
      font-size: 14px;
      padding: 0 40px;
      background: #273bf0;
      color: #ffffff;
    }

    .btn-4 {
      height: 50px;
      line-height: 48px;
      font-size: 18px;
      padding: 0 45px;
      background: #273bf0;
      box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
      color: #ffffff;
    }
    .btn-4:hover {
      background: #ffffff;
      color: #273bf0;
    }

    .btn-round {
      border-radius: 100px;
    }

    .btn-square {
      border-radius: 0;
    }

    [class*=btn-icon-] i {
      position: absolute;
      top: 0;
      width: 60px;
      height: 60px;
      line-height: 28px;
      text-align: center;
      padding: 15px;
      background-color: rgba(0, 0, 0, 0.1);
    }

    .btn-icon-left {
      padding-left: 69px;
    }
    .btn-icon-left i {
      left: 0;
      right: auto;
    }

    .btn-icon-right {
      padding-right: 69px;
    }
    .btn-icon-right i {
      left: auto;
      right: 0;
    }

    .btn-primary {
      background-color: #273bf0;
      border-color: #273bf0;
      color: #ffffff;
    }
    .btn-primary:hover {
      background-color: #273bf0;
      border-color: #273bf0;
    }

    .btn-secondary {
      background-color: #fc0100;
      border-color: #fc0100;
      color: #ffffff;
    }
    .btn-secondary:hover {
      background-color: #fc0100;
      border-color: #fc0100;
    }

    .btn-white {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #002e5b;
      box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
    }
    .btn-white::after {
      background: #273bf0;
    }
    .btn-white::before {
      background: #273bf0;
    }

    /*----------------------------------------*/
    /*  02. Header CSS
    /*----------------------------------------*/
    /*--
    /*  2.1 - Header Top CSS
    /*----------------------------------------*/
    .header-section {
      position: absolute;
      left: 0;
      top: 30px;
      width: 100%;
      z-index: 999;
    }
    .header-section.sticky {
      background: #ffffff;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
      top: 0;
    }
    .header-section.sticky .header-wrap {
      box-shadow: none;
      padding-left: 0;
      padding-right: 0;
    }

    .header-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #ffffff;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
      border-radius: 50px;
      padding-left: 25px;
      padding-right: 10px;
    }
    @media only screen and (max-width: 991px) {
      .header-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
      }
    }

    .header-menu {
      margin-left: auto;
    }

    .main-menu ul li {
      display: inline-block;
      margin-right: 40px;
      position: relative;
    }
    @media only screen and (max-width: 1199px) {
      .main-menu ul li {
        margin-right: 22px;
      }
    }
    .main-menu ul li:last-child {
      margin-right: 0;
    }
    .main-menu ul li.has-dropdown > a {
      padding-right: 14px;
    }
    .main-menu ul li.has-dropdown > a::after {
      position: absolute;
      content: "\f16c";
      right: -4px;
      top: 25px;
      font-size: 10px;
      color: #002e5b;
      font-family: "flaticon";
    }
    .main-menu ul li a {
      color: #1A1A1A;
      font-size: 15px;
      line-height: 20px;
      font-weight: 600;
      padding: 25px 0;
      text-transform: uppercase;
      display: inline-block;
      transition: 0.3s;
    }
    .main-menu ul li.active-menu > a {
      color: #273bf0;
    }
    .main-menu ul li.active-menu > a::after {
      color: #273bf0;
    }
    .main-menu ul li:hover > a {
      color: #273bf0;
    }
    .main-menu ul li.active > a {
      color: #273bf0;
    }
    .main-menu ul li:hover > a::after {
      color: #273bf0;
    }
    .main-menu ul li:hover .sub-menu {
      visibility: visible;
      opacity: 1;
      top: 100%;
    }
    .main-menu ul li .sub-menu {
      position: absolute;
      left: 0;
      top: 110%;
      min-width: 220px;
      background-color: #ffffff;
      opacity: 0;
      visibility: hidden;
      z-index: 99;
      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
      padding: 20px 0px 15px;
      transition: 0.3s;
      border-top: 4px solid #273bf0;
    }
    .main-menu ul li .sub-menu li {
      margin: 0;
      padding: 0;
      display: inline;
      position: relative;
      width: 100%;
      display: block;
    }
    .main-menu ul li .sub-menu li a {
      font-size: 16px;
      font-weight: 500;
      display: block;
      padding: 7px 25px;
      transition: 0.3s;
      color: #031628;
      text-transform: capitalize;
    }
    .main-menu ul li .sub-menu li.active > a {
      color: #273bf0;
    }
    .main-menu ul li .sub-menu li:hover > a {
      color: #273bf0;
    }
    .main-menu ul li .sub-menu li > .sub-menu {
      left: 120%;
      top: 0;
      visibility: hidden;
      opacity: 0;
    }
    .main-menu ul li .sub-menu li:hover > .sub-menu {
      left: 100%;
      visibility: visible;
      opacity: 1;
    }

    .header-meta {
      display: flex;
      align-items: center;
      white-space: nowrap;
    }

    .header-search {
      margin-left: 35px;
      position: relative;
    }
    .header-search .search-btn {
      font-size: 16px;
      border-radius: 50%;
      text-align: center;
      color: #000000;
      transition: all 0.3s linear;
    }
    .header-search .search-btn:hover {
      color: #273bf0;
    }

    .search-wrap {
      width: 100%;
      height: 100%;
      overflow: hidden;
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 121;
      background: rgba(0, 0, 0, 0.9);
    }
    .search-wrap .search-inner {
      position: relative;
      width: 100%;
      height: 100%;
    }
    .search-wrap .search-inner .search-close {
      position: absolute;
      top: 50px;
      right: 50px;
      font-size: 22px;
      color: #ffffff;
      cursor: pointer;
      transition: all 0.3s linear;
    }
    .search-wrap .search-inner .search-close:hover {
      transform: rotate(90deg);
      color: #273bf0;
    }
    .search-wrap .search-inner .search-cell {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
    }
    .search-wrap .search-inner .search-cell .search-field-holder {
      width: 50%;
      margin: auto;
      position: relative;
    }
    @media only screen and (max-width: 991px) {
      .search-wrap .search-inner .search-cell .search-field-holder {
        width: 60%;
      }
    }
    @media only screen and (max-width: 575px) {
      .search-wrap .search-inner .search-cell .search-field-holder {
        width: 80%;
      }
    }
    .search-wrap .search-inner .search-cell .search-field-holder .main-search-input {
      width: 100%;
      height: 70px;
      border: 0;
      padding: 0 50px;
      text-transform: uppercase;
      background: transparent;
      font-size: 25px;
      font-weight: 400;
      color: #ffffff;
      border-bottom: 2px solid #898989;
      text-align: center;
      letter-spacing: 2px;
    }
    @media only screen and (max-width: 1199px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input {
        padding: 0 35px;
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input {
        font-size: 16px;
        padding: 0 15px;
      }
    }
    .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 25px;
      color: #ffffff;
      font-weight: 400;
    }
    @media only screen and (max-width: 1199px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 575px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-webkit-input-placeholder {
        font-size: 14px;
      }
    }
    .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder {
      opacity: 0.95;
      font-size: 25px;
      color: #ffffff;
      font-weight: 400;
    }
    @media only screen and (max-width: 1199px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 575px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-moz-placeholder {
        font-size: 14px;
      }
    }
    .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder {
      opacity: 0.95;
      font-size: 25px;
      color: #ffffff;
      font-weight: 400;
    }
    @media only screen and (max-width: 1199px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 575px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input::-moz-placeholder {
        font-size: 14px;
      }
    }
    .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder {
      opacity: 0.95;
      font-size: 25px;
      color: #ffffff;
      font-weight: 400;
    }
    @media only screen and (max-width: 1199px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder {
        font-size: 20px;
      }
    }
    @media only screen and (max-width: 767px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 575px) {
      .search-wrap .search-inner .search-cell .search-field-holder .main-search-input:-ms-input-placeholder {
        font-size: 14px;
      }
    }

    .header-info {
      align-items: center;
    }
    .header-info .info-icon {
      height: 55px;
      width: 55px;
      line-height: 58px;
      text-align: center;
      background: rgba(107, 102, 198, 0.2);
      border-radius: 50%;
    }
    .header-info .info-icon i {
      font-size: 16px;
      color: #273bf0;
    }
    .header-info .info-text {
      margin-left: 10px;
    }
    .header-info .info-text span {
      display: block;
      font-size: 16px;
      line-height: 18px;
      font-weight: 400;
      color: #ffffff;
    }
    .header-info .info-text .number {
      display: block;
      font-size: 22px;
      line-height: 34px;
      font-weight: 700;
      font-family: "Tajawal", serif;
      color: #ffffff;
    }

    .header-section-02 {
      top: 0;
    }
    @media only screen and (max-width: 991px) {
      .header-section-02 {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
    .header-section-02 .header-logo .logo-black {
      display: none;
    }

    .header-logo .logo {
      width: 200px;
    }

    .header-section-02 .header-menu {
      margin-left: 0;
    }
    .header-section-02 .main-menu ul li.has-dropdown > a {
      padding-right: 14px;
    }
    .header-section-02 .main-menu ul li.has-dropdown > a::after {
      top: 40px;
      color: #ffffff;
    }
    .header-section-02 .main-menu ul li a {
      color: #ffffff;
      padding: 40px 0;
    }
    .header-section-02 .main-menu ul li.active-menu > a {
      color: #273bf0;
    }
    .header-section-02 .main-menu ul li.active-menu > a::after {
      color: #273bf0;
    }
    .header-section-02 .main-menu ul li:hover > a {
      color: #273bf0;
    }
    .header-section-02 .main-menu ul li:hover > a::after {
      color: #273bf0;
    }
    .header-section-02 .header-wrap {
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      padding-left: 0;
      padding-right: 0;
    }
    @media only screen and (max-width: 1199px) {
      .header-section-02 .header-wrap {
        padding-top: 0;
        padding-bottom: 0;
      }
    }
    .header-section-02.sticky {
      background: #ffffff;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
      top: 0;
    }
    .header-section-02.sticky .header-logo .logo-black {
      display: block;
    }
    .header-section-02.sticky .header-logo .logo-white {
      display: none;
    }
    .header-section-02.sticky .main-menu ul li.has-dropdown > a::after {
      color: #1A1A1A;
    }
    .header-section-02.sticky .main-menu ul li a {
      color: #1A1A1A;
    }
    .header-section-02.sticky .main-menu ul li.active-menu > a {
      color: #273bf0;
    }
    .header-section-02.sticky .main-menu ul li.active-menu > a::after {
      color: #273bf0;
    }
    .header-section-02.sticky .main-menu ul li:hover > a {
      color: #273bf0;
    }
    .header-section-02.sticky .main-menu ul li:hover > a::after {
      color: #273bf0;
    }
    .header-section-02.sticky .header-info .info-text span {
      color: #1A1A1A;
    }
    .header-section-02.sticky .header-info .info-text .number {
      color: #1A1A1A;
    }

    .header-top-section {
      background: #273bf0;
    }

    .header-top-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
    }
    .header-top-wrapper .header-top-info ul li {
      display: inline-block;
      font-size: 18px;
      line-height: 30px;
      color: #ffffff;
      position: relative;
    }
    .header-top-wrapper .header-top-info ul li i {
      font-size: 18px;
      color: #ffffff;
      position: relative;
      top: 1px;
      margin-right: 7px;
    }
    .header-top-wrapper .header-top-info ul li + li {
      margin-left: 40px;
    }
    .header-top-wrapper .header-social {
      display: flex;
      align-items: center;
    }
    .header-top-wrapper .header-social ul li {
      display: inline-block;
    }
    .header-top-wrapper .header-social ul li + li {
      margin-left: 20px;
    }
    .header-top-wrapper .header-social ul li a {
      height: 35px;
      width: 35px;
      line-height: 35px;
      text-align: center;
      display: inline-block;
      font-size: 14px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
    }
    .header-top-wrapper .header-social ul li a:hover {
      background: #ffffff;
      color: #273bf0;
    }

    .header-section-03 {
      background: #ffffff;
      padding-top: 0;
      padding-bottom: 0;
    }

    .header-section-03 .header-menu {
      margin-left: inherit;
    }
    .header-section-03 .main-menu ul li.has-dropdown > a {
      padding-right: 14px;
    }
    .header-section-03 .main-menu ul li.has-dropdown > a::after {
      top: 40px;
      color: #1A1A1A;
    }
    .header-section-03 .main-menu ul li a {
      color: #1A1A1A;
      padding: 40px 0;
    }
    .header-section-03 .main-menu ul li.active-menu > a {
      color: #273bf0;
    }
    .header-section-03 .main-menu ul li.active-menu > a::after {
      color: #273bf0;
    }
    .header-section-03 .main-menu ul li:hover > a {
      color: #273bf0;
    }
    .header-section-03 .main-menu ul li:hover > a::after {
      color: #273bf0;
    }
    .header-section-03 .header-info {
      align-items: center;
    }
    .header-section-03 .header-info .info-icon {
      height: 52px;
      width: 52px;
      line-height: 55px;
    }
    .header-section-03 .header-info .info-icon i {
      font-size: 16px;
    }
    .header-section-03 .header-info .info-text span {
      line-height: 20px;
      color: #898989;
    }
    .header-section-03 .header-info .info-text .number {
      font-size: 18px;
      line-height: 28px;
      font-weight: 500;
      color: #1A1A1A;
    }
    .header-section-03 .header-btn .btn {
      margin-left: 40px;
    }

    @media only screen and (max-width: 991px) {
      .header-section-03 .header-bottom-section {
        padding-top: 15px;
        padding-bottom: 15px;
      }
    }
    .header-section-03 .header-bottom-section.sticky {
      width: 100%;
      background: #ffffff;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07);
      top: 0;
    }

    .sticky {
      position: fixed;
      top: 30px;
      -webkit-animation: sticky 1s;
              animation: sticky 1s;
    }

    @-webkit-keyframes sticky {
      0% {
        transform: translateY(-100%);
      }
      100% {
        transform: translateY(0%);
      }
    }

    @keyframes sticky {
      0% {
        transform: translateY(-100%);
      }
      100% {
        transform: translateY(0%);
      }
    }
    /*----------------------------------------*/
    /*  03. MEAN MENU CSS START
    /*----------------------------------------*/
    /* mean menu customize */
    .mean-container a.meanmenu-reveal {
      display: none;
    }

    .mean-container .mean-nav {
      background: none;
      margin-top: 0;
    }

    .mean-container .mean-bar {
      padding: 0;
      min-height: auto;
      background: none;
    }

    .mean-container .mean-nav > ul {
      padding: 0;
      margin: 0;
      width: 100%;
      list-style-type: none;
      display: block !important;
    }

    .mean-container a.meanmenu-reveal {
      display: none !important;
    }

    .mean-container .mean-nav ul li.active a{
        color: #0a53be;
    }

    .mean-container .mean-nav ul li a {
      width: 100%;
      padding: 10px 0;
      color: #1a1a1a;
      border-top: 1px solid #ebebeb;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      text-align: right;
    }
    .mean-container .mean-nav ul li a:hover {
      color: #273bf0;
    }

    .mean-container .mean-nav ul li a.mean-expand {
      margin-top: 5px;
      padding: 0 !important;
      line-height: 14px;
      border: 1px solid #ebebeb !important;
      height: 30px;
      width: 30px;
      line-height: 30px;
      color: #1a1a1a;
      line-height: 30px;
      top: 0;
      font-weight: 400;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
      background: var(--tp-theme-1);
      color: #273bf0;
      border-color: #ebebeb;
    }

    .mean-container .mean-nav ul li > a > i {
      display: none;
    }

    .mean-container .mean-nav ul li > a.mean-expand i {
      display: inline-block;
    }

    .mean-container .mean-nav > ul > li:first-child > a {
      border-top: 0;
    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked {
      color: var(--tp-common-white);
    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      color: var(--tp-heading-primary);
    }

    /*----------------------------------------*/
    /*  00. Sidebar CSS START
    /*----------------------------------------*/
    .sidebar__area {
      position: fixed;
      right: -485px;
      top: 0;
      width: 465px;
      height: 100%;
      background: #ffffff none repeat scroll 0 0;
      overflow-y: scroll;
      box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
      transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      z-index: 9999;
    }
    @media only screen and (max-width: 575px) {
      .sidebar__area {
        width: 360px;
      }
    }
    @media only screen and (max-width: 449px) {
      .sidebar__area {
        width: 290px;
      }
    }
    .sidebar__area.sidebar-opened {
      right: 0px;
    }
    .sidebar__wrapper {
      position: relative;
      padding: 45px;
      background: #f7f7f7;
    }
    @media only screen and (max-width: 449px) {
      .sidebar__wrapper {
        padding: 20px;
      }
    }
    .sidebar__close {
      position: absolute;
      top: 25px;
      left: 15px;
    }
    @media only screen and (max-width: 449px) {
      .sidebar__close {
        top: 6px;
        left: 2px;
      }
    }
    .sidebar__close-btn {
      display: inline-block;
      font-size: 16px;
      height: 45px;
      width: 45px;
      line-height: 49px;
      background: #000;
      color: #fff;
      outline: none;
      border: none;
      border-radius: 50%;
    }
    .sidebar__close-btn:hover {
      background: #273bf0;
    }
    .sidebar__logo {
      padding-bottom: 20px;
      margin-bottom: 40px;
      border-bottom: 1px solid #ebebeb;
    }
    .sidebar__search {
      position: relative;
      margin-bottom: 25px;
    }
    .sidebar__search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding-right: 20px;
      background: transparent;
      border: none;
      outline: none;
      border-bottom: 1px solid #ebebeb;
      font-size: 16px;
      font-weight: 500;
      color: #415674;
    }
    .sidebar__search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      color: #415674;
      font-weight: 500;
    }
    .sidebar__search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      color: #415674;
      font-weight: 500;
    }
    .sidebar__search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::placeholder {
      color: #415674;
      font-weight: 500;
    }
    .sidebar__search input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):focus {
      border-color: #273bf0;
    }
    .sidebar__search button {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      font-size: 14px;
      color: #aeaeae;
      outline: none;
      border: none;
      background: transparent;
      transition: 0.3s;
    }
    .sidebar__search button:hover {
      color: #273bf0;
    }
    .sidebar__text p {
      margin-bottom: 25px;
      font-size: 16px;
    }
    .sidebar__contact {
      margin-top: 30px;
      margin-bottom: 20px;
    }
    .sidebar__contact h4 {
      font-size: 30px;
      margin-bottom: 20px;
      color: #000000;
    }
    .sidebar__contact ul li:not(:last-child) {
      margin-bottom: 20px;
    }
    .sidebar__contact ul li:hover i {
      background: #273bf0;
      color: #ffffff;
      border-color: #ebebeb;
    }
    .sidebar__contact ul li:hover a {
      color: #273bf0;
    }
    .sidebar__contact-icon {
      margin-left: 15px;
    }
    .sidebar__contact-icon i {
      display: inline-block;
      color: #343a40;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border: 1px solid #ebebeb;
      border-radius: 7px;
    }
    .sidebar__contact-text a {
      font-size: 18px;
      font-weight: 400;
      color: #343a40;
    }
    .sidebar__img {
      margin-bottom: 20px;
    }
    .sidebar__single-img {
      margin-bottom: 10px;
    }
    .sidebar__map iframe {
      width: 100%;
      height: 200px;
      border: none;
    }
    .sidebar__social ul li {
      display: inline-block;
    }
    .sidebar__social ul li:not(:last-child) {
      margin-left: 5px;
    }
    .sidebar__social ul li a {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 42px;
      text-align: center;
      background: #f1f1f1;
      color: #343a40;
      border-radius: 5px;
    }
    .sidebar__social ul li a:hover {
      background: #273bf0;
      color: #ffffff;
    }

    .side-menu-icon {
      margin-right: 30px;
    }

    .side-menu-icon {
      width: 52px;
      height: 52px;
      line-height: 65px;
      background: #ffa9a9;
      text-align: center;
      border-radius: 50%;
    }
    .side-menu-icon span {
      width: 20px;
      height: 2px;
      background: #1A1A1A;
      margin: 6px 0;
      display: block;
      transition: all 0.3s linear;
    }
    .side-menu-icon span:first-child {
      width: 12px;
      margin-left: auto;
    }
    .side-menu-icon:hover span:first-child {
      width: 20px;
    }

    .body-overlay {
      background-color: rgba(0, 0, 0, 0.5);
      height: 100%;
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 999;
      left: 0;
      opacity: 0;
      visibility: hidden;
      transition: 0.3s;
    }
    .body-overlay:hover {
      cursor: pointer;
    }

    .body-overlay.opened {
      opacity: 1;
      visibility: visible;
    }

    /*----------------------------------------*/
    /*  4.1. Pages CSS (All Page Styles)
    /*----------------------------------------*/
    /*--
    /*  03 - Hero CSS
    /*----------------------------------------*/
    .Raqysoft-hero-section {
      height: 800px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }

    .Raqysoft-hero-section .hero-content {
      max-width: 510px;
      padding-top: 50px;
    }
    .Raqysoft-hero-section .hero-content .title {
      font-size: 85px;
      line-height: 1;
      letter-spacing: -1.5px;
      color: #fc0100;
    }
    .Raqysoft-hero-section .hero-content .text {
      font-size: 24px;
      line-height: 30px;
      color: #1a1a1a;
      margin-top: 20px;
    }
    .Raqysoft-hero-section .hero-content .hero-list-wrap {
      padding-top: 10px;
    }
    .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item {
      margin-top: 10px;
    }
    .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item p {
      font-size: 20px;
      line-height: 30px;
      font-weight: 600;
      color: #1a1a1a;
    }
    .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item p i {
      margin-right: 10px;
    }
    .Raqysoft-hero-section .hero-content .hero-btn {
      margin-top: 40px;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-hero-section {
        height: 710px;
      }
      .Raqysoft-hero-section .hero-content .title {
        font-size: 58px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-hero-section {
        height: 650px;
      }
      .Raqysoft-hero-section .hero-content .title {
        font-size: 44px;
      }
      .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item p {
        font-size: 18px;
        line-height: 30px;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-hero-section {
        height: 580px;
      }
      .Raqysoft-hero-section .hero-content .title {
        font-size: 40px;
      }
      .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item p {
        font-size: 18px;
        line-height: 30px;
      }
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-hero-section {
        height: 580px;
      }
      .Raqysoft-hero-section .hero-content .title {
        font-size: 30px;
      }
      .Raqysoft-hero-section .hero-content .text {
        font-size: 16px;
      }
      .Raqysoft-hero-section .hero-content .hero-list-wrap .list-item p {
        font-size: 16px;
        line-height: 28px;
      }
    }

    .Raqysoft-hero-section-02 {
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding-top: 100px;
    }
    .Raqysoft-hero-section-02 .hero-content {
      max-width: 560px;
    }
    .Raqysoft-hero-section-02 .hero-content .sub-title {
      display: inline-block;
      font-size: 15px;
      line-height: 24px;
      font-family: 600;
      position: relative;
      color: #fc0100;
      text-transform: uppercase;
      margin-top: 0;
    }
    .Raqysoft-hero-section-02 .hero-content .sub-title::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      background: #fc0100;
      width: 100%;
      height: 1px;
    }
    .Raqysoft-hero-section-02 .hero-content .title {
      font-size: 85px;
      line-height: 1;
      color: #ffffff;
      margin-top: 20px;
    }
    .Raqysoft-hero-section-02 .hero-content .title span {
      position: relative;
    }
    .Raqysoft-hero-section-02 .hero-content .title span::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      background-image: url(../images/shape/text-sh1.png);
      background-repeat: no-repeat;
      background-position: 60% 92%;
      width: 100%;
      height: 100%;
    }
    .Raqysoft-hero-section-02 .hero-content .text {
      font-size: 18px;
      line-height: 27px;
      color: #ffffff;
      margin-top: 10px;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap {
      display: flex;
      margin-top: 45px;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn {
      margin-left: 18px;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn .play-btn i {
      width: 60px;
      height: 60px;
      background: #ffffff;
      display: inline-block;
      line-height: 60px;
      text-align: center;
      font-size: 14px;
      color: #273bf0;
      border-radius: 50%;
      transition: all 0.3s linear;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn .play-btn i:hover {
      background: #273bf0;
      color: #ffffff;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn .play-btn span {
      font-size: 20px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #ffffff;
      margin-left: 10px;
      transition: all 0.3s linear;
    }
    .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn .play-btn span:hover {
      color: #273bf0;
    }
    .Raqysoft-hero-section-02 .hero-images {
      padding-top: 120px;
      padding-bottom: 110px;
      text-align: right;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-hero-section-02 .hero-content .title {
        font-size: 65px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-hero-section-02 .hero-content {
        max-width: 520px;
        padding-top: 30px;
      }
      .Raqysoft-hero-section-02 .hero-content .title {
        font-size: 55px;
      }
      .Raqysoft-hero-section-02 .hero-content .title span::before {
        background-position: 60% 102%;
      }
      .Raqysoft-hero-section-02 .hero-images {
        padding-top: 80px;
        text-align: center;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-hero-section-02 .hero-content {
        max-width: 100%;
      }
      .Raqysoft-hero-section-02 .hero-content .title {
        font-size: 48px;
      }
      .Raqysoft-hero-section-02 .hero-content .title span::before {
        background-position: 60% 108%;
      }
      .Raqysoft-hero-section-02 .hero-content .text {
        font-size: 16px;
        margin-top: 25px;
      }
      .Raqysoft-hero-section-02 .hero-images {
        padding-top: 65px;
        padding-bottom: 90px;
      }
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-hero-section-02 .hero-content .title {
        font-size: 42px;
      }
      .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap {
        margin-top: 30px;
        flex-direction: column;
        gap: 25px;
      }
      .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
      }
      .Raqysoft-hero-section-02 .hero-content .hero-btn-wrap .hero-play-btn {
        margin-left: 0;
      }
    }

    .Raqysoft-hero-section-03 {
      background: #F3F3FB;
      height: 860px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      padding-top: 155px;
    }
    .Raqysoft-hero-section-03 .hero-content {
      max-width: 535px;
    }
    .Raqysoft-hero-section-03 .hero-content .sub-title {
      display: inline-block;
      font-size: 15px;
      line-height: 24px;
      font-family: 600;
      letter-spacing: 2px;
      color: #1a1a1a;
      text-transform: uppercase;
    }
    .Raqysoft-hero-section-03 .hero-content .title {
      font-size: 85px;
      line-height: 1;
      color: #1a1a1a;
      margin-top: 15px;
    }
    .Raqysoft-hero-section-03 .hero-content .title span {
      position: relative;
    }
    .Raqysoft-hero-section-03 .hero-content .title span::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 12px;
      background: #fc0100;
      width: 100%;
      height: 10px;
    }
    .Raqysoft-hero-section-03 .hero-content .text {
      font-size: 18px;
      line-height: 28px;
      color: #1a1a1a;
      margin-top: 15px;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap {
      display: flex;
      margin-top: 45px;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn {
      margin-left: 25px;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn .play-btn i {
      width: 60px;
      height: 60px;
      background: #fc0100;
      display: inline-block;
      line-height: 60px;
      text-align: center;
      font-size: 16px;
      color: #1a1a1a;
      border-radius: 50%;
      transition: all 0.3s linear;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn .play-btn i:hover {
      background: #273bf0;
      color: #ffffff;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn .play-btn span {
      font-size: 20px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #1a1a1a;
      margin-left: 10px;
      transition: all 0.3s linear;
    }
    .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn .play-btn span:hover {
      color: #273bf0;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-hero-section-03 .hero-content .title {
        font-size: 65px;
      }
      .Raqysoft-hero-section-03 .hero-content .text {
        font-size: 16px;
        line-height: 26px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-hero-section-03 {
        height: 680px;
        padding-top: 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-hero-section-03 {
        height: 580px;
        padding-top: 80px;
      }
      .Raqysoft-hero-section-03 .hero-img3 {
        bottom: 0;
        top: 85px;
      }
      .Raqysoft-hero-section-03 .hero-img3 img {
        width: 510px;
      }
      .Raqysoft-hero-section-03 .hero-content .title {
        font-size: 45px;
      }
      .Raqysoft-hero-section-03 .hero-content .title span::before {
        bottom: 5px;
        height: 7px;
      }
      .Raqysoft-hero-section-03 .hero-content .text {
        font-size: 16px;
        line-height: 28px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-hero-section-03 .hero-content .title {
        font-size: 36px;
      }
      .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap {
        display: block;
      }
      .Raqysoft-hero-section-03 .hero-content .hero-btn-wrap .hero-play-btn {
        margin-left: 0;
        margin-top: 30px;
      }
    }

    /*--
    /*  04 - Service CSS
    /*----------------------------------------*/
    .service-content-wrap {
      padding-top: 25px;
    }
    @media only screen and (max-width: 991px) {
      .service-content-wrap {
        padding-top: 10px;
      }
    }

    .service-item {
      position: relative;
      overflow: hidden;
      background: #F3F3FB;
      border-radius: 20px;
      padding: 35px;
      margin-top: 30px;
      transition: all 0.3s linear;
      z-index: 1;
    }
    .service-item .shape-1 {
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
    }
    .service-item .service-content .title {
      font-size: 24px;
      line-height: 30px;
      color: #1a1a1a;
      margin-top: 10px;
    }
    .service-item .service-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 5px;
    }
    .service-item .service-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 15px;
    }
    .service-item .service-content .read-more i {
      font-size: 14px;
      color: #273bf0;
      margin-left: 3px;
    }
    .service-item .service-content .read-more:hover {
      color: #273bf0;
    }
    .service-item:hover {
      box-shadow: 0 0 15px 0 rgba(107, 102, 198, 0.4);
    }

    .Raqysoft-service-section-02 .service-wrap {
      border: 1px solid #e1e1ee;
      border-radius: 20px;
      padding: 20px 40px 50px;
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-service-section-02 .service-wrap {
        padding: 20px 35px 50px;
      }
    }

    .service-item-02 {
      position: relative;
      margin-top: 30px;
      z-index: 1;
    }
    .service-item-02 .service-icon {
      height: 82px;
      width: 82px;
      line-height: 82px;
      text-align: center;
      position: relative;
      background: #273bf0;
      border-radius: 50%;
    }
    .service-item-02 .service-icon::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      background: rgba(253, 91, 44, 0.1);
      transform: translate(-50%, -50%);
      width: 100px;
      height: 100px;
      border-radius: 50%;
      z-index: -1;
    }
    .service-item-02 .service-content {
      padding-right: 75px;
    }
    @media only screen and (max-width: 1199px) {
      .service-item-02 .service-content {
        padding-right: 0;
      }
    }
    .service-item-02 .service-content .title {
      font-size: 24px;
      line-height: 32px;
      color: #1a1a1a;
      margin-top: 25px;
    }
    .service-item-02 .service-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 20px;
    }
    .service-item-02 .service-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 15px;
    }
    .service-item-02 .service-content .read-more i {
      font-size: 14px;
      color: #273bf0;
      margin-left: 3px;
    }
    .service-item-02 .service-content .read-more:hover {
      color: #273bf0;
    }

    .service-item-03 {
      position: relative;
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      border-radius: 20px;
      padding: 35px;
      margin-top: 30px;
      transition: all 0.3s linear;
      z-index: 1;
    }
    .service-item-03 .shape-1 {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      transition: all 0.3s linear;
    }
    .service-item-03 .shape-2 {
      position: absolute;
      right: 10px;
      bottom: -16px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s linear;
      z-index: -1;
    }
    .service-item-03 .service-icon-wrap {
      display: flex;
      align-items: center;
    }
    .service-item-03 .service-icon-wrap .service-icon {
      width: 60px;
      height: 60px;
      line-height: 35px;
      text-align: center;
      background: #F3F3FB;
      border-radius: 50px;
      padding: 12px;
      transition: all 0.3s linear;
    }
    .service-item-03 .service-icon-wrap .service-title {
      flex: 1;
      margin-left: 20px;
    }
    .service-item-03 .service-icon-wrap .service-title .title {
      font-size: 24px;
      line-height: 32px;
      color: #1a1a1a;
      transition: all 0.3s linear;
    }
    .service-item-03 .service-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 25px;
      transition: all 0.3s linear;
    }
    .service-item-03 .service-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 15px;
    }
    .service-item-03 .service-content .read-more i {
      font-size: 14px;
      color: #1A1A1A;
      margin-left: 3px;
      transition: all 0.3s linear;
    }
    .service-item-03 .service-content .read-more:hover i {
      margin-left: 6px;
    }
    .service-item-03:hover {
      background: #273bf0;
    }
    .service-item-03:hover .shape-1 {
      opacity: 0;
      visibility: hidden;
    }
    .service-item-03:hover .shape-2 {
      opacity: 0.1;
      visibility: visible;
    }
    .service-item-03:hover .service-icon-wrap .service-icon {
      background: #ffffff;
    }
    .service-item-03:hover .service-icon-wrap .service-title .title a {
      color: #ffffff;
    }
    .service-item-03:hover .service-content p {
      color: #ffffff;
    }
    .service-item-03:hover .service-content .read-more {
      color: #ffffff;
    }
    .service-item-03:hover .service-content .read-more i {
      color: #ffffff;
    }

    .Raqysoft-service-section-03 .service-wrap {
      margin-top: -30px;
    }
    .Raqysoft-service-section-03 .service-item {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 35px;
      margin-top: 30px;
      transition: all 0.3s linear;
      z-index: 1;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-service-section-03 .service-item {
        padding: 30px;
      }
    }
    .Raqysoft-service-section-03 .service-item:hover {
      border: 1px solid #273bf0;
      box-shadow: none;
    }

    .Raqysoft-service-section-04 .service-wrap {
      margin-top: -30px;
    }

    /*--
    /*  05 - About CSS
    /*----------------------------------------*/
    .Raqysoft-about-section .about-wrap {
      padding-top: 30px;
    }
    .Raqysoft-about-section .about-content {
      padding-top: 30px;
      padding-right: 50px;
    }
    .Raqysoft-about-section .about-content .text {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 35px;
    }
    .Raqysoft-about-section .about-content .about-author {
      margin-top: 55px;
    }
    .Raqysoft-about-section .about-content .about-author .name {
      font-size: 20px;
      line-height: 32px;
      font-weight: 500;
      color: #1a1a1a;
      margin-top: 5px;
    }
    .Raqysoft-about-section .about-img-wrap {
      display: flex;
      align-items: center;
      justify-content: end;
    }
    .Raqysoft-about-section .about-img-wrap .about-img {
      position: relative;
      z-index: 1;
    }
    .Raqysoft-about-section .about-img-wrap .about-img:first-child {
      padding-right: 25px;
    }
    .Raqysoft-about-section .about-img-wrap .about-img:last-child {
      padding-left: 25px;
    }
    .Raqysoft-about-section .about-img-wrap .about-img.image-1 .shape-1 {
      position: absolute;
      right: -42%;
      top: -12%;
      z-index: -1;
    }
    .Raqysoft-about-section .about-img-wrap .about-img img {
      border-radius: 20px;
      width: 260px;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-about-section .about-content {
        padding-right: 0;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-about-section .about-wrap {
        padding-top: 0;
      }
      .Raqysoft-about-section .about-content {
        padding-top: 0;
      }
      .Raqysoft-about-section .about-img-wrap {
        margin-top: 100px;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section .about-img-wrap {
        margin-top: 80px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-about-section .about-img-wrap {
        flex-direction: column;
        gap: 30px;
        margin-top: 60px;
      }
      .Raqysoft-about-section .about-img-wrap .about-img:first-child {
        padding-right: 0;
      }
      .Raqysoft-about-section .about-img-wrap .about-img:last-child {
        padding-left: 0;
      }
      .Raqysoft-about-section .about-img-wrap .about-img.image-1 .shape-1 {
        display: none;
      }
    }

    .Raqysoft-about-section-02 .section-title2 {
      max-width: 780px;
      margin: 0 auto;
    }
    .Raqysoft-about-section-02 .section-title2 .sub-title::before {
      right: -40%;
    }
    .Raqysoft-about-section-02 .section-title2 .sub-title::after {
      left: -40%;
    }
    .Raqysoft-about-section-02 .about-content-wrap {
      padding-top: 60px;
    }
    .Raqysoft-about-section-02 .about-image img {
      border-radius: 20px;
    }
    .Raqysoft-about-section-02 .about-content {
      padding-left: 70px;
    }
    .Raqysoft-about-section-02 .about-content .text {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      padding-left: 50px;
    }
    .Raqysoft-about-section-02 .about-content .about-list {
      padding-top: 15px;
    }
    .Raqysoft-about-section-02 .about-content .about-list ul {
      display: flex;
      flex-wrap: wrap;
    }
    .Raqysoft-about-section-02 .about-content .about-list ul li {
      width: 50%;
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 10px;
    }
    .Raqysoft-about-section-02 .about-content .about-list ul li i {
      color: #273bf0;
      margin-right: 5px;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 35px;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author {
      display: flex;
      align-items: center;
      margin-top: 15px;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author .author-img img {
      border-radius: 50%;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author .author-content {
      margin-left: 20px;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author .author-content .designation {
      font-size: 18px;
      line-height: 24px;
      color: #273bf0;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author .author-content .name {
      font-size: 24px;
      line-height: 30px;
      color: #616161;
    }
    .Raqysoft-about-section-02 .about-content .about-author-wrap .about-btn {
      margin-top: 15px;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-about-section-02 .about-content {
        padding-left: 30px;
      }
      .Raqysoft-about-section-02 .about-content .text {
        padding-right: 0;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap .about-author .author-content .name {
        font-size: 18px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-about-section-02 .about-content {
        padding-left: 0;
        margin-top: 40px;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap {
        justify-content: flex-start;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap .about-btn {
        margin-left: 50px;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section-02 .about-content .text {
        font-size: 16px;
        line-height: 28px;
      }
      .Raqysoft-about-section-02 .about-content .about-list ul li {
        font-size: 16px;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap {
        padding-top: 25px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-about-section-02 .about-content .about-list ul li {
        width: 100%;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap {
        display: block;
      }
      .Raqysoft-about-section-02 .about-content .about-author-wrap .about-btn {
        margin-top: 35px;
        margin-left: 0;
      }
    }

    .Raqysoft-about-section-03 .about-img-wrap {
      position: relative;
    }
    .Raqysoft-about-section-03 .about-img-wrap .about-image img {
      width: 100%;
      border-radius: 20px;
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap {
      position: absolute;
      left: 20px;
      bottom: 20px;
      max-width: 345px;
      border-radius: 20px;
      background: #fc0100;
      display: flex;
      align-items: center;
      padding: 30px 30px;
      padding-right: 40px;
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap {
        padding-right: 30px;
      }
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap .experience .number {
      font-size: 54px;
      line-height: 56px;
      color: #1a1a1a;
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap .experience span {
      font-size: 24px;
      line-height: 1;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #1a1a1a;
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap .text {
      position: relative;
      padding-left: 15px;
      margin-left: 15px;
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap .text::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      background: rgba(137, 137, 137, 0.2);
      width: 1px;
      height: 94px;
      transform: translateY(-50%);
    }
    .Raqysoft-about-section-03 .about-img-wrap .image-content-wrap .text p {
      font-size: 18px;
      line-height: 28px;
      color: #1a1a1a;
    }
    .Raqysoft-about-section-03 .about-content {
      padding-left: 30px;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-about-section-03 .about-content {
        padding-left: 0;
        margin-top: 50px;
      }
    }
    .Raqysoft-about-section-03 .about-content .section-title {
      max-width: 600px;
    }
    .Raqysoft-about-section-03 .about-content .text {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      padding-right: 50px;
      margin-top: 30px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section-03 .about-content .text {
        padding-right: 0;
        margin-top: 20px;
      }
    }
    .Raqysoft-about-section-03 .about-content .skill-bar-wrap {
      padding-top: 0;
      padding-right: 210px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section-03 .about-content .skill-bar-wrap {
        padding-right: 0;
      }
    }
    .Raqysoft-about-section-03 .about-content .about-btn {
      margin-top: 35px;
    }

    .Raqysoft-about-section-04 .about-img-wrap {
      position: relative;
    }
    .Raqysoft-about-section-04 .about-img-wrap .about-image img {
      width: 100%;
      border-radius: 20px;
    }
    .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap {
      position: absolute;
      left: 15px;
      bottom: 15px;
      max-width: 490px;
      border-radius: 20px;
      background: #fc0100;
      display: flex;
      align-items: center;
      padding: 30px 30px;
      padding-right: 40px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap {
        position: relative;
        left: 0;
        bottom: 0;
        padding-right: 30px;
        margin-top: 35px;
      }
    }
    .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap .section-title {
      max-width: 540px;
    }
    .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap .section-title .sub-title {
      color: #1A1A1A;
    }
    .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap .section-title .title {
      font-size: 44px;
      line-height: 52px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-about-section-04 .about-img-wrap .image-content-wrap .section-title .title {
        font-size: 28px;
        line-height: 36px;
      }
    }

    /*--
    /*  06 - Counter CSS
    /*----------------------------------------*/
    .Raqysoft-counter-section {
      background: #F3F3FB;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .Raqysoft-counter-section .section-title .sub-title {
      color: #1A1A1A;
    }
    .Raqysoft-counter-section .text {
      font-size: 18px;
      line-height: 27px;
      color: #1A1A1A;
      padding-right: 15px;
      margin-top: 20px;
    }
    .Raqysoft-counter-section .counter-left {
      padding-right: 125px;
    }
    @media only screen and (max-width: 1399px) {
      .Raqysoft-counter-section .counter-left {
        padding-right: 40px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-counter-section .counter-left {
        padding-right: 0;
      }
    }

    .counter-content-wrap {
      padding-top: 10px;
    }

    .counter-item {
      display: flex;
      align-items: center;
      margin-top: 30px;
    }
    .counter-item .counter-text {
      flex: 1;
      margin-left: 20px;
    }
    .counter-item .counter-text span {
      font-size: 36px;
      line-height: 42px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #1A1A1A;
    }
    .counter-item .counter-text p {
      font-size: 18px;
      line-height: 27px;
      color: #1A1A1A;
      margin-top: 5px;
    }

    .skill-content-wrap {
      background: #ffffff;
      border-radius: 20px;
      padding: 35px 40px 35px;
      margin-left: 65px;
    }
    @media only screen and (max-width: 1199px) {
      .skill-content-wrap {
        margin-left: 35px;
      }
    }
    @media only screen and (max-width: 991px) {
      .skill-content-wrap {
        margin-left: 0;
        margin-top: 50px;
      }
    }
    @media only screen and (max-width: 575px) {
      .skill-content-wrap {
        padding: 35px 30px 35px;
      }
    }
    .skill-content-wrap .title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      color: #1A1A1A;
    }
    .skill-content-wrap p {
      font-size: 18px;
      line-height: 27px;
      color: #1A1A1A;
      padding-right: 15px;
      margin-top: 15px;
    }
    @media only screen and (max-width: 575px) {
      .skill-content-wrap p {
        padding-right: 0;
      }
    }

    .skill-bar-wrap {
      padding-top: 10px;
    }
    .skill-bar-wrap .skill-item {
      margin-top: 30px;
    }
    .skill-bar-wrap .skill-item .skill-header {
      position: relative;
    }
    .skill-bar-wrap .skill-item .skill-header .skill-title {
      font-size: 20px;
      line-height: 30px;
      font-weight: 500;
      color: #1A1A1A;
    }
    .skill-bar-wrap .skill-item .skill-header .skill-percentage {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 20px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #1A1A1A;
    }
    .skill-bar-wrap .skill-item .bar-inner {
      width: 100%;
      height: 5px;
      background: #D9D9D9;
      margin-top: 10px;
      border-radius: 35px;
      position: relative;
    }
    .skill-bar-wrap .skill-item .bar-inner .progress-line {
      height: 5px;
      position: absolute;
      width: 0;
      top: 0;
      left: 0;
      border-radius: 5px;
      background: #273bf0;
      transition: 3s;
      transition-delay: 1s;
    }

    .Raqysoft-counter-section-02 .counter-item {
      background: #f3f3f3;
      border-radius: 15px;
      padding: 35px;
    }

    @media only screen and (max-width: 1399px) {
      .Raqysoft-counter-section-02 .counter-item {
        padding: 35px 22px 35px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-counter-section-02 .counter-item {
        padding: 30px;
      }
    }

    /*--
    /*  07 - Marquee Line
    /*----------------------------------------*/
    .slider__marquee {
      overflow: hidden;
      margin: 0;
      margin-top: -5px;
    }
    .slider__marquee .item {
      display: inline-flex;
      align-items: center;
      margin-right: 40px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .slider__marquee .item a {
      font-family: "Tajawal", serif;
      font-weight: 700;
      font-size: 80px;
      line-height: 1;
      color: #1A1A1A;
      display: inline-flex;
      align-items: center;
    }
    @media only screen and (max-width: 991px) {
      .slider__marquee .item a {
        font-size: 65px;
      }
    }
    @media only screen and (max-width: 767px) {
      .slider__marquee .item a {
        font-size: 55px;
      }
    }
    .slider__marquee .item a img {
      margin-right: 37px;
    }
    .slider__marquee .item a span {
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #1A1A1A;
      white-space: nowrap;
    }

    .Raqysoft-marquee-section-02 {
      background: #fc0100;
      padding-top: 40px;
      padding-bottom: 25px;
    }

    /*--
    /*  08 - Pricing CSS
    /*----------------------------------------*/
    .Raqysoft-pricing-section {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }
    .Raqysoft-pricing-section .pricing-wrap .pricing-desc {
      font-size: 18px;
      line-height: 27px;
      color: #898989;
      padding-left: 140px;
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-pricing-section .pricing-wrap .pricing-desc {
        padding-left: 0;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-pricing-section .pricing-wrap .pricing-desc {
        margin-top: 20px;
      }
    }
    .Raqysoft-pricing-section .pricing-wrap .pricing-content-wrap {
      padding-top: 30px;
    }

    .single-pricing {
      background: #ffffff;
      border: 1px solid #ccc;
      border-radius: 20px;
      padding: 40px 40px 35px;
      margin-top: 30px;
      transition: all 0.3s linear;
    }
    @media only screen and (max-width: 1199px) {
      .single-pricing {
        padding: 40px 30px 35px;
      }
    }
    .single-pricing .pricing-img img {
      height: 105px;
    }
    .single-pricing .pricing-price {
      display: flex;
      align-items: start;
      margin-top: 30px;
    }
    .single-pricing .pricing-price .currency {
      font-size: 55px;
      line-height: 40px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #273bf0;
      display: inline-block;
      position: relative;
      bottom: -10px;
    }
    @media only screen and (max-width: 991px) {
      .single-pricing .pricing-price .currency {
        font-size: 25px;
      }
    }
    .single-pricing .pricing-price .price {
      font-size: 55px;
      line-height: 60px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      display: inline-block;
      color: #191919;
    }
    .single-pricing .pricing-price .price span {
      font-size: 20px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      color: #1A1A1A;
    }
    .single-pricing .pricing-content .pricing-badge .title {
      font-size: 18px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #191919;
    }
    .single-pricing .pricing-content .pricing-list {
      padding-top: 20px;
    }
    .single-pricing .pricing-content .pricing-list li {
      font-size: 18px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      line-height: 27px;
      color: #808285;
    }
    .single-pricing .pricing-content .pricing-list li + li {
      margin-top: 10px;
    }
    .single-pricing .pricing-content .pricing-list li i {
      color: #273bf0;
      margin-right: 5px;
    }
    .single-pricing .pricing-content .pricing-btn {
      padding-top: 25px;
    }
    .single-pricing .pricing-content .pricing-btn .btn {
      width: 100%;
      height: 60px;
      line-height: 58px;
      font-size: 15px;
      border: 1px solid #ccc;
      border-radius: 50px;
      padding: 0 50px;
      color: #1A1A1A;
      background: transparent;
      text-transform: uppercase;
    }
    .single-pricing .pricing-content .pricing-btn .btn::before {
      background: #273bf0;
    }
    .single-pricing .pricing-content .pricing-btn .btn::after {
      background: #273bf0;
    }
    .single-pricing .pricing-content .pricing-btn .btn:hover {
      border: 1px solid transparent;
      color: #ffffff;
    }
    .single-pricing:hover {
      border: 1px solid transparent;
      box-shadow: 0 0 15px 0 rgba(187, 187, 187, 0.48);
    }

    .Raqysoft-pricing-section-02 .pricing-wrap {
      margin-top: -30px;
    }
    .Raqysoft-pricing-section-02 .single-pricing {
      border-radius: 10px;
    }
    .Raqysoft-pricing-section-02 .single-pricing .pricing-content .pricing-btn .btn {
      border-radius: 10px;
    }

    /*--
    /*  09 - Project CSS
    /*----------------------------------------*/
    .Raqysoft-project-section {
      overflow: hidden;
    }

    .project-content-wrap {
      padding-top: 40px;
    }
    @media only screen and (max-width: 991px) {
      .project-content-wrap {
        padding-top: 20px;
      }
    }

    .project-item {
      position: relative;
      margin-top: 30px;
    }
    .project-item .project-img {
      overflow: hidden;
      border-radius: 20px;
    }
    .project-item .project-img a {
      display: block;
    }
    .project-item .project-img a img {
      width: 100%;
      transition: all 0.3s linear;
    }
    .project-item .project-content {
      position: absolute;
      bottom: 10px;
      left: 50%;
      padding: 20px 25px 20px;
      background: #ffffff;
      border-radius: 10px;
      width: calc(100% - 20px);
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      z-index: 2;
      transition: all 0.3s linear;
    }
    .project-item .project-content .title {
      font-size: 24px;
      line-height: 36px;
      color: #1a1a1a;
    }
    .project-item .project-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 10px;
    }
    .project-item .project-content .read-more i {
      margin-left: 3px;
    }
    .project-item .project-content .read-more:hover {
      color: #273bf0;
    }
    .project-item:hover .project-img a img {
      transform: scale(1.05);
    }
    .project-item:hover .project-content {
      opacity: 1;
      visibility: visible;
    }

    @media only screen and (max-width: 575px) {
      .project-item .project-content {
        padding: 15px 25px 15px;
      }
      .project-item .project-content .title {
        font-size: 20px;
        line-height: 32px;
      }
      .project-item .project-content .read-more {
        margin-top: 5px;
      }
    }

    .Raqysoft-project-section-02 .section-title {
      max-width: 650px;
    }

    .Raqysoft-project-section-02 .project-desc {
      font-size: 18px;
      line-height: 27px;
      color: #898989;
      padding-left: 50px;
    }
    @media only screen and (max-width: 1399px) {
      .Raqysoft-project-section-02 .project-desc {
        padding-left: 40px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-project-section-02 .project-desc {
        padding-left: 0;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-project-section-02 .project-desc {
        margin-top: 20px;
      }
    }

    .project-item-02 {
      position: relative;
      margin-top: 30px;
    }
    .project-item-02 .project-img {
      overflow: hidden;
      border-radius: 20px;
    }
    .project-item-02 .project-img a {
      display: block;
    }
    .project-item-02 .project-img a img {
      width: 100%;
      height: 580px;
      transition: all 0.3s linear;
    }
    @media only screen and (max-width: 1199px) {
      .project-item-02 .project-img a img {
        height: 450px;
      }
    }
    @media only screen and (max-width: 767px) {
      .project-item-02 .project-img a img {
        height: auto;
      }
    }
    .project-item-02 .project-content {
      position: absolute;
      bottom: 10px;
      left: 50%;
      padding: 45px 30px 40px;
      background: #ffffff;
      border-radius: 20px;
      width: calc(100% - 20px);
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      z-index: 2;
      transition: all 0.3s linear;
    }
    @media only screen and (max-width: 991px) {
      .project-item-02 .project-content {
        padding: 35px 30px 35px;
      }
    }
    .project-item-02 .project-content .shape-1 {
      position: absolute;
      left: 40px;
      top: 25px;
      z-index: -1;
    }
    @media only screen and (max-width: 991px) {
      .project-item-02 .project-content .shape-1 {
        width: 85px;
        left: 25px;
        top: 40px;
      }
    }
    @media only screen and (max-width: 767px) {
      .project-item-02 .project-content .shape-1 {
        top: 30px;
      }
    }
    .project-item-02 .project-content .sub-title {
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      color: #273bf0;
    }
    .project-item-02 .project-content .title {
      font-size: 24px;
      line-height: 36px;
      color: #1a1a1a;
    }
    .project-item-02:hover .project-img a img {
      transform: scale(1.05);
    }
    .project-item-02:hover .project-content {
      opacity: 1;
      visibility: visible;
    }

    .project-item-03 {
      margin-top: 30px;
    }
    .project-item-03:nth-child(2n+2) .project-content {
      padding-right: 0;
      padding-left: 130px;
    }
    @media only screen and (max-width: 1199px) {
      .project-item-03:nth-child(2n+2) .project-content {
        padding-left: 40px;
      }
    }
    @media only screen and (max-width: 991px) {
      .project-item-03:nth-child(2n+2) .project-content {
        padding-left: 0;
      }
    }
    .project-item-03 .project-img {
      overflow: hidden;
      border-radius: 20px;
    }
    .project-item-03 .project-img a {
      display: block;
    }
    .project-item-03 .project-img a img {
      width: 100%;
      transition: all 0.3s linear;
    }
    .project-item-03 .project-content {
      padding-right: 150px;
    }
    @media only screen and (max-width: 1199px) {
      .project-item-03 .project-content {
        padding-right: 40px;
      }
    }
    @media only screen and (max-width: 991px) {
      .project-item-03 .project-content {
        padding-right: 0;
      }
    }
    @media only screen and (max-width: 767px) {
      .project-item-03 .project-content {
        margin-top: 25px;
      }
    }
    .project-item-03 .project-content .title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      color: #1a1a1a;
    }
    @media only screen and (max-width: 991px) {
      .project-item-03 .project-content .title {
        font-size: 28px;
        line-height: 34px;
      }
    }
    .project-item-03 .project-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 10px;
    }
    .project-item-03 .project-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 20px;
    }
    .project-item-03 .project-content .read-more i {
      margin-left: 3px;
    }
    .project-item-03 .project-content .read-more:hover {
      color: #273bf0;
    }
    .project-item-03:hover .project-img a img {
      transform: scale(1.05);
    }

    .Raqysoft-project-section-03 .project-wrap {
      margin-top: -30px;
    }
    .Raqysoft-project-section-03 .project-item .project-img {
      border-radius: 10px;
    }

    /*--
    /*  10 - Team CSS
    /*----------------------------------------*/
    .team-content-wrap {
      padding-top: 35px;
    }
    @media only screen and (max-width: 991px) {
      .team-content-wrap {
        padding-top: 20px;
      }
    }

    .single-team {
      margin-top: 30px;
    }
    .single-team .team-img {
      overflow: hidden;
      border-radius: 20px;
    }
    .single-team .team-img img{
      height: 260px;
    }

    .single-team .team-img a {
      display: block;
    }
    .single-team .team-img a img {
      width: 100%;
    }
    .single-team .team-content {
      padding-top: 15px;
    }
    .single-team .team-content .name {
      font-size: 24px;
      line-height: 36px;
      color: #1a1a1a;
    }
    .single-team .team-content .designation {
      font-size: 18px;
      line-height: 22px;
      font-weight: 400;
      color: #1A1A1A;
      margin-top: 5px;
    }
    .single-team .team-content .team-social {
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 10px 15px 5px;
      margin-top: 15px;
    }
    .single-team .team-content .team-social ul li {
      display: inline-block;
    }
    .single-team .team-content .team-social ul li + li {
      margin-left: 10px;
    }
    .single-team .team-content .team-social ul li a {
      color: #1A1A1A;
    }
    .single-team .team-content .team-social ul li a:hover {
      color: #273bf0;
    }
    .single-team:hover .team-img a img {
      transform: scale(1.1);
    }

    .Raqysoft-team-section-02 {
      background: linear-gradient(0deg, rgba(107, 102, 198, 0) 0%, #f3f3fb 30%);
    }
    .Raqysoft-team-section-02 .section-title2 .sub-title::before {
      right: -40%;
    }
    .Raqysoft-team-section-02 .section-title2 .sub-title::after {
      left: -40%;
    }
    .Raqysoft-team-section-02 .team-content-wrap {
      padding-top: 20px;
    }

    .single-team-02 {
      margin-top: 30px;
      position: relative;
    }
    .single-team-02 .team-image {
      overflow: hidden;
      border-radius: 20px;
    }
    .single-team-02 .team-image a {
      display: block;
    }
    .single-team-02 .team-image a img {
      width: 100%;
      transition: all 0.3s linear;
    }
    .single-team-02 .team-content {
      position: absolute;
      bottom: 15px;
      left: 50%;
      width: 90%;
      text-align: center;
      padding: 15px 20px 20px;
      border-radius: 20px;
      z-index: 2;
      background: #fff;
      transform: translateX(-50%);
      transition: all 0.3s linear;
    }
    .single-team-02 .team-content .name {
      color: #1A1A1A;
      font-size: 20px;
      line-height: 30px;
      font-weight: 500;
    }
    .single-team-02 .team-content .designation {
      color: #898989;
      font-size: 18px;
    }
    .single-team-02 .team-content .team-social {
      position: absolute;
      bottom: -50%;
      left: 50%;
      transform: translate(-50%, -70px);
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s linear;
    }
    .single-team-02 .team-content .team-social ul li {
      display: inline-block;
    }
    .single-team-02 .team-content .team-social ul li + li {
      margin-left: 15px;
    }
    .single-team-02 .team-content .team-social ul li a {
      font-size: 14px;
      transform: translate3d(0, 0, 0);
      color: #1A1A1A;
    }
    .single-team-02 .team-content .team-social ul li a:hover {
      color: #273bf0;
    }
    .single-team-02:hover .team-image img {
      transform: scale(1.05);
    }
    .single-team-02:hover .team-content {
      padding: 15px 20px 40px;
      bottom: 35px;
    }
    .single-team-02:hover .team-content .team-social {
      opacity: 1;
      visibility: visible;
    }

    .team-grid-wrap {
      margin-top: -30px;
    }

    /*--
    /*  11 - Brand CSS
    /*----------------------------------------*/
    .Raqysoft-brand-section {
      background: linear-gradient(0deg, rgba(107, 102, 198, 0) 0%, #f3f3fb 41%);
    }

    .Raqysoft-brand-section-03 {
      background: #273bf0;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    /*--
    /*  12 - Video CSS
    /*----------------------------------------*/
    .video-wrap .video-img {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 230px 20px;
      border-radius: 20px;
      overflow: hidden;
    }
    @media only screen and (max-width: 767px) {
      .video-wrap .video-img {
        padding: 200px 20px;
      }
    }

    .video-play {
      position: relative;
    }
    .video-play .shape-1 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    @media only screen and (max-width: 767px) {
      .video-play .shape-1 {
        width: 160px;
      }
    }
    .video-play a {
      width: 45px;
      height: 45px;
      background: #273bf0;
      display: inline-block;
      line-height: 45px;
      text-align: center;
      border: 1px solid #ffffff;
      font-size: 14px;
      color: #ffffff;
      border-radius: 50%;
      transition: all 0.3s linear;
      position: relative;
      z-index: 5;
    }
    .video-play a:hover {
      border: 1px solid transparent;
      background: #ffffff;
      color: #273bf0;
    }

    /*--
    /*  12 - Subscribe CSS
    /*----------------------------------------*/
    .Raqysoft-subscribe-section .subscribe-wrap {
      background: #fc0100;
      position: relative;
      border-radius: 10px;
      padding: 95px 70px;
      margin-bottom: -130px;
      z-index: 1;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .shape-1 {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .shape-2 {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-content .title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      color: #1a1a1a;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form {
      position: relative;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      height: 60px;
      line-height: 60px;
      border: 0;
      border-radius: 5px;
      padding-right: 170px;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
      font-size: 15px;
      color: #636363;
      font-weight: 400;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
      font-size: 15px;
      color: #636363;
      font-weight: 400;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      font-size: 15px;
      color: #636363;
      font-weight: 400;
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      font-size: 15px;
      color: #636363;
      font-weight: 400;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
        height: 50px;
        line-height: 50px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
        padding-right: 20px;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
        font-size: 16px;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
        font-size: 16px;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
        font-size: 16px;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
        font-size: 16px;
      }
    }
    .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form button {
      height: 50px;
      position: absolute;
      right: 5px;
      top: 5px;
      border: 0;
      background: #1A1A1A;
      color: #ffffff;
      padding: 0 40px;
      font-size: 15px;
      font-weight: 700;
      border-radius: 5px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form button {
        height: 40px;
        line-height: 40px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form form button {
        position: relative;
        right: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: block;
        margin-top: 15px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
      }
    }

    @media only screen and (max-width: 991px) {
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-content {
        text-align: center;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-form {
        margin-top: 35px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-subscribe-section .subscribe-wrap {
        padding: 75px 55px;
      }
      .Raqysoft-subscribe-section .subscribe-wrap .subscribe-content .title {
        font-size: 30px;
        line-height: 36px;
      }
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-subscribe-section .subscribe-wrap {
        padding: 75px 45px;
      }
    }

    .Raqysoft-subscribe-section-02 .subscribe-wrap {
      margin-bottom: 0;
    }

    /*--
    /*  13 - Blog CSS
    /*----------------------------------------*/
    .Raqysoft-blog-section {
      background: #F3F3FB;
      padding-top: 260px;
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-blog-section {
        padding-top: 230px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-blog-section {
        padding-top: 210px;
      }
    }
    .Raqysoft-blog-section .blog-btn {
      text-align: right;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-blog-section .blog-btn {
        text-align: left;
        margin-top: 30px;
      }
    }
    .Raqysoft-blog-section .blog-btn .btn {
      height: 60px;
      line-height: 58px;
      font-size: 15px;
      border: 1px solid #ccc;
      border-radius: 20px;
      padding: 0 50px;
      color: #1A1A1A;
      background: transparent;
      text-transform: uppercase;
    }
    .Raqysoft-blog-section .blog-btn .btn::before {
      background: #273bf0;
    }
    .Raqysoft-blog-section .blog-btn .btn::after {
      background: #273bf0;
    }
    .Raqysoft-blog-section .blog-btn .btn:hover {
      border: 1px solid transparent;
      color: #ffffff;
    }

    .blog-content-wrap {
      padding-top: 30px;
    }

    .single-blog {
      margin-top: 30px;
      border-bottom: 3px solid #ffffff;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      transition: all 0.3s linear;
    }
    .single-blog .blog-image {
      position: relative;
      overflow: hidden;
      border-top-left-radius: 20px;
      border-top-right-radius: 5px;
    }
    .single-blog .blog-image a {
      display: block;
    }
    .single-blog .blog-image a img {
      width: 100%;
      transition: all 0.3s linear;
    }
    .single-blog .blog-image .top-meta {
      position: absolute;
      top: 0;
      right: 0;
    }
    .single-blog .blog-image .top-meta .date {
      width: 65px;
      height: 75px;
      text-align: center;
      background: #ffffff;
      color: #898989;
      font-size: 18px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 5px;
      font-family: "Tajawal", serif;
      display: inline-block;
      text-align: center;
      line-height: 30px;
      padding: 10px;
    }
    .single-blog .blog-image .top-meta .date span {
      font-size: 36px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #1A1A1A;
      line-height: 30px;
      display: block;
    }
    .single-blog .blog-content {
      padding: 0 40px 40px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background: #ffffff;
      margin-top: -20px;
    }
    @media only screen and (max-width: 1199px) {
      .single-blog .blog-content {
        padding: 0 25px 40px;
      }
    }
    .single-blog .blog-content .blog-meta {
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 5px 10px;
      position: relative;
      z-index: 1;
      background: #ffffff;
      display: inline-block;
    }
    .single-blog .blog-content .blog-meta span {
      font-size: 12px;
      line-height: 24px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      color: #898989;
      margin-right: 15px;
    }
    @media only screen and (max-width: 575px) {
      .single-blog .blog-content .blog-meta span {
        margin-right: 12px;
      }
    }
    .single-blog .blog-content .blog-meta span i {
      color: #1A1A1A;
      margin-right: 5px;
    }
    .single-blog .blog-content .title {
      font-size: 24px;
      line-height: 30px;
      font-weight: 700;
      color: #1A1A1A;
      margin-top: 25px;
    }
    @media only screen and (max-width: 1199px) {
      .single-blog .blog-content .title {
        padding-right: 0;
      }
    }
    .single-blog .blog-btn-link {
      font-size: 15px;
      font-weight: 600;
      color: #1A1A1A;
      text-transform: uppercase;
      margin-top: 15px;
      transition: all 0.3s linear;
    }
    .single-blog .blog-btn-link i {
      margin-left: 3px;
    }
    .single-blog .blog-btn-link:hover {
      color: #273bf0;
    }
    .single-blog:hover {
      border-bottom: 3px solid #273bf0;
    }
    .single-blog:hover .blog-image a img {
      transform: scale(1.1);
    }

    .Raqysoft-blog-section-02 {
      background: #ffffff;
      padding-top: 120px;
    }
    .Raqysoft-blog-section-02 .blog-btn {
      text-align: right;
    }
    .Raqysoft-blog-section-02 .blog-btn .btn {
      border-radius: 5px;
    }
    .Raqysoft-blog-section-02 .single-blog {
      margin-top: 30px;
      border: 1px solid #ccc;
      border-radius: 20px;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-image {
      border-top-right-radius: 20px;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-image .top-meta {
      top: 15px;
      left: 15px;
      right: auto;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-image .top-meta .date {
      border-radius: 5px;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-content {
      padding: 20px 40px 40px;
      background: #ffffff;
      margin-top: 0;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-content .blog-meta {
      border: 0;
      border-radius: 0;
      padding: 0;
    }
    .Raqysoft-blog-section-02 .single-blog .blog-content .title {
      margin-top: 15px;
    }
    .Raqysoft-blog-section-02 .single-blog:hover {
      border-bottom: 1px solid #ccc;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-blog-section-02 {
        padding-top: 100px;
      }
      .Raqysoft-blog-section-02 .single-blog .blog-content {
        padding: 20px 25px 40px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-blog-section-02 {
        padding-top: 80px;
      }
      .Raqysoft-blog-section-02 .blog-btn {
        text-align: left;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-blog-section-02 {
        padding-top: 60px;
      }
    }

    .Raqysoft-blog-section-03 .blog-wrap {
      margin-top: -20px;
    }
    .Raqysoft-blog-section-03 .section-title {
      max-width: 650px;
    }
    .Raqysoft-blog-section-03 .blog-btn {
      text-align: right;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-blog-section-03 .blog-btn {
        text-align: left;
      }
    }
    .Raqysoft-blog-section-03 .blog-btn .btn {
      border-radius: 5px;
    }
    .Raqysoft-blog-section-03 .single-blog {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      margin-top: 30px;
      border: 0;
      border-radius: 20px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-image {
      border-top-right-radius: 20px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content {
      position: relative;
      padding: 30px 40px 40px;
      background: #ffffff;
      margin-top: 0;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-blog-section-03 .single-blog .blog-content {
        padding: 30px 30px 40px;
      }
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .blog-meta {
      position: absolute;
      right: 20px;
      top: -25px;
      border: 0;
      background: #273bf0;
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
      border-radius: 50px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .blog-meta p {
      font-size: 15px;
      font-weight: 600;
      text-transform: uppercase;
      color: #ffffff;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .blog-meta p a {
      color: #ffffff;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .blog-meta p i {
      margin-right: 5px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .date {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .date i {
      font-size: 15px;
      color: #273bf0;
      margin-right: 5px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .title {
      margin-top: 15px;
    }
    .Raqysoft-blog-section-03 .single-blog .blog-content .blog-btn-wrap {
      text-align: right;
    }
    .Raqysoft-blog-section-03 .single-blog:hover {
      border-bottom: 0;
    }

    .blog-grid-wrap {
      margin-top: -30px;
    }

    /*--
    /*  13 - Testimonial CSS
    /*----------------------------------------*/
    .Raqysoft-testimonial-section .testimonial-wrap {
      padding-left: 60px;
      padding-right: 60px;
      padding-top: 50px;
    }
    @media only screen and (max-width: 1399px) {
      .Raqysoft-testimonial-section .testimonial-wrap {
        padding-left: 35px;
        padding-right: 35px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-testimonial-section .testimonial-wrap {
        padding-left: 0;
        padding-right: 0;
      }
    }
    .Raqysoft-testimonial-section .single-testimonial {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      padding: 40px 40px 30px 35px;
      border-radius: 20px;
      position: relative;
      opacity: 0.5;
      margin: 5px 5px;
    }
    @media only screen and (max-width: 1399px) {
      .Raqysoft-testimonial-section .single-testimonial {
        padding: 40px 30px 30px 30px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-testimonial-section .single-testimonial {
        opacity: 1;
      }
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-testimonial-section .single-testimonial {
        padding: 40px 20px 30px 20px;
      }
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap {
      display: flex;
      justify-content: space-between;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author {
      display: flex;
      align-items: center;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-img img {
      border-radius: 5px;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text {
      flex: 1;
      margin-left: 20px;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .name {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700;
      color: #1A1A1A;
    }
    @media only screen and (max-width: 1399px) {
      .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .name {
        font-size: 20px;
        line-height: 26px;
      }
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .name {
        font-size: 18px;
        line-height: 24px;
      }
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .designation {
      font-size: 16px;
      line-height: 24px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      display: block;
      color: #898989;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content p {
      font-size: 20px;
      line-height: 30px;
      font-weight: 400;
      color: #898989;
      margin-top: 15px;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .rating {
      position: relative;
      display: inline-block;
      margin-top: 20px;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .rating::before {
      content: "\f13b\f13b\f13b\f13b\f13b";
      font-family: "flaticon";
      color: #dedede;
      font-size: 14px;
      letter-spacing: 5px;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .rating .rating-active {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
    }
    .Raqysoft-testimonial-section .single-testimonial .testimonial-content .rating .rating-active::before {
      content: "\f13b\f13b\f13b\f13b\f13b";
      font-family: "flaticon";
      color: #ffcc33;
      font-size: 14px;
      letter-spacing: 5px;
    }
    .Raqysoft-testimonial-section .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial {
      border: 1px solid #273bf0;
      opacity: 1;
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-testimonial-section .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial {
        border: none;
      }
    }

    .testimonial-active .swiper-pagination {
      position: relative;
      margin-top: 50px;
    }
    .testimonial-active .swiper-pagination .swiper-pagination-bullet {
      background-color: #e8e8e8;
      margin: 0 6px;
    }
    .testimonial-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #273bf0;
      transform: scale(1.3);
    }

    .Raqysoft-testimonial-section-02 .section-title {
      max-width: 950px;
    }
    .Raqysoft-testimonial-section-02 .section-title .title {
      font-size: 85px;
      line-height: 1;
      margin-top: 0;
    }
    .Raqysoft-testimonial-section-02 .testimonial-left {
      margin-top: 60px;
    }
    .Raqysoft-testimonial-section-02 .testimonial-left .testimonial-image .img {
      border-radius: 20px;
    }
    .Raqysoft-testimonial-section-02 .testimonial-right {
      padding-left: 70px;
      margin-top: 60px;
    }
    .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap {
      padding-top: 25px;
    }
    .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap .counter-item .counter-text {
      margin-left: 14px;
    }
    .Raqysoft-testimonial-section-02 .testimonial-slider-wrap {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      border: 1px solid #ccc;
      border-radius: 20px;
      padding: 50px 40px 30px;
    }
    .Raqysoft-testimonial-section-02 .single-testimonial {
      box-shadow: none;
      border-radius: 0;
      position: relative;
      padding: 0;
      opacity: 1;
      margin: 0;
    }
    .Raqysoft-testimonial-section-02 .single-testimonial .testimonial-content p {
      font-size: 24px;
      line-height: 34px;
      margin-top: 30px;
    }

    .testimonial-2-active.swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 25px;
    }
    .testimonial-2-active .swiper-pagination {
      position: relative;
      text-align: right;
      margin-top: 0;
    }
    .testimonial-2-active .swiper-pagination .swiper-pagination-bullet {
      background-color: #e8e8e8;
      margin: 0 6px;
    }
    .testimonial-2-active .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #273bf0;
      transform: scale(1.3);
    }

    @media only screen and (max-width: 1399px) {
      .Raqysoft-testimonial-section-02 .section-title {
        max-width: 710px;
      }
      .Raqysoft-testimonial-section-02 .section-title .title {
        font-size: 60px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right {
        padding-left: 30px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap {
        padding-top: 15px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap .counter-item .counter-text {
        margin-left: 12px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap .counter-item .counter-text p {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-testimonial-section-02 .section-title {
        max-width: 620px;
      }
      .Raqysoft-testimonial-section-02 .section-title .title {
        font-size: 48px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right {
        padding-left: 0;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap {
        padding-top: 15px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap .counter-item .counter-text {
        margin-left: 12px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-right .counter-content-wrap .counter-item .counter-text p {
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-testimonial-section-02 .section-title .title {
        font-size: 30px;
        line-height: 36px;
      }
      .Raqysoft-testimonial-section-02 .testimonial-left {
        margin-top: 40px;
      }
      .Raqysoft-testimonial-section-02 .single-testimonial .testimonial-content p {
        font-size: 20px;
        line-height: 32px;
      }
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-testimonial-section-02 .testimonial-slider-wrap {
        padding: 40px 20px 30px;
      }
    }

    .Raqysoft-testimonial-section-03 .testimonial-wrap-02 {
      padding-top: 50px;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial {
      background: #ffffff;
      box-shadow: none;
      padding: 25px;
      border: 1px solid #ccc;
      border-radius: 20px;
      position: relative;
      opacity: 1;
      margin: 0;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap {
      align-items: center;
      background: #f3f3f3;
      border-radius: 15px;
      padding: 20px;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-img img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text {
      flex: 1;
      margin-left: 20px;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .name {
      font-size: 20px;
      line-height: 30px;
      font-weight: 500;
      color: #1A1A1A;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .designation {
      font-size: 16px;
      line-height: 27px;
      font-weight: 400;
      display: block;
      color: #898989;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-quote .quote-white {
      display: none;
    }
    .Raqysoft-testimonial-section-03 .single-testimonial .testimonial-content p {
      font-size: 20px;
      line-height: 30px;
      font-weight: 400;
      color: #898989;
      margin-top: 25px;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial {
      border: 1px solid #ccc;
      opacity: 1;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author-wrap {
      background: #273bf0;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .name {
      color: #ffffff;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-author .author-text .designation {
      color: #ffffff;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-quote .quote-white {
      display: block;
    }
    .Raqysoft-testimonial-section-03 .testimonial-active .swiper-slide.swiper-slide-active .single-testimonial .testimonial-content .testimonial-author-wrap .testimonial-quote .quote-grey {
      display: none;
    }

    .Raqysoft-testimonial-section .testimonial-wrap-03 {
      padding-top: 0;
    }

    /*--
    /*  14 - Faq CSS
    /*----------------------------------------*/
    .Raqysoft-faq-section {
      background: linear-gradient(0deg, rgba(107, 102, 198, 0) 0%, #f3f3fb 30%);
    }
    .Raqysoft-faq-section .section-title {
      max-width: 540px;
    }
    .Raqysoft-faq-section .section-title .sub-title {
      color: #1A1A1A;
    }

    .Raqysoft-faq-section .faq-content-wrap {
      padding-right: 20px;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-faq-section .faq-content-wrap {
        padding-right: 0;
      }
    }

    .faq-accordion {
      padding-top: 15px;
    }
    .faq-accordion .accordion-item {
      border: 0;
      box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      overflow: hidden;
      margin-top: 25px;
    }
    .faq-accordion .accordion-item .accordion-button {
      padding: 15px 35px;
      padding-left: 70px;
      padding-right: 20px;
    }
    .faq-accordion .accordion-item .accordion-button .title {
      font-size: 20px;
      line-height: 26px;
      color: #1a1a1a;
      font-family: "Tajawal", serif;
      display: inline-block;
      font-weight: 500;
      position: relative;
      z-index: 1;
    }
    .faq-accordion .accordion-item .accordion-button::after {
      position: absolute;
      content: "+";
      border: none;
      width: 30px;
      height: 30px;
      line-height: 32px;
      font-size: 30px;
      font-weight: 400;
      text-align: center;
      border-radius: 50%;
      color: #ffffff;
      background: #273bf0;
      left: 25px;
      transition: all 0.3s ease-out 0s;
    }
    .faq-accordion .accordion-item .accordion-body {
      font-size: 18px;
      line-height: 28px;
      border-top: 1px solid #ebebeb;
      padding: 25px 30px;
      position: relative;
      color: #898989;
    }
    .faq-accordion .accordion-item .accordion-body::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      background: #273bf0;
      width: 2px;
      height: 70px;
      transform: translateY(-50%);
    }
    .faq-accordion .accordion-item .accordion-button:focus {
      box-shadow: none;
    }
    .faq-accordion .accordion-item .accordion-button:not(.collapsed) {
      background-color: #ffffff;
      box-shadow: none;
    }
    .faq-accordion .accordion-item .accordion-button:not(.collapsed)::after {
      position: absolute;
      content: "-";
      border: none;
      line-height: 26px;
      transform: rotate(0);
    }

    .faq-image-wrap {
      position: relative;
    }
    .faq-image-wrap .faq-image {
      text-align: right;
    }
    @media only screen and (max-width: 991px) {
      .faq-image-wrap .faq-image {
        text-align: center;
        margin-top: 60px;
      }
    }
    .faq-image-wrap .faq-image img {
      border-radius: 20px;
    }
    .faq-image-wrap .video-play-wrap {
      position: relative;
      left: -165px;
      bottom: 165px;
    }
    @media only screen and (max-width: 1199px) {
      .faq-image-wrap .video-play-wrap {
        left: 0;
        bottom: 275px;
      }
    }
    @media only screen and (max-width: 449px) {
      .faq-image-wrap .video-play-wrap {
        bottom: 215px;
      }
    }

    .Raqysoft-faq-section-02 {
      background: #ffffff;
    }
    .Raqysoft-faq-section-02 .faq-image-wrap .faq-image {
      text-align: left;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-faq-section-02 .faq-image-wrap .faq-image {
        text-align: center;
        margin-top: 0;
      }
    }
    .Raqysoft-faq-section-02 .faq-content-wrap {
      padding-right: 0;
      padding-left: 40px;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-faq-section-02 .faq-content-wrap {
        padding-left: 0;
        margin-top: 50px;
      }
    }
    .Raqysoft-faq-section-02 .faq-accordion .accordion-item .accordion-body::before {
      display: none;
    }

    .Raqysoft-faq-section-03 .faq-image-wrap .faq-image img {
      border-radius: 10px;
    }
    .Raqysoft-faq-section-03 .faq-image-wrap .video-play-wrap {
      bottom: 280px;
    }
    @media only screen and (max-width: 449px) {
      .Raqysoft-faq-section-03 .faq-image-wrap .video-play-wrap {
        bottom: 215px;
      }
    }
    .Raqysoft-faq-section-03 .video-play {
      position: relative;
    }
    .Raqysoft-faq-section-03 .video-play a {
      background: transparent;
      border: 1px solid #273bf0;
      color: #273bf0;
    }
    .Raqysoft-faq-section-03 .video-play a:hover {
      border: 1px solid transparent;
      background: #ffffff;
      color: #273bf0;
    }

    /*--
    /*  15 - Page Banner CSS
    /*----------------------------------------*/
    .page-banner-section {
      background: #E0E9F8;
      padding-top: 80px;
      min-height: 560px;
      display: flex;
      align-items: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      overflow: hidden;
      z-index: 1;
    }
    @media only screen and (max-width: 1199px) {
      .page-banner-section {
        min-height: 480px;
      }
    }
    @media only screen and (max-width: 991px) {
      .page-banner-section {
        min-height: 420px;
      }
    }
    @media only screen and (max-width: 767px) {
      .page-banner-section {
        min-height: 350px;
      }
    }
    .page-banner-section .page-banner-wrap {
      position: relative;
    }
    .page-banner-section .page-banner-wrap .shape-1 {
      position: absolute;
      right: 0;
      top: -50px;
      z-index: -1;
    }
    @media only screen and (max-width: 991px) {
      .page-banner-section .page-banner-wrap .shape-1 img {
        width: 200px;
      }
    }
    @media only screen and (max-width: 767px) {
      .page-banner-section .page-banner-wrap .shape-1 {
        top: -30px;
      }
      .page-banner-section .page-banner-wrap .shape-1 img {
        width: 150px;
      }
    }

    .page-banner .title {
      font-size: 54px;
      line-height: 56px;
      color: #1a1a1a;
    }
    @media only screen and (max-width: 1199px) {
      .page-banner .title {
        font-size: 45px;
      }
    }
    @media only screen and (max-width: 767px) {
      .page-banner .title {
        font-size: 30px;
      }
    }
    .page-banner .breadcrumb {
      margin-bottom: 0;
      margin-top: 10px;
    }
    .page-banner .breadcrumb .breadcrumb-item {
      color: #1a1a1a;
      font-size: 18px;
      font-family: "Tajawal", serif;
      font-weight: 500;
    }
    @media only screen and (max-width: 767px) {
      .page-banner .breadcrumb .breadcrumb-item {
        font-size: 16px;
      }
    }
    .page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item {
      padding-right: 12px;
    }
    .page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: "\f107";
      font-family: flaticon !important;
      font-size: 12px;
      padding-left: 8px;
      color: #1a1a1a;
      position: relative;
      top: 6px;
      float: right;
    }
    .page-banner .breadcrumb .breadcrumb-item.active {
      color: #273bf0;
    }

    /*--
    /*  16 - Service Details
    /*----------------------------------------*/
    .Raqysoft-service-single .service-single-img img {
      width: 100%;
      border-radius: 5px;
    }
    .Raqysoft-service-single .service-single-content {
      padding-top: 30px;
    }
    .Raqysoft-service-single .service-single-content .title {
      font-size: 30px;
      line-height: 38px;
      color: #1a1a1a;
      margin-bottom: -5px;
    }
    .Raqysoft-service-single .service-single-content .text {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 15px;
    }
    .Raqysoft-service-single .service-single-content .text.bold {
      font-weight: 500;
      color: #1a1a1a;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .Raqysoft-service-single .service-single-content .service-list-wrap {
      padding-top: 15px;
    }
    .Raqysoft-service-single .service-single-content .service-list-wrap .service-list ul li {
      font-size: 18px;
      line-height: 28px;
      margin-top: 10px;
      display: flex;
      align-items: center;
      color: #898989;
    }
    .Raqysoft-service-single .service-single-content .service-list-wrap .service-list ul li i {
      color: #273bf0;
      margin-right: 15px;
    }

    .service-sidebar {
      padding-left: 35px;
      margin-top: -395px;
    }
    @media only screen and (max-width: 991px) {
      .service-sidebar {
        padding-left: 0;
        margin-top: 0;
      }
    }

    .service-widget {
      margin-top: 40px;
    }
    .service-widget .service-category-list {
      background: #F3F3FB;
      border-radius: 5px;
      overflow: hidden;
    }
    .service-widget .service-category-list ul .list-title {
      background: #273bf0;
      padding: 15px 30px 20px;
    }
    .service-widget .service-category-list ul .list-title h3 {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      color: #ffffff;
    }
    .service-widget .service-category-list ul li {
      padding: 0 30px 0;
    }
    .service-widget .service-category-list ul li + li {
      margin-top: 25px;
    }
    .service-widget .service-category-list ul li:last-child {
      padding-bottom: 35px;
    }
    .service-widget .service-category-list ul li a {
      display: flex;
      align-items: center;
    }
    .service-widget .service-category-list ul li a .title {
      font-size: 18px;
      line-height: 24px;
      color: #1a1a1a;
      transition: all 0.3s linear;
    }
    .service-widget .service-category-list ul li a .icon {
      margin-left: auto;
      font-size: 18px;
      color: #898989;
      position: relative;
      top: 4px;
      transition: all 0.3s linear;
    }
    .service-widget .service-category-list ul li a:hover .title {
      color: #273bf0;
    }
    .service-widget .service-category-list ul li a:hover .icon {
      color: #273bf0;
    }
    .service-widget .contact-info {
      background: #F3F3FB;
      border-radius: 5px;
      overflow: hidden;
      padding: 30px 30px;
    }
    .service-widget .contact-info .title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      color: #1a1a1a;
    }
    .service-widget .contact-info ul li {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      margin-top: 20px;
    }
    .service-widget .contact-info ul li .info-icon {
      height: 35px;
      width: 35px;
      line-height: 35px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 50%;
    }
    .service-widget .contact-info ul li .info-icon i {
      display: inline-block;
      color: #273bf0;
      font-size: 14px;
    }
    .service-widget .contact-info ul li .info-text {
      flex: 1;
      font-size: 18px;
      line-height: 30px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      margin-left: 10px;
      color: #898989;
    }

    .Raqysoft-service-related-section {
      padding-bottom: 120px;
    }
    .Raqysoft-service-related-section .service-item {
      position: relative;
      border: 1px solid #CCCCCC;
      background: #F3F3FB;
      border-radius: 5px;
      padding: 35px;
      margin-top: 30px;
      transition: all 0.3s linear;
      z-index: 1;
    }
    .Raqysoft-service-related-section .service-item .service-content .title {
      font-size: 24px;
      line-height: 32px;
      font-weight: 400;
      color: #1a1a1a;
      margin-top: 10px;
    }
    .Raqysoft-service-related-section .service-item .service-content .title span {
      font-weight: 700;
    }
    .Raqysoft-service-related-section .service-item .service-content .read-more {
      font-size: 15px;
      line-height: 22px;
      font-weight: 600;
      text-transform: uppercase;
      color: #1A1A1A;
      margin-top: 15px;
    }
    .Raqysoft-service-related-section .service-item .service-content .read-more i {
      font-size: 14px;
      color: #273bf0;
      margin-left: 3px;
    }
    .Raqysoft-service-related-section .service-item .service-content .read-more:hover {
      color: #273bf0;
    }
    .Raqysoft-service-related-section .service-item:hover {
      border: 1px solid #273bf0;
      box-shadow: none;
    }

    @media only screen and (max-width: 1199px) {
      .Raqysoft-service-related-section {
        padding-bottom: 100px;
      }
      .Raqysoft-service-related-section .service-item {
        padding: 30px;
      }
      .Raqysoft-service-related-section .service-item .service-content .title {
        font-size: 22px;
        line-height: 34px;
      }
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-service-related-section {
        padding-bottom: 80px;
      }
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-service-related-section {
        padding-bottom: 60px;
      }
    }

    /*--
    /*  17 - Project Details
    /*----------------------------------------*/
    .project-single-img {
      position: relative;
    }
    .project-single-img img {
      width: 100%;
      border-radius: 5px;
    }
    .project-single-img .project-social {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #273bf0;
      border-top-left-radius: 5px;
      padding: 12px 20px 10px;
    }
    .project-single-img .project-social ul li {
      display: inline-block;
    }
    .project-single-img .project-social ul li + li {
      margin-left: 15px;
    }
    .project-single-img .project-social ul li a {
      font-size: 14px;
      transform: translate3d(0, 0, 0);
      color: #ffffff;
      transition: all 0.3s linear;
    }
    .project-single-img .project-social ul li a:hover {
      transform: translateY(-2px) translate3d(0, -2px, 0);
    }

    .project-single-sidebar {
      padding-left: 30px;
    }
    @media only screen and (max-width: 991px) {
      .project-single-sidebar {
        padding-left: 0;
        margin-top: 45px;
      }
    }
    .project-single-sidebar .project-sidebar-item {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      border-radius: 5px;
      padding: 40px 0 35px;
      padding-right: 40px;
    }
    .project-single-sidebar .project-sidebar-item .project-title-wrap {
      padding-left: 40px;
      padding-right: 40px;
    }
    .project-single-sidebar .project-sidebar-item .project-title-wrap .title {
      font-size: 20px;
      line-height: 28px;
      color: #1a1a1a;
    }
    .project-single-sidebar .project-sidebar-item .project-title-wrap p {
      font-size: 16px;
      line-height: 24px;
      color: #898989;
      margin-top: 10px;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li {
      font-size: 16px;
      line-height: 28px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      border: 1px solid #ccc;
      border-radius: 5px;
      border-left: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding-left: 40px;
      color: #898989;
      padding-top: 5px;
      padding-bottom: 8px;
      margin-top: 20px;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li span {
      font-weight: 500;
      color: #1a1a1a;
      margin-right: 3px;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li .rating {
      position: relative;
      display: inline-block;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li .rating::before {
      content: "\f13b\f13b\f13b\f13b\f13b";
      font-family: "flaticon";
      color: #dedede;
      font-size: 14px;
      letter-spacing: 5px;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li .rating .rating-active {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
    }
    .project-single-sidebar .project-sidebar-item .project-list ul li .rating .rating-active::before {
      content: "\f13b\f13b\f13b\f13b\f13b";
      font-family: "flaticon";
      color: #ffcc33;
      font-size: 14px;
      letter-spacing: 5px;
    }

    .Raqysoft-project-single .project-single-content {
      margin-top: 25px;
    }
    .Raqysoft-project-single .project-single-content .main-title {
      font-size: 40px;
      line-height: 48px;
      color: #1a1a1a;
      padding-bottom: 10px;
    }
    @media only screen and (max-width: 767px) {
      .Raqysoft-project-single .project-single-content .main-title {
        font-size: 32px;
        line-height: 40px;
      }
    }
    .Raqysoft-project-single .project-single-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 10px;
    }
    .Raqysoft-project-single .project-single-content .title {
      font-size: 30px;
      line-height: 38px;
      color: #1a1a1a;
      margin-top: 25px;
    }
    .Raqysoft-project-single .project-inner-content .project-inner-img {
      margin-top: 25px;
    }
    .Raqysoft-project-single .project-inner-content .project-inner-img img {
      width: 100%;
      border-radius: 5px;
    }
    .Raqysoft-project-single .project-inner-content .project-inner-list {
      position: relative;
      padding-left: 15px;
      margin-left: 10px;
      margin-top: 25px;
    }
    @media only screen and (max-width: 991px) {
      .Raqysoft-project-single .project-inner-content .project-inner-list {
        margin-top: 30px;
        margin-left: 0;
      }
    }
    .Raqysoft-project-single .project-inner-content .project-inner-list::after {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      background: #ccc;
      width: 1px;
      height: 100%;
      transform: translateY(-50%);
    }
    .Raqysoft-project-single .project-inner-content .project-inner-list ul li {
      position: relative;
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 10px;
    }
    .Raqysoft-project-single .project-inner-content .project-inner-list ul li::before {
      content: "";
      position: absolute;
      left: -18px;
      top: 12px;
      width: 6px;
      height: 6px;
      background: #273bf0;
      border-radius: 50%;
      z-index: 1;
    }

    /*--
    /*  18 - Blog List CSS
    /*----------------------------------------*/
    .blog-standard-wrap {
      margin-top: -60px;
    }
    .blog-standard-wrap .blog-post-wrap {
      padding-right: 30px;
    }
    @media only screen and (max-width: 991px) {
      .blog-standard-wrap .blog-post-wrap {
        padding-right: 0;
      }
    }
    .blog-standard-wrap .blog-post-wrap .pagination {
      margin-top: 55px;
    }

    .single-blog-post {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      border-radius: 10px;
      margin-top: 60px;
    }
    .single-blog-post .blog-image {
      overflow: hidden;
    }
    .single-blog-post .blog-image img {
      width: 100%;
      height: auto;
      transition: all 0.3s linear;
    }
    .single-blog-post .blog-content {
      position: relative;
      padding: 40px;
    }
    .single-blog-post .blog-content .date {
      position: absolute;
      right: 0;
      top: 0;
    }
    .single-blog-post .blog-content .date span {
      display: inline-block;
      height: 55px;
      line-height: 55px;
      font-size: 20px;
      border-bottom-left-radius: 5px;
      color: #ffffff;
      background: #273bf0;
      padding: 0 15px;
    }
    @media only screen and (max-width: 767px) {
      .single-blog-post .blog-content .date span {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
      }
    }
    @media only screen and (max-width: 575px) {
      .single-blog-post .blog-content .date span {
        height: 35px;
        line-height: 35px;
        font-size: 15px;
      }
    }
    .single-blog-post .blog-content .blog-meta {
      display: inline-block;
    }
    @media only screen and (max-width: 575px) {
      .single-blog-post .blog-content .blog-meta {
        margin-top: 5px;
      }
    }
    .single-blog-post .blog-content .blog-meta span {
      font-size: 14px;
      line-height: 24px;
      color: #898989;
      margin-right: 15px;
    }
    @media only screen and (max-width: 575px) {
      .single-blog-post .blog-content .blog-meta span {
        margin-right: 12px;
      }
    }
    .single-blog-post .blog-content .blog-meta span i {
      color: #273bf0;
      margin-right: 5px;
    }
    .single-blog-post .blog-content .title {
      font-size: 36px;
      line-height: 42px;
      font-weight: 500;
      margin-top: 15px;
      color: #1a1a1a;
    }
    @media only screen and (max-width: 767px) {
      .single-blog-post .blog-content .title {
        font-size: 30px;
        line-height: 38px;
      }
    }
    @media only screen and (max-width: 575px) {
      .single-blog-post .blog-content .title {
        font-size: 28px;
        line-height: 36px;
      }
    }
    .single-blog-post .blog-content p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
      margin-top: 10px;
    }
    .single-blog-post .blog-content .blog-btn-link {
      font-size: 15px;
      font-weight: 600;
      color: #1A1A1A;
      text-transform: uppercase;
      margin-top: 15px;
      transition: all 0.3s linear;
    }
    .single-blog-post .blog-content .blog-btn-link i {
      margin-left: 3px;
    }
    .single-blog-post .blog-content .blog-btn-link:hover {
      color: #273bf0;
    }
    .single-blog-post:hover .blog-image img {
      transform: scale(1.05);
    }

    .blog-sidebar {
      margin-top: 60px;
      margin-left: 30px;
      position: sticky;
      top: 0;
    }
    @media only screen and (max-width: 1199px) {
      .blog-sidebar {
        margin-left: 0;
      }
    }
    .blog-sidebar .sidebar-widget-1 {
      margin-top: 0;
    }

    .sidebar-widget {
      margin-top: 50px;
    }
    .sidebar-widget .search-form {
      position: relative;
    }
    .sidebar-widget .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      width: 100%;
      height: 50px;
      margin-bottom: 0;
      border: 1px solid #ccc;
      border-radius: 10px;
      padding-right: 35px;
      color: #415674;
      font-weight: 700;
      outline: none;
      overflow: hidden;
    }
    .sidebar-widget .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #898c94;
      font-weight: 400;
    }
    .sidebar-widget .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #898c94;
      font-weight: 400;
    }
    .sidebar-widget .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #898c94;
      font-weight: 400;
    }
    .sidebar-widget .search-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #898c94;
      font-weight: 400;
    }
    .sidebar-widget .search-form button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      width: 50px;
      height: 50px;
      background: transparent;
      border: 0;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      font-size: 14px;
      background: #273bf0;
      color: #ffffff;
      transition: all 0.3s linear;
    }

    .sidebar-widget {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      border-radius: 10px;
      padding: 35px 40px 40px;
    }
    .sidebar-widget .widget-title .title {
      font-size: 30px;
      line-height: 42px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      color: #1A1A1A;
      margin-bottom: 25px;
    }

    .sidebar-widget .recent-posts ul li {
      margin-top: 30px;
    }
    .sidebar-widget .recent-posts ul li:first-child {
      margin-top: 0;
    }
    .sidebar-widget .recent-posts ul li .post-link {
      display: flex;
      align-items: center;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-thumb {
      margin-right: 20px;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-thumb img {
      border-radius: 6px;
      image-rendering: crisp-edges;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-text {
      flex: 1;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-text .title {
      font-size: 16px;
      line-height: 22px;
      font-family: "Tajawal", serif;
      font-weight: 600;
      transition: all 0.3s linear;
      color: #1A1A1A;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-text .post-meta {
      font-size: 12px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      line-height: 24px;
      color: #838383;
      display: inline-block;
      margin-top: 5px;
    }
    .sidebar-widget .recent-posts ul li .post-link .post-text .post-meta i {
      color: #273bf0;
      margin-right: 5px;
    }
    .sidebar-widget .recent-posts ul li .post-link:hover .post-text .title {
      color: #273bf0;
    }

    .sidebar-widget .category .cate-item {
      border: 1px solid #ccc;
      border-radius: 10px;
      padding: 12px 15px;
      margin-top: 15px;
    }
    .sidebar-widget .category .cate-item:first-child {
      margin-top: 0;
    }
    .sidebar-widget .category .cate-item a {
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #1A1A1A;
      transition: all 0.3s linear;
    }
    .sidebar-widget .category .cate-item a i {
      font-size: 14px;
      line-height: 31px;
      color: #273bf0;
      margin-right: 8px;
    }
    .sidebar-widget .category .cate-item a .post-count {
      margin-left: auto;
      align-items: flex-start;
      text-align: center;
      font-size: 18px;
      color: #898989;
      transition: all 0.3s linear;
    }
    .sidebar-widget .category .cate-item a:hover {
      color: #273bf0;
    }
    .sidebar-widget .category .cate-item a:hover .post-count {
      color: #273bf0;
    }

    .sidebar-widget .sidebar-tag li {
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 4px;
    }
    .sidebar-widget .sidebar-tag li a {
      display: inline-block;
      padding: 8px 15px;
      font-size: 18px;
      color: #898989;
      line-height: 22px;
      border: 1px solid #ccc;
      border-radius: 10px;
      transition: all 0.3s linear;
    }
    .sidebar-widget .sidebar-tag li a:hover {
      background-color: #273bf0;
      border: 1px solid transparent;
      color: #ffffff;
    }

    .cta-banner {
      position: relative;
      margin-top: 50px;
    }
    .cta-banner .banner-img img {
      width: 100%;
      border-radius: 10px;
    }
    .cta-banner .banner-content {
      position: absolute;
      left: 0;
      top: 0;
      text-align: center;
      padding: 55px;
    }
    .cta-banner .banner-content .title {
      font-size: 24px;
      line-height: 36px;
      color: #ffffff;
    }
    .cta-banner .banner-content .text {
      font-size: 18px;
      line-height: 30px;
      color: #ffffff;
      margin-top: 20px;
    }
    .cta-banner .banner-content .banner-info {
      margin-top: 15px;
    }
    .cta-banner .banner-content .banner-info .icon {
      display: block;
      width: 88px;
      height: 88px;
      line-height: 92px;
      font-size: 34px;
      border-radius: 50%;
      text-align: center;
      background: #ffffff;
      color: #273bf0;
      margin: 0 auto;
    }
    .cta-banner .banner-content .banner-info .number {
      font-size: 24px;
      line-height: 36px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #ffffff;
      margin-top: 15px;
    }
    .cta-banner .banner-content .banner-info span {
      font-size: 18px;
      line-height: 30px;
      color: #ffffff;
    }

    @media only screen and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
      .cta-banner .banner-content {
        padding: 25px;
      }
      .cta-banner .banner-content .title {
        font-size: 24px;
        line-height: 36px;
        color: #ffffff;
      }
      .cta-banner .banner-content .text {
        font-size: 16px;
        line-height: 28px;
        margin-top: 10px;
      }
      .cta-banner .banner-content .banner-info {
        margin-top: 10px;
      }
      .cta-banner .banner-content .banner-info .icon {
        width: 65px;
        height: 65px;
        line-height: 66px;
        font-size: 25px;
      }
      .cta-banner .banner-content .banner-info .number {
        font-size: 22px;
        line-height: 32px;
      }
      .cta-banner .banner-content .banner-info span {
        font-size: 16px;
        line-height: 26px;
      }
    }

    /*--Page Pagination--*/
    .Raqysoft-pagination {
      margin-top: 60px;
    }
    .Raqysoft-pagination .pagination li a {
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      border-radius: 50%;
      font-size: 16px;
      transition: all 0.3s linear;
    }
    .Raqysoft-pagination .pagination li a.active {
      background-color: #273bf0;
      color: #ffffff;
    }

    /*--
    /*  19 - Blog Details CSS
    /*----------------------------------------*/
    .blog-details-wrap {
      margin-top: -60px;
    }

    .blog-details-post {
      box-shadow: none;
      border-radius: 0;
      margin-top: 0;
    }
    .blog-details-post .blog-image {
      overflow: hidden;
      border-radius: 10px;
      border-bottom-right-radius: 0;
    }
    .blog-details-post .blog-image img {
      width: 100%;
      transition: all 0.3s linear;
    }
    .blog-details-post .blog-content {
      padding: 0;
      padding-top: 40px;
    }

    .blog-post-wrap {
      padding-right: 30px;
      margin-top: 60px;
    }
    @media only screen and (max-width: 991px) {
      .blog-post-wrap {
        padding-right: 0;
      }
    }
    .blog-post-wrap .blog-details-content .blog-quote {
      background: #ffffff;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      border-bottom: 1px solid #273bf0;
      border-radius: 10px;
      margin-top: 40px;
      padding: 30px 60px 30px;
    }
    .blog-post-wrap .blog-details-content .blog-quote .blockquote p {
      display: inline;
      font-size: 20px;
      font-family: "Tajawal", serif;
      color: #898989;
      line-height: 32px;
      font-weight: 400;
      margin-top: 0;
    }
    .blog-post-wrap .blog-details-content .blog-quote .quote-author-wrap {
      display: flex;
      justify-content: space-between;
    }
    .blog-post-wrap .blog-details-content .blog-quote .quote-author-wrap .author .name {
      font-size: 18px;
      line-height: 30px;
      color: #1a1a1a;
    }
    .blog-post-wrap .blog-details-content .blog-quote .quote-author-wrap .author .designation {
      font-size: 16px;
      line-height: 24px;
      color: #898989;
    }
    .blog-post-wrap .blog-details-content .blog-quote .quote-author-wrap .icon i {
      font-size: 35px;
      color: #273bf0;
    }
    .blog-post-wrap .blog-details-content .blog-inner-img {
      padding-top: 20px;
    }
    .blog-post-wrap .blog-details-content .blog-inner-img .image {
      margin-top: 30px;
    }
    @media only screen and (max-width: 1199px) {
      .blog-post-wrap .blog-details-content .blog-inner-img .image {
        margin-top: 15px;
      }
    }
    .blog-post-wrap .blog-details-content .blog-inner-img .image img {
      border-radius: 10px;
      width: 100%;
    }
    .blog-post-wrap .blog-details-content .blog-details-text {
      margin-top: 50px;
    }
    .blog-post-wrap .blog-details-content .blog-details-text p {
      font-size: 18px;
      line-height: 30px;
      color: #898989;
      margin-top: 10px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      margin-top: 65px;
      padding-top: 20px;
      border-top: 1px solid #e3e3e5;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-tag {
      padding-top: 20px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget {
      margin-top: 0;
      display: flex;
      align-items: center;
      padding: 0;
      box-shadow: none;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .label {
      font-size: 16px;
      line-height: 30px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #333333;
      margin-right: 10px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-tag .sidebar-widget .sidebar-tag li {
      margin-bottom: 0px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share {
      display: flex;
      align-items: center;
      padding-top: 20px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li {
      display: inline-block;
      margin-right: 10px;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li:last-child {
      margin-right: 0;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a {
      display: inline-block;
      font-size: 13px;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      color: #ffffff;
      border-radius: 50%;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a.share-twitter {
      background: #1DA1F2;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a.share-facebook {
      background: #4867AA;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a.share-pinterest {
      background: #BD081B;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a.share-linkedin {
      background: #007BB6;
    }
    .blog-post-wrap .blog-details-content .blog-details-tag-share .blog-details-share li a:hover {
      opacity: 0.9;
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination {
      display: flex;
      flex-wrap: wrap;
      background: #f6f6f6;
      padding: 10px 30px;
      margin-top: 80px;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
    }
    @media only screen and (max-width: 1199px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination {
        padding: 10px 20px;
      }
    }
    @media only screen and (max-width: 575px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination {
        padding: 0 10px;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination::before {
      position: absolute;
      content: "";
      width: 1px;
      background-color: #e1e1e1;
      left: 50%;
      transform: translateX(-50%);
      top: 30px;
      bottom: 30px;
    }
    @media only screen and (max-width: 767px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination::before {
        width: auto;
        height: 1px;
        left: 30px;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .previous-post, .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .next-post {
      width: 50%;
    }
    @media only screen and (max-width: 767px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .previous-post, .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .next-post {
        width: 100%;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post {
      display: flex;
      align-items: center;
      padding: 30px 0;
    }
    @media only screen and (max-width: 1199px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post {
        padding: 20px 0;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-thumb {
      flex-shrink: 0;
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-thumb a img {
      width: 75px;
      height: 75px;
      border-radius: 5px;
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover;
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-thumb a i {
      font-size: 14px;
      color: #273bf0;
      padding: 0 10px;
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content {
      flex-grow: 1;
      padding: 0 20px;
    }
    @media only screen and (max-width: 1199px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content {
        padding: 0 15px;
      }
    }
    @media only screen and (max-width: 575px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content {
        padding: 0 13px;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content .title {
      font-size: 16px;
      line-height: 24px;
      color: #1a1a1a;
    }
    @media only screen and (max-width: 1199px) {
      .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content .title {
        font-size: 15px;
      }
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content .date {
      font-size: 12px;
      line-height: 24px;
      color: #676767;
    }
    .blog-post-wrap .blog-details-content .Raqysoft-post-pagination .blog-pagination-post .post-content .date i {
      margin-right: 6px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box {
      margin-top: 50px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-title {
      font-size: 24px;
      line-height: 30px;
      color: #1a1a1a;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment {
      display: flex;
      padding: 30px 0;
    }
    @media only screen and (max-width: 575px) {
      .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment {
        display: block;
      }
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-author {
      flex-shrink: 0;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-author img {
      width: 75px;
      border-radius: 50%;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content {
      flex-grow: 1;
      padding-left: 30px;
    }
    @media only screen and (max-width: 575px) {
      .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content {
        padding-left: 0;
        padding-top: 25px;
      }
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content .name {
      font-size: 16px;
      font-family: "Tajawal", serif;
      font-weight: 700;
      color: #1a1a1a;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content p {
      font-size: 16px;
      line-height: 26px;
      margin-top: 5px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content .meta {
      margin-top: 10px;
      font-size: 13px;
      font-weight: 400;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content .meta .reply {
      color: #273bf0;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .single-comment .comment-content .meta .reply:hover {
      color: #fc0100;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .comment-reply {
      padding-left: 105px;
    }
    @media only screen and (max-width: 767px) {
      .blog-post-wrap .blog-details-content .comment-wrap .comment-box .comment-items li .comment-reply {
        padding-left: 0;
      }
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form {
      margin-top: 50px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-title {
      font-size: 24px;
      line-height: 30px;
      font-weight: 700;
      color: #1a1a1a;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form p {
      font-size: 14px;
      line-height: 30px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      color: #686f7a;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap {
      padding-top: 10px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form {
      margin-top: 20px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control {
      border: 1px solid #ebebeb;
      border-radius: 10px;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 13px;
      font-family: "Tajawal", serif;
      color: #9d9d9d;
      font-weight: 400;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:-moz-placeholder {
      opacity: 0.95;
      font-size: 13px;
      font-family: "Tajawal", serif;
      color: #9d9d9d;
      font-weight: 400;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control::-moz-placeholder {
      opacity: 0.95;
      font-size: 13px;
      font-family: "Tajawal", serif;
      color: #9d9d9d;
      font-weight: 400;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:-ms-input-placeholder {
      opacity: 0.95;
      font-size: 13px;
      font-family: "Tajawal", serif;
      color: #9d9d9d;
      font-weight: 400;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form .form-control:focus {
      outline: none;
      border-color: #273bf0;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form textarea.form-control {
      height: 135px;
      padding-top: 15px;
      font-size: 13px;
      color: #415674;
      font-weight: 600;
      border-radius: 10px;
      padding: 10px 25px;
      resize: none;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .single-form textarea.form-control:focus {
      outline: none;
      box-shadow: none;
    }
    .blog-post-wrap .blog-details-content .comment-wrap .comment-form .comment-form-wrap .form-btn .btn {
      height: 50px;
      line-height: 48px;
      margin-top: 25px;
      font-size: 14px;
      text-transform: uppercase;
      padding: 0 35px;
    }

    /*--
    /*  19 - Contact CSS
    /*----------------------------------------*/
    .Raqysoft-contact-section .contact-wrap {
      background: #F3F3FB;
      padding: 60px 55px;
      border-radius: 10px;
    }
    @media only screen and (max-width: 575px) {
      .Raqysoft-contact-section .contact-wrap {
        padding: 60px 30px;
      }
    }
    .Raqysoft-contact-section .contact-info-wrap {
      margin-top: -25px;
    }

    .single-contact-info {
      background: #ffffff;
      border-radius: 10px;
      padding: 25px 25px 20px;
      margin-top: 25px;
    }
    .single-contact-info .info-icon {
      width: 65px;
      height: 65px;
      line-height: 65px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 24px;
      color: #273bf0;
      margin: 0 auto;
    }
    .single-contact-info .info-content .title {
      font-size: 20px;
      line-height: 30px;
      color: #1a1a1a;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .single-contact-info .info-content p {
      font-size: 18px;
      line-height: 26px;
      color: #898989;
    }
    @media only screen and (max-width: 1199px) {
      .single-contact-info .info-content p {
        font-size: 16px;
      }
    }

    .contact-form .contact-form-wrap {
      padding-left: 10px;
    }
    @media only screen and (max-width: 991px) {
      .contact-form .contact-form-wrap {
        padding-left: 0;
        margin-top: 50px;
      }
    }
    .contact-form .contact-form-wrap .title {
      font-size: 36px;
      line-height: 48px;
      font-weight: 600;
      color: #1a1a1a;
    }
    @media only screen and (max-width: 1199px) {
      .contact-form .contact-form-wrap .title {
        font-size: 32px;
        line-height: 44px;
      }
    }
    @media only screen and (max-width: 575px) {
      .contact-form .contact-form-wrap .title {
        font-size: 30px;
        line-height: 38px;
      }
    }
    .contact-form .contact-form-wrap .single-form {
      margin-top: 25px;
    }
    .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      height: 55px;
      line-height: 55px;
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: transparent;
      padding-left: 15px;
    }
    .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form textarea {
      height: 135px;
      border: 1px solid #ccc;
      background-color: transparent;
      border-radius: 10px;
      padding-left: 15px;
      resize: none;
    }
    .contact-form .contact-form-wrap .single-form textarea::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form textarea:-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form textarea::-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .single-form textarea:-ms-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      color: #4c4d56;
      font-family: "Tajawal", serif;
      font-weight: 400;
    }
    .contact-form .contact-form-wrap .form-btn {
      margin-top: 25px;
    }
    .contact-form .contact-form-wrap .form-btn .btn {
      font-size: 16px;
      height: 55px;
      line-height: 50px;
      border-radius: 10px;
      margin-bottom: 10px;
    }
    @media only screen and (max-width: 575px) {
      .contact-form .contact-form-wrap .form-btn .btn {
        padding: 0 45px;
      }
    }

    .contact-map-section .contact-map-wrap {
      margin-bottom: -10px;
    }
    .contact-map-section .contact-map-wrap iframe {
      height: 550px;
      width: 100%;
      filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
    }
    @media only screen and (max-width: 767px) {
      .contact-map-section .contact-map-wrap iframe {
        height: 430px;
      }
    }

    /*--
    /*  20 - Team Details CSS
    /*----------------------------------------*/
    .Raqysoft-team-profile-section .team-profile {
      background: #ffffff;
      box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.12);
      border-radius: 10px;
      padding: 20px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-img img {
      width: 100%;
      border-radius: 4px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content {
      padding-top: 20px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .name {
      font-size: 20px;
      line-height: 24px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .designation {
      font-size: 14px;
      line-height: 24px;
      color: #868686;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social {
      border-top: 1px solid #ebebeb;
      padding-top: 25px;
      margin-top: 15px;
      margin-bottom: 20px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social .title {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 10px;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li {
      display: inline-block;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li a {
      display: inline-block;
      font-size: 16px;
      height: 34px;
      width: 34px;
      line-height: 34px;
      border-radius: 50%;
      text-align: center;
      color: #ffffff;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li a.facebook {
      background: #3452cf;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li a.twitter {
      background: #39adf1;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li a.pinterest {
      background: #d54443;
    }
    .Raqysoft-team-profile-section .team-profile .profile-content .profile-social ul li + li {
      margin-left: 5px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap {
      padding-left: 60px;
    }
    @media only screen and (max-width: 1199px) {
      .Raqysoft-team-profile-section .team-profile-description-wrap {
        padding-left: 0;
        padding-top: 40px;
      }
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info {
      max-width: 415px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info ul .team-info {
      font-size: 16px;
      line-height: 24px;
      color: #898989;
      margin-top: 10px;
      padding-top: 10px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info ul .team-info + .team-info {
      border-top: 1px solid #ebebeb;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info ul .team-info .title {
      padding-right: 10px;
      display: inline-block;
      width: 115px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info ul .team-info span {
      color: #1a1a1a;
      font-weight: 700;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-info ul .team-info p {
      display: inline-block;
      margin-left: 10px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-description {
      margin-top: 50px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-description .title {
      font-size: 24px;
      line-height: 42px;
      margin-bottom: 15px;
    }
    .Raqysoft-team-profile-section .team-profile-description-wrap .team-profile-description p {
      font-size: 18px;
      line-height: 28px;
      color: #898989;
    }

    /*--
    /*  21 - 404 CSS
    /*----------------------------------------*/
    /* 404 page */
    .error-wrap {
      margin-top: -20px;
    }

    .error-404-title {
      font-size: 180px;
      line-height: 1;
      font-weight: 700;
    }
    @media only screen and (max-width: 991px) {
      .error-404-title {
        font-size: 150px;
      }
    }
    @media only screen and (max-width: 575px) {
      .error-404-title {
        font-size: 110px;
      }
    }

    .error-content .error-title {
      font-size: 35px;
    }
    @media only screen and (max-width: 575px) {
      .error-content .error-title {
        font-size: 25px;
      }
    }

    .error-content p {
      font-size: 18px;
      line-height: 28px;
      margin-top: 15px;
      margin-bottom: 30px;
      padding: 0 70px;
    }
    @media only screen and (max-width: 575px) {
      .error-content p {
        font-size: 16px;
        padding: 0 0;
        margin-top: 10px;
      }
    }

    .error-content .btn {
      padding: 0 40px;
    }

    /*--
    /*  22 - Login Register CSS
    /*----------------------------------------*/
    .login-register-section .login-register-wrap {
      margin-top: -50px;
    }
    .login-register-section .login-register-wrap .section-title .title {
      font-size: 36px;
      font-weight: 700;
      color: #333333;
      line-height: 1.2;
      margin-top: -8px;
    }
    .login-register-section .login-register-wrap .login-register-box {
      border: 1px solid #ebebeb;
      padding: 40px;
      border-radius: 10px;
      margin-top: 50px;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form {
      margin-top: 20px;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control {
      border: 1px solid transparent;
      background: #f6f7f9;
      border-radius: 0;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control::-webkit-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #787884;
      font-weight: 400;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #787884;
      font-weight: 400;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control::-moz-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #787884;
      font-weight: 400;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:-ms-input-placeholder {
      opacity: 0.95;
      font-size: 14px;
      font-family: "Tajawal", serif;
      color: #787884;
      font-weight: 400;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-control:focus {
      outline: none;
      border-color: #273bf0;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form textarea.form-control {
      height: 135px;
      font-size: 13px;
      color: #415674;
      font-weight: 600;
      padding: 10px 25px;
      padding-top: 15px;
      resize: none;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form textarea.form-control:focus {
      outline: none;
      box-shadow: none;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-input {
      margin-right: 8px;
      margin-top: 5px;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-input:focus {
      box-shadow: none;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .single-form .form-check-label {
      display: inline;
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 0;
      text-transform: none;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .form-btn {
      margin-top: 30px;
    }
    .login-register-section .login-register-wrap .login-register-box .login-register-form .form-btn .btn {
      height: 50px;
      line-height: 45px;
      width: 100%;
    }

    /*----------------------------------------*/
    /*  05. Widget CSS
    /*----------------------------------------*/
    /*--
    /*  5.1 - Sidebar Widget CSS
    /*----------------------------------------*/
    .sidebar-wrap {
      border-left: 1px solid #eeeeee;
      height: 100%;
    }
    @media only screen and (max-width: 991px), only screen and (max-width: 767px) {
      .sidebar-wrap {
        border-left: none;
        height: auto;
        padding-top: 0;
      }
    }

    .widget {
      margin-bottom: 40px;
      color: #69737d;
    }
    .widget:last-child {
      margin-bottom: 0;
    }
    .widget .widget-title {
      border-bottom: 1px solid #eeeeee;
      padding-left: 20px;
      padding-bottom: 20px;
    }
    @media only screen and (max-width: 991px), only screen and (max-width: 767px) {
      .widget .widget-title {
        padding-left: 0;
      }
    }

    /*--
    /*  24.1 - Footer Widget CSS
    /*----------------------------------------*/
    .footer-widget-wrap {
      padding-top: 70px;
      padding-bottom: 75px;
    }
    @media only screen and (max-width: 991px) {
      .footer-widget-wrap {
        padding-top: 50px;
      }
    }

    .footer-section-03 {
      padding-top: 75px;
    }
    .footer-section-03 .footer-widget-wrap {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      padding-top: 0;
    }

    .footer-widget {
      margin-top: 30px;
    }
    .footer-widget.footer-widget-2, .footer-widget.footer-widget-3 {
      padding-left: 40px;
    }
    @media only screen and (max-width: 991px) {
      .footer-widget.footer-widget-2, .footer-widget.footer-widget-3 {
        padding-left: 0px;
      }
    }

    .widget-info ul li {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      margin-top: 30px;
    }
    .widget-info ul li .info-icon {
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      background: #2C2C2C;
      border-radius: 50%;
    }
    .widget-info ul li .info-icon i {
      display: inline-block;
      color: #273bf0;
      font-size: 14px;
    }
    .widget-info ul li .info-text {
      flex: 1;
      font-size: 20px;
      line-height: 30px;
      font-family: "Tajawal", serif;
      font-weight: 500;
      margin-left: 15px;
      color: #ffffff;
    }
    .widget-info ul li .info-text .label-name {
      font-size: 20px;
      line-height: 32px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.9);
    }
    @media only screen and (max-width: 1199px) {
      .widget-info ul li .info-text .label-name {
        font-size: 18px;
      }
    }
    @media only screen and (max-width: 575px) {
      .widget-info ul li .info-text .label-name {
        font-size: 16px;
        line-height: 28px;
      }
    }
    @media only screen and (max-width: 575px) {
      .widget-info ul li .info-text {
        font-size: 18px;
        line-height: 28px;
      }
    }

    .footer-widget-about {
      margin-top: 30px;
    }

    .footer-search .footer-search-wrap {
      max-width: 300px;
      width: 100%;
      position: relative;
      margin-top: 10px;
    }
    .footer-search .footer-search-wrap form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      background-color: transparent;
      height: 55px;
      font-size: 20px;
      font-weight: 400;
      color: #ffffff;
      border: 1px solid #2C2C2C;
      border-radius: 50px;
      padding-right: 60px;
    }
    .footer-search .footer-search-wrap form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
      opacity: 0.9;
      font-size: 20px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-search .footer-search-wrap form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
      opacity: 0.9;
      font-size: 20px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-search .footer-search-wrap form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      opacity: 0.9;
      font-size: 20px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-search .footer-search-wrap form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      opacity: 0.9;
      font-size: 20px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-search .footer-search-wrap form button {
      width: 55px;
      height: 55px;
      line-height: 55px;
      background: #273bf0;
      border: 0;
      color: #ffffff;
      position: absolute;
      right: 0;
      top: 0;
      font-size: 15px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
    }

    .footer-social .social {
      margin-top: 25px;
    }
    .footer-social .social li {
      display: inline-block;
    }
    .footer-social .social li + li {
      margin-left: 5px;
    }
    .footer-social .social li a {
      width: 35px;
      height: 35px;
      line-height: 37px;
      text-align: center;
      border-radius: 5px;
      font-size: 15px;
      background: #2C2C2C;
      color: #ffffff;
    }
    .footer-social .social li a:hover {
      background: #273bf0;
    }

    .footer-widget .footer-widget-title {
      font-size: 24px;
      line-height: 36px;
      font-family: "Tajawal", serif;
      font-weight: 600;
      color: #ffffff;
    }
    .footer-widget .newsletter-text {
      font-size: 18px;
      line-height: 30px;
      color: rgba(255, 255, 255, 0.9);
      margin-top: 30px;
    }
    @media only screen and (max-width: 575px) {
      .footer-widget .newsletter-text {
        font-size: 16px;
        line-height: 28px;
      }
    }

    .widget-link {
      padding-top: 22px;
    }
    .widget-link .link li {
      margin-top: 7px;
    }
    .widget-link .link li a {
      font-size: 18px;
      color: rgba(255, 255, 255, 0.9);
      transition: all 0.3s linear;
    }
    @media only screen and (max-width: 575px) {
      .widget-link .link li a {
        font-size: 16px;
      }
    }
    .widget-link .link li a:hover {
      color: #273bf0;
    }

    .footer-section-02 .footer-widget-about {
      padding-right: 40px;
    }
    .footer-section-02 .footer-widget-about .title-text {
      font-size: 134px;
      line-height: 140px;
      color: #273bf0;
      letter-spacing: -1.4px;
      margin-top: 15px;
    }
    .footer-section-02 .footer-widget-about p {
      font-size: 18px;
      line-height: 27px;
      color: #ffffff;
      margin-top: 15px;
    }

    @media only screen and (max-width: 1399px) {
      .footer-section-02 .footer-widget-about {
        padding-right: 0;
      }
      .footer-section-02 .footer-widget-about .title-text {
        font-size: 110px;
        line-height: 120px;
      }
    }
    @media only screen and (max-width: 1199px) {
      .footer-section-02 .footer-widget-about {
        padding-right: 0;
      }
      .footer-section-02 .footer-widget-about .title-text {
        font-size: 90px;
        line-height: 100px;
      }
    }
    @media only screen and (max-width: 767px) {
      .footer-section-02 .footer-widget-about .title-text {
        font-size: 65px;
        line-height: 72px;
      }
    }
    @media only screen and (max-width: 575px) {
      .footer-section-02 .footer-widget-about .title-text {
        font-size: 55px;
        line-height: 62px;
      }
    }

    .footer-section-03 .footer-widget-about p {
      font-size: 18px;
      line-height: 28px;
      color: #ccc;
      margin-top: 32px;
    }
    @media only screen and (max-width: 575px) {
      .footer-section-03 .footer-widget-about p {
        font-size: 16px;
      }
    }
    .footer-section-03 .footer-social .social li a {
      line-height: 35px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      background: none;
      color: #ccc;
    }
    .footer-section-03 .footer-social .social li a:hover {
      border: 1px solid transparent;
      background: #273bf0;
    }
    .footer-section-03 .widget-link .link li a {
      color: #ccc;
    }
    .footer-section-03 .widget-link .link li a:hover {
      color: #273bf0;
    }
    .footer-section-03 .widget-info {
      padding-top: 10px;
    }
    .footer-section-03 .widget-info ul li {
      align-items: start;
      margin-top: 20px;
    }
    .footer-section-03 .widget-info ul li .info-icon {
      height: 0;
      width: 0;
      line-height: 0;
      text-align: inherit;
      background: none;
      border-radius: 0;
    }
    .footer-section-03 .widget-info ul li .info-icon i {
      font-size: 16px;
      position: relative;
      top: 8px;
    }
    .footer-section-03 .widget-info ul li .info-text {
      flex: 1;
      font-size: 20px;
      line-height: 30px;
      font-family: "Tajawal", serif;
      font-weight: 400;
      margin-left: 25px;
      color: #ccc;
    }
    @media only screen and (max-width: 1199px) {
      .footer-section-03 .widget-info ul li .info-text {
        font-size: 18px;
      }
    }

    /*--
    /*  24. Footer CSS
    /*----------------------------------------*/
    .footer-section {
      background: #1A1A1A;
      background-repeat: no-repeat;
      background-position: center center;
    }
    @media only screen and (max-width: 991px) {
      .footer-section {
        background-size: contain;
      }
    }

    .footer-section-02 {
      background-size: cover;
    }

    .footer-logo {
      max-width: 170px;
    }

    .footer-copyright-wrap {
      background: #212121;
      padding-top: 15px;
      padding-bottom: 30px;
      padding-left: 30px;
      padding-right: 30px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    @media only screen and (max-width: 575px) {
      .footer-copyright-wrap {
        padding-left: 15px;
        padding-right: 15px;
      }
    }

    .copyright-text {
      margin-top: 10px;
    }
    @media only screen and (max-width: 991px) {
      .copyright-text {
        text-align: center;
      }
    }
    .copyright-text p {
      font-size: 18px;
      line-height: 30px;
      color: rgba(255, 255, 255, 0.6);
    }
    @media only screen and (max-width: 575px) {
      .copyright-text p {
        font-size: 16px;
      }
    }

    .footer-copyright-links {
      text-align: right;
      margin-top: 10px;
    }
    @media only screen and (max-width: 991px) {
      .footer-copyright-links {
        text-align: center;
      }
    }
    .footer-copyright-links a {
      font-size: 18px;
      line-height: 30px;
      color: rgba(255, 255, 255, 0.6);
      margin-right: 15px;
    }
    @media only screen and (max-width: 575px) {
      .footer-copyright-links a {
        font-size: 16px;
        line-height: 28px;
      }
    }
    .footer-copyright-links a:last-child {
      margin-right: 0;
    }
    .footer-copyright-links a:hover {
      color: #273bf0;
    }

    .footer-section-03 {
      background: #171717;
    }
    .footer-section-03 .footer-top-wrap {
      padding-bottom: 55px;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form {
      padding-left: 65px;
    }
    @media only screen and (max-width: 991px) {
      .footer-section-03 .footer-top-wrap .subscribe-form {
        padding-left: 30px;
      }
    }
    @media only screen and (max-width: 767px) {
      .footer-section-03 .footer-top-wrap .subscribe-form {
        padding-left: 0;
        margin-top: 40px;
      }
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form {
      position: relative;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
      height: 60px;
      line-height: 60px;
      border: 0;
      color: #ffffff;
      font-size: 15px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 10px;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
      font-size: 15px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
      font-size: 15px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
      font-size: 15px;
      color: #ffffff;
      font-weight: 400;
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
      font-size: 15px;
      color: #ffffff;
      font-weight: 400;
    }
    @media only screen and (max-width: 767px) {
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
        height: 50px;
        line-height: 50px;
      }
    }
    @media only screen and (max-width: 575px) {
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]) {
        padding-right: 20px;
      }
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-webkit-input-placeholder {
        font-size: 16px;
      }
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-moz-placeholder {
        font-size: 16px;
      }
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
        font-size: 16px;
      }
      .footer-section-03 .footer-top-wrap .subscribe-form form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
        font-size: 16px;
      }
    }
    .footer-section-03 .footer-top-wrap .subscribe-form form button {
      height: 50px;
      position: absolute;
      right: 5px;
      top: 5px;
      border: 0;
      background: #273bf0;
      color: #ffffff;
      padding: 0 40px;
      font-size: 15px;
      font-weight: 700;
      border-radius: 10px;
    }
    @media only screen and (max-width: 767px) {
      .footer-section-03 .footer-top-wrap .subscribe-form form button {
        height: 40px;
        line-height: 40px;
      }
    }
    @media only screen and (max-width: 575px) {
      .footer-section-03 .footer-top-wrap .subscribe-form form button {
        position: relative;
        right: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: block;
        margin-top: 15px;
      }
    }
    .footer-section-03 .footer-copyright-area {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    .footer-section-03 .footer-copyright-wrap {
      background: transparent;
      padding-top: 15px;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .footer-section-03 .copyright-text p {
      color: #ccc;
    }
    .footer-section-03 .footer-copyright-links a {
      color: #ccc;
    }
    .footer-section-03 .footer-copyright-links a:last-child {
      margin-right: 0;
    }
    .footer-section-03 .footer-copyright-links a:hover {
      color: #273bf0;
    }

    .progress-wrap {
      position: fixed;
      left: 50px;
      bottom: 50px;
      height: 45px;
      width: 45px;
      cursor: pointer;
      display: block;
      border-radius: 50px;
      box-shadow: inset 0 0 0 2px rgba(0, 93, 224, 0.2);
      opacity: 0;
      visibility: hidden;
      transform: translateX(130%);
      z-index: 99;
      transition: all 200ms linear;
    }
    .progress-wrap::after {
      position: absolute;
      content: "\f108";
      font-family: flaticon !important;
      text-align: center;
      line-height: 45px;
      font-size: 18px;
      color: #273bf0;
      left: 0;
      top: 0;
      height: 46px;
      width: 46px;
      transform: rotate(90deg);
      cursor: pointer;
      display: block;
      z-index: 1;
    }
    .progress-wrap svg path {
      fill: none;
    }
    .progress-wrap svg.progress-circle path {
      stroke: #273bf0;
      stroke-width: 4;
      box-sizing: border-box;
    }
    .progress-wrap.active-progress {
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
    }



    /* Hero Section Styling */
    .Raqysoft-hero-section {
        position: relative;
        overflow: hidden;
    }

    /* Background Images Container */
    .hero-bg-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    /* Individual Background Image */
    .hero-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        opacity: 0;
        transition: opacity 1.5s ease-in-out, transform 10s linear;
    }

    /* Active Background Image */
    .hero-bg.active {
        opacity: 1;
        transform: scale(1.1); /* Zoom effect */
    }

    /* Hero Content Styling */
    .hero-content {
        position: relative;
        z-index: 2;
        color: white;
    }

    .hero-content .title {
        font-size: 4rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }

    .hero-content .text {
        font-size: 1.5rem;
        line-height: 1.8;
        margin-bottom: 30px;
    }


    .hero-content .btn:hover {
        background-color: rgba(255, 255, 255, 0.4);
    }

    .f-carousel__thumbs.is-modern{
        direction: ltr;
    }

    .f-carousel__dots{
        display: none;
    }

    #myCarousel {
        text-align: center;
        max-width: 100%;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden;
    }

    #myCarousel .f-carousel__slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #myCarousel .f-carousel__slide img{
        height: 80vh;
        width: 100%;
    }
    .f-button.is-next, .f-button.is-prev {
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)); /* Gradient for shaded effect */
        border: none;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        cursor: pointer;
        transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
        box-shadow:
            0 4px 10px rgba(0, 0, 0, 0.2), /* Outer shadow */
            inset 0 2px 4px rgba(255, 255, 255, 0.5), /* Inner highlight */
            inset 0 -2px 4px rgba(0, 0, 0, 0.1); /* Inner shadow */
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333; /* Icon/text color */
    }

    /* Hover Effect */
    .f-button.is-next:hover, .f-button.is-prev:hover {
        background-color: rgba(255, 255, 255, 1); /* Solid white on hover */
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
        transform: scale(1.1); /* Slightly enlarge on hover */
    }

    /* Active Effect */
    .f-button.is-next:active, .f-button.is-prev:active {
        background-color: rgba(255, 255, 255, 0.8); /* Slightly darker on click */
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); /* Reduced shadow on click */
        transform: scale(0.95); /* Slightly shrink on click */
    }


    @media only screen and (max-width: 449px) {
        .Raqysoft-hero-section {
            background-position: right;
        }
        .hero-bg{
            background-position: right;
        }
    }