/******************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

******************************************************/


/** CUSTOM FONTS **/

/* Custom Body Font Stylesheet */
/* body[data-font="opensans"] {
	font-family: 'Open Sans', sans-serif !important;
} 

body[data-font="poppins"] {
	font-family: 'Poppins', sans-serif !important;
} */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@700&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200..900&display=swap');
            #menu,.menu-wrap.mobile {
                font-family: Inter  !important; 
            }

h1 {
    font-family: 'Source Serif Pro', serif !important;
}

.main-container.slider .silder-container .slider-content h1 {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
}

body[data-font="Source Sans Pro"] {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] {
    font-family: 'Raleway', sans-serif !important;
}

/* body[data-font="opensans"] h1{
      font-family: 'Open Sans', sans-serif !important;
  }
  
  body[data-font="poppins"] h1{
      font-family: 'Poppins', sans-serif !important;
  }*/

body[data-font="Source Serif Pro"] h1 {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
}

/*body[data-font="raleway"] h1{
      font-family: 'Raleway', sans-serif !important;
  }*/

.menu-item a.v-stroke.active {
    border-bottom: 3px solid #fdd700;
    padding: 10px 4px;
    border-radius: 0 0 4px 4px

}

.serif {
    font-family: 'Source Serif Pro', serif !important;
}

body[data-font="opensans"] h2 {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] h2 {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Serif Pro"] h2 {
    font-family: 'Source Serif Pro', serif !important;
}

body[data-font="raleway"] h2 {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] h3 {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] h3 {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] h3 {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] h3 {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] h4 {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] h4 {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] h4 {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] h4 {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] h5 {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] h5 {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] h5 {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] h5 {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] h6 {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] h6 {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] h6 {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] h6 {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] input {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] input {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] input {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] input {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="poppins"] select {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] select {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] select {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] textarea {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] textarea {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] textarea {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] textarea {
    font-family: 'Raleway', sans-serif !important;
}

body[data-font="opensans"] button {
    font-family: 'Open Sans', sans-serif !important;
}

body[data-font="poppins"] button {
    font-family: 'Poppins', sans-serif !important;
}

body[data-font="Source Sans Pro"] button {
    font-family: 'Source Sans Pro', sans-serif !important;
}

body[data-font="raleway"] button {
    font-family: 'Raleway', sans-serif !important;
}

.btn-white {
    border: none !important;
}

.blog .wrap-blog .btn:hover, .btn-white:hover {
    background-color: #fdd700 !important;
    color: #000 !important;
}

input, select {
    font-size: 18px !important;
    height: 52px !important;
}

textarea {
    font-size: 14px !important;
}

select.period_input, input.period_input {
    padding: 5px !important;
    height: 32px !important;
}

.section-heading {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
}

.included ul li {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
}


.menu-wrap .logo-menu {
    width: auto !important;
    max-height: 26px !important;
}

.btn {
    border-radius: 8px;
}

/*.general-input input.btn.btn-default-pink-fill.initial-transform {
    border-radius: 0 50px 50px 0px;
}*/

.general-input input.btn {
    border-radius: 0px 33px 33px 0 !important;
    position: initial !important;
}

.btn:hover {
    background-color: #fdd700;
}

.pricing.special .list-info.bg-purple li {
    color: #25364a;
}

.pricing.special .list-info.bg-purple li i:before {
    color: #25364a;
}

.top-header .fa-check-circle:before {
    color: #fdd700;
}

.footer-languages .btn-secondary.active {
    background: #fdd700 !important;
    color: #000;
}

.slick-slide {
    opacity: 1;
}

/*** Mobile Menu ***/
.nav-menu .mob-main-menu {
    margin-top: 30px;
    background: #FFF;
}

.nav-menu .mob-main-menu>.menu-item {
    text-align: left;
    border-top: 1px solid #EEE;
    transition: all 0.2s ease-out;
}

.nav-menu .mob-main-menu>.menu-item:hover {
    border-left: 5px solid #fdd700;
    padding-left: 30px;
    color: #000;
}

.nav-menu .mob-main-menu>.menu-item a {
    display: block;
    width: auto !important;
}

.nav-menu .mob-main-menu .dropdown-item {
    text-align: left;
}


.nav-menu .mob-main-menu .dropdown-item:hover {
    padding-left: 45px;
}

.nav-menu .mob-main-menu>.menu-item .fa-angle-down, .nav-menu .mob-main-menu>.menu-item .fa-angle-right {
    float: right;
    margin-right: 15px;
}

div.slider-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: middle;
    row-gap: 32px;
}

.main-container.slider .silder-container .slider-content p {
    margin-bottom: 8px !important;
    font-size: 1.22em !important;
    line-height: 1.5em;
}

li.fs-normal {
    font-size: 1.22em !important;
}



/*#nav-toggle {
      cursor: pointer;
      margin-top: 1px;
      padding: 20px 37px 20px 0;
      z-index: 9999999;
      position: fixed;
      top: 5px;
      left: 5px; 
  }
  
  #nav-toggle span:after, #nav-toggle span:before, .menu-wrap #nav-toggle span{
      width: 11px;
      
  }*/
/******* left nav************/
.sh-menu {
    padding: 0px;
}

.sh-menu li {
    display: block;
    float: none !important;
    margin-bottom: 5px;
}

.sh-menu li a {
    display: block;
    line-height: 60px;
    color: #000;
    padding: 0px 15px;
    border-radius: 10px;
    border: 1px solid #EEE;
    transition: all 0.3s ease-out;
}

.sh-menu li a:hover {
    padding-left: 30px;
}

.sh-menu li.active a {
    background: #fdd700;
}

/* body[data-font='Source Serif Pro'] h1 {
      font-family: 'Source Serif Pro', serif !important;
  }
  
  body[data-font='Source Serif Pro'] h2 {
      font-family: 'Source Serif Pro', serif !important;
  } */

/************************ PNOTIFY ********************/
/*** ui-pnotify ***/


.carousel-cell {
    height: 90vh !important;
}

.pricing .wrapper {
    margin-top: 20px;
}


.animated-text {
    background: radial-gradient(circle,white,#fdd700);
    background-clip: text;
    color: transparent;
    animation: gemini 24s linear infinite;
    background-size: 200% 200%;
}

@keyframes animated-text {
    0%{
        background-position: 0% 0%;
    }
    
    50%{
        background-position: 100% 100%;
    }
    
    100%{
        background-position: 0% 0%;
    }
}


.ui-pnotify {
    max-width: 275px
}

.ui-pnotify {
    width: 300px;
    opacity: 1;
    display: block;
    right: 25px;
    cursor: auto;
    margin-top: 30px;
    position: fixed;
    height: auto;
    z-index: 9999;
}

.ui-pnotify .ui-pnotify-container {
    margin-bottom: 15px;
}

.ui-pnotify .ui-pnotify-container .close {
    color: #000;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: -6px;
}

.cd-filter-block input,
.cd-filter-block select {
    border-radius: 10px !important;
}

.offcanvas.offcanvas-box .os {
    width: calc(33% - 20px);
}

/********************* END PNOTIFY *******************/

.nav-menu .main-menu a {
    font-size: 17px;
    font-weight: 600;
}

.megamenu .service-list .service .media-body a {
    font-size: 20px;
    font-weight: 600 !important;
}

.megamenu .service-list .service .media-body {
    vertical-align: top;
}

.services .service-wrap .service-section .subtitle {
    font-size: 20px;
}

.services .service-wrap .service-section {
    min-height: 340px;
}

.megamenu .service-list .service .media-body p {
    font-size: 15px;
    line-height: 24px;
}

.megamenu .service-list .service.active {
    background: #fdd700 !important;
    border-radius: 10px;
}

.megamenu .service-list .service.active svg #svg-ico {
    fill: #000 !important;
}

.section-subheading {
    font-size: 24px !important;
}

.balancing .load .info {
    font-size: 20px;
}

.balancing .load b {
    font-size: 24px;
    font-weight: 600;
}

.help .help-item .inform .description {
    font-size: 20px;
}

[data-background=light] .box-container .menu-wrap.fixed {
    background-color: #fff !important;
}

.pricing.special .list-info li span.c-purple {
    font-weight: 600;
}

.pricing.special .list-info li {
    font-size: 20px;
}

.history-section .row .info-content p {
    font-size: 22px;
}

/********** custom color **************/

/* Green Light */
[data-color="dblue"] svg #svg-ico {
    fill: #fdd700;
}

[data-color="dblue"] svg #svg-concept {
    stroke: #fdd700;
}

[data-color="dblue"] .golink {
    color: #25364a !important;
}

[data-color="dblue"] .golink:hover {
    color: #25364a !important;
}

[data-color="dblue"] .bg-pink {
    background-color: #25364a !important;
}

[data-color="dblue"] .c-pink {
    color: #25364a !important;
}

[data-color="dblue"] .bb-pink {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .popover-body {
    border: solid 2px #25364a;
}

[data-color="dblue"] .popover .arrow::before {
    border-top-color: #25364a;
}

[data-color="dblue"] .popover .popover-header {
    background-color: #25364a;
}

[data-color="dblue"] ::selection {
    background: #25364a;
}

[data-color="dblue"] .nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a:hover {
    color: #25364a !important;
}

[data-color="dblue"] .nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a:hover {
    color: #25364a !important;
}

[data-color="dblue"] .megamenu .start-offer .inner {
    background-color: #fdd700;
}

[data-color="dblue"] .megamenu .start-offer .inner-content {
    color: #25364a;
}

[data-color="dblue"] .megamenu .start-offer .inner .title {
    color: #25364a;
}

[data-color="dblue"] .megamenu .service-list .service.special .media-body a:hover {
    color: #25364a;
}

[data-color="dblue"] .megamenu .service-list .service .media-body a:hover {
    color: #25364a !important;
}

[data-color="dblue"] .megamenu-list .service-list .service .media-body a:hover {
    color: #25364a !important;
}

[data-color="dblue"] .team .wrapper:hover .team-info .desc {
    color: #25364a;
}

[data-color="dblue"] .wpc-cloud-range .noUi-connect {
    background-color: #25364a;
}

[data-color="dblue"] .wpc-cloud-range .noUi-tooltip:before {
    border-color: #25364a transparent transparent transparent;
}

[data-color="dblue"] .wpc-cloud-range .noUi-tooltip {
    background-color: #25364a;
}

[data-color="dblue"] .wpc-cloud-range .noUi-horizontal .noUi-handle {
    background-color: #25364a;
}

[data-color="dblue"] .wpc-vps-info .title .info {
    color: #25364a;
}

[data-color="dblue"] .fullrock .closer {
    color: #25364a !important;
}

[data-color="dblue"] .form-control:focus {
    border: solid 1px #25364a !important;
}

[data-color="dblue"] .sec-bg5 {
    background-color: #25364a;
}

[data-color="dblue"] .total-grad {
    background: linear-gradient(-60deg, #25364a 0%, #fdd700 100%) !important;
}

[data-color="dblue"] .total-grad-inverse {
    background: linear-gradient(240deg, #fdd700 0%, #25364a 100%);
}

[data-color="dblue"] .total-grad-pink-blue-intense {
    background: linear-gradient(240deg, #000000 50%, #003a01 100%);
}

[data-color="dblue"] .menu-wrap.fixed {
    background: linear-gradient(89deg, #fdd700 3%, #25364a 98%);
}

[data-color="dblue"] .btn-default-pink {
    color: #25364a;
    border: 1px solid #25364a;
}

[data-color="dblue"] .btn-default-pink:hover {
    background-color: #25364a;
}

[data-color="dblue"] .btn-default-grad-purple-fill {
    background-image: linear-gradient(to right, #fdd700, #25364a 40%, #25364a 40%, #fdd700);
}

[data-color="dblue"] .btn-default-grad-purple-fill:hover {
    background-image: linear-gradient(to right, #fdd700, #25364a 40%, #25364a 40%, #fdd700);
}

[data-color="dblue"] .btn-default-pink-fill {
    background-color: #25364a !important;
}

[data-color="dblue"] .pricing .wrapper .title {
    color: #25364a;
}

[data-color="dblue"] .pricing .list-info {
    background-color: #25364a;
}

[data-color="dblue"] .slick #slider .plan-container .title {
    color: #25364a;
}

[data-color="dblue"] .tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
    background-color: #25364a !important;
}

[data-color="dblue"] .tabs.offers-tabs .tabs-header .active {
    border-left: solid 3px #25364a !important;
    color: #25364a !important;
}

[data-color="dblue"] .tabs.offers-tabs .tabs-header .active:hover {
    color: #55bde5;
}

[data-color="dblue"] .fill-input:focus {
    border-color: #25364a !important;
}

[data-color="dblue"] .countdown .wrapper .clock div:first-child {
    border: solid 1px #25364a;
    background-color: #25364a;
}

[data-color="dblue"] .accordion.faq .panel-title.active {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .blog .sidebar .heading.active {
    color: #25364a !important;
}

[data-color="dblue"] .blog .sidebar .posts .tabs-header li.active {
    color: #25364a !important;
    border-bottom-color: #25364a !important;
}

[data-color="dblue"] .blog .sidebar .line.active:before {
    background-color: #25364a !important;
}

[data-color="dblue"] .blog .media .media-heading a:hover {
    color: #25364a;
}

[data-color="dblue"] .blog .wrap-blog .social-icon i {
    color: #25364a;
}

[data-color="dblue"] .blog .sidebar .categories .heading a.active {
    color: #25364a !important;
}

[data-color="dblue"] .blog .sidebar .categories .heading a:after {
    color: #25364a;
}

[data-color="dblue"] .blog .sidebar .categories .heading span {
    color: #25364a;
}

[data-color="dblue"] .circle-section .title-round {
    color: #25364a;
}

[data-color="dblue"] .domain-prices li {
    color: #25364a;
}

[data-color="dblue"] .maping .datacenters {
    background: #25364a;
}

[data-color="dblue"] .footer .soc-icons i {
    color: #25364a;
}

[data-color="dblue"] .included i {
    color: #25364a;
}

[data-color="dblue"] .soc-icons-apply span {
    color: #25364a;
}

[data-color="dblue"] .bigline {
    border: solid 1px #25364a;
}

[data-color="dblue"] .smallline {
    border: solid 1px #25364a;
}

[data-color="dblue"] .knowledge a {
    color: #25364a;
}

[data-color="dblue"] .godown span {
    color: #25364a;
}

[data-color="dblue"] .cd-filter-block input[type=radio]:checked+label::before {
    border: solid 1px #25364a !important;
    background-color: #25364a !important;
}

[data-color="dblue"] .cd-filter-block input[type=checkbox]:checked+label::before {
    border: solid 1px #25364a !important;
    background-color: #25364a !important;
}

[data-color="dblue"] .cd-filter-block select:hover {
    border: solid 1px #25364a !important;
}

[data-color="dblue"] .cd-filter-block input:focus,
[data-color="dblue"] .cd-filter-block select:focus {
    border-color: #25364a !important;
}

[data-color="dblue"] .range-slider-input::-webkit-slider-runnable-track {
    background: #25364a;
}

[data-color="dblue"] .range-slider-input::-webkit-slider-thumb {
    background: #25364a;
}

[data-color="dblue"] .zoo-content .icoo i {
    background-color: #25364a;
}

[data-color="dblue"] .services .service-wrap .pay img {
    border: solid 1px #25364a;
}

[data-color="dblue"] .page-item.active .page-link {
    background-color: #25364a !important;
    border-color: #25364a !important;
}

[data-color="dblue"] .cd-filter-block input.range-slider-input {
    background-color: #25364a !important;
}

[data-color="dblue"] .range-slider-input::-webkit-slider-thumb {
    background-color: #25364a !important;
}

[data-color="dblue"] .range-slider-input::-moz-range-thumb {
    background-color: #25364a !important;
}

[data-color="dblue"] .activelayout,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .activebackground,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .activecolor,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .activeheader,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .activefont,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .activetextDirection,
.styleswitch:hover {
    border-bottom: solid 1px #25364a !important;
}

[data-color="dblue"] .bs-popover-start>.popover-arrow::after {
    border-right-color: #25364a !important;
    border-left-color: #25364a !important;
}

[data-color="dblue"] .bs-popover-end>.popover-arrow::after {
    border-left-color: #25364a !important;
    border-right-color: #25364a !important;
}

[data-color="dblue"] .bs-popover-bottom>.popover-arrow::after {
    border-bottom-color: #25364a !important;
}

[data-color="dblue"] .bs-popover-top>.popover-arrow::after {
    border-top-color: #25364a !important;
}

[data-color="dblue"] .gdprcookie-types ul li input:checked~label {
    background-color: #25364a;
    border: solid 1px #25364a;
}

/* Green Dark */
[data-color="dblue"] .bg-purple {
    background-color: #fdd700 !important;
}

[data-color="dblue"] .c-purple {
    color: #fdd700 !important;
    /*color: #25364A !important*/
}

[data-color="dblue"] .sec-grad-white-to-purple {
    background: linear-gradient(90deg, #fff 70%, #fdd700 0%) !important;
}

[data-color="dblue"] .btn-default-purple {
    color: #fdd700;
    border: 1px solid #fdd700;
}

[data-color="dblue"] .btn-default-purple:hover {
    background-color: #fdd700;
}

[data-color="dblue"] .btn-default-purple-fill {
    background-color: #fdd700 !important;
}

[data-color="dblue"] .pricing .table .title {
    color: #fdd700;
}

[data-color="dblue"] .accordion.faq .panel-title.active {
    color: #25364a !important;
}

[data-color="dblue"] .wpc-vps-info .price-wrap .title {
    background-color: #fdd700;
}

/*** progress indicator ***/
.progress_indicator .progress-el {
    display: inline-block;
    padding: 0px 20px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-right: 1px solid #fdd700;
    padding-left: 20px;
}

.progress_indicator .progress-el,
.progress_indicator .progress-el.progress-done,
.progress_indicator .progress-el.progress-done a {
    color: #3C4852;
    font-weight: normal;
}

.progress_indicator .progress-el.progress-active,
.progress_indicator .progress-el.progress-active a {
    color: #3C4852;
    font-weight: bold;
}

.progress_indicator .progress-el .step {
    border-radius: 100px;
    line-height: 40px;
    width: 40px;
    border: 1px solid #3C4852;
    padding: 5px;
    margin-right: 5px;
    color: #3C4852;
}

.progress_indicator .progress-el.progress-active .step {
    background: #fdd700;
    border: 1px solid #fdd700;
    color: #000;
}


.footer .soc-icons {
    float: right;
}

.footer .heading {
    font-weight: 700;
}

[data-background=light] .box-container .withborder {
    border: none;
}

.footer .soc-icons i {
    background-color: transparent !important;
}

[data-background=light] .box-container .footer .logo-footer.d-block {
    display: block !important;
}

.footer .logo-footer {
    width: auto;
}

/* .box-container .noshadow img {
      width: auto;
      height: 50px;
  } */

.top-header .wrapper .heading {
    font-family: 'Source Serif Pro', serif !important;
    font-weight: 900;
}

.service-section.bg-colorstyle.noshadow img {
    height: 52px;
    max-width: 100%;
    border-radius: 0 !important;
}

.sec-main.knowledge.sec-bg1.mt-5.bg-colorstyle {
    padding: 24px;
}

.paymeth.service-section.bg-colorstyle.noshadow {
    padding: 40px 24px;
}

section.services.sec-normal.sec-bg2.bg-seccolorstyle.pt-5.m-0 {
    border-radius: 12px;
}

.why-list li {
    line-height: 32px;
    margin-bottom: 4px;
}

.megamenu .service-list .service:hover {
    box-sizing: border-box;
    /* outline: 2px solid #ebeff5; */
    background: #ebeff5;
    border-radius: 12px;
}

.footer .soc-icons i:before {
    font-size: 32px;
}

.app_brief .brief_title {
    font-weight: 600;
}

.app_brief .brief_text {
    font-size: 20px;
}

.nav-menu .main-menu a {
    margin-right: 10px;
}

.nav-menu .main-menu>.menu-item {
    padding: 12px 0;
}

.megamenu .start-offer .inner a {
    min-width: 200px;
}

.start-offer .inner p {
    font-weight: 500;
    font-size: 1.1rem;
}

.start-offer .inner h4.title {
    font-family: 'Source Serif Pro', serif !important;
    font-size: 1.4rem;
}

.megamenu .start-offer .inner {
    padding: 24px !important;
}

.megamenu .start-offer .inner .inner-content {
    font-size: 16px;
    font-weight: 600;
}

.services .service-wrap .service-section .svg {
    height: 60px;
    width: auto;
}

.svge {
    height: 32px !important;
}

.accordion.faq .panel-title.active {
    font-weight: 700 !important;
}

.accordion.faq .panel-title {
    font-weight: 700 !important;
}

.accordion.faq .wrapper-collapse .list li {
    font-size: 20px;
}

.item1 {
    background-image: url(../../assets/img/referencement_web_naturel_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item2 {
    background-image: url(../../assets/img/serveurs_dedies_maroc.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item3 {
    background-image: url(../../assets/img/hebergement_web_agadir_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item4 {
    background-image: url(../../assets/img/meilleur_agence_de_creation_des_sites_internet_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item5 {
    background-image: url(../../assets/img/gestion_pages_facebook_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item6 {
    background-image: url(../../assets/img/meilleur_serveurs_au_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item7 {
    background-image: url(../../assets/img/site_wordpress_pro_pas_cher_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item8 {
    background-image: url(../../assets/img/best_hosting_provider_in_morocco.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item9 {
    background-image: url(../../assets/img/free_domain_name_morocco.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item10 {
    background-image: url(../../assets/img/free_domain_name_morocco.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item11 {
    background-image: url(../../assets/img/hebergement_web_wordpress_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item12 {
    background-image: url(../../assets/img/item12_site_builder_heberdomaine.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item13 {
    background-image: url(../../assets/img/item13_microsoft365_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.item14 {
    background-image: url(../../assets/img/item14_google_workspace_maroc.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


.news-content iframe {
    width: 100% !important;
}

.desc_onstep_global p {
    font-size: 1.25rem;
}

.desc_onstep_global ul li {
    font-size: 1.25rem;
}

.desc_onstep_global ul {
    padding: 0 !important;
}

.desc_onstep_global ul li {
    margin-bottom: 8px;
}

.desc_onstep_global ul li i {
    margin-right: 12px;
    padding-left: 4px;
}

.blog .wrap-blog .wrapper {
    padding: 40px;
}

.product_desc h1 {
    font-weight: 700;
}

.slick #slider .plan-container .list-info li span {
    font-weight: 500;
}

.slick #slider .plan-container .list-info li span.c-purple {
    font-size: 18px;
    font-weight: 600;
}

.slick #slider .plan-container .title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 2.4rem;
}

.pricing .wrapper .title {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 2.4rem;
}

.footer .footer-menu .menu-item {
    font-size: 20px;
}

.top-content .price>span {
    font-size: 1.44rem;
    font-weight: 600;
}

.services .service-wrap .service-section .title {
    font-weight: 700;
    font-size: 1.6em;
}

div.ssl_category {
    font-size: 20px;
}

[data-background=light] .box-container .cd-filter-block select {
    font-size: 18px;
    font-weight: 600;
}

.cd-filter-block .cd-select {
    margin-top: 16px;
}

.product-price {
    font-weight: 600;
}

.maxwdth {
    max-width: 100%;
}

div.domain_ext {
    min-height: 160px !important;
    display: flex;
}

div.domain_ext img {
    margin: auto;
    max-height: 54px;
}

.mfp-figure:after {
    display: none;
}

form#currform select {
    border: 2px solid #25364a !important;
    border-radius: 6px !important;
    padding: 4px !important;
    margin: 6px 0px;
    text-transform: uppercase;
}

/** li#drop-lng a {
      border-radius:0px !important;
      margin: 0;
  }
  
  li#drop-lng {
      border: 2px solid #25364a;
  }
  **/

li#drop-lng {
    border: 2px solid #25364a;
    border-radius: 12px;
    overflow: hidden;
}

li#drop-lng a {
    border-radius: 0px !important;
    margin: 0;
    padding: 14px 30px;
    font-size: 20px;
}

.knowledge h5 {
    font-size: 2rem;
    font-weight: 600;
}

a.portfolio_link {
    font-weight: 600;
    color: #25364a;
    margin: 8px;
}

.slick #slider .plan-container .list-info.bg-smart li span.c-purple {
    color: #25364a !important;
}

.cd-filter-block .cd-select.mt-4 {
    margin-top: 0px !important;
}

i.fas.fa-check-circle.smallico,
i.fas.fa-building.smallico,
i.fas.fa-add.smallico {
    font-size: 16px;
    margin-right: 6px;
}

ul.promo_desc_list {
    list-style: none !important;
    padding-left: 6px !important;
}

ul.promo_desc_list li {
    margin-bottom: 6px !important;
    font-size: 1.25em !important;
}

ul.positions_list li {
    margin-bottom: 6px !important;
    font-size: 1.1em !important;
}

ul.positions_list {
    list-style: none !important;
    padding-left: 6px !important;
}

p.info_desc {
    font-size: 1.1em !important;
}

p.show_it {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 12px;
    font-weight: 600;
}

div.showit {
    background: #f6f6f6;
    padding: 20px;
    border-radius: 12px;
    font-weight: 600;
}

ul.info_links_list li a {
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1.33em;
}

ul.info_links_list {
    list-style: disc;
}

div.infonews {
    height: 40px;
}

.infonews-nav a.iconews:last-child {
    font-weight: 400;
    font-size: 1rem !important;
}

.infonews-nav a.iconews {
    font-size: 1rem;
}

.mxw100 {
    max-width: 100% !important;
}

.w-70 {
    width: 70% !important;
    font-size: 16px !important;
}

/**** packs smart****/
.slick #slider .plan-container .wrapper .list-info.bg-smart i {
    color: #000 !important;
}

.slick #slider .plan-container .list-info.bg-smart li {
    color: #25364a;
}

/** .slick #slider .plan-container .list-info.bg-smart li span.c-purple {
    color: rgba(0,0,0,0.2) !important;
  } **/
/*** end pack smart***/

[data-color="dblue"] .tabs.offers-tabs .tabs-header .active {
    border-left: solid 8px #fdd700 !important;
    color: #fdd700 !important;
}

.result-cart.disabled {
    background: #FFF !important;
    opacity: 0.5 !important;
}

a>i.fas.fa-arrow-circle-right {
    margin-left: 6px !important;
}

a.linkoffre.btn.btn-default-yellow-fill {
    width: 100% !important;
}

span.icon-coupon.text-dark.h3.mb-0.me-2.seccolor {
    font-weight: 700;
    font-size: 2.6em;
}

span.ps-2.pe-4 {
    font-size: 1.3em;
}

.metho>img {
    width: 200px;
    margin: 32px;
}

div.general-input.w-50.domain-textarea {
    width: 70% !important;
}

input.fill-input.domain-text {
    width: 80% !important;
}

select.selectroot.fill-input {
    position: initial;
    right: 154px;
    max-width: 120px;
}

@media screen and (max-width: 992px) {
    .progress_indicator .progress-el {
        display: block;
        padding: 0px 20px;
        line-height: 60px;
        height: 60px;
        text-align: center;
        border-bottom: 1px solid #fdd700;
        border-right: none;
        padding-left: 20px;
        text-align: left;
    }

    .footer .logo-footer {
        margin-bottom: 24px;
    }

    .footer .soc-icons i:before {
        font-size: 20px;
    }
}

/** .mobile_logo.col-md-4.col-4>a>img {
    height: 18px !important;
} **/

.general-input.domain-textarea {
    position: initial !important;
    width: 90% !important;
}

span.ds-content {
    position: initial !important;
}

@media (max-width: 767px) {
    .footer .soc-icons {
        float: none !important;
    }

    div.general-input.w-50.domain-textarea {
        width: 100% !important;
        display: block;
    }

    input.fill-input.domain-text {
        width: 100% !important;
        border-radius: 30px !important;
        margin-bottom: 8px;
    }

    select.selectroot.fill-input {
        position: initial;
        max-width: 47% !important;
        border-radius: 30px 0 0 30px !important;
    }

    .general-input input.btn {
        padding: 0 32px !important;
        min-width: 49%;
    }


    .general-input.domain-textarea {
        width: 100% !important;
        display: block;
    }

    input.inputdomainsearch.special-input {
        width: 100% !important;
        border-radius: 30px !important;
        margin-bottom: 8px;
    }

    input.btn.btn-default-yellow-fill.border-end-0.search.initial-transform {
        padding: 0 32px !important;
        min-width: 50%;
        border-radius: 0 30px 30px 0 !important;
        position: absolute !important;
    }

    span.ds-content {
        position: initial !important;
        display: initial !important;
    }

}


/** mobile **/
@media(max-width: 990px) {
    #progress-indicator {
        float: none !important;
    }

    .switch_currency {
        float: none !important;
        margin-bottom: 30px;
    }

    #sidebar {
        width: 100% !important;
    }

    #illtransfer .float-start,
    #illtransfer .float-end {
        float: none !important;
        width: 100%;
    }

    .suggestion_item {
        float: none;
    }
}


.file-extension {
    color: #66707f;
    font-size: 11px;
    line-height: 12px;
    display: inline-block;
    margin: 3px 0 0 5px;
    vertical-align: top;
}

.svge {
    height: 32px;
}

.footer-languages .btn-secondary.active {
    background: #fdd700 !important;
    color: #000;
}

#hbtagcontainer_b960fee27b85e0b7 img {
    display: none !important;
}

.gdprcookie_wrapper.show {
    display: block;
}

.gdprcookie_wrapper.hide {
    display: none;
}

.gdprcookie_wrapper {
    padding: 20px 20px !important;
}

.none-title {
    display: none;
}



/* Style CSS Menu */

.mobile_logo {
    display: none;
}

.mob-menu-opener .mob-menu-btn {
    position: absolute;
    cursor: pointer;
    margin-top: 1px;
    padding: 0px;
    left: 10px;
    top: 10px;
    z-index: 1000;
    background-color: transparent;
    border: none;
    outline: 0;
    float: left;
    display: none;
}

.mob-menu-opener .mob-menu-btn span.icon {
    cursor: pointer;
    height: 3px;
    width: 36px;
    background: #fff;
    display: block;
    content: '';
    background-color: #000;
    display: block;
    width: 24px;
    height: 4px;
    border-radius: 0;
    background-color: #181b22;
    margin-top: 0;
    margin-bottom: 3px;
}

@media(max-width:990px) {
    .mob-menu-opener .mob-menu-btn {
        display: block;
    }
}

@media (max-width: 991px) {
    .menu-wrap.active .nav-menu .main-menu {
        transform: translateX(0);
        padding: 8px 20px 80px;
        list-style-type: none;
    }

    .mobile_logo {
        float: none !important;
        margin: auto;
        position: relative;
        margin-left: 34px;
        margin-top: 5px;
        display: block;
    }

    .newsbar {
        display: none;
    }

    .menu-wrap.mobile {
        background: none !important;
    }

    input.inputdomainsearch.special-input {
        position: initial !important;
    }

    span.ds-content {
        position: initial !important;
    }

    select.selectroot.fill-input {
        position: initial;
        /* right: 154px; */
        max-width: 25%;
    }

    input.btn.btn-default-yellow-fill.border-end-0.search.initial-transform {
        position: initial;
    }

    .mobperiod {
        min-width: 250px;
    }
}

.megamenu .service-list .service {
    display: inline-flex;
}

/* Added style for SEO DO NOT DELETE */ 
.btn_add_ext {
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.codepromoshead{
    color: #000 !important;
}
.text-muted {
  color: #000 !important;
}
.footer-bottom .btn-secondary:not(:disabled):not(.disabled) {
  opacity: 1;
}
/*[data-background="light"] .box-container .footer .footer-menu .menu-item a {
  color: #414142;
  text-decoration: underline !important;
} */
.c-color-fixe{
    color: #414142;
}
@media only screen and (max-width: 600px) {
  .main-container.slider .silder-container .slider-content h1 {
  font-family: 'Source Serif Pro', serif !important;
  font-weight: 900;
  font-size: 2.2em !important;
  margin-bottom: 2px !important;
}
}
a {
  color: inherit !important;
  text-decoration: none !important; 
  font-size: inherit !important; 
}

a:hover {
  color: inherit !important;
  text-decoration: none !important; 
}

/* Slider modification pour l'ajustement mobile */

/*@media only screen and (min-width: 801px) and (max-width: 915px) {
    .carousel-cell {
        width: 100%;
        height: 120vh;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .carousel-cell {
        width: 100%;
        height: 160vh;
        margin-right: 10px;
    }
}
*/
@media only screen and (min-width: 769px) {
  /* Your CSS rules here for devices larger than tablets */
  .carousel-cell {
        height: 90vh;
    }
}

@media only screen and (max-width: 768px) {
  /* Your CSS rules here for tablets and mobile devices */
  .carousel-cell {
        height: 120vh !important;
    }
}