@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


body {
    font-style: normal;
    color: #000!important;
    font-optical-sizing: auto;
    font-family: "Manrope", sans-serif!important;
    background: linear-gradient(45deg,  #ffffff 0%,#daf4f3 50%,#f3e8c8 100%);
}


a {

    transition: all .5s;

}
.order_1 {
    order: 1;
}

a:hover {
    transition: all .5s;
}
.iconBoxs {
    gap: 2%;
    display: flex;
}
.position_relative {
    position: relative;
}
.view_doc_icon {
    top: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    color: #2e8c82;
    cursor: pointer;
    position: absolute;
    background: #2e8c822e;
    border-radius: 100px;
    border: 1px solid #2e8c82;
}
.view_doc_icon a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2e8c82 !important;
    font-size: 20px !important;
    text-align: center;
    padding: 0 !important;
    background: transparent!important;


}
.view_doc_icon i {
    margin-left: 0 !important;
}
.ratePriceBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view_doc a {
    text-decoration: none;
    color: #2e8c82 !important;
    font-size: 20px !important;
}
.view_doc {
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    color: #2e8c82;
    cursor: pointer;
    background: #2e8c822e;
    border-radius: 100px;
    border: 1px solid #2e8c82;
}
.view_icon {
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #2e8c82;
    cursor: pointer;
    background: #2e8c822e;
    border-radius: 100px;
    border: 1px solid #2e8c82;
}
.view_icon a {
    text-decoration: none;
    color: #2e8c82!important;
    font-size: 20px!important;
}

.adBox img {
    width: 100%;
    border-radius: 10px;
}
.followme {
    cursor: pointer;
    width: 150px;
    justify-content: center;
    float: none !important;
    margin: 0px auto;
}
.allPackgs {
    gap: 20px;
    display: flex;
}
.mobile {

    display: none!important;

}

.catMobile {

    display: none!important;

}

.aboutPageBox {

    float: left;

    width: 100%;

    padding: 40px;

    text-align: left;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 14px 44px rgb(0 0 0 / 6%);

}

.aboutContent .subHeading {

    margin-bottom: 20px;

}

.aboutContent h3 {

    font-size: 20px;

    margin: 15px 0;

}

.aboutContent ul {

    margin: 25px 0;

}

.aboutContent ul li {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 7px;
}

.aboutContent ul li strong {
    font-weight: 600;
}

.aboutContent ol li {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 7px;
}

.aboutContent ol li strong {
    font-weight: 600;
}

.aboutContent p a {

    color: #000;

}

.aboutContent p a:hover {

    color: #f08a59;

}

.catactive{
  color: #f08a59;  
}

.iconBox span {

    display: block;

    font-size: 18px;

    color: #a1a1a1;

    margin-top: 5px;

}

.logoutBtn {

    gap: 3%;

    float: left;

    width: 100%;

    color: #fff;

    display: flex;

    padding: 7px 10px;

    text-align: center;

    border-radius: 3px;

    background: #F08A59;

    transition: all .5s;

    align-items: center;

    text-decoration: none;

    justify-content: center;

}

.logout_btns {

    gap: 5%;

    float: left;

    width: 100%;

    display: flex;

    border-radius: 10px;

    align-items: center;

    justify-content: center;

}

.cancelBtn {

    float: left;

    width: 100%;

    color: #222;

    font-size: 14px;

    font-weight: 500;

    padding: 10px 25px;

    text-decoration: none;

    border-radius: 4px;

    border: 1px solid rgb(208 208 208 / 45%);

}

.cancelBtn:hover {

    color: #fff;

    background: #2C8E81;

}

.oc_icon_red {

    margin: 20px 0;

}

.oc_icon_red i {

    width: 75px;

    height: 75px;

    font-size: 40px;

    color: #ED1C24;

    line-height: 75px;

    display: inline-block;

    border-radius: 500px;

    background: #FFC8CA;

    box-shadow: 0 0 30px rgb(237 28 36 / 40%);

}

.oc_content {

    text-align: center;

}









button {



    transition: all .5s;



}

button:hover {



    transition: all .5s;



}

.iconCLR i {

    font-size: 90px;

    color: #44d704;

    display: block;

    margin-bottom: 15px;

}

.paymentDetail {

    float: left;

    width: 100%;

    padding: 0 20rem;

}

.paymentDetail li {

    display: block;

    text-align: left;

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #e4e4e4;

}

.paymentDetail li span {

    color: #2d8984;

}

.paymentDetail li b {

    float: right;

}

.dashboardMenu {

    border-left: 2px solid #d4d4d4;

}

.dashboardMenu a {

    color: #f08a59;

    font-weight: 500;

}

.cd-accordion {

    padding: 0;

    background: #fff;

    border-radius: 5px;

    overflow: hidden;

}

.cd-accordion--animated .cd-accordion__label::before {

	transition: -webkit-transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s

}

.cd-accordion__sub {

	padding: 0;

	display: none;

	overflow: hidden

}

.cd-accordion__sub--is-visible {

	display: block

}

.cd-accordion__item {

	display: block;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	margin-bottom:0!important;

}

.cd-accordion__input {

	position: absolute;

	opacity: 0

}

.cd-accordion__label {

    position: relative;

    display: flex;

    align-items: center;

    padding: 0.75em 1.25em;

    background: #fff;

    color: #212529;

    justify-content: space-between;

}

.cd-accordion__label span {

	-ms-flex-order: 1;

	order: 1

}

.cd-accordion__label span a {

	text-decoration: none;

}

.cd-accordion__label {

	text-decoration: none;

}

.cd-accordion__label:hover {

	color:#2d8984;

}

.cd-accordion__label--icon-folder::after {

    background-position: 0 0;

}

.icon_hide::after {

    background: none !important;

}

.cd-accordion__label::after, .cd-accordion__label--icon-folder::before {

    content: '';

    display: block;

    width: 16px;

    height: 16px;

    background-image: url(../images/cd-icons.svg);

    background-repeat: no-repeat;

    filter: brightness(0);

}

.cd-accordion__label::after {

	-ms-flex-order: 2;

	order: 2

}

.cd-accordion__label--icon-folder::before {

	background-position: 0 0;

	-webkit-transform: rotate(-90deg);

	-ms-transform: rotate(-90deg);

	transform: rotate(-90deg)

}

.cd-accordion__input:checked+.cd-accordion__label::before {

	-webkit-transform: rotate(0);

	-ms-transform: rotate(0);

	transform: rotate(0)

}

.cd-accordion__input:checked+.cd-accordion__label::after {

	background-position: 0 0

}

.cd-accordion__input:checked~.cd-accordion__sub {

	display: block

}

.cd-accordion__sub--l1 .cd-accordion__label {

    padding-left: calc(1.25em + 0px);

    border-bottom: 1px solid #dedede;

}

.cd-accordion__sub--l1 .cd-accordion__label a:hover {

	color:#2d8984;

}

.cd-accordion__sub--l2 .cd-accordion__label {

	padding-left: calc(1.5em + 10px);

}

.cd-accordion__sub--l3 .cd-accordion__label {

	padding-left: calc(1.5em + 20px);

}







.mobileMenu .menu .has-sub > a::after {

    content: ""!important;

}

.menuItem {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #f1f5f9;

    justify-content: space-between;

}

.mobileMenu .menu .has-sub ul li {

    border-bottom: 1px solid #f1f5f9;

}

.desktopMenu .dropdown .menu li {

    margin-right: 0;

}

/*  Menu Starts  */



.menu .toggle {

  float: right;

  cursor: pointer;

  padding: 0.5rem;

  font-size: 14px;

}



.dropdown{

      position:relative;

      width:260px;

      max-width:100%;

    }

    

    .dropdown button{

      width:100%;

      padding:0.5rem 0.75rem;

      border:1px solid #cbd5e1;

      border-radius:6px;

      background:#fff;

      text-align:left;

      cursor:pointer;

    }

    .dropdown button:after{

      content:"▾";

      float:right;

    }

    .menu{

      position:absolute;

      top:100%;

      left:0;

      right:0;

      border:1px solid #e2e8f0;

      background:#fff;

      border-radius:6px;

      box-shadow:0 10px 20px rgba(0,0,0,.08);

      display:none;

      margin-top:4px;

      z-index:50;

    }

    .menu.show{display:block}

    .menu ul{list-style:none;margin:0;padding:0}

    .menu li{position:relative}

    .menu a{

      display:block;

      padding:0.5rem 0.75rem;

      text-decoration:none;

      color:#0f172a;

      cursor:pointer;

    }

    .menu a:hover {

    color: #2d8984;

    background: #e3fffd;

}



    /* Nested submenus */

    .menu .has-sub > .nested{

      display:none;

      position:absolute;

      top:0;

      left:100%;

      min-width:200px;

      border:1px solid #e2e8f0;

      background:#fff;

      border-radius:6px;

      box-shadow:0 10px 20px rgba(0,0,0,.08);

    }

    .menu .has-sub:hover > .nested{

      display:block;

    }

    .menu .has-sub > a::after{

      content:"▸";

      float:right;

    }

    .checkout_form .wpwl-form {

        margin: 0;

    }

    .pro_print{

        cursor: pointer;

    }

    .pro_print:hover{

        color: #f08a59;

    }

       

    /* Mobile responsiveness: switch to vertical stacked submenus */

    @media (max-width:600px){

      body{margin:20px}

      .dropdown{width:100%}

      .menu{position:static;display:none}

      .menu.show{display:block}

      .menu .has-sub > .nested{

        position:static;

        display:none;

        border:none;

        box-shadow:none;

        margin-left:1rem;

      }

      .menu .has-sub.open > .nested { display: block; }

      .menu .toggle { display: inline-block;transform: rotate(90deg); }

      .menu .has-sub:hover > .nested{display:block}

    }

  

   /*   Menu Ends */



.dash_dropdown {

    width: auto!important;

    margin-bottom:0!important;

}

.dash_dropdown button:after {

    content: ""!important;

    float: right;

}

.toggleMenu .main-menu {

  display: none;

}



#tm:checked + .main-menu {

    padding: 0;

    width: 100%;

    display: block;

    margin-top: 5px;

    position: absolute;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px hsl(0deg 0% 0% / 5%);

}

#mb:checked + .main-menu {

    padding: 0;

    width: 100%;

    display: block;

    margin-top: 5px;

    position: absolute;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 0 10px hsl(0deg 0% 0% / 5%);

}



.toggleMenu input[type="checkbox"], 

.toggleMenu ul span.drop-icon {

  display: none;

}



.toggleMenu li, 

.toggleCatMenu, 

.toggleMenu .sub-menu {

  border-style: solid;

  border-color: rgba(0, 0, 0, .05);

}

.main-menu a {

    border: none !important;

}

.toggleMenu li, 

.toggleCatMenu {

  border-width: 0 0 1px;

}



.toggleMenu .sub-menu {

  border-width: 0;

  margin: 0 1em;

}



.toggleMenu .sub-menu li:last-child {

  border-width: 0;

}



.toggleMenu li, .toggleCatMenu, .toggleMenu a {

    position: relative;

    display: block;

    color: #212529;

}



.toggleCatMenu, .toggleMenu a {

    padding: 10px;

    text-decoration: none;

    border: 1px solid #f2e7e2;

}

.toggleMenu, .toggleCatMenu {

    width: 300px;

    position: relative;

    background-color: #fff;

    border-radius: 3px;

}

.toggleMenu a {

  transition: all .125s ease-in-out;

  -webkit-transition: all .125s ease-in-out;

}



.toggleMenu a:hover {

  background-color: white;

  color: #09c;

}



.toggleMenu .sub-menu {

  display: none;

}



.toggleMenu input[type="checkbox"]:checked + .sub-menu {

    display: block;

    margin: 3px 0 0;

    padding: 0 0 0 15px;

}



.toggleMenu .sub-menu a:hover {

  color: #444;

}



.toggleCatMenu .drop-icon, .toggleMenu li label.drop-icon {

    position: absolute;

    right: 5px;

    top: 14px;

}



.toggleMenu label.drop-icon, .toggleCatMenu span.drop-icon {

    font-size: 22px;

    text-align: center;

    cursor:pointer;

    color: rgb(0 0 0 / 75%);

}



.toggleMenu .drop-icon {

  line-height: 1;

}

.packageBox {

    float: left;

    width: 100%;

    padding: 30px;

    position: relative;

    background: #fff;

    border-radius: 20px;

    border: 1px solid #939598;

}

.packageBox:before {

    left: -1px;

    top: 170px;

    content: "";

    width: 23px;

    height: 89px;

    position: absolute;

    background-size: 80%;

    background-repeat: no-repeat;

    background-image: url(../images/left_curve.png);

}

.packageBox:after {

    right: -5px;

    top: 170px;

    content: "";

    width: 23px;

    height: 89px;

    position: absolute;

    background-size: 80%;

    background-repeat: no-repeat;

    background-image: url(../images/right_curve.png);

}

.packageBox1:before {

    left: -1px;

    top: 170px;

    content: "";

    width: 23px;

    height: 89px;

    position: absolute;

    background-size: 80%;

    background-repeat: no-repeat;

    background-image: url(../images/left_curve1.png);

}

.packageBox1:after {

    right: -5px;

    top: 170px;

    content: "";

    width: 23px;

    height: 89px;

    position: absolute;

    background-size: 80%;

    background-repeat: no-repeat;

    background-image: url(../images/right_curve1.png);

}

.pkg_heading {

    text-align: center;

}

.pkg_heading h4 {

    font-size: 30px;

    font-weight: 600;

}

.price_month {

    text-align: center;

    margin-top: 15px;

}

.pkg_price {

    font-size: 70px;

    font-weight: 700;

    color: #f08a59;

    line-height: 78px;

}

.pkg_month {
    font-size: 27px;
    font-weight: 500;
}
.pkg_month span {
    font-size: 16px;
    font-weight: 500;
}

.pkg_detail {

    padding: 20px 0;

}

.pkg_detail li {

    font-size: 18px;

    font-weight: 300;

    margin-bottom: 15px;

}

.pkg_detail li:last-child {

    margin-bottom: 0;

}

.pkg_btn {

    display: flex;

    text-align: center;

    justify-content: center;

}

.pkg_btn .theme_button {

    width: 80%;

    justify-content: center;

}

.dropdown-item {

    color: #212529;

}

.catDropdown li.nav-item {

    margin-right: 0!important;

}

.catDropdown li.nav-item a.nav-link {

    font-size: 14px;

    margin: 0!important;

    color: #212529;

    padding: .25rem 1rem;

}

.catDropdown li {

    margin-right: 0!important;

    margin-bottom: 5px;

}

.dropdown .dropdown-menu {

    display: none;

    top: 100%;

    left: 0;

    width: 100%;

    position: absolute!important;

}

.dropdown:hover>.dropdown-menu, 

.dropend:hover>.dropdown-menu {

    display: block;

    margin-top: .1em;

    margin-left: .1em;

}

@media screen and (min-width:769px) {

    .dropend:hover>.dropdown-menu {

        position: absolute;

        top: 0;

        left: 100%;

    }

    .dropend .dropdown-toggle {

        margin-left: .5em;

    }

}

.btn_categories {

    width: 100%;

    min-width: 250px;

    padding: 10px!important;

    color: #212529!important;

    text-align: left!important;

    border: 1px solid #F2E7E2!important;

}

.btn_categories:after {

    top: 45%;

    right: 12px;

    position: absolute;

}

.contact-info {

      flex: 1;

    }



    .contact-info h2 {

        font-size: 18px;

        margin-bottom: 20px;

        color: #222;

    }



    .contact-info p {

      margin: 8px 0;

      color: #555;

      font-size: 15px;

    }



    .contact-form {

      flex: 2;

    }



    .contact-form h2 {

        font-size: 18px;

        margin-bottom: 20px;

        color: #222;

    }



    .form-group {

      margin-bottom: 15px;

    }



    .form-group label {

      display: block;

      margin-bottom: 5px;

      font-size: 14px;

      color: #444;

    }



    .form-group input, 

    .form-group textarea {

      width: 100%;

      padding: 10px;

      border: 1px solid #ccc;

      border-radius: 5px;

      font-size: 14px;

    }



    .form-group textarea {

      resize: vertical;

      height: 100px;

    }



    .submit_button {

      padding: 10px 20px;

      border: none;

      background: #F08A59;

      color: #fff;

      font-size: 16px;

      border-radius: 5px;

      cursor: pointer;

    }



    .submit_button:hover {

      background: #d4652f;

    }

    .contact_MainBox {

        float: left;

        width: 100%;

        padding: 20px;

        display: flex;

        border-radius: 10px;

        background: #fff;

    }



    @media (max-width: 768px) {

      .container {

        flex-direction: column;

      }

    }

.dashboardMenu ul {

    margin: 0;

    padding: 0;

    display: flex;

}

.dropdown{

    position:relative;

    display:inline-block;

}

.dropbtn {

    width: 30px!important;

    height: 30px;

    border-radius: 100px!important;

    color: #fff !important;

    border: none!important;

    display: flex;

    font-size: 22px;

    background: #F08A59!important;

    transition: all .5s;

    align-items: center;

    text-decoration: none;

    justify-content: center;

}

.dropdown-content{

    left: -110px;

    display:none;

    position:absolute;

    background-color:#fff;

    min-width:160px;

    box-shadow:0 6px 16px rgba(0,0,0,0.1);

    border-radius:8px;

    overflow:hidden;

    margin-top:6px;

    z-index:1;

}

.dropdown-content a {

    display: block;

    padding: 10px 14px;

    text-decoration: none;

    color: #374151;

    font-size: 16px;

}

.dropdown-content a:hover{

    background:#f3f4f6;

}

.dropdown-content a:last-child {

    color: #ff0000;

}

.dropdown.show .dropdown-content{

    display:block;

}

#accordionCats .accordion-button .category-link {

    color: #000;

    text-decoration: none;

}

.accorTab {

    display: grid;

    grid-template-columns: 86% 30px;

    padding: 15px 0 !important;

    border-bottom: 1px solid #d5d5d5 !important;

}

.accorTab .category-link {

    color: #000;

    font-size: 16px;

    text-decoration: none;

}

#accordionCats .accordion-main-button {

    border-radius: 0;

}

#accordionCats .accordion-sub-button {

    padding: 0 !important;

    border-bottom: 0px solid #d5d5d5 !important;

}

#accordionCats .accordion-button {

    width: 100%;

}

.accordion-sub {

    padding: 0 0 0 15px !important;

}

#accordionCats .accordion-body .list-unstyled {



    margin-left: 0 !important;



}

.accordion-sub ul.ms-2 {

    padding: 0;

}

.accordion-sub ul.ms-2 li {

    display: block;

}

#accordionCats .accordion-body .list-unstyled li {



    padding: 10px 0;

    border-bottom: 1px solid #d5d5d5 !important;



}



#accordionCats .accordion-body li a {



    color: #000;



    text-decoration: none;



}



#accordionCats .accordion-body  li a:hover {



    color: #f08a59;



}



.header_bg {



    padding: 0 20px;



    margin-top: 30px;



    background: #fff;



    border-radius: 15px;



}



.eror{

    color:#FE4444;

}



.dash_content {



    float: left;



    width: 100%;



    padding: 20px;



    margin-top: 15px;



    background: #fff;



    border-radius: 10px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.mt_0 {



    margin-top: 0;



}



.all_ProTabs {



    float: left;



    width: 100%;



    margin-top: 30px;



}



.main_HeadingPanel {



    display: flex;



    align-items: center;



}



.panel-heading {



    float: left;



    width: 100%;



    display: flex;



    align-items: flex-start;



}



.clearCart_btn {



    gap: 3%;



    width: 150px;



    border: none;



    color: #222;



    display: flex;



    background: #fff;



    font-weight: 500;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



    border: 1px solid rgb(208 208 208 / 45%);



}



.clearCart_btn:hover {



    color: #fff;



    background: #e00303;



}



.back_btn {



    color: #222;



    font-size: 20px;



    margin-right: 10px;



    padding: 5px 10px;



    border-radius: 5px;



    text-decoration: none;



    border: 1px solid #DEDEDE;



}



.back_btn:hover {



    color: #fff;



    background: #F08A59;



    border: 1px solid #F08A59;



}



.inner_heading p {



    font-size: 18px;



    color: #717171;



    font-weight: 500;



}



.sc_docs_box {



    gap: 3%;



    margin-bottom: 20px;



    align-items: flex-start;

    justify-content: space-between;



}



.dd_docs_box {



    gap: 4%;



    float: left;



    width: 100%;



    padding: 15px;



    display: flex;



    background: #fff;



    border-radius: 12px;



    margin-bottom: 50px;



    flex-direction: row;



    align-items: center;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.inner_sc_docs_box {

    gap: 3%;

    width: 100%;

    display: flex

;

    align-items: center;

}



.pro_checkbox {



  display: block;



  position: relative;



  padding-left: 35px;



  margin-bottom: 12px;



  cursor: pointer;



  font-size: 22px;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}



.pro_checkbox input {



  position: absolute;



  opacity: 0;



  cursor: pointer;



  height: 0;



  width: 0;



}



.checkmark {



  position: absolute;



  top: 0;



  left: 0;



  height: 25px;



  width: 25px;



  border-radius: 5px;



  background-color: #fff;



  border: 1px solid #D2D2D2;



}



.pro_checkbox:hover input ~ .checkmark {



  background-color: #fff;



}



.pro_checkbox input:checked ~ .checkmark {



  background-color: #00CD18;



  border: 1px solid #00CD18;



}



.checkmark:after {



  content: "";



  position: absolute;



  display: none;



}



.pro_checkbox input:checked ~ .checkmark:after {



  display: block;



}



.pro_checkbox .checkmark:after {



  left: 9px;



  top: 5px;



  width: 5px;



  height: 10px;



  border: solid white;



  border-width: 0 3px 3px 0;



  -webkit-transform: rotate(45deg);



  -ms-transform: rotate(45deg);



  transform: rotate(45deg);



}



.sc_docs_img {



    width: 200px;



    max-width: 100%;



}



.dd_docs_img img {



    width: 100%;



    border-radius: 10px;



}



.dd_docs_img {

    width: 100px;

    float: left;

    max-width: 100%;

}



.dd_docs_info span {



    color: #fff;



    font-size: 13px;



    font-weight: 400;



    padding: 5px 10px;



    border-radius: 5px;



    background: #FE4444;



    margin-bottom: 10px;



    display: inline-block;



}



.dd_headingBox {



    margin-bottom: 10px;



}



.sc_docs_info h3 {



    font-size: 18px;



}



.dd_headingBox h3 {



    font-size: 20px;



    font-weight: 600;



}



.dd_rate_author {



    gap: 20%;



    display: flex;



    margin: 10px 0;



    align-items: center;



}



.dd_authorBox {



    margin: 0;



    color: #222222;



    font-size: 14px;



    font-weight: 500;



}



.dd_ratingBox {



    font-size: 16px;



}



.dd_ratingBox i {



    color: #FB9600;



}



.dd_ratingBox small {



    color: #999;



    font-size: 12px;



    margin-left: 5px;



}



.dd_duration {



    float: left;



    width: 100%;



}



.dd_duration ul {



    gap: 27%;



    padding: 0;



    display: flex;



    color: #666666;



    font-size: 12px;



    font-weight: 500;



    margin-bottom: 0;



}



.dd_duration ul li {



    display: block;



}



.dd_pages {



    font-size: 14px;



}



.sc_btns {



    gap: 4%;



    float: left;



    width: 100%;



    display: flex;



    margin-top: 15px;

    

    justify-content: flex-end;



}



.sc_rmove_btn {



    width: auto;



    color: #fff;



    font-size: 14px;



    padding: 7px 10px;



    border-radius: 4px;



    text-align: center;



    background: #FE4444;



    display: inline-block;



    text-decoration: none;



}



.sc_rmove_btn:hover {



    color: #fff;



    background: #e00303;



}



.dash_docs_addtoCart {



    gap: 3%;



    float: left;



    width: 100%;



    border: none;



    color: #222;



    display: flex;



    background: #fff;



    font-weight: 500;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



    border: 1px solid rgb(208 208 208 / 45%);



}



.dash_docs_addtoCart:hover {



    color: #fff;



    background: #2C8E81;



}



.scPriceBox {



    text-align: right;



}



.scPriceBox strong {



    float: left;



    width: 100%;



    color: #F08A59;



    font-size: 20px;



}



.scPriceBox span {



    color: #666;



    font-size: 14px;



    font-weight: 500;



}



.sc_docs_box {



    gap: 3%;



    margin-bottom: 20px;



    align-items: flex-start;



}



.sc_CartBox {



    padding: 15px;



}



.addtoCart_Box {



    float: left;



    width: 100%;



    background: #fff;



    padding: 38px 15px;



    margin-bottom: 30px;



    border-radius: 12px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.order_SummaryBox {



    float: left;



    width: 100%;



    margin-bottom: 20px;



}



.os_heading {



    float: left;



    width: 100%;



    margin-bottom: 20px;



}



.os_heading h6 {



    font-size: 18px;



    font-weight: 600;



}



.os_heading p {



    color: #717171;



}



.subtotalBox {



    float: left;



    width: 100%;



    margin-bottom: 20px;



    padding-bottom: 20px;



    border-bottom: 1px solid rgb(0 0 0 / 20%);



}



.subtotalBox ul {



    margin: 0;



    padding: 0;



}



.subtotalBox ul li {



    display: flex;



    align-items: center;



    margin-bottom: 10px;



    justify-content: space-between;



}



.totalBox {



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.dd_docs_btn a {



    margin-bottom: 20px;



}







.dash_docs_continue {



    gap: 3%;



    float: left;



    width: 100%;



    color: #fff;



    border: none;



    display: flex;



    padding: 7px 10px;



    text-align: center;



    border-radius: 3px;



    background: #F08A59;



    transition: all .5s;



    align-items: center;



    text-decoration: none;



    justify-content: center;



}



.dash_docs_continue:hover {



    color: #fff;



    transition: all .5s;



    background: #de6b34;



}



.sc_docs_continue i {



    font-size: 22px;



}



.sc_notes {



    float: left;



    width: 100%;



}



.sc_notes ul {



    margin: 0;



    padding-left: 20px;



}



.sc_notes ul li {



    color: #717171;



    font-weight: 500;



    margin-bottom: 5px;



}







 #cart-sidebar {



        position: fixed;



        top: 0;



        right: -400px; /* hidden */



        width: 350px;



        height: 100%;



        background: #fff;



        box-shadow: -2px 0 5px rgba(0,0,0,0.3);



        transition: right 0.4s ease;



        z-index: 9999;



        padding: 20px;



    }



    #cart-sidebar.active {



        right: 0; /* slide in */



    }











.dropdown-submenu {



  position: relative;



}



.dropdown-submenu .dropdown-menu {



  top: 0;



  left: 100%;



  margin-top: -1px;



}



.dropdown-submenu:hover .dropdown-menu {



  display: block;



}



.btn_categories {



    width: 100%;



    min-width: 250px;



    padding: 10px!important;



    text-align: left!important;



    border: 1px solid #F2E7E2!important;



}



.btn_categories:after {



    top: 45%;



    right: 12px;



    position: absolute;



}



.mainMenu li {



    display: block;



    margin-right: 20px;



    font-family: "Inter", sans-serif;



}



.mainMenu li:last-child {



    margin-right: 0;



}



.header_icons {

    gap: 2%;

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.iconBtn {



    border: none;



    margin-right: 10px;



    background: transparent;



}



.iconBtn i {



    font-size: 25px;



}



.iconBtns .iconBtn:last-child {



    margin-right: 0;



}



.link_clr:hover {



    color: #2D8984!important;



}



.dropdown_bg {



    border: none!important;



    box-shadow: 0 0 10px hsl(0deg 0% 0% / 15%);



}



.dropdown_bg li {



    margin-right: 0!important;



}



.dropdown-item {



    font-size: 14px;



}



section {



    float: left;



    width: 100%;



}



.hero_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.hero_content h1 {



    font-weight: 300;



    font-size: 66px;



    line-height: 78px;



    margin-bottom: 30px;



}



.hero_content h1 span {



    color: #2D8984;



    font-weight: bold;



}



.hero_content p {



    font-size: 18px;



    font-weight: 300;



    margin-bottom: 40px;



}



.theme_button {

    

    border:none;



    float: left;



    color: #fff;



    display: flex;



    padding: 12px 24px;



    background: #F08A59;



    text-decoration: none;



    transition: all .5s;



    align-items: center;



}



.theme_button i {



    font-size: 25px;



    margin-left: 15px;



    transition: all .5s;



}



.theme_button:hover {



    color: #fff;



    background: #d4652f;



    transition: all .5s;



}



.theme_button:hover i {



    margin-left: 5px;



    transition: all .5s;



}



.hero_img {



    text-align: center;



}



.hero_img img {



    max-width: 100%;



}



.services_sec {



    padding: 70px 0;



}



.iconBox {



    float: left;



    width: 100%;



    padding: 40px 10px;



    text-align: center;



    background: #fff;



    border-radius: 10px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 6%);



}



.iconBox img {



    max-width: 100%;



    margin-bottom: 25px;



}



.iconBox p {



    font-size: 24px;



    font-weight: 300;



    margin-bottom: 0;



}



.about_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.about_img img {



    max-width: 100%;



}



.about_content {



    padding-left: 70px;



}



.about_content h5 {



    color: #2D8984;



    font-size: 26px;



    font-weight: 300;



    line-height: 36px;



}



.about_content h2 {



    font-size: 66px;



    font-weight: 300;



    line-height: 80px;



    margin-bottom: 25px;



}



.about_content p {



    font-size: 18px;



    font-weight: 300;



    line-height: 30px;



    margin-bottom: 25px;



}



.categories_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.mainHeading {



    float: left;



    width: 100%;



    text-align: center;



    margin-bottom: 50px;



}



.mainHeading h2 {



    font-size: 66px;



    font-weight: 300;



    line-height: 80px;



    margin-bottom: 0;



}



.categories_tabs .nav-tabs {



    border-bottom: 0px solid #dee2e6!important;



}



.categories_tabs li.nav-item {



    margin-right: 10px;



}



.categories_tabs li.nav-item:last-child {



    margin-right: 0;



}



.categories_tabs .nav-tabs .nav-link {



    color: #999999;



    font-size: 16px;



    font-weight: 500;



    padding-top: 12px;



    background: #fff;



    padding-bottom: 12px;



    border-radius: 100px;



}



.categories_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {



    color: #2D8984!important;



    border:1px solid #2D8984!important;



}



.categories_tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {



    color: #2D8984!important;



    border:1px solid #2D8984!important;



}



.categories_tabs .tab-content {



    float: left;



    width: 100%;



    margin-top: 50px !important;



}



.docsBox {



    float: left;



    width: 100%;



    background: #fff;



    border-radius: 10px;



}



.docsImg {



    float: left;



    width: 100%;



    position: relative;



}



.docsImg img {



    border-radius: 10px;



}



.docsImg span {



    top: 20px;



    left: 20px;



    color: #fff;



    font-size: 18px;



    font-weight: 600;



    padding: 8px 15px;



    position: absolute;



    border-radius: 5px;



    background: #FE4444;



}

.ads_sec {
    padding: 50px 0;
}
.course-card {
        display: flex;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        max-width: 700px;
        margin: 0 0 25px;
    }
    .course-card img {
        width: 140px;
        object-fit: cover;
    }
    .course-content {
        padding: 20px;
        flex: 1;
    }
.course-title {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: bold;
}
.course-meta {
    font-size: 13px;
    color: #777;
    font-weight: 500;
    margin-bottom: 15px;
}
.course-meta span {
    margin-right: 15px;
    padding-right: 15px;
    display: inline-flex;
    align-items: center;
    border-right: 1px solid #cecece;
}
.course-meta span:last-child {
    margin-right: 0;
    padding-right: 0;
    display: inline-flex;
    align-items: center;
    border-right: 0px solid #cecece;
}
.course-meta span i {
    font-size: 14px;
    color: #2d8d80;
    margin-right: 5px;
}
   
.course-description {
    font-size: 14px;
    color: #333;
}

.docs_content {
    display: flex;
    padding: 25px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}



.docs_content h3 {



    font-size: 18px;



    line-height: 25px;



    margin-bottom: 0;



}


.docs_content h3 a {

    padding: 0;

    float: left;

    width: 100%;

    color: #000;

    display: flex;

    font-size: 16x;

    border-radius: 0;
    line-height: normal;
    margin-bottom: 10px;

    transition: all .5s;

    text-decoration: none;

    background: transparent;

    justify-content: flex-start;

}



.docs_content h3 a:hover {



    color: #F08A59;



    background: transparent;



}



.ratingBox {

    margin-bottom: 10px;

    color: #FB9600;

}



/* .ratingBox i {



    color: #FB9600;



} */



.ostar {



    color: #FB9600;



}



.gstar {



  color: #C9C9C9A6; /* Light grey */



}



/* .ratingBox i:last-child {



    color: #C9C9C9A6;



} */



.priceBox {



    font-size: 25px;



    font-weight: 600;



    margin-bottom: 10px;



}



.docs_content p {



    font-size: 16px;



    line-height: 25px;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    overflow: hidden;



    text-overflow: ellipsis;



}



.docs_content a {



    float: left;



    color: #fff;



    display: flex;



    font-size: 16px;



    padding: 7px 10px;



    border-radius: 3px;



    background: #F08A59;



    align-items: center;



    transition: all .5s;



    text-decoration: none;



    justify-content: center;



}



.docs_content a:hover {



    color: #fff;



    transition: all .5s;



    background: #d4652f;



}



.docs_content a i {



    margin-left: 10px;



}



.categories_tabs .owl-theme .owl-nav.disabled+.owl-dots {



    margin-top: 30px;



}



.categories_tabs .owl-theme .owl-dots .owl-dot span {



    width: 20px;



    height: 20px;



    background: rgb(240 138 89 / 40%);



}



.categories_tabs .owl-theme .owl-dots .owl-dot.active span, .categories_tabs .owl-theme .owl-dots .owl-dot:hover span {



    background: #F08A59;



}



.certificate_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.certificate_Box {



    float: left;



    width: 100%;



    padding: 90px 40px;



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



    background-image: url(../images/bg1.png);



}



.certificate_content {



    padding-right: 30px;



}



.certificate_content h3 {



    font-size: 50px;



    font-weight: 300;



    line-height: 60px;



    margin-bottom: 30px;



}



.certificate_content p {



    font-size: 20px;



    font-weight: 300;



    line-height: 34px;



    margin-bottom: 40px;



}



.certificate_img {



    text-align: right;



}



.certificate_img img {



    max-width: 100%;



    border-radius: 10px;



    box-shadow: 0 0 42px rgb(0 0 0 / 8%);



}



.testimonials_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.testimonial_content {



    padding-right: 50px;



}



.testimonial_content h3 {



    font-size: 40px;



    font-weight: 300;



    line-height: 80px;



}



.testimonial_content p {



    font-size: 18px;



    font-weight: 300;



    margin-bottom: 20px;



}



.users p {



    font-size: 12px;



    color: #646464;



    margin-top: 10px;



    font-weight: 400;



    margin-bottom: 0;



}



.users p strong {



    color: #000;



    font-size: 16px;



    margin-right: 3px;



}



.pad_35 {



    padding-left: 35px!important;



}



.testimonial_Box {



    float: left;



    width: 100%;



    background: #fff;



    position: relative;



    border-radius: 10px;



    padding: 90px 50px 20px;



    box-shadow: 0 0 44px rgb(0 0 0 / 9%);



}



.testimonial_Box:after {



    left: 0;



    right: 0;



    bottom: -20px;



    content: "";



    z-index: -1;



    height: 30px;



    width: 92%;



    margin: 0 auto;



    position: absolute;



    background: #ffffff;



    border-radius: 10px;



    box-shadow: 0 0 44px rgb(0 0 0 / 9%);



}



.user_img {



    top: -40px;



    position: absolute;



}



.user_img img {



    width: 115px;



    height: 115px;



    border-radius: 100px;



}



.testimonial_Box p {



    font-size: 18px;



    font-weight: 300;



    line-height: 32px;



}



.user_rating i {



    font-size: 28px;



    color: #f0ce69;



}



.user_rating i:nth-child(4n) {



    color: #dedddd;



}



.user_rating i:last-child {



    color: #dedddd;



}



.user_info p {



    font-size: 12px;



    color: #999999;



    font-weight: 500;



    margin-bottom: 0;



    text-transform: uppercase;



}



.user_info p strong {



    color: #000;



    font-size: 16px;



    margin-right: 4px;



}



.testimonialsCarousel .owl-item {



    padding: 45px 35px;



}



.testimonialsCarousel .owl-nav {



    top: 270px;



    left: -160px;



    position: absolute;



}



.testimonials_sec .owl-carousel .owl-nav button.owl-next, .testimonials_sec .owl-carousel .owl-nav button.owl-prev, .testimonials_sec   .owl-carousel button.owl-dot {



    width: 70px;



    height: 70px;



    font-size: 35px;



    background: #fff;



    line-height: 35px;



    border-radius: 100px;



    box-shadow: 0 4px 24px rgb(0 0 0 / 8%);



}



.testimonials_sec .owl-theme .owl-nav [class*=owl-]:hover {



    background: #2D8984;



}



.cta_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.ctaBox {



    float: left;



    width: 100%;



    overflow: hidden;



    padding: 65px 30px;



    position: relative;



    text-align: center;



    border-radius: 10px;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center;



    background-image: url(../images/bg2.png);



}



.ctaBox:before {



    top: 0;



    left: 0;



    content: "";



    width: 100%;



    height: 100%;



    position: absolute;



    background-color: rgb(240 138 89 / 80%);



}



.ctaBox h3 {

    color: #fff;

    font-size: 38px;

    font-weight: 400;

    position: relative;

    margin-bottom: 10px;

}

.ctaBox p {

    font-size: 25px;

    position: relative;

    color: #ffffff;

}

.ctaBox .theme_button {



    float: none;



    width: 210px;



    margin: 0 auto;



    position: relative;



    border-radius: 7px;



    background: #2D8984;



}



.ctaBox .theme_button:hover {



    float: none;



    width: 200px;



    margin: 0 auto;



}



.parent_cat {



    color: #000;



    font-size: 1rem;



    text-decoration: none;



}



.parent_cat:hover {



    color: #f08a59;



}







.faqs_sec {



    padding-top: 50px;



    padding-bottom: 70px;



}



.faqsBox .accordion-item {



    border: none;



    margin-bottom: 20px;



    border-radius: 10px !important;



    box-shadow: 0 0 24px rgb(0 0 0 / 8%);



}



.faqsBox .accordion-button:focus {



    border-color: #86b7fe00!important;



    box-shadow: none!important;



}



.faqsBox .accordion-button {



    color: #000;



    font-weight: 600;



    border-radius: 10px !important;



    padding: 1.25rem 1.25rem !important;



}



.faqsBox .accordion-button:not(.collapsed) {



    color: #000;



    box-shadow: none;



    background: transparent;



}



.faqsBox .accordion-button:not(.collapsed)::after {



    background-image: url(../images/plus_icon.png);



    transform: rotate(-180deg);



}



.faqsBox .accordion-button::after {



    background-image: url(../images/plus_icon.png);



}



footer {



    float: left;



    width: 100%;



    padding-top: 50px;



    padding-bottom: 50px;



}



.footer_bg {



    float: left;



    width: 100%;



    padding: 60px 50px;



    border-radius: 10px;



    background: #2D8984;



}



.footer_heading {



    float: left;



    width: 100%;



    color: #fff;



    margin-bottom: 15px;



    padding-bottom: 15px;



    text-transform: capitalize;



    border-bottom: 1px solid #48A49F;



}



.footer_links ul {



    padding: 0;



    float: left;



    width: 100%;



    display: flex;



    flex-wrap: wrap;



    margin-bottom: 0;



    flex-direction: row;



}



.footer_links ul li {



    float: left;



    width: 50%;



    display: block;



    margin-bottom: 20px;



}



.footer_links ul li a {



    color: #fff;



    font-size: 14px;



    font-weight: 300;



    letter-spacing: 1px;



    transition: all .5s;



    text-decoration: none;



    text-transform: capitalize;



}



.footer_links ul li a:hover {



    color: #fec4a8;



    transition: all .5s;



}



.footer_contact p {



    color: #fff;



    font-size: 14px;



    text-transform: capitalize;



}



.footer_contact a {



    color: #fff;



    transition: all .5s;



    text-decoration: none;



}



.footer_contact a:hover {



    color: #fec4a8;



    transition: all .5s;



}



.paymentCards {



    float: left;



    width: 100%;



    margin-bottom: 15px;



}



.paymentCards img {



    max-width: 100%;



}



.ftr_logos {



    float: left;



    width: 100%;



}



.ftr_logos img {



    max-width: 100%;



}



.footer_bottom {



    float: left;



    width: 100%;



    margin-top: 40px;



    padding-top: 30px;



    border-top: 1px solid #48A49F;



}



.copy_txt {



    color: #fff;



    font-weight: 300;



    letter-spacing: .5px;



    text-align: center;



}



.mobileMenu {



    display: none;



}



.right_col {



    flex: 1;



    display: flex;



    align-items: center;



    flex-wrap: nowrap;



    flex-direction: row;



    justify-content: space-between;



}



.mrgR_0 {



    margin-right: 0!important;



}



.searchBox form {



    width: 100%;



    gap: 10px;



    display: flex;



    align-items: center;



}



.searchBox form input[type="text"] {



    flex: 1;



    padding: 15px;



    border-radius: 5px;



    border: 1px solid #e0e0e0;



}



.searchBox form input[type="text"]:focus {



    outline: none;



}



.search_btn {



    border: none;



    font-size: 25px;



    color: #fff;



    padding: 10px 15px;



    border-radius: 5px;



    background: #F08A59;



}



.cartBox {



    float: left;



    width: 100%;



}



.products {



    float: left;



    width: 100%;



    height: 445px;



    overflow: auto;



    padding-left: 0;



    padding-right: 5px;



}



.product {



    display: block;



}



.product-link {



    float: left;



    width: 100%;



    display: flex;



    align-items: center;



    text-decoration: none;



}



.product-image img {



    border-radius: 5px;



    width: 90px!important;



}



.product-details {

    margin-left: 15px;

    text-align: left;

    width:100%;

}



.product-details h3 {



    color: #000;



    font-size: 15px;



    overflow: hidden;



    text-decoration: none;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    text-overflow: ellipsis;



    -webkit-box-orient: vertical;



}



.qty-price {



    gap: 10px;



    float: left;



    width: 100%;



    display: flex;



    flex-direction: column;



}



.minus-button {



    border: none;



    color: #fff;



    padding: 4px 8px;



    border-radius: 3px;



    background: #F08A59;



}



.minus-button:hover {



    color: #fff;



    background: #2D8984;



}



.plus-button {



    border: none;



    color: #fff;



    padding: 4px 8px;



    border-radius: 3px;



    background: #F08A59;



}



.plus-button:hover {



    color: #fff;



    background: #2D8984;



}



.qty-input {



    padding: 3px 8px;



    border-radius: 3px;



    border: 1px solid #cecece;



}



.price {



    font-size: 16px;



    color: #000;



    font-weight: 600;



}



.remove-button {



    border: none;



    color: #ea0117;



    background: transparent;



}



.price_remove_btn {



    display: flex;



    align-items: center;



    justify-content: space-between;



}



.product {



    float: left;



    width: 100%;



    padding: 5px;



    display: block;



    border-radius: 5px;



    margin-bottom: 10px;



    border: 1px solid #cacaca;



}



.totals {



    float: left;



    width: 100%;



    font-size: 20px;



}



.amount {



    font-weight: 600;



}



.action-buttons {



    gap: 10px;



    float: left;



    width: 100%;



    display: flex;



    margin-top: 30px;



    justify-content: space-between;



}



.view-cart-button {



    width: 50%;



    color: #fff;



    padding: 10px;



    font-size: 18px;



    font-weight: 600;



    text-align: center;



    border-radius: 5px;



    background: #F08A59;



    transition: all .5s;



    text-decoration: none;



    text-transform: uppercase;



}



.view-cart-button:hover {



    color: #fff;



    background: #2D8984;



    transition: all .5s;



}



.checkout-button {



    width: 50%;



    color: #fff;



    padding: 10px;



    font-size: 18px;



    font-weight: 600;



    text-align: center;



    border-radius: 5px;



    background: #2D8984;



    transition: all .5s;



    text-decoration: none;



    text-transform: uppercase;



}



.checkout-button:hover {



    color: #fff;



    background: #F08A59;



    transition: all .5s;



}



.btn:focus {



    box-shadow: none!important;



}



.page_title_sec {



    padding-top: 50px;



}



.page_title {



    text-align: center;



}



.page_title h1 {



    font-size: 66px;



    font-weight: 300;



    line-height: 80px;



    margin-bottom: 25px;



}



.page_title p {



    font-size: 18px;



    font-weight: 300;



    line-height: 30px;



    margin-bottom: 25px;



}



.title_search from {



    display: flex;



    align-items: center;



    justify-content: center;



}



.title_search {



    padding: 0 10rem;



}



.title_search from input[type="text"] {



    flex: 1;



    padding: 10px 15px;



    background: #fff;



    border-radius: 5px 0 0 5px;



    border-top: 1px solid #F2E7E2;



    border-left: 1px solid #F2E7E2;



    border-right: 0px solid #F2E7E2;



    border-bottom: 1px solid #F2E7E2;



}



.title_search from input[type="text"]:focus {



    outline: none;



}



.title_search from button {



    font-size: 24px;



    padding: 4px 10px;



    background: #fff;



    border-radius: 0 5px 5px 0;



    border-top: 1px solid #F2E7E2;



    border-left: 0px solid #F2E7E2;



    border-right: 1px solid #F2E7E2;



    border-bottom: 1px solid #F2E7E2;



}



.product_listing_sec {



    padding-top: 70px;



}



.product_listing_box {



    padding-top: 70px;



    border-top: 1px solid;



    border-image-slice: 1;



    border-width: 1px;



    border-image-source: linear-gradient(to left, rgb(240 138 89 / 30%), rgb(45 137 132 / 30%));



}



.filter_heading h4 {



    font-size: 26px;



    font-weight: bold;



    margin-bottom: 0;



}

.whiteBG {

    float: left;

    width: 100%;

    padding: 20px;

    text-align: center;

    background: #fff;

    margin-bottom: 20px;

    border-radius: 10px;

    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);

}

.whiteBG .dash_docs_continue.sc_docs_continue {

    float: none !important;

    margin: 0 auto !important;

    width: 230px!important;

}

.docFilters {
    gap: 1rem;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: flex-start;
}


.filterBy {



    gap: 1rem;



    display: flex;



    align-items: center;



}



.filterBy span {

    font-size:15px;

}



.filterBy select {



    padding: 10px;



    border: none;

    

    border-radius: 7px;



    box-shadow: 0 0 1px #F2E7E2;



    border-right: 5px solid #fff;



}



.filterBy select:has(option:checked:first-child) {

  color: #757587;

}

.filterBy select:has(option:checked:first-child) option {

  color: black;

  text-transform: none;

}



.sortBy input[type="text"] {



    padding: 10px;



    border: none;

    

    border-radius: 7px;



    box-shadow: 0 0 1px #F2E7E2;



    border-right: 5px solid #fff;



}



select:has(option:checked:first-child) {

  color: #757587;

}

select:has(option:checked:first-child) option {

  color: black;

  text-transform: none;

}



.sortBy {



    gap: 1rem;



    display: flex;



    font-size: 16px;



    align-items: center;



}



.sortBy select {



    padding: 10px;



    border: none;



    outline: none;

    

    border-radius: 7px;



    box-shadow: 0 0 1px #F2E7E2;



    border-right: 5px solid #fff;



}



.docs_listingBox {



    float: left;



    width: 100%;



    margin-top: 35px;



}



.docs_box {



    float: left;



    width: 100%;



    padding: 10px;



    background: #fff;



    border-radius: 12px;



    margin-bottom: 25px;



}



.docs_img {



    float: left;



    width: 100%;



    position: relative;



}



.docs_img img {



    width: 100%;



    border-radius: 8px;



    box-shadow: 0 10px 33px rgb(0 0 0 / 6%);



}



.docs_img span {



    top: 10px;



    left: 10px;



    color: #fff;



    font-size: 13px;



    font-weight: 400;



    padding: 5px 10px;



    position: absolute;



    border-radius: 5px;



    background: #FE4444;



}



.docs_info {



    float: left;



    width: 100%;



    padding: 15px 0;



}



.docs_info h3 {



    color: #000;



    height: 40px;



    font-size: 13px;



    overflow: hidden;



    line-height: 18px;



    margin-bottom: 5px;



    text-decoration: none;



}



.docs_info a {



    font-size: 13px;



    line-height: 18px;



    margin-bottom: 5px;



    color: #000;



    text-decoration: none;



}



.docs_info .ratingBox {



    margin-bottom: 0;



}



.docs_info .ratingBox i {



    font-size: 12px;



}



.docs_info .priceBox {



    font-size: 18px;



    margin-bottom: 5px;



}



.docs_info p {



    font-size: 12px;



    overflow: hidden;



    margin-bottom: 0;



    line-height: 18px;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    text-overflow: ellipsis;



    -webkit-box-orient: vertical;



}



.docs_btn {



    float: left;



    width: 100%;



}



.docs_download {



    float: left;



    width: 100%;



    color: #fff;



    padding: 7px 10px;



    text-align: center;



    border:none;



    border-radius: 3px;



    background: #F08A59;



    transition: all .5s;



    text-decoration: none;



}



.docs_download i {



    margin-left: 10px;



}



.docs_download:hover {



    color: #fff;



    transition: all .5s;



    background: #de6b34;



}







aside {



    float: left;



    width: 100%;



}



.widgetBox {



    float: left;



    width: 100%;



    padding: 20px;



    background: #fff;



    margin-bottom: 20px;



    border-radius: 10px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.sidebar_heading {



    padding-bottom: 25px;



    border-bottom: 1px solid rgb(0 0 0 / 30%);



}



.categories_menu .accordion-button:focus {



    z-index: 3;



    border-color: transparent;



    outline: 0;



    box-shadow: 0 0 0 0 rgba(13, 110, 253, .25);



}



.categories_menu .accordion-button {



    font-weight: 600;



}



.categories_menu .accordion-button:not(.collapsed) {



    color: #000;



    background-color: #fff;



    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);



}



.categories_menu .accordion-item {



    border: 0px solid rgba(0, 0, 0, .125);



    border-bottom: 0px solid rgb(0 0 0 / 10%);



}



.categories_menu .accordion .accordion-item:last-child {



    border: 0px solid rgba(0, 0, 0, .125);



    border-bottom: 0 solid rgb(0 0 0 / 10%);



}



.categories_menu .accordion-button::after {



    width: 24px;



    height: 24px;



    background-size: 24px;



    background-image: url(../images/add.png);



}



.categories_menu .accordion-button:not(.collapsed)::after {



    background-image: url(../images/minus.png);



    transform: rotate(-180deg);



}



.categories_menu .accordion-body {



    padding: .5rem 1.25rem;



}



.subMenu ul {



    padding: 0;



}



.subMenu ul li {



    display: block;



    margin-bottom: 10px;



}



.subMenu ul li a {



    color: #222222;



    font-weight: 500;



    text-decoration: none;



    transition: all .5s;



}



.subMenu ul li a:hover {



    color: #F08A59;



    transition: all .5s;



}



.theme_button_outline {



    float: left;



    color: #F08A59;



    display: flex;



    padding: 12px 24px;



    text-decoration: none;



    transition: all .5s;



    align-items: center;



    border: 1px solid #F08A59;



}



.theme_button_outline:hover {



    color: #fff;



    background: #d4652f;



    transition: all .5s;



}



.theme_button_outline i {



    font-size: 25px;



    margin-left: 15px;



    transition: all .5s;



}



.theme_button_outline:hover i {



    margin-left: 5px;



    transition: all .5s;



}



.document_btn {



    float: left;



    width: 100%;



    margin-top: 25px;



    text-align: center;



}



.document_btn_inner {



    display: inline-block;



}



.recentlyAddedBox {



    float: left;



    width: 100%;



    margin-top: 50px;



}



.subHeading {



    float: left;



    width: 100%;



    margin-bottom: 40px;



}



.subHeading h3 {



    font-size: 32px;



    font-weight: 700;



    margin-bottom: 0;



}



.recentlyAddedCarousel.owl-theme .owl-nav {



    margin-top: 0;



}



.recentlyAddedCarousel .owl-nav {



    top: -95px;



    right: 0;



    position: absolute;



}



.recentlyAddedCarousel.owl-carousel .owl-nav button.owl-next, .recentlyAddedCarousel.owl-carousel .owl-nav button.owl-prev, .recentlyAddedCarousel.owl-carousel button.owl-dot {



    width: 60px;



    height: 60px;



    font-size: 35px;



    background: #fff;



    line-height: 35px;



    border-radius: 100px;



    box-shadow: 0 4px 24px rgb(0 0 0 / 8%);



}



.recentlyAddedCarousel.owl-theme .owl-nav [class*=owl-]:hover {



    background: #2D8984;



}



.aboutTrade {



    float: left;



    width: 100%;



    margin-top: 50px;



}



.aboutTrade p {



    font-size: 18px;



    font-weight: 300;



}



.simple_theme_button {



    float: left;



    color: #F08A59;



    display: flex;



    text-decoration: none;



    transition: all .5s;



    align-items: center;



}



.simple_theme_button:hover {



    color: #d4652f;



    transition: all .5s;



}



.simple_theme_button i {



    font-size: 25px;



    margin-left: 15px;



    transition: all .5s;



}



.simple_theme_button:hover i {



    margin-left: 5px;



    transition: all .5s;



}



.ctaBox_blue {



    float: left;



    width: 100%;



    display: flex;



    overflow: hidden;



    padding: 65px 30px;



    position: relative;



    border-radius: 10px;



    align-items: center;



    background-size: cover;



    background-repeat: no-repeat;



    background-position: center;



    background-image: url(../images/bg3.png);



}



.ctaBox_blue:before {



    top: 0;



    left: 0;



    content: "";



    width: 100%;



    height: 100%;



    position: absolute;



    background-color: rgb(45 137 132 / 80%);



}



.ctaBox_blue h3 {



    flex: 1;



    color: #fff;



    font-size: 50px;



    font-weight: 300;



    margin-bottom: 0;



    text-align: left;



    position: relative;



}



.ctaBox_blue h3 strong {



    font-weight: 800;



}



.ctaBox_blue h3 u {



    text-decoration: none;



    border-bottom: 1px solid #fff;



}



.ctaBox_blue h3 span {



    float: left;



    width: 100%;



}



.ctaBox_blue .theme_button {



    position: relative;



    border-radius: 7px;



}



.raDocumentsCarousel {



    float: left;



    width: 100%;



}



.raDocumentsCarousel.owl-theme .owl-dots .owl-dot span {



    width: 20px;



    height: 20px;



    background: rgb(240 138 89 / 40%);



}



.raDocumentsCarousel.owl-theme .owl-dots .owl-dot.active span, .categories_tabs .owl-theme .owl-dots .owl-dot:hover span {



    background: #F08A59;



}



.product_title_sec {



    padding-bottom: 30px;



}



.product_titleBox {



    float: left;



    width: 100%;



    display: flex;



    padding: 20px;



    background: #fff;



    border-radius: 10px;



    justify-content: space-between;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.proLeft {



    gap: 5%;



    width: 60%;



    float: left;



    display: flex;



    align-items: center;



}



.proLeft h4 {



    margin-bottom: 0;



}



.theme_blk_button {



    color: #000;



    font-size: 16px;



    font-weight: 400;



    text-decoration: none;



}



.theme_blk_button:hover {



    color: #F08A59;



}



.proRight {



    gap: 2%;



    width: 40%;



    float: left;



    display: flex;



    align-items: center;



    justify-content: flex-end;



}



.share_btn {



    color: #000;



    text-decoration: none;



}



.share_btn i {



    font-size: 24px;



}



.share_btn:hover {



    color: #F08A59;



}



.purchase_btn {



    border-radius: 5px;



}



.purchase_btn strong {



    margin-left: 5px;



}



.proMeta {



    gap: 2%;



    float: left;



    width: 100%;



    display: flex;



    font-size: 16px;



    color: #666;



    font-weight: 400;



    align-items: center;



    margin-bottom: 15px;



    justify-content: flex-start;



}



.thumbUp i {



    font-size: 24px;



}



.detail_docs_info {



    float: left;



    width: 100%;



    margin-bottom: 20px;



}



.detail_docs_info h3 {



    font-size: 24px;



    font-weight: bold;



    margin-bottom: 20px;



}



.detail_docs_info .ratingBox i {



    font-size: 24px;



}



.doc_Type {



    float: left;



    width: 100%;



    padding-bottom: 20px;



    margin: 10px 0 20px;



    border-bottom: 1px solid rgb(0 0 0 / 10%);



}



.doc_Type h4 {

    margin-top: 10px;

    margin-bottom: 5px;

    font-size: 18px;

    font-weight: 600;

}



.doc_Type span {

    margin-bottom: 10px;

    font-size: 15px;

}



.pro_desc {



    float: left;



    width: 100%;



    padding-bottom: 20px;



    border-bottom: 1px solid rgb(0 0 0 / 10%);



}



.pro_desc h5 {



    float: left;



    width: 100%;



    font-size: 20px;



    font-weight: bold;



    margin-bottom: 15px;



}



.pro_desc p {



    font-size: 15px;



    color: #666666;



    margin-bottom: 0;



}



.product_detailInfo .theme_button.purchase_btn {



    width: 100%;



    justify-content: center;



}



.product_detailInfo small {



    float: left;



    width: 100%;



    font-size: 12px;



    color: #999999;



    text-align: center;



    margin-top: 10px;



}



.product_MetaDate {



    float: left;



    width: 100%;



    display: flex;



    text-align: center;



    align-items: center;



    justify-content: space-between;



}



.product_MetaDate a {



    color: #000;



    font-weight: 400;



    transition: all .5s;



    text-decoration: none;



}



.product_MetaDate a:hover {



    color: #F08A59;



    transition: all .5s;



}



.product_MetaDate i {



    font-size: 24px;



    text-align: center;



}



.product_MetaDate span {



    float: left;



    width: 100%;



}



.product_previewBox {



    float: left;



    width: 100%;



    padding: 20px;



    background: #fff;



    border-radius: 10px;



    border: 1px solid #E6E6E6;



}



.pro_top_info {



    float: left;



    width: 100%;



}



.topInfo {



    float: left;



    width: 100%;



    display: flex;



    align-items: flex-end;



    justify-content: space-between;



}



.PreMode {



    flex: 1;



}



.modeText {



    gap: 4%;



    float: left;



    width: 100%;



    display: flex;



    margin-bottom: 10px;



    align-items: center;



    justify-content: flex-start;



}



.modeText h6 {



    margin-bottom: 0;



}



.modeText span {



    font-size: 14px;



    color: #F08A59;



    font-weight: 600;



    padding: 5px 10px;



    border-radius: 5px;



    background: rgb(240 138 89 / 20%);



}



.show_page {



    float: left;



    width: 100%;



    color: #666666;



    font-size: 14px;



    font-weight: 500;



    margin-bottom: 10px;



}



.pageCount{



    font-size: 14px;



    color: #666666;



    font-weight: 500;



    margin-bottom: 10px;



    display: inline-block;



    text-transform: capitalize;



}



.pageCount span {



    font-size: 14px;



    color: #666666;



    font-weight: 500;



    margin-bottom: 10px;



    display: inline-block;



    text-transform: capitalize;



}



.pageCount h6 {



    font-size: 18px;



    color: #222222;



    font-weight: 500;



}



.propreBox {



    float: left;



    width: 100%;



    padding: 0 15%;



    margin-top: 40px;



}



.grayBdr {



    float: left;



    width: 100%;



    height: 6px;



    border-radius: 100px;



    background: #D9D9D9;



}



.orngeBdr {



    float: left;



    width: 10px;



    height: 6px;



    border-radius: 100px;



    background: #F08A59;



}



.propreBox .product-image {



    width: 100%;



}



.product-image {



    object-fit: cover;



}







.thumbnail {



    width: 40px;



    height: 40px;



    object-fit: cover;



    cursor: pointer;



    opacity: 0;



    transition: opacity 0.3s ease;



}

.proGalleryBox {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
}



.proThumbs {
    gap: 3%;
}



.thumbBox {



    width: 100%;



    height: 40px;



    line-height: 40px;



    text-align: center;



    background: #fff;



    position: relative;



    border-radius: 5px;



    transition: all .5s;



}

.user_saved{

        color: #F08A59;

}

.thumbBox:hover, .thumbBox.active {



    color: #fff;



    transition: all .5s;



    background: #F08A59;



}

.active_counter {

     background: #F08A59;

    }



span.already-saved-text{

    font-size: 14px;

}



.proThumbs .thumbBox .numb {



    width: 100%;



    height: 100%;



    position: absolute;



}



.thumbBox .ti-dots {



    padding: 0 12px;



}



.pre_nextBtn {
    border: none;
    padding: 8px 20px;
    background: #fff;
    border-radius: 5px;
    width: 125px;
    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);
}



.pre_nextBtn:hover {



    color: #fff;



    background: #F08A59;



}



.checkout_formBox {



    float: left;



    width: 100%;



    padding: 15px;



    background: #fff;



    border-radius: 12px;



    margin-bottom: 50px;



    box-shadow: 0 14px 44px rgb(0 0 0 / 7%);



}



.checkout_heading p {



    color: #717171;



    font-weight: 500;



}



.checkout_form {



    float: left;



    width: 100%;



    margin-top: 15px;



}



.fieldBox {



    float: left;



    width: 100%;



    position: relative;



    margin-bottom: 15px;



}



.field_icon {



    top: 10px;



    left: 10px;



    font-size: 24px;



    position: absolute;



}



.fieldBox input[type="text"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="text"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="email"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="email"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="tel"] {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox input[type="tel"]:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox select {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox select:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox textarea {



    float: left;



    width: 100%;



    height: 55px;



    background: #fff;



    border-radius: 5px;



    transition: all .5s;



    border: 1px solid #E9E9E9;



    padding: 10px 10px 10px 45px;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.fieldBox textarea:focus {



    outline: none;



    transition: all .5s;



    border: 1px solid #FB9600;



}



.fieldBox input[type="checkbox"] {



    margin-left: 2px;



    margin-right: 5px;



    transform: scale(1.5);



}



.fieldBox label {



    color: #222222;



}



.docs_lists {



    float: left;



    width: 100%;



}



.docs_lists ul {



    margin: 0;



    float: left;



    width: 100%;



    padding: 0;



}



.docs_lists ul li {



    float: left;



    width: 100%;



    display: block;



    margin-bottom: 20px;



}



.check_docsBox {



    gap: 5%;



    float: left;



    width: 100%;



    display: flex;



    padding: 10px;



    border-radius: 10px;



    align-items: center;



    border: 1px solid #E9E9E9;



    box-shadow: 4px 4px 16px rgb(190 191 217 / 20%);



}



.check_docImg img {



    width: 100px;



    max-width: 100%;



    border-radius: 5px;



}



.check_docInfo h4 {



    font-size: 16px;



    margin-bottom: 0;



}



.check_docInfo small {



    color: #222;



    font-size: 12px;



}



.check_price {



    font-size: 16px;



    margin-top: 5px;



    font-weight: 600;



}



.main_cart .offcanvas-body {



    padding-left: 0;



    padding-right: 0;



}



.search_result_sec {



    padding: 0;



}



.search_result_sec .product_listing_box {



    border: none;



    padding-top: 20px;



}



.privacy_policyBox {



    margin-top: 0;



}















































@media screen and (max-width: 1399.9px) {

.paymentDetail {

    padding: 0 14rem;

}



.hero_content h1 {



    font-size: 55px;



    line-height: 70px;



}



.about_content h2 {



    font-size: 55px;



    line-height: 70px;



}



.mainHeading h2 {



    font-size: 55px;



    line-height: 70px;



}



.docs_content h3 {



    line-height: 20px;



}



/* .ratingBox {

    color: #FB9600;

    margin-bottom: 0;

} */



.priceBox {



    margin-bottom: 5px;



}



.certificate_content h3 {



    line-height: 55px;



    margin-bottom: 25px;



}



.certificate_content p {



    font-size: 18px;



    line-height: 30px;



    margin-bottom: 25px;



}



.testimonial_content {



    padding-right: 0;



}



.testimonial_content h3 {



    font-size: 38px;



    line-height: 78px;



}



.testimonialsCarousel .owl-nav {



    left: -520px;



}



.testimonial_Box p {



    font-size: 16px;



    line-height: 28px;



}



    .filterBy {

        font-size: 14px;

        display: block;

    }



.filterBy span {

    display: block;

    margin-bottom: 10px;

}

.sortBy {



    font-size: 14px;



}



.ctaBox_blue h3 {



    font-size: 45px;



}



}



@media screen and (max-width: 1199.9px) {

.catMobile {

    margin-top: 15px;

    display: block !important;

}

.catDesktop {

    display: none;

}

.catFilters {

    display: grid;

    grid-template-columns: 49% 49%;

}

.catFilters .filter-accordion {

    min-width: 100%!important;

}

.catFilters .sortBy select {

    width: 100%;

}

.catFilters .sortBy input[type="text"] {

    width: 100%;

}

.testimonial_content {



    padding-left: 20px;



}



.testimonialsCarousel .owl-nav {



    left: -80%;



}



.filter_heading h4 {



    font-size: 22px;



}



.docFilters {



    gap: 1rem;



}



.proThumbs .thumbBox:nth-child(7n) {



    display: none;



}



.proThumbs .thumbBox:nth-child(8n) {



    display: none;



}



}







@media screen and (max-width: 1150.98px) {

.paymentDetail {

    padding: 0 8rem;

}

    .sc_docs_info h3 {



        font-size: 16px;



    }



    .dd_rate_author {



        gap: 10%;



    }



    .dd_duration ul {



        gap: 15%;



    }



}







@media screen and (max-width: 1065.9px) {



.mainMenu li {



    margin-right: 8px;



}



.iconBox p {



    font-size: 20px;



}



.iconBox {



    margin-bottom: 25px;



}



.docs_content {



    padding: 0 15px;



}



.docs_content p {



    font-size: 14px;



    line-height: 20px;



    margin-bottom: 5px;



}



.certificate_content p {



    font-size: 16px;



    line-height: 25px;



}



.testimonial_content h3 {



    font-size: 30px;



    line-height: 70px;



}



.ctaBox_blue h3 {



    font-size: 40px;



}



}







@media screen and (max-width: 991.9px) {
.iconBox {
    width: 49%;
}
.iconBoxs {
    flex-wrap: wrap;
}
.order_1 {
    order: 0;
}
.contact_MainBox {

    display: block;

}

.contact-info {

    margin-bottom: 30px;

}

.mobile {

    display: block;

}

.desktop {

    display: none;

}

.toggleMenu, .toggleCatMenu {

    width: 250px;

}

.right_col {



    justify-content: flex-end;



}



.desktopMenu {



    display: none;



}



.mobileMenu {



    display: block;



}



.mobileMenu .offcanvas {



    backdrop-filter: blur(20px);



    background-color: #ffffff96;



}



.mobileMenu .offcanvas-start {



    width: 290px;



    border-right: 0px solid rgba(0, 0, 0, .2);



}



.mobileMenu .btn-close {



    opacity: 2.5;



    border-radius: 100px;



    background-color: #fff;



}



.mobileMenu .btn_categories {



    background: #c8c7c7 !important;



}



.mobileMenu .mainMenu {



    padding: 0!important;



}



.mobileMenu .mainMenu li {



    display: block;



    margin-right: 0;



    margin-bottom: 10px;



    font-family: "Inter", sans-serif;



}



.mobileMenu .link_clr:hover {



    color: #fec4a8 !important;



}



.bars_clr {



    color: #fff!important;



    font-size: 20px!important;



    padding: 2px 8px!important;



    background: #2d8984!important;



}



.bars_clr:focus {



    box-shadow: none!important;



}



.hero_sec {



    padding-top: 15px;



    padding-bottom: 0;



}



.services_sec {



    padding: 70px 0 0;



}



.about_sec .col-xl-5.col-lg-5.col-md-12.d-flex.align-items-center {



    display: block !important;



}



.about_img {



    text-align: center;



    margin-bottom: 40px;



}



.about_content {



    padding-left: 0;



    text-align: center;



}



.about_content .theme_button {



    float: none;



    width: 175px;



    margin: 0 auto;



}



.categories_sec {



    padding-top: 0;



    padding-bottom: 0;



}



.docs_content p {



    margin-bottom: 15px;



}



.docs_content {



    padding: 15px;



}



.certificate_img {



    text-align: center;



    margin-top: 35px;



}



.certificate_content {



    text-align: center;



    padding-right: 0;



}



.certificate_content .theme_button {



    float: none;



    width: 235px;



    margin: 0 auto;



}



.certificate_sec {



    padding-bottom: 0;



}



.pad_35 {



    padding-left: 0 !important;



}



.testimonial_content {



    text-align: center;



    margin-bottom: 20px;



}



.testimonialsCarousel .owl-nav {



    left: 0;



    top: 0;



    position: relative;



}



.testimonials_sec {



    padding-bottom: 0;



}



.ctaBox h3 {



    font-size: 30px;



}

.ctaBox p {

    font-size: 18px;

}



.page_title_sec {



    padding-top: 0;



}



.product_listing_sec {



    padding-top: 0;



}



.product_listing_box {



    padding-top: 25px;



}



.filterBox {



    margin-top: 10px;



}



.docFilters {



    margin-top: 20px;



    justify-content: flex-start;



}



.ctaBox_blue h3 {



    font-size: 30px;



}



.proThumbs .thumbBox:nth-child(7n) {



    display: block;



}



.proThumbs .thumbBox:nth-child(8n) {



    display: block;



}



.proLeft h4 {



    font-size: 18px;



}



}







@media screen and (max-width: 860.9px) {



.paymentDetail {

    padding: 0;

}

.ctaBox_blue {



    padding: 35px 30px;



    flex-direction: column;



}



.ctaBox_blue h3 {



    margin-bottom: 20px;



    text-align: center;



    line-height: 40px;



}



.proThumbs .thumbBox:nth-child(7n) {



    display: none;



}



.proThumbs .thumbBox:nth-child(8n) {



    display: none;



}



.product_titleBox {



    flex-direction: column;



}



.proLeft {



    width: 100%;



    margin-bottom: 15px;



}



.proRight {



    justify-content: flex-start;



}



}







@media screen and (max-width: 767.98px) {
.propreBox {
    padding: 0;
    margin-top: 20px;
}
.propreBox .product-image {
    margin-bottom: 0 !important;
}

.filter-accordion {

    min-width: 100%!important;

}

    .docFilters {

        gap: 10px;

        display: grid;

        grid-template-columns: 49% 49%;

    }

    .filterBy select {

    width: 100%;

}

    .sortBy {

        width: 100%;

    }

        .sortBy form {

        width: 100%;

    }

    .sortBy select {

    width: 100%;

        margin-top: 0;

}

.sortBy input[type="text"] {

    width: 100%;

}

.filterBy {

        margin-bottom: 0;

    }

    .sc_docs_box {



        position: relative;



    }



    .dd_docs_box {



        flex-direction: column;



    }



    .inner_sc_docs_box {



        width: 100%;



        flex-direction: column;



    }



    .pro_checkbox {



        float: left;



        width: 100%;



        padding-left: 0;



        margin-bottom: 45px;



        display: inline-block;



    }



    .dd_docs_img {



        width: 100%;



        margin-top: 60px;



        margin-bottom: 20px;



    }



    .dd_docs_info.sc_docs_info {



        width: 100%;



    }



    .dd_headingBox h3 {



        font-size: 16px;



    }



    .dd_rate_author {



        gap: 6%;



    }



    .scPriceBox {



        top: 10px;



        right: 20px;



        position: absolute;



        text-align: right;



    }



}







@media screen and (max-width: 660.9px) {
.iconBox {
    width: 100%;
}
.allPackgs {
    flex-direction: column;
}

.categories_tabs .nav-tabs .nav-link {



    width: 100%;



    padding: .8rem .5rem;



    font-size: 14px;



}



.categories_tabs li.nav-item {



    width: 48%;



    margin-right: 10px;



    margin-bottom: 10px;



}



.categories_tabs li.nav-item:last-child {



    margin-right: 0;



}



.categories_tabs li.nav-item:nth-child(2) {



    margin-right: 0;



}



.certificate_Box {



    padding: 25px 15px;



}



.certificate_content h3 {



    font-size: 30px;



    line-height: 35px;



}



.certificate_content p {



    font-size: 14px;



}



.testimonial_Box {



    padding: 90px 15px 20px;



}



.testimonial_Box p {



    font-size: 14px;



    line-height: 20px;



}



.user_info {



    margin-top: 5px;



}



.testimonialsCarousel .owl-item {



    padding: 45px 15px;



}



.faqs_sec {



    padding-top: 0;



    padding-bottom: 0;



}



.faqs_sec .mainHeading {



    margin-bottom: 20px;



}



.title_search {



    padding: 0 2rem;



}



.ctaBox_blue h3 {



    font-size: 25px;



}



.proThumbs .thumbBox:nth-child(5n) {



    display: none;



}



.proThumbs .thumbBox:nth-child(6n) {



    display: none;



}



}







@media screen and (max-width: 550.9px) {

.paymentDetail li {

    float: left;

    width: 100%;

    text-align: center;

}

.paymentDetail li span {

    width: 100%;

    float: left;

}

.paymentDetail li b {

    float: right;

    width: 100%;

}

.hero_content h1 {



    font-size: 40px;



    line-height: 45px;



    margin-bottom: 20px;



}



.hero_content p {



    font-size: 14px;



    margin-bottom: 20px;



}



.about_content h2 {



    font-size: 35px;



    line-height: 40px;



}



.about_content p {



    font-size: 14px;



    line-height: 25px;



}



.mainHeading h2 {



    font-size: 35px;



    line-height: 40px;



}



.copy_txt {



    font-size: 15px;



}



footer {



    padding-top: 25px;



    padding-bottom: 25px;



}



.page_title h1 {



    font-size: 40px;



    line-height: 50px;



    margin-bottom: 15px;



}



.page_title p {



    font-size: 15px;



    line-height: 22px;



}



.recentlyAddedCarousel .owl-nav {



    top: 0;



    right: 0;



    position: relative;



}



.aboutTrade .subHeading {



    margin-bottom: 20px;



}



.aboutTrade p {



    font-size: 15px;    



}



.proThumbs {



    gap: 4%;



}



.proThumbs .thumbBox:nth-child(3n) {



    display: none;



}



.proThumbs .thumbBox:nth-child(4n) {



    display: none;



}



.proThumbs .thumbBox:last-child {



    display: block;



}



.pre_nextBtn {



    font-size: 14px;



    padding: 8px 10px;



}



.proLeft {



    flex-direction: column;



    align-items: flex-start;



}



.theme_blk_button {



    margin-bottom: 10px;



}



.proLeft h4 {



    font-size: 16px;



}

    .docFilters {

        grid-template-columns: 100%;

    }

}







@media screen and (max-width: 450.9px) {



.title_search {



    padding: 0 0rem;



}



.iconBtn {



    margin-right: 0;



}



.header_bg img {



    width: 150px;



}



.footer_bg {



    padding: 20px;



}



.filterBy span {



    margin-bottom: 5px;



    display: inline-block;



}



.filterBy select {



    width: 100%;



}



.sortBy span {



    margin-bottom: 5px;



    display: inline-block;



}



.sortBy select {



    width: 100%;



}



}







@media screen and (max-width: 375.9px) {



.hero_content h1 {



    font-size: 35px;



    line-height: 40px;



}



}