CINXE.COM

<!DOCTYPE html> <html xml:lang="en" lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Marrakesh hotels & apartments, all accommodations in Marrakesh</title> <meta name="keywords" content="Marrakesh hotels, Marrakesh apartments, accommodation in Marrakesh" /> <meta name="description" content="Online booking for hotels in Marrakesh, Morocco. Good availability and great rates. Cheap and secure, pay at the hotel, no booking fees." /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"> <link importance="high" rel="preload" href="/img/bg/450x450/116657.JPEG" as="image"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2"> <style>/*! */@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/righteous/v9/1cXxaUPXBpj2rGoU7C9WiHGFq8Kk1Q.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Copperplate Cyrillic;src:url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff2) format("woff2"),url(/new/designs/90/build/fonts/CopperplateCyrillic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a img,fieldset,img{border:none}input[type=email],input[type=tel],input[type=text],textarea{-webkit-appearance:none}button,input[type=submit]{cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}button,input{margin:0;padding:0;border:0}a,a:focus,button,div,h1,h2,h3,h4,h5,h6,input,select,span,textarea{outline:none}ol,ul{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}html{box-sizing:border-box}body,html{height:100%}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition:none!important}}a{color:inherit;text-decoration:none;cursor:pointer}a:not([class]){transition:color .25s}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:30px!important;background:url(/new/designs/90/destination/img/select-arrow.svg) #fff no-repeat!important;background-position:100%!important;background-size:30px 6px!important}select:focus{outline:none}select::-ms-expand{display:none}body{min-height:100%;font-family:Roboto,sans-serif;background:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content__banner{margin-top:60px}@media only screen and (max-width:767px){.content__banner{margin-top:40px}}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}div.container{width:1112px;margin:0 auto}.pull-left{float:left!important}.pull-right{float:right!important}.hidden{display:none!important}.phone-show,.tablet-show{display:none}@media only screen and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}.tablet-hide{display:none!important}.tablet-show{display:initial!important}}.show-mob{display:none!important}.hide-mob{display:block!important}@media only screen and (max-width:767px){.hide-mob{display:none!important}.show-mob{display:block!important}.phone-hide{display:none!important}.phone-show{display:initial!important}}.sunset__title{text-align:left}.sunset__title-text{color:#242c4a;font:700 26px/1.4 Roboto,sans-serif}.sunset__title-other-hotels{white-space:nowrap;cursor:pointer}.sunset__title-other-hotels .dates{position:relative;bottom:3px;color:#3c6780;font:500 16px/20px Roboto,sans-serif;text-decoration:underline}@media only screen and (max-width:1024px){.sunset__title-other-hotels{display:block;margin-top:20px}}.sunset__title-not-avail{display:inline-block;max-width:calc(100% - 180px);margin-right:10px}.sunset__title-calendar-icon{margin-left:3px}@media only screen and (max-width:767px){.sunset__title-calendar-icon{margin-left:0}}.sunset-hotel_list,.sunset-map{background-color:#f5f7fa}.sunset__hotel-list{display:flex;flex-wrap:wrap;padding-bottom:100px}.sunset__hotel-list--no-padding{padding-bottom:0}.sunset__hotel-list .sunset__content{width:100%}.sunset-error404 .sunset__content{background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/404-bg.jpg);background-position:50%;background-size:cover}.sunset__about,.sunset__add-hotel,.sunset__privacy{margin:30px 0;text-align:left}.message{display:flex;align-items:center;margin-bottom:20px;padding:20px;border-radius:2px;background-color:#fff;box-shadow:0 5px 10px 3px rgba(36,44,74,.1)}.message__text{margin-left:15px;font:700 16px/1.5 Roboto,sans-serif}.message__icon{width:30px;height:30px}.message--error .message__text{color:#ef4b5f}.message--error .message__icon{fill:#ef4b5f}.message--success .message__text{color:#42a23b}.message--success .message__icon{fill:#42a23b}.new-container{box-sizing:border-box;width:100%;max-width:1163px;margin:0 auto;padding-right:15px;padding-left:15px}.new-row{margin-right:-15px;margin-left:-15px}@media (max-width:767px){.new-container{padding-right:10px;padding-left:10px}.new-container.notavail-header{z-index:100}.new-row{margin-right:-10px;margin-left:-10px}}body.no-scroll{overflow:hidden}.banner,.check-avail-form-horizontal{z-index:100}.banner .date-picker-wrapper,.check-avail-form-horizontal .date-picker-wrapper{position:absolute;z-index:1;background-color:#fff;color:#242c4a;font:normal 14px/16px Roboto,sans-serif;font-family:Arial,sans-serif;border-radius:2px;border:1px solid #d1dde9}.banner .date-picker-wrapper.inline-wrapper,.check-avail-form-horizontal .date-picker-wrapper.inline-wrapper{position:absolute;top:100%;right:auto;left:0}.banner .date-picker-wrapper.single-date,.check-avail-form-horizontal .date-picker-wrapper.single-date{width:auto}.banner .date-picker-wrapper.no-topbar,.check-avail-form-horizontal .date-picker-wrapper.no-topbar{padding-top:12px}.banner .date-picker-wrapper .drp_top-bar,.banner .date-picker-wrapper.two-months.no-gap .month1 .next,.banner .date-picker-wrapper.two-months.no-gap .month2 .prev,.check-avail-form-horizontal .date-picker-wrapper .drp_top-bar,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month1 .next,.check-avail-form-horizontal .date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{display:block;width:calc(100% + 2px);text-align:center;padding:15px;background:#3c6780;border-radius:2px 2px 0 0;text-transform:uppercase;margin-left:-1px;margin-top:-1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{padding:10px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header,.check-avail-form-horizontal .date-picker-wrapper .custom-header{width:100%;display:none}}.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{color:#fff;font:500 16px/21px Roboto,sans-serif;letter-spacing:1px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font-size:14px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-header__text,.check-avail-form-horizontal .date-picker-wrapper .custom-header__text{font:500 14px/18px Roboto,sans-serif}}.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{font-size:0;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:0 0 4px 4px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .custom-footer,.check-avail-form-horizontal .date-picker-wrapper .custom-footer{width:100%}}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{display:inline-block;font:normal 14px/20px Roboto,sans-serif;padding:0 2px}.banner .date-picker-wrapper .custom-footer .calendar-hover-range,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-range{text-transform:capitalize}.banner .date-picker-wrapper .custom-footer .calendar-hover-nights,.check-avail-form-horizontal .date-picker-wrapper .custom-footer .calendar-hover-nights{font-weight:700}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month,.check-avail-form-horizontal .date-picker-wrapper .month{width:100%;border-bottom:1px solid #bad4e3}}.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #bad4e3;cursor:default;position:relative;overflow:hidden}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-wrapper,.check-avail-form-horizontal .date-picker-wrapper .month-wrapper{flex-wrap:wrap;justify-content:center;border-bottom:none}}.banner .date-picker-wrapper .month-head,.check-avail-form-horizontal .date-picker-wrapper .month-head{width:100%}.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 50px;height:50px;border-bottom:1px solid #bad4e3;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 5px;height:40px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 40px;height:50px}}@media only screen and (max-width:414px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 35px}}@media only screen and (max-width:340px){.banner .date-picker-wrapper .month-caption,.check-avail-form-horizontal .date-picker-wrapper .month-caption{padding:0 20px}}.banner .date-picker-wrapper .month-caption .next,.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{padding:0;cursor:pointer;display:block;opacity:1}.banner .date-picker-wrapper .month-caption .next.is-disabled,.banner .date-picker-wrapper .month-caption .prev.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next.is-disabled,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev.is-disabled{opacity:.5;cursor:default;pointer-events:none}.banner .date-picker-wrapper .month-caption .next,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next{text-align:right}.banner .date-picker-wrapper .month-caption .next .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .next .calendar-arrow{transform:rotate(-90deg)}.banner .date-picker-wrapper .month-caption .prev,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev{text-align:left}.banner .date-picker-wrapper .month-caption .prev .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .prev .calendar-arrow{transform:rotate(90deg)}.banner .date-picker-wrapper .month-caption .calendar-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-caption .calendar-arrow{width:10px;height:6px;fill:#242c4a}.banner .date-picker-wrapper .month-arrow,.check-avail-form-horizontal .date-picker-wrapper .month-arrow{width:30px;height:30px;line-height:30px;font-size:0}.banner .date-picker-wrapper .month-name,.check-avail-form-horizontal .date-picker-wrapper .month-name{text-transform:capitalize;font-size:0;line-height:0}.banner .date-picker-wrapper .month-element,.check-avail-form-horizontal .date-picker-wrapper .month-element{display:inline-block;padding:0 2px;font:500 16px/20px Roboto,sans-serif}.banner .date-picker-wrapper .month-gap,.check-avail-form-horizontal .date-picker-wrapper .month-gap{width:1px;background:#bad4e3}.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:30px 39px 10px;width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{padding:10px 5px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name,.check-avail-form-horizontal .date-picker-wrapper .month .week-name{max-width:290px;margin:0 auto}}.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:38px;height:20px;flex-shrink:0;text-transform:uppercase;text-align:center;font:500 14px/20px Roboto,sans-serif}@media only screen and (max-width:767px){.banner .date-picker-wrapper .month .week-name__item,.check-avail-form-horizontal .date-picker-wrapper .month .week-name__item{width:40px}}.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 39px 30px}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .days-container,.check-avail-form-horizontal .date-picker-wrapper .days-container{padding:0 5px}}.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{width:100%;display:flex;align-items:center}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row,.check-avail-form-horizontal .date-picker-wrapper .days-row{max-width:280px;margin:0 auto}}.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin-bottom:3px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .days-row:not(:last-child),.check-avail-form-horizontal .date-picker-wrapper .days-row:not(:last-child){margin:0 auto 3px}}.banner .date-picker-wrapper .day,.check-avail-form-horizontal .date-picker-wrapper .day{cursor:default;width:14.28571%;flex-shrink:0}.banner .date-picker-wrapper .day.is-lastMonth,.banner .date-picker-wrapper .day.is-nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day.is-nextMonth{pointer-events:none;cursor:default}.banner .date-picker-wrapper .day.is-toMonth.is-hovering,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-hovering{background:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day.is-toMonth.is-first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-first-date-selected{background:linear-gradient(90deg,transparent 50%,rgba(60,103,128,.3) 0)}.banner .date-picker-wrapper .day.is-toMonth.is-last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day.is-toMonth.is-last-date-selected{background:linear-gradient(90deg,rgba(60,103,128,.3) 50%,transparent 0)}.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{width:100%;font:normal 14px/33px Roboto,sans-serif;text-align:center}@media only screen and (max-width:1024px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:30px}}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text,.check-avail-form-horizontal .date-picker-wrapper .day .day-text{line-height:40px}}.banner .date-picker-wrapper .day .day-text.checked,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.checked{background-color:rgba(60,103,128,.3)}.banner .date-picker-wrapper .day .day-text.invalid,.banner .date-picker-wrapper .day .day-text.lastMonth,.banner .date-picker-wrapper .day .day-text.nextMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.invalid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.lastMonth,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.nextMonth{pointer-events:none;cursor:default;color:#242c4a;background-color:transparent;opacity:.5}.banner .date-picker-wrapper .day .day-text.has-tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip{cursor:help!important}.banner .date-picker-wrapper .day .day-text.has-tooltip .tooltip,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.has-tooltip .tooltip{white-space:nowrap}.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{cursor:pointer;color:#242c4a;opacity:1;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.valid,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.valid{height:auto}}.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{background-color:#3c6780;color:#fff;font-weight:700;border-radius:50%;overflow:hidden;opacity:1;width:32px;height:32px}@media only screen and (max-width:767px){.banner .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.banner .date-picker-wrapper .day .day-text.toMonth.last-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.first-date-selected,.check-avail-form-horizontal .date-picker-wrapper .day .day-text.toMonth.last-date-selected{width:100%;height:100%}}.banner .date-picker-wrapper .week-number,.check-avail-form-horizontal .date-picker-wrapper .week-number{display:none}.banner .date-picker-wrapper .select-wrapper,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.banner .date-picker-wrapper .select-wrapper:hover,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.banner .date-picker-wrapper .select-wrapper select,.check-avail-form-horizontal .date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;appearance:none;background:transparent;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.banner .date-picker-wrapper .date-range-length-tip,.banner .date-picker-wrapper .hide,.banner .date-picker-wrapper .selected-days,.banner .date-picker-wrapper.single-month .time,.banner .date-picker-wrapper .time,.check-avail-form-horizontal .date-picker-wrapper .date-range-length-tip,.check-avail-form-horizontal .date-picker-wrapper .hide,.check-avail-form-horizontal .date-picker-wrapper .selected-days,.check-avail-form-horizontal .date-picker-wrapper.single-month .time,.check-avail-form-horizontal .date-picker-wrapper .time,.dropdown{display:none}.dropdown{padding:15px;min-width:255px;width:100%;max-width:calc(100vw - 20px);position:absolute;top:calc(100% - 10px);left:0;text-align:left;font-family:Roboto,sans-serif;box-sizing:border-box;border-radius:2px;border:1px solid #d1dde9;background-color:#fff;z-index:1000}.dropdown--scroll{max-height:230px;overflow-y:scroll}.dropdown--right{left:auto;right:0}.dropdown.is-show{display:block}.dropdown__list-item{font-size:14px;line-height:1;color:#242c4a;cursor:pointer}.dropdown__list-item:not(:last-child){margin-bottom:10px}.dropdown__list-item-code{font-weight:500}.dropdown__block{display:flex;flex-wrap:wrap}.dropdown__block--margin{margin:0 -5px}.dropdown__block:not(:last-child){margin-bottom:20px}.dropdown__block.is-hide{display:none}.dropdown__item{padding-right:5px;flex:1}.dropdown__select{padding:5px 17px 4px 5px;font-size:16px;font-weight:500;color:#242c4a;border-radius:2px;border-color:#bad4e3;cursor:pointer}.dropdown__select:not(:last-child){margin-right:15px}.dropdown__select:active,.dropdown__select:focus,.dropdown__select:hover{outline:none}.dropdown__select.is-error{border-color:red}.dropdown__title{margin-bottom:10px;font-size:18px;font-weight:500;color:#242c4a}.dropdown__title--full-width{width:100%}.dropdown__button{margin:0 5px;padding:10px 5px;flex:1;font-size:12px;font-weight:500;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;border:1px solid #f68059;border-radius:2px;background-color:#f68059;cursor:pointer}.dropdown__button--cancel{color:#f68059;background-color:#fff}.dropdown__button:active,.dropdown__button:focus,.dropdown__button:hover{outline:none}.dropdown__error{margin-bottom:20px;display:none;font-size:16px;color:red}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block}}.banner{position:relative;padding-bottom:72px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;font-family:Roboto,sans-serif}@media only screen and (max-width:767px){.banner{padding-bottom:16px}}.banner--min-height{height:500px}@media only screen and (max-width:767px){.banner--new{max-height:none}}.banner--new .banner__header{margin-bottom:30px}.banner--faq{height:500px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/faq.jpg)!important}.banner--quiz{height:auto;background:none}.banner__background{z-index:-1;position:absolute;top:0;right:0;left:0;height:300px;background-image:linear-gradient(180deg,#202020,hsla(0,0%,100%,0)),url(/new/designs/90/destination/img/cat.jpg)}.banner__background,.banner__bg{background-position:50%;background-size:cover}.banner__bg{width:100%;height:100%;background-repeat:no-repeat}@media (min-width:768px){.banner__bg--desktop{display:block!important}}.banner__main-photo{display:block;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner__main-photo picture{display:none;height:100%}@media only screen and (max-width:767px){.banner__main-photo picture{display:block}}.banner__main-photo-item{display:block;width:100%;height:25px;object-fit:cover}.banner__main-photo-item--0{object-position:center 0}.banner__main-photo-item--1{object-position:center -25px}.banner__main-photo-item--2{object-position:center -50px}.banner__main-photo-item--3{object-position:center -75px}.banner__main-photo-item--4{object-position:center -100px}.banner__main-photo-item--5{object-position:center -125px}.banner__main-photo-item--6{object-position:center -150px}.banner__main-photo-item--7{object-position:center -175px}.banner__main-photo-item--8{object-position:center -200px}.banner__main-photo-item--9{object-position:center -225px}.banner__main-photo-item--10{object-position:center -250px}.banner__main-photo-item--11{object-position:center -275px}.banner__main-photo-item--12{object-position:center -300px}.banner__main-photo-item--13{object-position:center -325px}.banner__main-photo-item--14{object-position:center -350px}.banner__main-photo-item--15{object-position:center -375px}.banner__main-photo-item--16{object-position:center -400px}.banner__main-photo-item--17{object-position:center -425px}.banner__main-photo-item--18{object-position:center -450px}.banner__main-photo-overlay{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#202020;mix-blend-mode:normal;opacity:.65}.banner__content{z-index:8;position:relative;padding:10px 15px}.banner__infotitle{margin-bottom:5px;color:#fff;font:18px/30px Roboto,sans-serif;text-align:left}.banner__title{margin-bottom:8px;color:#fff;font:normal 500 50px Roboto,sans-serif;line-height:59px;text-align:center}.banner__text{max-width:750px;margin:0 auto 25px;color:#fff;font-weight:400;font-size:16px;line-height:1.5}.banner__form{padding:10px;border-radius:2px;background:rgba(236,243,251,.5);mix-blend-mode:normal}.main-form{position:relative;display:grid;grid-gap:10px;grid-template-columns:1.5fr 1fr 245px;grid-template-rows:70px;margin:0 auto}@media only screen and (max-width:1024px){.main-form{flex-wrap:wrap;justify-content:center;grid-template-columns:1.5fr 1fr 210px;grid-template-rows:70px}}@media only screen and (max-width:767px){.main-form{grid-template-rows:55px;grid-template-columns:1fr;grid-gap:5px;padding:5px}}.main-form__new-calendar{position:relative;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width:767px){.main-form__new-calendar{width:100%;min-width:100%}}.main-form__new-calendar.is-with-city{min-width:calc(50% - 80px)}@media only screen and (max-width:767px){.main-form__new-calendar.is-with-city{min-width:100%}}.main-form__new-calendar .main-form__field .main-form-field__head{padding-right:45px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.496 1.5h-1.5v-1a.5.5 0 10-.999 0v1H4v-1a.5.5 0 10-1 0v1H1.5A1.5 1.5 0 000 3v9.496a1.5 1.5 0 001.5 1.5h10.996a1.5 1.5 0 001.5-1.5V3a1.5 1.5 0 00-1.5-1.5zm.5 10.996a.5.5 0 01-.5.5H1.5a.5.5 0 01-.5-.5V5.998h11.996v6.498zM1 5h11.996v-2a.5.5 0 00-.5-.5h-1.499v1a.5.5 0 01-1 0v-1H4v1a.5.5 0 11-1 0v-1H1.5A.5.5 0 001 3v2z' fill='%23959CAA'/%3E%3Cpath d='M3.999 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 6.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 6.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM7.498 8.998h-1a.5.5 0 100 1h1a.5.5 0 100-1zM10.997 8.998h-1a.5.5 0 100 1h1a.5.5 0 000-1zM3.999 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM7.498 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1zM10.997 10.997h-1a.5.5 0 000 1h1a.5.5 0 000-1z' fill='%23959CAA'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;background-position:calc(100% - 25px) 50%}.main-form__new-calendar .main-form__field .main-form-field__head:after{display:none}@media only screen and (max-width:1024px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 15px) 50%}}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field .main-form-field__head{background-position:calc(100% - 10px) 50%}}.main-form__new-calendar .main-form__field:before{content:"";position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #3c6780;background:none;display:none;z-index:2}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:before{border-bottom:12px solid #bad4e3}}.main-form__new-calendar .main-form__field:after{content:""}@media only screen and (max-width:767px){.main-form__new-calendar .main-form__field:after{position:absolute;width:0;height:0;top:auto;bottom:-1px;left:50%;right:auto;transform:translateX(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;background:none;display:none;z-index:2}}.main-form__new-calendar .main-form__field:first-child .main-form-field__head{border-right:none;border-bottom-right-radius:0;border-top-right-radius:0}.main-form__new-calendar .main-form__field:nth-child(2) .main-form-field__head{border-bottom-left-radius:0;border-top-left-radius:0}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .date-picker-wrapper.inline-wrapper{top:55px;bottom:auto}}.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:block}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-first .main-form__field:first-child:after,.main-form__new-calendar.is-open-first .main-form__field:first-child:before{display:none}}@media only screen and (max-width:767px){.main-form__new-calendar.is-open-next .date-picker-wrapper.inline-wrapper{bottom:auto}}.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):after,.main-form__new-calendar.is-open-next .main-form__field:not(:first-child):before{display:block}.main-form__submit-container{display:flex}.main-form__submit{font-size:20px;line-height:23px;letter-spacing:1px;font-weight:700;text-align:center;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;flex:1;background:linear-gradient(1turn,#dc724f 4.77%,#f68059);box-shadow:0 0 10px 8px rgba(0,0,0,.05);border-radius:2px;border:none;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.main-form__submit:focus,.main-form__submit:hover{opacity:.85}@media only screen and (max-width:1024px){.main-form__submit{padding:17px 10px}}@media only screen and (max-width:767px){.main-form__submit{font-size:18px;line-height:21px;letter-spacing:.9px}}.main-form .main-form-field{position:relative;min-width:210px;box-sizing:border-box;display:flex}.main-form .main-form-field>*{flex:1}@media only screen and (max-width:1024px){.main-form .main-form-field{min-width:140px}}@media only screen and (max-width:767px){.main-form .main-form-field{width:100%}.main-form .main-form-field .dropdown{top:calc(100% - 1px);width:100%;left:0;border-radius:0 0 4px 4px;border-top:1px solid #bad4e3}}.main-form .main-form-field__head{position:relative;display:grid;overflow:hidden;border-radius:2px;background:#fff;align-items:stretch;text-align:start;padding:15px 30px;cursor:pointer;border:1px solid #d1dde9}.main-form .main-form-field__head:after{content:"";width:8px;height:8px;display:block;border-bottom:2px solid #959caa;border-left:2px solid #959caa;transform:rotate(-45deg);transform-origin:50% 50%;position:absolute;right:25px;top:calc(50% - 4px);transition:transform .3s}@media only screen and (max-width:767px){.main-form .main-form-field__head:after{top:calc(50% - 4px);right:10px}}.main-form .main-form-field__head.is-show:after{transform:rotate(-225deg)}@media only screen and (max-width:1024px){.main-form .main-form-field__head{padding:15px 30px 15px 10px}}@media only screen and (max-width:767px){.main-form .main-form-field__head{padding:10px 30px 10px 10px}}.main-form .main-form-field__title{font-weight:500;font-size:8px;line-height:1;letter-spacing:.533333px;text-transform:uppercase;color:#959caa}@media only screen and (max-width:1024px){.main-form .main-form-field__title{width:80px}}@media only screen and (max-width:767px){.main-form .main-form-field__title{font-size:10px;width:85px}}.main-form .main-form-field__content{display:flex;align-items:center;position:relative;color:#242c4a;line-height:21px;font-size:20px;line-height:1;font-weight:400}@media only screen and (max-width:767px){.main-form .main-form-field__content{font-size:18px;line-height:21px}}.main-form .main-form-field__content--ja,.main-form .main-form-field__content--ko,.main-form .main-form-field__content--zh{margin-left:10px}.main-form .main-form-field__content--ja .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh .field__number{font-size:18px;order:1;margin-right:5px}.main-form .main-form-field__content--ja .field__text,.main-form .main-form-field__content--ko .field__text,.main-form .main-form-field__content--zh .field__text{display:flex;align-items:center;padding-right:5px}.main-form .main-form-field__content--ja .field__text-item--month,.main-form .main-form-field__content--ko .field__text-item--month,.main-form .main-form-field__content--zh .field__text-item--month{order:1;margin-left:5px}.main-form .main-form-field__content--ja.field__content--guests .field__number,.main-form .main-form-field__content--ko.field__content--guests .field__number,.main-form .main-form-field__content--ko .field__number,.main-form .main-form-field__content--zh.field__content--guests .field__number{order:0}.main-form .main-form-field__content--ko .field__number:after{content:"\C77C"}.main-form .main-form-field__content--ko .field__text{display:block}.main-form .main-form-field__content--ja .field__number:after,.main-form .main-form-field__content--zh .field__number:after{content:"\65E5"}.main-form .main-form-field__content--guests .field__number:after{content:none}.main-form .main-form-field__number{margin-right:5px}.main-form .main-form-field__dot{margin:0 7px;width:3px;height:3px;border-radius:50%;background:#fff}@media only screen and (max-width:767px){.main-form .main-form-field__dot{background:#242c4a}}.main-form .main-form-field__text{display:flex;align-items:center}.main-form .main-form-field__text-item--month{margin-right:5px}.main-form .main-form-field__text-item--width{max-width:75px;text-align:start}.main-form .main-form-field__text-guests{display:none}.main-form .main-form-field__text-guests:first-letter{text-transform:uppercase}.main-form .main-form-field__text-guests.is-active{display:block}.main-form .main-form-field__corner{position:absolute;top:50%;right:15px;width:14px;height:6px;fill:#242c4a;transform:translateY(-50%);display:none}.main-form .main-form-field__calendar-icon{height:16px;width:16px;fill:#242c4a}.main-form .main-form-field__error{padding:10px;display:flex;width:200px;position:absolute;top:calc(100% - 4px);left:0;border-radius:2px;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);background-color:#fff}.main-form .main-form-field__error.is-hide{display:none}.main-form .main-form-field__error--double-width{width:400px}.main-form .main-form-field__error-icon{width:22px;height:22px;fill:#ef4b5f}.main-form .main-form-field__error-text{padding-left:10px;width:calc(100% - 22px);font-size:16px;font-weight:700;color:#ef4b5f;text-align:start}@media only screen and (max-width:767px){.main-form .main-form-field__error{position:relative;width:100%}}@media (max-width:767px){.banner{background-image:none}.banner__content{padding:10px}.banner__title{margin-bottom:20px;font-weight:500;font-size:30px;line-height:35px}.banner__title span:after{content:"\A";white-space:pre}.banner__text{display:none}}.breadcrumbs{display:flex;align-items:center;position:absolute;bottom:-40px}@media only screen and (max-width:1024px){.breadcrumbs{bottom:-30px}}.breadcrumbs-item{display:flex;align-items:center;font:400 12px/18px Roboto,sans-serif;color:#7c8092}.breadcrumbs-item__link{color:#7c8092;text-decoration:underline}.breadcrumbs-item__arrow{margin:1px 6px 0}.header{box-sizing:border-box;z-index:10;position:relative;margin:0 auto 22px}@media only screen and (max-width:767px){.header{margin-bottom:20px}}.header--promotion{margin-bottom:0;background:#f7f7f7;color:#242c4a}.header--promotion .header__inner,.header--promotion .header__logo-sub-text,.header--promotion .header__logo-text{color:#242c4a}.header--promotion .header__nav-toggler{background-color:transparent}.header--promotion .header__nav-toggler-cross,.header--promotion .header__nav-toggler-line{background-color:#242c4a}.header--promotion .item__title-icon{fill:#242c4a}.header--promotion .item .dropdown__list-item:hover{background-color:#bad4e3}.header--promotion .item .dropdown__list-link{color:#242c4a}.header__inner{display:flex;align-items:center;width:100%;padding:25px 0;border-bottom:1px solid rgba(186,212,227,.5);color:#fff}@media only screen and (max-width:1024px){.header__inner{padding:20px 0}}@media only screen and (max-width:767px){.header__inner{padding:12px 5px}}.header__logo{color:#fff;text-align:left}.header__logo:hover{text-decoration:none}.header__logo--black{color:#242c4a}.header__logo-text{font:28px/20px Copperplate,Righteous,Trebuchet MS;letter-spacing:.830769px;text-transform:uppercase}.header__logo-sub-text{display:inline-block;width:100%;margin:4px auto 0;font:normal 500 8px/9px Raleway;letter-spacing:.266667px;text-align:center;text-transform:uppercase}.header__nav-toggler{position:relative;width:26px;height:26px;margin-left:auto;border:none;background-color:transparent;cursor:pointer}.header__nav-toggler:active,.header__nav-toggler:focus,.header__nav-toggler:hover{outline:none}.header__nav-toggler-line{display:block;width:25px;height:2px;background-color:#fff}.header__nav-toggler-line:not(:last-child){margin-bottom:5px}.header__nav-toggler-cross{display:block;position:absolute;top:calc(50% - 1px);left:0;width:26px;height:2px;transform:rotate(45deg);background-color:#242c4a}.header__nav-toggler-cross--right{transform:rotate(-45deg)}.header__nav{box-sizing:border-box;display:flex;margin-left:auto}.header__nav-header{display:none}.header__nav-item{font-weight:500;font-size:15px;cursor:pointer}.header__nav-item:not(:first-child){margin-left:15px}.header__nav-item:last-child{margin-right:-15px}@media only screen and (max-width:767px){.header__nav-item:last-child{margin-right:0}}.header .item{position:relative}.header .item__title{display:flex;position:relative;align-items:center;padding:10px 15px;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.8px;text-transform:uppercase}.header .item__title.is-show .item__title-icon{transform:scaleY(-1)}.header .item__title-icon{width:10px;height:6px;margin-left:10px;fill:#fff;transform-origin:center center;vertical-align:middle;transition:transform .2s}.header .item .dropdown{top:calc(100% + 10px);padding:5px 0}.header .item .dropdown__list-item{margin-bottom:0;font-weight:400;transition:all .3s ease}.header .item .dropdown__list-item:not(:last-child){border-bottom:1px solid rgba(186,212,227,.5)}.header .item .dropdown__list-item:hover{background-color:#bad4e3}.header .item .dropdown__list-link{display:block;padding:10px 15px;color:#242c4a;text-decoration:none;cursor:pointer}@media (max-width:767px){.header-drop-is-show{overflow:hidden}.header-drop-is-show .header:after{display:block;z-index:-1;position:absolute;top:100%;right:0;left:0;height:100dvh;background-color:#000;content:"";opacity:.6}.header__logo-text{font-size:21px}.header__logo-sub-text{font-size:7px}.header__nav{display:none;z-index:9999;position:absolute;top:0;right:0;left:0;max-height:100dvh;padding:0 15px 15px;overflow:auto;background-color:#f5f7fa}.header__nav.is-show{display:block}.header__nav-header{display:flex;position:relative;align-items:center;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #bad4e3}.header__nav-item{margin-left:0!important;background-color:#fff;box-shadow:0 5px 10px 0 rgba(36,44,74,.1);color:#242c4a;text-align:left}.header__nav-item:not(:last-child){margin-bottom:10px}.header .item__title{display:flex;align-items:center;padding:15px}.header .item__title-icon{fill:#242c4a;margin-left:auto}.header .item .dropdown{position:static;width:100%;border-top:1px solid #bad4e3;border-radius:0}}.recommendation{padding:45px 0 75px;background-color:#fff}@media only screen and (max-width:1024px){.recommendation{padding:30px 0 50px}}.recommendation .new-container{display:grid;grid-template-columns:1fr 353px;grid-column-gap:37px}.recommendation .new-container.one-column{grid-template-columns:1fr}.recommendation .new-container aside{grid-column:2/3;grid-row:1/4}.recommendation .new-container aside.horizontal{grid-column:1/3;grid-row:1}@media only screen and (max-width:1024px){.recommendation .new-container aside.horizontal{grid-column:1}}.recommendation .new-container aside.horizontal .aside__inner{grid-template-columns:1fr;grid-column-gap:20px;grid-column:1/4;display:flex}@media only screen and (max-width:767px){.recommendation .new-container aside.horizontal .aside__inner{display:block}}@media only screen and (max-width:1024px){.recommendation .new-container{grid-template-columns:1fr;grid-column-gap:20px}.recommendation .new-container aside{grid-column:1;grid-row:4}}@media only screen and (max-width:767px){.recommendation .new-container{display:block}}.recommendation .aside__inner{display:block}@media only screen and (max-width:1024px){.recommendation .aside__inner{display:flex}}@media only screen and (max-width:767px){.recommendation .aside__inner{display:block}}.recommendation .hotels-tonight-card__grade{display:none}.recommendation aside{background-color:#ecf3fb;padding:25px 20px 45px;border-radius:2px;text-align:start}@media only screen and (max-width:1024px){.recommendation aside{padding:30px 20px 20px}}@media only screen and (max-width:767px){.recommendation aside{padding:15px 10px 25px;display:block;margin-top:50px}.recommendation aside .tablet-divider{display:block}}.recommendation aside .tablet-divider{margin-right:auto;margin-left:auto;border-right:1px solid #d1dde9}.recommendation aside .aside__title,.recommendation aside h4{font-size:22px;line-height:30px;font-weight:400;color:#242c4a}@media only screen and (max-width:1024px){.recommendation aside .aside__title,.recommendation aside h4{grid-column:1/4;border-bottom:1px solid #d1dde9;padding-bottom:24px;margin-bottom:20px}}@media only screen and (max-width:767px){.recommendation aside .aside__title,.recommendation aside h4{border-bottom:none;padding-bottom:0;margin-bottom:0;font-size:20px;line-height:30px;font-weight:400}}.recommendation aside .btn-outline{width:100%;max-width:250px;display:block;margin:30px auto 0;position:relative}@media only screen and (max-width:1024px){.recommendation aside .btn-outline{grid-column:1/4}}@media only screen and (max-width:767px){.recommendation aside .btn-outline{margin-top:20px}}.recommendation__title{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);padding-bottom:20px;padding-top:14px;align-items:baseline}@media only screen and (max-width:767px){.recommendation__title{grid-template-columns:1fr;padding-top:0}}.recommendation__title.is-secondary-block{margin-top:40px}.recommendation__title.is-secondary-block .recommendation__title-text{font-size:28px;line-height:39px;font-weight:400}@media only screen and (max-width:767px){.recommendation__title.is-secondary-block .recommendation__title-text{font-size:22px;line-height:32px;font-weight:400}}.recommendation__title-text{font-size:36px;line-height:45px;font-weight:400;color:#242c4a;grid-column:2/3}@media only screen and (max-width:767px){.recommendation__title-text{grid-column:1;font-size:28px;line-height:39px;font-weight:400}}.recommendation__date{font-size:14px;line-height:16px;font-weight:400;color:#656b80;margin-left:auto}@media only screen and (max-width:767px){.recommendation__date{grid-column:1;margin:0 auto}}.recommendation__description{border-top:1px solid #d1dde9;border-bottom:1px solid #d1dde9;padding:25px 0;grid-column:1}@media only screen and (max-width:767px){.recommendation__description{padding:20px 0}}.recommendation__description q{font-size:18px;line-height:24px;font-weight:400;font-family:Georgia,Roboto,sans-serif;font-style:italic;color:#242c4a}@media only screen and (max-width:767px){.recommendation__description q{font-size:16px;line-height:22px;font-weight:400}}.recommendation__author{display:flex;align-items:center;justify-content:center;margin-top:14px;font-size:12px;line-height:18px;font-weight:400;font-family:Roboto,sans-serif;text-transform:uppercase;color:#656b80}@media only screen and (max-width:767px){.recommendation__author{font-size:10px;line-height:18px;font-weight:400}}.recommendation__author img{width:22px;height:22px;border-radius:50%;margin-right:10px}.recommendation__list{padding-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:17px 37px;grid-column:1}.recommendation__list>.slick-dots{display:flex;justify-content:center;margin:0 auto}.recommendation__list>.slick-dots button{cursor:pointer;font-size:0;color:#fff;background:#d1dde9;border:none;outline:none;height:8px;width:8px;border-radius:50%;margin:0 5px;transition:transform .3s}.recommendation__list>.slick-dots .slick-active button{background-color:#3c6780}.recommendation__list .slick-slide{width:100%}@media only screen and (max-width:767px){.recommendation__list{padding-top:15px;grid-template-columns:1fr;display:block}}.recommendation__additional-destination{background-color:#ecf3fb;padding:20px 30px 40px;grid-column:span 2;border-bottom-right-radius:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}@media only screen and (max-width:1024px){.recommendation__additional-destination{grid-column:1;grid-row:5;padding:30px 20px}}@media only screen and (max-width:767px){.recommendation__additional-destination{padding:15px 10px}}.recommendation__additional-destination--only{background-color:#fff;padding:20px 0 0}.recommendation__additional-destination ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 30px}@media only screen and (max-width:1024px){.recommendation__additional-destination ul{grid-column:1;grid-row:5;grid-gap:15px 40px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:767px){.recommendation__additional-destination ul{grid-template-columns:1fr}}.recommendation__additional-destination:not(.open){display:none}.recommendation__additional-destination__item{color:#242c4a;display:block}.recommendation__additional-destination__item a,.recommendation__additional-destination__item span{display:block}.recommendation__btn-wrapper{margin-top:20px;display:flex;align-items:center;justify-content:center}.recommendation__btn-wrapper .btn{background:#fff}.ht-block{text-align:left;background:#f5f7fa;padding:60px}@media only screen and (max-width:767px){.ht-block{padding:20px 0 30px}}.ht-block-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0 20px}@media only screen and (max-width:767px){.ht-block-nav{padding:30px 0 10px}}.ht-block-nav__tabs{display:flex;border:1px solid #3c6780;border-radius:2px}@media only screen and (max-width:767px){.ht-block-nav__tabs{width:100%;margin-bottom:10px}}.ht-block-nav__tab{display:flex;align-items:center;justify-content:center;min-width:140px;font:500 14px Roboto,sans-serif;text-align:center;color:#3c6780;text-transform:uppercase;padding:8px 0;border-right:1px solid #3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__tab{min-width:auto;width:100%;font-size:12px}}.ht-block-nav__tab:last-child{border-right:none}.ht-block-nav__tab.is-active{color:#fff;background:#3c6780}.ht-block-nav__map-btn{min-width:150px;display:flex;align-items:center;padding:10px 20px;border-radius:2px;background:#3c6780;cursor:pointer}@media only screen and (max-width:767px){.ht-block-nav__map-btn{min-width:auto;order:3;padding:11px 15px}}.ht-block-nav__map-btn .icon{width:20px;height:20px;fill:#fff;margin-right:5px}@media only screen and (max-width:767px){.ht-block-nav__map-btn .icon{width:14px;height:14px;margin-right:0}}.ht-block-nav__map-btn span{font:700 14px/1.7 Roboto,sans-serif;color:#fff}@media only screen and (max-width:767px){.ht-block-nav__map-btn span{display:none}}.ht-block-nav__date{display:none;font:14px/1.5 Roboto,sans-serif;color:#242c4a;margin:10px calc(100% - 300px) 0 0}@media only screen and (max-width:767px){.ht-block-nav__date{margin:0}}.ht-block-nav__date.is-active{display:block}.ht-block-container{height:100px}.hotels-tonight-card{display:none}.presetting-section{background-color:#ecf3fb;padding:55px 0 88px}@media only screen and (max-width:767px){.presetting-section{padding:50px 0 70px;padding:30px 0 45px}}.presetting-section__select{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:37px;margin-top:35px}.presetting-section__select .hotels-search-presetting__card:nth-child(4){grid-column:2/3}@media only screen and (max-width:1024px){.presetting-section__select{grid-gap:15px;margin-top:20px}}@media only screen and (max-width:767px){.presetting-section__select{display:block;margin-left:-10px;width:calc(100% + 20px)}}.presetting-section .btn-show-more{display:block;max-width:250px;width:100%;margin:30px auto 0}.presetting-section.unique-homes-section{padding-bottom:50px}.presetting-section.unique-homes-section .list-of-outline-links{padding-top:40px}.presetting-section.unique-homes-section .list-of-outline-links:not(.open){display:none}.presetting-section .slick-track{display:flex}.presetting-section .slick-track .slick-slide{height:auto}.presetting-section .slick-dots li:not(.slick-active) button{background-color:#fff}.hotels-search-presetting__card{position:relative;display:block;cursor:pointer;background-color:#fff;border-radius:2px;padding:30px 40px 45px;display:flex;flex-direction:column;justify-content:flex-start;color:#656b80;font-size:14px;line-height:21px;font-weight:400}@media only screen and (max-width:1024px){.hotels-search-presetting__card{padding:30px 20px 40px}}@media only screen and (max-width:767px){.hotels-search-presetting__card{padding:25px 25px 38px;width:240px;margin:0 5px}}.hotels-search-presetting__card svg{width:26px;height:26px;color:#242c4a;display:block;margin:0 auto 10px}.hotels-search-presetting__card span{font-size:18px;line-height:21px;font-weight:400;color:#242c4a;display:block;margin-bottom:6px;cursor:pointer}.hotels-search-presetting__card p{margin-top:3px}@media only screen and (max-width:1024px){.hotels-search-presetting__card br{display:none}}.hotels-search-presetting__card__currency-symbol{font-family:Georgia,Roboto,sans-serif}.hotels-search-presetting__card:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;background:#000;opacity:0;z-index:1;transition:opacity .3s ease-in}.hotels-search-presetting__card .btn-show-hotels{display:block;max-width:calc(100% - 20px);width:250px;background-color:#fff;border-radius:2px;cursor:pointer;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#242c4a;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;visibility:hidden;z-index:2;transition-delay:.15s;transition:opacity .2s ease-out,transform .3s ease-out}.hotels-search-presetting__card .btn-show-hotels:after{content:"";display:inline-block;margin-left:5px;width:13.69px;height:9.63px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z' fill='%23242C4A'/%3E%3C/svg%3E")}.hotels-search-presetting__card:focus:after,.hotels-search-presetting__card:hover:after{opacity:.6}.hotels-search-presetting__card:focus .btn-show-hotels,.hotels-search-presetting__card:hover .btn-show-hotels{transform:translate(-50%,-50%);opacity:1;visibility:visible}.near-sights{padding:75px 0;background:#fff}@media only screen and (max-width:1024px){.near-sights{padding:50px 0}}.near-sights .slick-slider{margin-bottom:30px}.near-sights__content__wrapper{margin-top:35px;display:grid;grid-gap:37px;grid-template-columns:2fr 1fr}@media only screen and (max-width:1024px){.near-sights__content__wrapper{grid-template-columns:1fr;grid-row-gap:40px}}@media only screen and (max-width:767px){.near-sights__content__wrapper{display:block}}.near-sights__map{height:353px;width:100%;margin-bottom:30px;border-radius:2px;overflow:hidden}@media only screen and (max-width:1024px){.near-sights__map{height:300px}}.near-sights__map .mini-marker{width:18px;height:10px}.near-sights__map .mini-marker svg{display:block;max-width:100%}.near-sights__map-block{padding:20px 20px 40px;font-size:18px;line-height:24px;font-weight:400;text-align:center;color:#242c4a;background:#ecf3fb;border-radius:2px;overflow:hidden}.near-sights__map-block:first-child{grid-column:span 2}@media only screen and (max-width:1024px){.near-sights__map-block{display:grid;grid-template-columns:1fr 1fr}.near-sights__map-block>:first-child{grid-column:span 2}}@media only screen and (max-width:767px){.near-sights__map-block{grid-template-columns:1fr;padding:10px 10px 25px}.near-sights__map-block>:first-child{grid-column:1}}.near-sights__map-block p{max-width:264px;margin:0 auto}@media only screen and (max-width:1024px){.near-sights__map-block p{max-width:none;text-align:start}}@media only screen and (max-width:767px){.near-sights__map-block p{text-align:center}}.near-sights__map-block .btn{background-color:#fff;width:250px;max-width:90%;margin:20px auto 0;line-height:22px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1024px){.near-sights__map-block .btn{margin:0 0 0 auto}}@media only screen and (max-width:767px){.near-sights__map-block .btn{margin:20px auto 0}}.near-sights__map-block .btn svg{vertical-align:middle;transition:transform .3s;margin-left:10px}.near-sights__map-block .btn:focus,.near-sights__map-block .btn:hover{background-color:#242c4a}.near-sights__map-block .btn:focus svg,.near-sights__map-block .btn:hover svg{transform:translateX(5px)}.near-sights__other-places{padding-top:60px}@media only screen and (max-width:1024px){.near-sights__other-places{padding-top:40px}}.other-places__header{font-size:22px;line-height:30px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:25px;color:#242c4a}@media only screen and (max-width:767px){.other-places__header{text-align:left}}.other-places__footer{display:flex;justify-content:center;align-items:baseline;margin-top:25px}.other-places__additional{margin-top:15px}.other-places__additional:not(.open){display:none}.other-places__btn-show-more{cursor:pointer;display:inline-block;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:#3c6780;white-space:nowrap}.other-places__btn-show-more:focus span,.other-places__btn-show-more:hover span{text-decoration:underline}@media only screen and (max-width:767px){.other-places__btn-show-more{margin-top:auto}}.sights-list{display:grid;grid-gap:37px;grid-template-columns:repeat(2,1fr)}@media only screen and (max-width:767px){.sights-list{display:block;margin-left:-10px;width:calc(100% + 20px)}}.sights-list__item{border-radius:2px;overflow:hidden;display:block}@media only screen and (max-width:767px){.sights-list__item{max-width:calc(100vw - 20px);min-width:300px;margin:0 10px 20px}}.sights-list__item__photo{height:200px;width:100%;max-width:100%;overflow:hidden}.sights-list__item__photo img{width:100%;height:100%;object-fit:cover;display:block}.sights-list__item__title{background-color:#ecf3fb;padding:18px 15px;text-align:start;display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;color:#242c4a}@media only screen and (max-width:767px){.sights-list__item__title{padding:15px 10px}}.sights-list__item__title svg{width:14px;height:10px;margin-left:auto;transition:transform .3s ease-out}.sights-list__item:hover .sights-list__item__title{text-decoration:underline}.sights-list__item:hover .sights-list__item__title svg{transform:translateX(5px)}.sights-list__item--all-landmarks{padding:60px 34px 50px;background-color:#ecf3fb;display:flex;text-align:start;color:#242c4a;font-size:18px;line-height:26px;font-weight:400}.sights-list__item--all-landmarks svg{display:block}.sights-list__item--all-landmarks .btn{color:#3c6780;text-align:start;padding-left:0;padding-bottom:0;font-size:12px;line-height:24px;font-weight:500}.sights-list__item--all-landmarks .btn svg{display:inline-block;transition:transform .3s ease-out}.sights-list__item--all-landmarks p{margin-top:20px;max-width:237px}.sights-list__item--all-landmarks:focus .btn,.sights-list__item--all-landmarks:hover .btn{text-decoration:underline}.sights-list__item--all-landmarks:focus .btn svg,.sights-list__item--all-landmarks:hover .btn svg{transform:translateX(5px)}.sights-list__item__content{flex:1}/*! */</style> <link rel="preload" as="style" onload="this.onload=null; this.rel='stylesheet'" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin> <noscript><link rel="stylesheet" href="/new/designs/90/build/destination/style.44a5ecf231204c2fec68d7848316008b.css" crossorigin></noscript> <link rel="alternate" hreflang="cs" type="text/html" href="https://www.hotelsmarrakech.net/cs//" title="Czech"> <link rel="alternate" hreflang="da" type="text/html" href="https://www.hotelsmarrakech.net/da//" title="Danish"> <link rel="alternate" hreflang="de" type="text/html" href="https://www.hotelsmarrakech.net/de//" title="Deutch"> <link rel="alternate" hreflang="en" type="text/html" href="https://www.hotelsmarrakech.net/en//" title="English"> <link rel="alternate" hreflang="es" type="text/html" href="https://www.hotelsmarrakech.net/es//" title="Spanish"> <link rel="alternate" hreflang="fr" type="text/html" href="https://www.hotelsmarrakech.net/fr//" title="French"> <link rel="alternate" hreflang="el" type="text/html" href="https://www.hotelsmarrakech.net/el//" title="Greek"> <link rel="alternate" hreflang="he" type="text/html" href="https://www.hotelsmarrakech.net/he//" title="Hebrew"> <link rel="alternate" hreflang="it" type="text/html" href="https://www.hotelsmarrakech.net/it//" title="Italiano"> <link rel="alternate" hreflang="ja" type="text/html" href="https://www.hotelsmarrakech.net/ja//" title="Japanese"> <link rel="alternate" hreflang="nl" type="text/html" href="https://www.hotelsmarrakech.net/nl//" title="Dutch"> <link rel="alternate" hreflang="no" type="text/html" href="https://www.hotelsmarrakech.net/no//" title="Norwegian"> <link rel="alternate" hreflang="pl" type="text/html" href="https://www.hotelsmarrakech.net/pl//" title="Polish"> <link rel="alternate" hreflang="pt" type="text/html" href="https://www.hotelsmarrakech.net/pt//" title="Portuguese"> <link rel="alternate" hreflang="ru" type="text/html" href="https://www.hotelsmarrakech.net/ru//" title="Russian"> <link rel="alternate" hreflang="sv" type="text/html" href="https://www.hotelsmarrakech.net/sv//" title="Swedish"> <link rel="alternate" hreflang="tr" type="text/html" href="https://www.hotelsmarrakech.net/tr//" title="Turkish"> <link rel="alternate" hreflang="uk" type="text/html" href="https://www.hotelsmarrakech.net/uk//" title="Ukrainian"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="canonical" href="https://www.hotelsmarrakech.net/en//"> </head> <body class="sunset-main"> <div class="banner js-head-banner " style="background-image: linear-gradient(to bottom, #202020, rgba(255, 255, 255, 0))" > <div class="banner__main-photo"> <div class="banner__main-photo-overlay"></div> <div class="banner__bg banner__bg--desktop" style="display: none; background-image: url(/img/bg/116657.JPEG)"> </div> <picture> <source srcset="/img/bg/450x450/116657.JPEG" media="(max-width: 768px)"> <img class="banner__main-photo-item banner__main-photo-item--0" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--1" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--2" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--3" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--4" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--5" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--6" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--7" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--8" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--9" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--10" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--11" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--12" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--13" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--14" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--15" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--16" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--17" srcset="" alt=""> <img class="banner__main-photo-item banner__main-photo-item--18" srcset="" alt=""> </picture> </div> <header class="header "> <div class="new-container"> <div class="header__inner"> <a href="/en/" class="header__logo"> <div class="header__logo-text"> Marrakesh </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </a> <button class="header__nav-toggler js-toggle-navigation show-mobile"> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> <span class="header__nav-toggler-line"></span> </button> <div class="header__nav js-navigation-dropdown"> <div class="header__nav-header"> <div class="header__logo header__logo--black"> <div class="header__logo-text"> Marrakesh </div> <div class="header__logo-sub-text">• hotels & resorts •</div> </div> <button class="header__nav-toggler js-toggle-navigation"> <span class="header__nav-toggler-cross"></span> <span class="header__nav-toggler-cross header__nav-toggler-cross--right"></span> </button> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> Currency <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MQ=="> <span class="dropdown__list-item-code"> USD </span> U.S. dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Mw=="> <span class="dropdown__list-item-code"> EUR </span> Euro </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Nw=="> <span class="dropdown__list-item-code"> GBP </span> Pound sterling </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTE="> <span class="dropdown__list-item-code"> AUD </span> Australian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjE="> <span class="dropdown__list-item-code"> CAD </span> Canadian dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NDg="> <span class="dropdown__list-item-code"> BRL </span> Brazilian real </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NDk="> <span class="dropdown__list-item-code"> BGN </span> Bulgarian lev </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NTc="> <span class="dropdown__list-item-code"> CNY </span> Chinese yuan </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NjY="> <span class="dropdown__list-item-code"> CZK </span> Czech koruna </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9NA=="> <span class="dropdown__list-item-code"> DKK </span> Danish krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM="> <span class="dropdown__list-item-code"> HKD </span> Hong Kong dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Nzc="> <span class="dropdown__list-item-code"> ILS </span> Israeli new sheqel </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjM="> <span class="dropdown__list-item-code"> JPY </span> Japanese yen </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTA="> <span class="dropdown__list-item-code"> MYR </span> Malaysian ringgit </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTI="> <span class="dropdown__list-item-code"> NZD </span> New Zealand dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjI="> <span class="dropdown__list-item-code"> NOK </span> Norwegian krone </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM1"> <span class="dropdown__list-item-code"> PLN </span> Polish zloty </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM2"> <span class="dropdown__list-item-code"> RON </span> Romanian leu </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTM3"> <span class="dropdown__list-item-code"> RUB </span> Russian ruble </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTQy"> <span class="dropdown__list-item-code"> SAR </span> Saudi riyal </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MjQ="> <span class="dropdown__list-item-code"> SGD </span> Singapore dollar </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTU="> <span class="dropdown__list-item-code"> ZAR </span> South African rand </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTUx"> <span class="dropdown__list-item-code"> KRW </span> South Korean won </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9OQ=="> <span class="dropdown__list-item-code"> SEK </span> Swedish krona </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9OA=="> <span class="dropdown__list-item-code"> CHF </span> Swiss franc </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTYy"> <span class="dropdown__list-item-code"> TRY </span> Turkish lira </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9MTY2"> <span class="dropdown__list-item-code"> UAH </span> Ukrainian hryvnia </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="Ly8/Y3VycmVuY3k9Mg=="> <span class="dropdown__list-item-code"> THB </span> Thai baht </span> </li> </ul> </div> </div> <div class="header__nav-item item js-header-dropdown-wrapper"> <div class="item__title js-header-toggler"> English <svg class="item__title-icon" width="10" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.84.508l-.327-.33a.543.543 0 00-.387-.16.543.543 0 00-.387.16L5.002 3.915 1.262.174a.543.543 0 00-.387-.16.543.543 0 00-.387.16L.16.502a.548.548 0 000 .773l4.454 4.47a.56.56 0 00.388.176h.002a.559.559 0 00.386-.176l4.45-4.458a.552.552 0 000-.78z" fill="currentColor" /> </svg> </div> <div class="dropdown dropdown--right js-header-dropdown"> <ul class="dropdown__list js-lang-currency-list"> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2FyLy8="> العربية </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L3poLy8="> 简体中文 </span> </li> <li class="dropdown__list-item"> <a href="/cs//" class="dropdown__list-link js-link"> Čeština </a> </li> <li class="dropdown__list-item"> <a href="/da//" class="dropdown__list-link js-link"> Dansk </a> </li> <li class="dropdown__list-item"> <a href="/de//" class="dropdown__list-link js-link"> Deutsch </a> </li> <li class="dropdown__list-item"> <a href="/en//" class="dropdown__list-link js-link"> English </a> </li> <li class="dropdown__list-item"> <a href="/es//" class="dropdown__list-link js-link"> Español </a> </li> <li class="dropdown__list-item"> <a href="/fr//" class="dropdown__list-link js-link"> Français </a> </li> <li class="dropdown__list-item"> <a href="/el//" class="dropdown__list-link js-link"> Ελληνικά </a> </li> <li class="dropdown__list-item"> <a href="/he//" class="dropdown__list-link js-link"> עברית </a> </li> <li class="dropdown__list-item"> <a href="/it//" class="dropdown__list-link js-link"> Italiano </a> </li> <li class="dropdown__list-item"> <a href="/ja//" class="dropdown__list-link js-link"> 日本語 </a> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2tvLy8="> 한국어 </span> </li> <li class="dropdown__list-item"> <span class="dropdown__list-link js-link js-link-new" data-internal="L2h1Ly8="> Magyar </span> </li> <li class="dropdown__list-item"> <a href="/nl//" class="dropdown__list-link js-link"> Nederlands </a> </li> <li class="dropdown__list-item"> <a href="/no//" class="dropdown__list-link js-link"> Norsk </a> </li> <li class="dropdown__list-item"> <a href="/pl//" class="dropdown__list-link js-link"> Polski </a> </li> <li class="dropdown__list-item"> <a href="/pt//" class="dropdown__list-link js-link"> Português </a> </li> <li class="dropdown__list-item"> <a href="/ru//" class="dropdown__list-link js-link"> Русский </a> </li> <li class="dropdown__list-item"> <a href="/sv//" class="dropdown__list-link js-link"> Svenska </a> </li> <li class="dropdown__list-item"> <a href="/tr//" class="dropdown__list-link js-link"> Türkçe </a> </li> <li class="dropdown__list-item"> <a href="/uk//" class="dropdown__list-link js-link"> Українська </a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="banner__content new-container"> <h1 class="banner__title"> Welcome to hotels in Marrakesh! </h1> <p class="banner__text"> The first local travel network providing best rates and availability of selected accommodations</p> <form action="/en/search/" method="post" class="banner__form main-form js-avail-form"> <div class="main-form__new-calendar js-new-calendar-wrapper"> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-from"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-in</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">19</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <input class="js-new-calendar-from-input" type="hidden" name="from" value="2024-12-19"> </div> <div class="main-form-field main-form__field main-form__field--border js-new-calendar-to"> <div class="main-form-field__head"> <div class="main-form-field__title">Check-out</div> <div class="main-form-field__content main-form-field__content--en"> <div class="main-form-field__number js-date-day">20</div> <div class="main-form-field__text"> <div class="main-form-field__text-item main-form-field__text-item--month main-form-field__text-item--bold js-date-month">Dec</div> <div class="main-form-field__text-item hide-tablet js-date-year">2024</div> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="hidden js-plural-night-1"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> night)</div> </div> <div class="hidden js-plural-night-2"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <div class="hidden js-plural-night-5"> <div class="js-plural-night-phrase">(<span class='js-night-count'></span> nights)</div> </div> <input class="js-new-calendar-to-input" type="hidden" name="to" value="2024-12-20"> </div> </div> <div class="main-form-field main-form__field"> <div class="main-form-field__head js-guests-toggler"> <div class="main-form-field__title">Guests</div> <div class="main-form-field__content"> <div class="main-form-field__number js-guests-count">2</div> <div class="main-form-field__text"> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="1"> guest</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text is-active" data-guests-count="2"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="3"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="4"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="5"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="6"> guests</p> <p class="main-form-field__text-item main-form-field__text-guests js-guests-count-text " data-guests-count="7"> guests</p> </div> </div> <svg class="main-form-field__corner" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 6" style="enable-background:new 0 0 10 6;" xml:space="preserve"> <path d="M9.8,0.2C9.7,0.1,9.5,0,9.4,0H0.6C0.5,0,0.3,0.1,0.2,0.2C0.1,0.3,0,0.5,0,0.7C0,0.8,0.1,1,0.2,1.1l4.4,4.7 C4.8,6,5.1,6.1,5.4,5.9c0,0,0,0,0.1-0.1l4.4-4.7C9.9,1,10,0.8,10,0.7C10,0.5,9.9,0.3,9.8,0.2z"/> </svg> </div> <div class="dropdown main-form-field__dropdown js-guests-dropdown"> <div class="dropdown__block"> <div class="dropdown__item"> <div class="dropdown__title"> Adults: </div> <select class="dropdown__select js-adults-select" name="adults"> <option value="1">1</option> <option value="2" selected="selected">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="dropdown__item"> <div class="dropdown__title"> Children: </div> <select class="dropdown__select js-children-select" name="children"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> </div> <div class="dropdown__block js-children-wrapper"></div> <div class="dropdown__error js-error js-error-child">Specify the age of a child</div> <div class="dropdown__error js-error js-error-children">Specify the age of children</div> <div class="dropdown__block dropdown__block--margin"> <button class="dropdown__button dropdown__button--cancel js-cancel-button" type="button">Cancel</button> <button class="dropdown__button dropdown__button js-ok-button" type="button">OK</button> </div> </div> </div> <div class="main-form__submit-container"> <button class="main-form__submit" type="submit">Search</button> </div> </form> </div> </div> <div class="sunset sunset-main"> <div class="content js-content clearfix"> <div class="js-hotels-available"> <div class="sunset__content"> <div class="recommendation js-hotels-recommendation"> <div class="new-container "> <div class="recommendation__title"> <span class="recommendation__title-text">Editor's Choice</span> <span class="recommendation__date">for 12.18</span> </div> <div class="recommendation__description"> <q> 4 best available hotels from 11US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money. </q> <p class="recommendation__author"> <img width="22" height="" src="/new/designs/90/destination/img/recommendation/authors/recommendation-author-1.png" /> by our editor Billy Schultz </p> </div> <div class="recommendation__list js-mobile-slider js-ht-hotels-block-recommendation"> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card is-first-slide" data-id="20422697" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>37</b> <b>US$</b> tonight </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/14932/1493211/1493211985.JPEG" srcset="/data/Photos/450x450w/14932/1493211/1493211985.JPEG 1x, /data/Photos/700x500w/14932/1493211/1493211985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16179/1617927/1617927146.JPEG" srcset="/data/Photos/450x450w/16179/1617927/1617927146.JPEG 1x, /data/Photos/700x500w/16179/1617927/1617927146.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16179/1617927/1617927141.JPEG" srcset="/data/Photos/450x450w/16179/1617927/1617927141.JPEG 1x, /data/Photos/700x500w/16179/1617927/1617927141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16175/1617575/1617575166.JPEG" srcset="/data/Photos/450x450w/16175/1617575/1617575166.JPEG 1x, /data/Photos/700x500w/16175/1617575/1617575166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16175/1617575/1617575168.JPEG" srcset="/data/Photos/450x450w/16175/1617575/1617575168.JPEG 1x, /data/Photos/700x500w/16175/1617575/1617575168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/16175/1617575/1617575173.JPEG" srcset="/data/Photos/450x450w/16175/1617575/1617575173.JPEG 1x, /data/Photos/700x500w/16175/1617575/1617575173.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Paradise House"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9wYXJhZGlzZS1ob3VzZS00MDE0MC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLz9mcm9tPTIwMjQtMTItMTgmdG89MjAyNC0xMi0xOSZhZHVsdHM9MiZjaGlsZHJlbj0wJmN1cnJlbmN5PTEjcm9vbXM="> Paradise House </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 8.1 km to the city centre </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Show on map</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Superb location </span> <div class="hotels-tonight-card__grade-details">This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9.6</div> <div class="hotels-tonight-card__review-text">Excellent</div> <div class="hotels-tonight-card__review-count">(106 reviews)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="22383838" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>11</b> <b>US$</b> tonight </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15901/1590126/1590126238.JPEG" srcset="/data/Photos/450x450w/15901/1590126/1590126238.JPEG 1x, /data/Photos/700x500w/15901/1590126/1590126238.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15887/1588759/1588759994.JPEG" srcset="/data/Photos/450x450w/15887/1588759/1588759994.JPEG 1x, /data/Photos/700x500w/15887/1588759/1588759994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15887/1588760/1588760014.JPEG" srcset="/data/Photos/450x450w/15887/1588760/1588760014.JPEG 1x, /data/Photos/700x500w/15887/1588760/1588760014.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15887/1588760/1588760115.JPEG" srcset="/data/Photos/450x450w/15887/1588760/1588760115.JPEG 1x, /data/Photos/700x500w/15887/1588760/1588760115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15887/1588760/1588760141.JPEG" srcset="/data/Photos/450x450w/15887/1588760/1588760141.JPEG 1x, /data/Photos/700x500w/15887/1588760/1588760141.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15887/1588760/1588760195.JPEG" srcset="/data/Photos/450x450w/15887/1588760/1588760195.JPEG 1x, /data/Photos/700x500w/15887/1588760/1588760195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Riad Lwalidin"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9yaWFkLWx3YWxpZGluLmhvdGVsc21hcnJha2VjaC5uZXQvZW4vP2Zyb209MjAyNC0xMi0xOCZ0bz0yMDI0LTEyLTE5JmFkdWx0cz0yJmNoaWxkcmVuPTAmY3VycmVuY3k9MSNyb29tcw=="> Riad Lwalidin </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 1.8 km to the city centre </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Show on map</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9.4</div> <div class="hotels-tonight-card__review-text">Excellent</div> <div class="hotels-tonight-card__review-count">(153 reviews)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="15806950" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>48</b> <b>US$</b> tonight </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15075/1507569/1507569745.JPEG" srcset="/data/Photos/450x450w/15075/1507569/1507569745.JPEG 1x, /data/Photos/700x500w/15075/1507569/1507569745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/13309/1330955/1330955732.JPEG" srcset="/data/Photos/450x450w/13309/1330955/1330955732.JPEG 1x, /data/Photos/700x500w/13309/1330955/1330955732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15075/1507569/1507569769.JPEG" srcset="/data/Photos/450x450w/15075/1507569/1507569769.JPEG 1x, /data/Photos/700x500w/15075/1507569/1507569769.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15075/1507569/1507569775.JPEG" srcset="/data/Photos/450x450w/15075/1507569/1507569775.JPEG 1x, /data/Photos/700x500w/15075/1507569/1507569775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15075/1507569/1507569778.JPEG" srcset="/data/Photos/450x450w/15075/1507569/1507569778.JPEG 1x, /data/Photos/700x500w/15075/1507569/1507569778.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15075/1507569/1507569856.JPEG" srcset="/data/Photos/450x450w/15075/1507569/1507569856.JPEG 1x, /data/Photos/700x500w/15075/1507569/1507569856.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Riad Ouhmidi"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9yaWFkLW91aG1pZGkuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8/ZnJvbT0yMDI0LTEyLTE4JnRvPTIwMjQtMTItMTkmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Riad Ouhmidi </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Show on map</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Excellent location </span> <div class="hotels-tonight-card__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9.4</div> <div class="hotels-tonight-card__review-text">Excellent</div> <div class="hotels-tonight-card__review-count">(661 reviews)</div> </div> </div> </div> <div class="hotels-tonight-card--with-badge small-photo no-border hotels-tonight-card js-ht-card" data-id="17020250" data-tonight-adult-count="2" data-tonight-key="1"> <div class="hotels-tonight-card__header"> <div class="hotels-tonight-card__badge"> <b>58</b> <b>US$</b> tonight </div> <a class="hotellist-gallery-arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </a> <div class="hotels-tonight-card__carousel-photos"> <div class="hotels-tonight-card__carousel-photos-gallery js-ht-card-gallery"> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15940/1594016/1594016507.JPEG" srcset="/data/Photos/450x450w/15940/1594016/1594016507.JPEG 1x, /data/Photos/700x500w/15940/1594016/1594016507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15524/1552424/1552424113.JPEG" srcset="/data/Photos/450x450w/15524/1552424/1552424113.JPEG 1x, /data/Photos/700x500w/15524/1552424/1552424113.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15524/1552423/1552423120.JPEG" srcset="/data/Photos/450x450w/15524/1552423/1552423120.JPEG 1x, /data/Photos/700x500w/15524/1552423/1552423120.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15524/1552423/1552423462.JPEG" srcset="/data/Photos/450x450w/15524/1552423/1552423462.JPEG 1x, /data/Photos/700x500w/15524/1552423/1552423462.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15524/1552423/1552423939.JPEG" srcset="/data/Photos/450x450w/15524/1552423/1552423939.JPEG 1x, /data/Photos/700x500w/15524/1552423/1552423939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-tonight-card__image" src="/data/Photos/450x450w/15940/1594016/1594016514.JPEG" srcset="/data/Photos/450x450w/15940/1594016/1594016514.JPEG 1x, /data/Photos/700x500w/15940/1594016/1594016514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <a class="hotellist-gallery-arrow hotellist-gallery-arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotellist-gallery-arrow__icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </a> </div> <div class="hotels-tonight-card__content"> <p class="hotels-tonight-card__title" title="Riad Musa"> <span class="hotels-tonight-card__title-link js-new-window" data-new-window="aHR0cHM6Ly9yaWFkLW11c2EuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8/ZnJvbT0yMDI0LTEyLTE4JnRvPTIwMjQtMTItMTkmYWR1bHRzPTImY2hpbGRyZW49MCZjdXJyZW5jeT0xI3Jvb21z"> Riad Musa </span> <span class="hotels-tonight-card__title-arrow"></span> </p> <div class="hotels-tonight-card__distance"> <div class="hotels-tonight-card__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-tonight-card__distance-button js-ht-card-show-on-map">Show on map</div> </div> <div class="hotels-tonight-card__grade"> <span class="hotels-tonight-card__grade-text"> Exceptional location </span> <div class="hotels-tonight-card__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-tonight-card__review"> <div class="hotels-tonight-card__review-number">9.2</div> <div class="hotels-tonight-card__review-text">Excellent</div> <div class="hotels-tonight-card__review-count">(354 reviews)</div> </div> </div> </div> </div> <aside class="popular-destination"> <div class="aside__title"> Popular Marrakesh destinations </div> <div class="aside__inner"> <div class="destination__card destination__card"> <div class="destination__card__photo"> <div class="destination__card__badge"> for sightseeing </div> <img height="260" src="/img/lide/450x450/0/1/1919.JPEG" alt="Medina"/> </div> <h5 class="destination__card__title"><a class="js-link js-link-new" data-internal="L2VuL25lYXItbWVkaW5hLWRyMjg0MTQw">Medina</a></h5> <p> Walk around Medina, the city's historic heart, to marvel at the majestic palaces, remarkable mosques, and vivid souks. <span class="destination__card__more_btn js-link js-link-new" data-internal="L2VuL25lYXItbWVkaW5hLWRyMjg0MTQw">More +</span> </p> </div> <div class="tablet-divider"></div> <div class="destination__card destination__card"> <div class="destination__card__photo"> <div class="destination__card__badge"> for aesthetics </div> <img height="260" src="/img/lide/450x450/0/1/1920.JPEG" alt="Gueliz"/> </div> <h5 class="destination__card__title"><a class="js-link js-link-new" data-internal="L2VuL25lYXItZ3VlbGl6LWRyMjg0MTQx">Gueliz</a></h5> <p> Gueliz stands out with its charm, as well as a vast variety of cultivated leisure options, such as museums and galleries. <span class="destination__card__more_btn js-link js-link-new" data-internal="L2VuL25lYXItZ3VlbGl6LWRyMjg0MTQx">More +</span> </p> </div> </div> <button class="btn btn-outline btn-toggle js-popular-destination-toggle is-open" data-target=".recommendation__additional-destination"> <span>Show All</span> <span>Hide</span> <span class="arrow"> <svg width="8.44" height="12"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-down"></use> </svg> </span> </button> </aside> <div class="recommendation__additional-destination open"> <ul class="list articles__other-links-list"> <li class="list__item"> <a href="/en/near-medina-dr284140/" class="link-outline recommendation__additional-destination__item list__link">Medina</a> </li> <li class="list__item"> <a href="/en/near-gueliz-dr284141/" class="link-outline recommendation__additional-destination__item list__link">Gueliz</a> </li> <li class="list__item"> <a href="/en/near-hivernage-dr284063/" class="link-outline recommendation__additional-destination__item list__link">Hivernage</a> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcGFsbWVyYWllLWRyMjg0MDYy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Palmeraie</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItYWdkYWwtZHIyODQwNjQ=" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Agdal</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta2FzYmFoLWRyMjg2MDUw" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Kasbah</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItZGFvdWRpYXRlLWRyMjg2MDcz" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Daoudiate</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWVsbGFoLWRyMjg2MDcy" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Mellah</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWFqb3JlbGxlLWRyOTAzOTg0" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Majorelle</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItY2hyaWZpYS1kcjI4NTM5OQ==" class="list__link js-link js-link-new link-outline recommendation__additional-destination__item">Chrifia</span> </li> </ul> </div> </div> </div> <div class="ht-map js-ht-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="ht-map"></div> </div> <div class="presetting-section"> <div class="new-container"> <div class="section__title">Tailor your stay</div> <p class="section__subtitle"> Go to the city’s largest square Jemaa el-Fnaa, where authentic shops, enchanting cafés, and snake charmers create the specific flavor of Marrakech. </p> <div class="presetting-section__select js-tailor-mobile-slider"> <a href="theme/cheap-and-budget-hotels-9/" class="hotels-search-presetting__card"> <span class='hotels-search-presetting__card__currency-symbol'>$</span> <span class="hotels-search-presetting__card__title">Cheap and budget hotels</span> <p class="hotels-search-presetting__card__description">Check out the most affordable accommodations in Marrakesh.</p> <span class="btn btn-show-hotels">Show hotels</span> </a> <span data-internal="dGhlbWUvYm91dGlxdWUtaG90ZWxzLTQ=" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$</span> <span class="hotels-search-presetting__card__title">Boutique hotels</span> <p class="hotels-search-presetting__card__description">Explore comfortable and reasonably priced hotels.</p> <span class="btn btn-show-hotels">Show hotels</span> </span> <span data-internal="dGhlbWUvbHV4dXJ5LWhvdGVscy0xNA==" class="hotels-search-presetting__card js-link js-link-new"> <span class='hotels-search-presetting__card__currency-symbol'>$$$</span> <span class="hotels-search-presetting__card__title">Luxury hotels</span> <p class="hotels-search-presetting__card__description">Take a look at the best luxury places to stay.</p> <span class="btn btn-show-hotels">Show hotels</span> </span> </div> </div> </div> <div class="near-sights"> <div class="new-container"> <div class="section__title near-sights__title">Near best sights</div> <div class="section__subtitle">Stroll through the impressive Jemaa el-Fnaa to get to Medina, an Old Town area with historic buildings and remarkable museums.</div> <div class="near-sights__content__wrapper"> <div class="sights-list__wrapper"> <div class="sights-list js-near-sights-mobile-slider"> <a href="near-theatre-royal-161269" class="sights-list__item"> <div class="sights-list__item__photo"> <img height="260" src="/img/lide/450x450/0/1/1921.JPEG" /> </div> <div class="sights-list__item__title"> Near the Theatre Royal <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </a> <a href="near-koutoubia-379978" class="sights-list__item"> <div class="sights-list__item__photo"> <img height="260" src="/img/lide/450x450/0/1/1923.JPEG" /> </div> <div class="sights-list__item__title"> Near the Koutoubia <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </div> </a> <a href="landmark-243" class="sights-list__item sights-list__item--all-landmarks"> <div class="sights-list__item__content"> <svg width="30" height="34" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.081 22.422c-1.63-.784-3.705-1.379-6.005-1.734a10.947 10.947 0 003.763-3.216 10.86 10.86 0 002.145-6.51C25.984 4.919 21.057 0 15 0S4.016 4.918 4.016 10.963c0 2.363.742 4.614 2.146 6.509a10.948 10.948 0 003.76 3.215c-.706.11-1.393.241-2.054.395-2.226.518-4.11 1.278-5.448 2.198C.456 24.63.044 26.047.044 26.998c0 1.95 1.67 3.705 4.705 4.943 2.754 1.124 6.395 1.743 10.251 1.743 3.857 0 7.497-.619 10.251-1.743 3.034-1.238 4.705-2.994 4.705-4.943 0-1.238-.672-3.037-3.875-4.576zM5.99 10.962c0-4.958 4.042-8.992 9.01-8.992s9.01 4.034 9.01 8.993a8.97 8.97 0 01-6.23 8.556l-.4.129L15 24.52l-2.38-4.873-.4-.13a8.97 8.97 0 01-6.23-8.555zM15 31.715c3.606 0 6.982-.567 9.504-1.596 2.178-.89 3.478-2.056 3.478-3.12 0-1.782-3.71-3.962-9.768-4.56L15 29.014l-3.213-6.578A27.21 27.21 0 008.316 23c-3.767.877-6.299 2.483-6.299 3.998 0 1.064 1.3 2.23 3.479 3.12 2.522 1.03 5.898 1.596 9.504 1.596z" fill="#242C4A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4.597c3.524 0 6.39 2.86 6.39 6.378 0 3.517-2.866 6.378-6.39 6.378-3.524 0-6.39-2.861-6.39-6.378S11.475 4.597 15 4.597zm0 1.97a4.418 4.418 0 00-4.417 4.408 4.418 4.418 0 008.834 0A4.418 4.418 0 0015 6.567z" fill="#242C4A"/> </svg> <p>Choose a hotel near other popular landmarks.</p> <span class="btn"> all landmarks <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> </a> </div> </div> <aside class="near-sights__map-block"> <span data-internal="L21hcC8jbWFwLVszMS42MjE5ODIsLTcuOTkxNTk4LDEyXQ==" class="js-link js-link-new"> <div class="near-sights__map js-map" data-zoom="8" id="destination-small-map"></div> </span> <p>View and find your hotel in Morocco on our interactive map!</p> <span data-internal="L21hcC8jbWFwLVszMS42MjE5ODIsLTcuOTkxNTk4LDEyXQ==" class="btn btn-outline js-link js-link-new"> see the map <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </aside> </div> <div class="near-sights__other-places other-places"> <div class="other-places__header"> Check other popular places to stay in Morocco <div class="other-places__btn-show-more btn-toggle js-near-sights-other-places is-open" data-target=".other-places__additional" > <span>Show All</span> <span>Hide</span> </div> </div> <div class="other-places__list"> <ul class="list list-of-outline-links"> <li class="list__item"> <a href="/en/near-djemaa-el-fna-379945/" class="list__link link-outline">Djemaa El Fna</a> </li> <li class="list__item"> <a href="/en/near-marrakesh-train-station-379936/" class="list__link link-outline">Marrakesh Train Station</a> </li> <li class="list__item"> <a href="/en/near-menara-140209/" class="list__link link-outline">Menara</a> </li> <li class="list__item"> <a href="/en/near-souk-of-the-medina-379948/" class="list__link link-outline">Souk of the Medina</a> </li> <li class="list__item"> <span data-internal="L2VuL25lYXIta291dG91YmlhLTM3OTk3OC8=" class="list__link js-link js-link-new link-outline">Koutoubia</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWFqb3JlbGxlLWdhcmRlbnMtMTYxMjY1Lw==" class="list__link js-link js-link-new link-outline">Majorelle Gardens</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWVuYXJhLW1hbGwtMzgwMDAyLw==" class="list__link js-link js-link-new link-outline">Menara Mall</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWFycmFrZWNoLW11c2V1bS0zNzk5NzUv" class="list__link js-link js-link-new link-outline">Marrakech Museum</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItc291ay1kZS1sYS1tZWRpbmEtMTYxMjU4Lw==" class="list__link js-link js-link-new link-outline">Souk de la Medina</span> </li> </ul> <ul class="list list-of-outline-links other-places__additional open"> <li class="list__item"> <span data-internal="L2VuL25lYXItY2FycmUtZWRlbi1zaG9wcGluZy1jZW50ZXItMzc5OTcyLw==" class="list__link js-link js-link-new link-outline">Carré Eden Shopping Center</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItdGhlYXRyZS1yb3lhbC0xNjEyNjkv" class="list__link js-link js-link-new link-outline">Theatre Royal</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcGxhY2UtZHUtMTYtbm92ZW1icmUtMTYxMjU3Lw==" class="list__link js-link js-link-new link-outline">Place du 16 Novembre</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbWFyb2MtbmF0dXJlLTEyMzIwOC8=" class="list__link js-link js-link-new link-outline">Maroc Nature</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcm95YWwtdGVubmlzLWNsdWItZGUtbWFycmFrZWNoLTE3Njk0ODYv" class="list__link js-link js-link-new link-outline">Royal Tennis Club de Marrakech</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItcGxhY2UtamVtYWEtZWwtZm5hLTg0ODk4Lw==" class="list__link js-link js-link-new link-outline">place Jemaa el Fna</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItY3liZXItcGFyay1tb3VsYXktYWJkZXNzYWxhbS0xMDM4NDA4Lw==" class="list__link js-link js-link-new link-outline">Cyber Park Moulay Abdessalam</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItZHllci1zLXN0cmVldC0xODI1ODA4Lw==" class="list__link js-link js-link-new link-outline">Dyer's street</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItbW91bGF5LWVsLXlhemlkLW1vc3F1ZS0zNzk5NTQv" class="list__link js-link js-link-new link-outline">Moulay El Yazid Mosque</span> </li> <li class="list__item"> <span data-internal="L2VuL25lYXItaW5zdGl0dXRlLW9mLWFwcGxpZWQtdGVjaG5vbG9neS1hbmQtdG91cmlzbS0zODAwMTcv" class="list__link js-link js-link-new link-outline">Institute of Applied Technology and Tourism</span> </li> </ul> </div> </div> </div> </div> <div class="presetting-section unique-homes-section"> <div class="new-container"> <div class="section__title">Book unique homes</div> <p class="section__subtitle"> Discover the exceptional accommodation options to enjoy the proximity to the Marrakech Medina, or city’s striking gardens. </p> <div class="presetting-section__select js-unique-homes-mobile-slider"> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VuL3R5cGUvYXBhcnRtZW50cy0zLw=="> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#living-home"></use> </svg> <span class="hotels-search-presetting__card__title">Apartments</span> <p class="hotels-search-presetting__card__description">Privacy, independence, local experiences</p> <span class="btn btn-show-hotels">Show hotels</span> </div> <a href="/en/type/hotels-12/" class="hotels-search-presetting__card"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Hotels</span> <p class="hotels-search-presetting__card__description">24/7 staff, no chores, dream holiday.</p> <span class="btn btn-show-hotels">Show hotels</span> </a> <div class="hotels-search-presetting__card js-link js-link-new" data-internal="L2VuL3R5cGUvYmVkLWFuZC1icmVha2Zhc3RzLTQv"> <svg width="26" height="26"> <use href="/new/designs/90/destination/img/unique-homes-icon.svg#bb-hotel"></use> </svg> <span class="hotels-search-presetting__card__title">Bed & Breakfasts</span> <p class="hotels-search-presetting__card__description">Cosy rooms, unique designs, restful trip</p> <span class="btn btn-show-hotels">Show hotels</span> </div> </div> <div class="unique-homes-section__additional-links"> <ul class="list list-of-outline-links open"> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2FwYXJ0bWVudHMtYW5kLWItYnMtMy8=" class="link-outline js-link js-link-new">Apartments and B&Bs</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2FpcnBvcnQtaG90ZWxzLTEv" class="link-outline js-link js-link-new">Airport hotels</span> </li> <li class="other-link__list-item"> <a href="/en/theme/central-hotels-8/" class="link-outline">Central hotels</a> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2x1eHVyeS1hY2NvbW1vZGF0aW9ucy0zNS8=" class="link-outline js-link js-link-new">Luxury accommodations</span> </li> <li class="other-link__list-item"> <a href="/en/theme/cheap-and-budget-hotels-9/" class="link-outline">Cheap and budget hotels</a> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3BldHMtYWxsb3dlZC0yOC8=" class="link-outline js-link js-link-new">Pet-friendly hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3Jlc29ydHMtMTgv" class="link-outline js-link js-link-new">Resorts</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3NwYS1ob3RlbHMtMTcv" class="link-outline js-link js-link-new">Spa hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3Bvb2wtaG90ZWxzLTM0Lw==" class="link-outline js-link js-link-new">Hotels with indoor pool</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL3ByaXZhdGUtdmlsbGFzLTM3Lw==" class="link-outline js-link js-link-new">Private Villas</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2x1eHVyeS1ob3RlbHMtMTQv" class="link-outline js-link js-link-new">Luxury hotels</span> </li> <li class="other-link__list-item"> <span data-internal="L2VuL3RoZW1lL2phY3V6emktMzMv" class="link-outline js-link js-link-new">Jacuzzi</span> </li> </ul> </div> <div> <button class="btn btn-outline btn-toggle btn-show-more is-open" data-target='.unique-homes-section .list-of-outline-links'> <span>Show All</span> <span>Hide</span> </button> </div> </div> </div> <div class="main-content js-main-content-wrapper"> <div class="new-container"> <h2 class="section__title">Hotels by stars</h2> <div class="new-row"> <div class="main-content__content js-stars-category-container"> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/5-stars/" class="main-hotels__title-link"> 5-star hotels in Marrakesh </a> </h3> <p class="main-hotels__text section__subtitle"> First-class accommodation for an awesome holiday </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzUtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="5"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="100509" data-hbs-latitude="31.6191" data-hbs-longitude="-8.00824" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzNTQvMTUzNTQyMy8xNTM1NDIzMzcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15354/1535423/1535423371.JPEG" srcset="/data/Photos/450x450w/15354/1535423/1535423371.JPEG 1x, /data/Photos/700x500w/15354/1535423/1535423371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627930/1627930875.JPEG" srcset="/data/Photos/450x450w/16279/1627930/1627930875.JPEG 1x, /data/Photos/700x500w/16279/1627930/1627930875.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627930/1627930876.JPEG" srcset="/data/Photos/450x450w/16279/1627930/1627930876.JPEG 1x, /data/Photos/700x500w/16279/1627930/1627930876.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16279/1627930/1627930877.JPEG" srcset="/data/Photos/450x450w/16279/1627930/1627930877.JPEG 1x, /data/Photos/700x500w/16279/1627930/1627930877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629389/1629389397.JPEG" srcset="/data/Photos/450x450w/16293/1629389/1629389397.JPEG 1x, /data/Photos/700x500w/16293/1629389/1629389397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16293/1629389/1629389394.JPEG" srcset="/data/Photos/450x450w/16293/1629389/1629389394.JPEG 1x, /data/Photos/700x500w/16293/1629389/1629389394.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Le Meridien N'Fis Hotel Marrakesh" data-hbs-name="Le Meridien N'Fis Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://le-meridien-nfis.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZS1tZXJpZGllbi1uZmlzLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Le Meridien N'Fis Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1603">(1603 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155948" data-hbs-latitude="31.6303234508531" data-hbs-longitude="-7.99625538288183" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDUvMTU4MDU1OS8xNTgwNTU5MjExLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580559/1580559211.JPEG" srcset="/data/Photos/450x450w/15805/1580559/1580559211.JPEG 1x, /data/Photos/700x500w/15805/1580559/1580559211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618827/1618827617.JPEG" srcset="/data/Photos/450x450w/16188/1618827/1618827617.JPEG 1x, /data/Photos/700x500w/16188/1618827/1618827617.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618827/1618827619.JPEG" srcset="/data/Photos/450x450w/16188/1618827/1618827619.JPEG 1x, /data/Photos/700x500w/16188/1618827/1618827619.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16188/1618827/1618827620.JPEG" srcset="/data/Photos/450x450w/16188/1618827/1618827620.JPEG 1x, /data/Photos/700x500w/16188/1618827/1618827620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580571/1580571275.JPEG" srcset="/data/Photos/450x450w/15805/1580571/1580571275.JPEG 1x, /data/Photos/700x500w/15805/1580571/1580571275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580742/1580742935.JPEG" srcset="/data/Photos/450x450w/15807/1580742/1580742935.JPEG 1x, /data/Photos/700x500w/15807/1580742/1580742935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="La Maison Arabe Hotel, Spa & Cooking Workshops Marrakesh" data-hbs-name="La Maison Arabe Hotel, Spa & Cooking Workshops Marrakesh"> <a class="hotels-by-stars__title-link" href="https://la-maison-arabe-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sYS1tYWlzb24tYXJhYmUtbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> La Maison Arabe Hotel, Spa & Cooking Workshops Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="760">(760 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155955" data-hbs-latitude="31.62429" data-hbs-longitude="-8.015412" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxMDIvMTYxMDIxNC8xNjEwMjE0NjM3LmpwZWc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214637.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214637.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214637.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214642.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214642.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214642.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214665.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214665.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214665.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214636.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214636.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214636.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214639.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214639.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214639.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16102/1610214/1610214641.jpeg" srcset="/data/Photos/450x450w/16102/1610214/1610214641.jpeg 1x, /data/Photos/700x500w/16102/1610214/1610214641.jpeg 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Moevenpick Hotel Mansour Eddahbi Marrakech Marrakesh" data-hbs-name="Moevenpick Hotel Mansour Eddahbi Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://movenpick-mansour-eddahbi-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tb3ZlbnBpY2stbWFuc291ci1lZGRhaGJpLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Moevenpick Hotel Mansour Eddahbi Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1609">(1609 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155970" data-hbs-latitude="31.622262" data-hbs-longitude="-8.001224" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMDgvMTYzMDg2NC8xNjMwODY0MTI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630864/1630864129.JPEG" srcset="/data/Photos/450x450w/16308/1630864/1630864129.JPEG 1x, /data/Photos/700x500w/16308/1630864/1630864129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16065/1606547/1606547209.JPEG" srcset="/data/Photos/450x450w/16065/1606547/1606547209.JPEG 1x, /data/Photos/700x500w/16065/1606547/1606547209.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630864/1630864077.JPEG" srcset="/data/Photos/450x450w/16308/1630864/1630864077.JPEG 1x, /data/Photos/700x500w/16308/1630864/1630864077.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630864/1630864078.JPEG" srcset="/data/Photos/450x450w/16308/1630864/1630864078.JPEG 1x, /data/Photos/700x500w/16308/1630864/1630864078.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630864/1630864079.JPEG" srcset="/data/Photos/450x450w/16308/1630864/1630864079.JPEG 1x, /data/Photos/700x500w/16308/1630864/1630864079.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630864/1630864080.JPEG" srcset="/data/Photos/450x450w/16308/1630864/1630864080.JPEG 1x, /data/Photos/700x500w/16308/1630864/1630864080.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hivernage Hotel & Spa Marrakesh" data-hbs-name="Hivernage Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-hivernage.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1oaXZlcm5hZ2UuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Hivernage Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Very Good">Very Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2668">(2668 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="175414" data-hbs-latitude="31.6260246482425" data-hbs-longitude="-7.99178123474121" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NzQvMTU4NzQ5OS8xNTg3NDk5MjkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15874/1587499/1587499291.JPEG" srcset="/data/Photos/450x450w/15874/1587499/1587499291.JPEG 1x, /data/Photos/700x500w/15874/1587499/1587499291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280100/1280100964.JPEG" srcset="/data/Photos/450x450w/12801/1280100/1280100964.JPEG 1x, /data/Photos/700x500w/12801/1280100/1280100964.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280101/1280101123.JPEG" srcset="/data/Photos/450x450w/12801/1280101/1280101123.JPEG 1x, /data/Photos/700x500w/12801/1280101/1280101123.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280101/1280101195.JPEG" srcset="/data/Photos/450x450w/12801/1280101/1280101195.JPEG 1x, /data/Photos/700x500w/12801/1280101/1280101195.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280101/1280101402.JPEG" srcset="/data/Photos/450x450w/12801/1280101/1280101402.JPEG 1x, /data/Photos/700x500w/12801/1280101/1280101402.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280101/1280101528.JPEG" srcset="/data/Photos/450x450w/12801/1280101/1280101528.JPEG 1x, /data/Photos/700x500w/12801/1280101/1280101528.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Les Jardins De La Koutoubia Hotel Marrakesh" data-hbs-name="Les Jardins De La Koutoubia Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://les-jardins-de-la-koutoubia.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZXMtamFyZGlucy1kZS1sYS1rb3V0b3ViaWEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Les Jardins De La Koutoubia Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2250">(2250 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="206969" data-hbs-latitude="31.632887" data-hbs-longitude="-7.99762" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk4My82OTgzNjkvNjk4MzY5NzE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6983/698369/698369718.JPEG" srcset="/data/Photos/450x450w/6983/698369/698369718.JPEG 1x, /data/Photos/700x500w/6983/698369/698369718.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2647/264765/264765821.JPEG" srcset="/data/Photos/450x450w/2647/264765/264765821.JPEG 1x, /data/Photos/700x500w/2647/264765/264765821.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12119/1211900/1211900935.JPEG" srcset="/data/Photos/450x450w/12119/1211900/1211900935.JPEG 1x, /data/Photos/700x500w/12119/1211900/1211900935.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12119/1211901/1211901484.JPEG" srcset="/data/Photos/450x450w/12119/1211901/1211901484.JPEG 1x, /data/Photos/700x500w/12119/1211901/1211901484.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12119/1211902/1211902213.JPEG" srcset="/data/Photos/450x450w/12119/1211902/1211902213.JPEG 1x, /data/Photos/700x500w/12119/1211902/1211902213.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12119/1211901/1211901043.JPEG" srcset="/data/Photos/450x450w/12119/1211901/1211901043.JPEG 1x, /data/Photos/700x500w/12119/1211901/1211901043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Kniza Hotel Marrakesh" data-hbs-name="Riad Kniza Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-kniza-hotel.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWtuaXphLWhvdGVsLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Kniza Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 300 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="95">9.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="855">(855 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="245276" data-hbs-latitude="31.61504" data-hbs-longitude="-7.98649" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTI1Ni85MjU2MTYvOTI1NjE2NDEwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9256/925616/925616410.JPEG" srcset="/data/Photos/450x450w/9256/925616/925616410.JPEG 1x, /data/Photos/700x500w/9256/925616/925616410.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580354/1580354981.JPEG" srcset="/data/Photos/450x450w/15803/1580354/1580354981.JPEG 1x, /data/Photos/700x500w/15803/1580354/1580354981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9451/945178/945178939.JPEG" srcset="/data/Photos/450x450w/9451/945178/945178939.JPEG 1x, /data/Photos/700x500w/9451/945178/945178939.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9451/945178/945178981.JPEG" srcset="/data/Photos/450x450w/9451/945178/945178981.JPEG 1x, /data/Photos/700x500w/9451/945178/945178981.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9451/945179/945179335.JPEG" srcset="/data/Photos/450x450w/9451/945179/945179335.JPEG 1x, /data/Photos/700x500w/9451/945179/945179335.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9451/945179/945179443.JPEG" srcset="/data/Photos/450x450w/9451/945179/945179443.JPEG 1x, /data/Photos/700x500w/9451/945179/945179443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Palais Calipau Hotel Marrakesh" data-hbs-name="Riad Palais Calipau Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://palais-calipau.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9wYWxhaXMtY2FsaXBhdS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Palais Calipau Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="91">9.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2060">(2060 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="284330" data-hbs-latitude="31.544568" data-hbs-longitude="-8.047145" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MTQvMTU5MTQ4NS8xNTkxNDg1OTgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485982.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485982.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14392/1439279/1439279197.JPEG" srcset="/data/Photos/450x450w/14392/1439279/1439279197.JPEG 1x, /data/Photos/700x500w/14392/1439279/1439279197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485779.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485779.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485826.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485826.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485826.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485827.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485827.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15914/1591485/1591485831.JPEG" srcset="/data/Photos/450x450w/15914/1591485/1591485831.JPEG 1x, /data/Photos/700x500w/15914/1591485/1591485831.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Eden Andalou Aquapark & Spa Hotel Marrakesh" data-hbs-name="Eden Andalou Aquapark & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://eden-andalou-aquapark-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9lZGVuLWFuZGFsb3UtYXF1YXBhcmstc3BhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Eden Andalou Aquapark & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 10.9 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3343">(3343 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="341101" data-hbs-latitude="31.624941" data-hbs-longitude="-7.99905" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Mjk4NC8yOTg0MzkvMjk4NDM5NzEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2984/298439/298439712.JPEG" srcset="/data/Photos/450x450w/2984/298439/298439712.JPEG 1x, /data/Photos/700x500w/2984/298439/298439712.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277022/1277022616.JPEG" srcset="/data/Photos/450x450w/12770/1277022/1277022616.JPEG 1x, /data/Photos/700x500w/12770/1277022/1277022616.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277022/1277022781.JPEG" srcset="/data/Photos/450x450w/12770/1277022/1277022781.JPEG 1x, /data/Photos/700x500w/12770/1277022/1277022781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277022/1277022850.JPEG" srcset="/data/Photos/450x450w/12770/1277022/1277022850.JPEG 1x, /data/Photos/700x500w/12770/1277022/1277022850.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277022/1277022985.JPEG" srcset="/data/Photos/450x450w/12770/1277022/1277022985.JPEG 1x, /data/Photos/700x500w/12770/1277022/1277022985.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277023/1277023087.JPEG" srcset="/data/Photos/450x450w/12770/1277023/1277023087.JPEG 1x, /data/Photos/700x500w/12770/1277023/1277023087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Royal Mansour Marrakech Hotel Marrakesh" data-hbs-name="Royal Mansour Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://royal-mansour-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yb3lhbC1tYW5zb3VyLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Royal Mansour Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="96">9.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="94">(94 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="347238" data-hbs-latitude="31.5788644710791" data-hbs-longitude="-7.98382043838501" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk2OC82OTY4MDkvNjk2ODA5OTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6968/696809/696809931.JPEG" srcset="/data/Photos/450x450w/6968/696809/696809931.JPEG 1x, /data/Photos/700x500w/6968/696809/696809931.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580449/1580449333.JPEG" srcset="/data/Photos/450x450w/15804/1580449/1580449333.JPEG 1x, /data/Photos/700x500w/15804/1580449/1580449333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580449/1580449443.JPEG" srcset="/data/Photos/450x450w/15804/1580449/1580449443.JPEG 1x, /data/Photos/700x500w/15804/1580449/1580449443.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9768/976883/976883905.JPEG" srcset="/data/Photos/450x450w/9768/976883/976883905.JPEG 1x, /data/Photos/700x500w/9768/976883/976883905.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9768/976884/976884931.JPEG" srcset="/data/Photos/450x450w/9768/976884/976884931.JPEG 1x, /data/Photos/700x500w/9768/976884/976884931.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9768/976885/976885024.JPEG" srcset="/data/Photos/450x450w/9768/976885/976885024.JPEG 1x, /data/Photos/700x500w/9768/976885/976885024.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kenzi Club Agdal Medina Hotel Marrakesh" data-hbs-name="Kenzi Club Agdal Medina Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://kenzi-club-agdal-medina.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9rZW56aS1jbHViLWFnZGFsLW1lZGluYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Kenzi Club Agdal Medina Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 6 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Very Good">Very Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2096">(2096 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="416490" data-hbs-latitude="31.5937205386206" data-hbs-longitude="-7.9916971642524" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI0MTgvMTI0MTg5NC8xMjQxODk0NTEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12418/1241894/1241894512.JPEG" srcset="/data/Photos/450x450w/12418/1241894/1241894512.JPEG 1x, /data/Photos/700x500w/12418/1241894/1241894512.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276955/1276955917.JPEG" srcset="/data/Photos/450x450w/12769/1276955/1276955917.JPEG 1x, /data/Photos/700x500w/12769/1276955/1276955917.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276956/1276956292.JPEG" srcset="/data/Photos/450x450w/12769/1276956/1276956292.JPEG 1x, /data/Photos/700x500w/12769/1276956/1276956292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276956/1276956409.JPEG" srcset="/data/Photos/450x450w/12769/1276956/1276956409.JPEG 1x, /data/Photos/700x500w/12769/1276956/1276956409.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276956/1276956349.JPEG" srcset="/data/Photos/450x450w/12769/1276956/1276956349.JPEG 1x, /data/Photos/700x500w/12769/1276956/1276956349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276956/1276956100.JPEG" srcset="/data/Photos/450x450w/12769/1276956/1276956100.JPEG 1x, /data/Photos/700x500w/12769/1276956/1276956100.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Jaal Riad Resort - Adults Only Marrakesh" data-hbs-name="Jaal Riad Resort - Adults Only Marrakesh"> <a class="hotels-by-stars__title-link" href="https://les-jardins-de-lagdal-hotel-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZXMtamFyZGlucy1kZS1sYWdkYWwtaG90ZWwtc3BhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Jaal Riad Resort - Adults Only Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="452878" data-hbs-latitude="31.62027" data-hbs-longitude="-7.98567" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE3OTYvMTE3OTYwOS8xMTc5NjA5MTY2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11796/1179609/1179609166.JPEG" srcset="/data/Photos/450x450w/11796/1179609/1179609166.JPEG 1x, /data/Photos/700x500w/11796/1179609/1179609166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14356/1435620/1435620448.JPEG" srcset="/data/Photos/450x450w/14356/1435620/1435620448.JPEG 1x, /data/Photos/700x500w/14356/1435620/1435620448.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276933/1276933207.JPEG" srcset="/data/Photos/450x450w/12769/1276933/1276933207.JPEG 1x, /data/Photos/700x500w/12769/1276933/1276933207.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14356/1435619/1435619944.JPEG" srcset="/data/Photos/450x450w/14356/1435619/1435619944.JPEG 1x, /data/Photos/700x500w/14356/1435619/1435619944.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14356/1435620/1435620361.JPEG" srcset="/data/Photos/450x450w/14356/1435620/1435620361.JPEG 1x, /data/Photos/700x500w/14356/1435620/1435620361.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276933/1276933648.JPEG" srcset="/data/Photos/450x450w/12769/1276933/1276933648.JPEG 1x, /data/Photos/700x500w/12769/1276933/1276933648.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Dar Anika Hotel Marrakesh" data-hbs-name="Dar Anika Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-dar-anika.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWRhci1hbmlrYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Dar Anika Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="459844" data-hbs-latitude="31.6613" data-hbs-longitude="-7.93401" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU2MzMvMTU2MzMxMi8xNTYzMzEyMzE5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15633/1563312/1563312319.JPEG" srcset="/data/Photos/450x450w/15633/1563312/1563312319.JPEG 1x, /data/Photos/700x500w/15633/1563312/1563312319.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607227/1607227049.JPEG" srcset="/data/Photos/450x450w/16072/1607227/1607227049.JPEG 1x, /data/Photos/700x500w/16072/1607227/1607227049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607670/1607670269.JPEG" srcset="/data/Photos/450x450w/16076/1607670/1607670269.JPEG 1x, /data/Photos/700x500w/16076/1607670/1607670269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607227/1607227045.JPEG" srcset="/data/Photos/450x450w/16072/1607227/1607227045.JPEG 1x, /data/Photos/700x500w/16072/1607227/1607227045.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607227/1607227048.JPEG" srcset="/data/Photos/450x450w/16072/1607227/1607227048.JPEG 1x, /data/Photos/700x500w/16072/1607227/1607227048.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16072/1607227/1607227052.JPEG" srcset="/data/Photos/450x450w/16072/1607227/1607227052.JPEG 1x, /data/Photos/700x500w/16072/1607227/1607227052.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Barcelo Palmeraie Hotel Marrakesh" data-hbs-name="Barcelo Palmeraie Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://pullman-marrakech-palmeraie-resort-and-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9wdWxsbWFuLW1hcnJha2VjaC1wYWxtZXJhaWUtcmVzb3J0LWFuZC1zcGEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Barcelo Palmeraie Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="520355" data-hbs-latitude="31.6207" data-hbs-longitude="-8.01871" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk5NC82OTk0OTIvNjk5NDkyMDUxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6994/699492/699492051.JPEG" srcset="/data/Photos/450x450w/6994/699492/699492051.JPEG 1x, /data/Photos/700x500w/6994/699492/699492051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277039/1277039398.JPEG" srcset="/data/Photos/450x450w/12770/1277039/1277039398.JPEG 1x, /data/Photos/700x500w/12770/1277039/1277039398.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529877/1529877763.JPEG" srcset="/data/Photos/450x450w/15298/1529877/1529877763.JPEG 1x, /data/Photos/700x500w/15298/1529877/1529877763.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529877/1529877802.JPEG" srcset="/data/Photos/450x450w/15298/1529877/1529877802.JPEG 1x, /data/Photos/700x500w/15298/1529877/1529877802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529877/1529877859.JPEG" srcset="/data/Photos/450x450w/15298/1529877/1529877859.JPEG 1x, /data/Photos/700x500w/15298/1529877/1529877859.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15298/1529877/1529877862.JPEG" srcset="/data/Photos/450x450w/15298/1529877/1529877862.JPEG 1x, /data/Photos/700x500w/15298/1529877/1529877862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Four Seasons Resort Marrakech Marrakesh" data-hbs-name="Four Seasons Resort Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://four-seasons-resort-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9mb3VyLXNlYXNvbnMtcmVzb3J0LW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Four Seasons Resort Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="757312" data-hbs-latitude="31.588408" data-hbs-longitude="-7.986871" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0NDAvMTU0NDA5Ni8xNTQ0MDk2NDUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544096/1544096452.JPEG" srcset="/data/Photos/450x450w/15440/1544096/1544096452.JPEG 1x, /data/Photos/700x500w/15440/1544096/1544096452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544094/1544094514.JPEG" srcset="/data/Photos/450x450w/15440/1544094/1544094514.JPEG 1x, /data/Photos/700x500w/15440/1544094/1544094514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544098/1544098963.JPEG" srcset="/data/Photos/450x450w/15440/1544098/1544098963.JPEG 1x, /data/Photos/700x500w/15440/1544098/1544098963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544098/1544098396.JPEG" srcset="/data/Photos/450x450w/15440/1544098/1544098396.JPEG 1x, /data/Photos/700x500w/15440/1544098/1544098396.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544098/1544098453.JPEG" srcset="/data/Photos/450x450w/15440/1544098/1544098453.JPEG 1x, /data/Photos/700x500w/15440/1544098/1544098453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15440/1544091/1544091838.JPEG" srcset="/data/Photos/450x450w/15440/1544091/1544091838.JPEG 1x, /data/Photos/700x500w/15440/1544091/1544091838.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kenzi Menara Palace & Resort Marrakesh" data-hbs-name="Kenzi Menara Palace & Resort Marrakesh"> <a class="hotels-by-stars__title-link" href="https://kenzi-menara-palace-marrakech-40000.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9rZW56aS1tZW5hcmEtcGFsYWNlLW1hcnJha2VjaC00MDAwMC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Kenzi Menara Palace & Resort Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1172233" data-hbs-latitude="31.60435" data-hbs-longitude="-7.95897" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMjMvMTYwMjM1NC8xNjAyMzU0OTI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602354/1602354929.JPEG" srcset="/data/Photos/450x450w/16023/1602354/1602354929.JPEG 1x, /data/Photos/700x500w/16023/1602354/1602354929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16017/1601706/1601706418.JPEG" srcset="/data/Photos/450x450w/16017/1601706/1601706418.JPEG 1x, /data/Photos/700x500w/16017/1601706/1601706418.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602989/1602989882.JPEG" srcset="/data/Photos/450x450w/16029/1602989/1602989882.JPEG 1x, /data/Photos/700x500w/16029/1602989/1602989882.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602989/1602989891.JPEG" srcset="/data/Photos/450x450w/16029/1602989/1602989891.JPEG 1x, /data/Photos/700x500w/16029/1602989/1602989891.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602989/1602989893.JPEG" srcset="/data/Photos/450x450w/16029/1602989/1602989893.JPEG 1x, /data/Photos/700x500w/16029/1602989/1602989893.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16029/1602989/1602989887.JPEG" srcset="/data/Photos/450x450w/16029/1602989/1602989887.JPEG 1x, /data/Photos/700x500w/16029/1602989/1602989887.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mandarin Oriental, Marrakech Hotel Marrakesh" data-hbs-name="Mandarin Oriental, Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://mandarin-oriental-marrakech-hotel.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tYW5kYXJpbi1vcmllbnRhbC1tYXJyYWtlY2gtaG90ZWwuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Mandarin Oriental, Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1197106" data-hbs-latitude="31.61779" data-hbs-longitude="-8.00984" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUxOTAvMTUxOTAwNi8xNTE5MDA2NjI0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15190/1519006/1519006624.JPEG" srcset="/data/Photos/450x450w/15190/1519006/1519006624.JPEG 1x, /data/Photos/700x500w/15190/1519006/1519006624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280114/1280114704.JPEG" srcset="/data/Photos/450x450w/12801/1280114/1280114704.JPEG 1x, /data/Photos/700x500w/12801/1280114/1280114704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12801/1280114/1280114923.JPEG" srcset="/data/Photos/450x450w/12801/1280114/1280114923.JPEG 1x, /data/Photos/700x500w/12801/1280114/1280114923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15190/1519006/1519006735.JPEG" srcset="/data/Photos/450x450w/15190/1519006/1519006735.JPEG 1x, /data/Photos/700x500w/15190/1519006/1519006735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15190/1519006/1519006585.JPEG" srcset="/data/Photos/450x450w/15190/1519006/1519006585.JPEG 1x, /data/Photos/700x500w/15190/1519006/1519006585.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15190/1519006/1519006609.JPEG" srcset="/data/Photos/450x450w/15190/1519006/1519006609.JPEG 1x, /data/Photos/700x500w/15190/1519006/1519006609.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Savoy Le Grand Hotel Marrakech Marrakesh" data-hbs-name="Savoy Le Grand Hotel Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://savoy-le-grand-hotel.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9zYXZveS1sZS1ncmFuZC1ob3RlbC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Savoy Le Grand Hotel Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2228298" data-hbs-latitude="31.649874" data-hbs-longitude="-7.92135" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MjQvMTI4MjQ1Ni8xMjgyNDU2OTE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12824/1282456/1282456918.JPEG" srcset="/data/Photos/450x450w/12824/1282456/1282456918.JPEG 1x, /data/Photos/700x500w/12824/1282456/1282456918.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14517/1451773/1451773975.JPEG" srcset="/data/Photos/450x450w/14517/1451773/1451773975.JPEG 1x, /data/Photos/700x500w/14517/1451773/1451773975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14517/1451773/1451773051.JPEG" srcset="/data/Photos/450x450w/14517/1451773/1451773051.JPEG 1x, /data/Photos/700x500w/14517/1451773/1451773051.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14517/1451765/1451765263.JPEG" srcset="/data/Photos/450x450w/14517/1451765/1451765263.JPEG 1x, /data/Photos/700x500w/14517/1451765/1451765263.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14517/1451772/1451772466.JPEG" srcset="/data/Photos/450x450w/14517/1451772/1451772466.JPEG 1x, /data/Photos/700x500w/14517/1451772/1451772466.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14517/1451769/1451769646.JPEG" srcset="/data/Photos/450x450w/14517/1451769/1451769646.JPEG 1x, /data/Photos/700x500w/14517/1451769/1451769646.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Be Live Collection Marrakech Adults Only All Inclusive Hotel Marrakesh" data-hbs-name="Be Live Collection Marrakech Adults Only All Inclusive Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://be-live-collection-marrakech-adults-only.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9iZS1saXZlLWNvbGxlY3Rpb24tbWFycmFrZWNoLWFkdWx0cy1vbmx5LmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Be Live Collection Marrakech Adults Only All Inclusive Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7453720" data-hbs-latitude="31.61229" data-hbs-longitude="-7.90437" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQ3OS85NDc5NTkvOTQ3OTU5MDU0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9479/947959/947959054.JPEG" srcset="/data/Photos/450x450w/9479/947959/947959054.JPEG 1x, /data/Photos/700x500w/9479/947959/947959054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12872/1287242/1287242419.JPEG" srcset="/data/Photos/450x450w/12872/1287242/1287242419.JPEG 1x, /data/Photos/700x500w/12872/1287242/1287242419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12872/1287242/1287242977.JPEG" srcset="/data/Photos/450x450w/12872/1287242/1287242977.JPEG 1x, /data/Photos/700x500w/12872/1287242/1287242977.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12872/1287242/1287242866.JPEG" srcset="/data/Photos/450x450w/12872/1287242/1287242866.JPEG 1x, /data/Photos/700x500w/12872/1287242/1287242866.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12872/1287242/1287242926.JPEG" srcset="/data/Photos/450x450w/12872/1287242/1287242926.JPEG 1x, /data/Photos/700x500w/12872/1287242/1287242926.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9652/965225/965225962.JPEG" srcset="/data/Photos/450x450w/9652/965225/965225962.JPEG 1x, /data/Photos/700x500w/9652/965225/965225962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The Oberoi Marrakech Hotel Marrakesh" data-hbs-name="The Oberoi Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://the-oberoi-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly90aGUtb2Jlcm9pLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> The Oberoi Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7467829" data-hbs-latitude="31.6237" data-hbs-longitude="-8.00779" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTEzNC85MTM0MDgvOTEzNDA4NzkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9134/913408/913408792.JPEG" srcset="/data/Photos/450x450w/9134/913408/913408792.JPEG 1x, /data/Photos/700x500w/9134/913408/913408792.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9134/913408/913408414.JPEG" srcset="/data/Photos/450x450w/9134/913408/913408414.JPEG 1x, /data/Photos/700x500w/9134/913408/913408414.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9696/969636/969636568.JPEG" srcset="/data/Photos/450x450w/9696/969636/969636568.JPEG 1x, /data/Photos/700x500w/9696/969636/969636568.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10912/1091262/1091262420.JPEG" srcset="/data/Photos/450x450w/10912/1091262/1091262420.JPEG 1x, /data/Photos/700x500w/10912/1091262/1091262420.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9696/969636/969636187.JPEG" srcset="/data/Photos/450x450w/9696/969636/969636187.JPEG 1x, /data/Photos/700x500w/9696/969636/969636187.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9673/967396/967396828.JPEG" srcset="/data/Photos/450x450w/9673/967396/967396828.JPEG 1x, /data/Photos/700x500w/9673/967396/967396828.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kenzi Rose Garden Hotel Marrakesh" data-hbs-name="Kenzi Rose Garden Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://kenzi-rose-garden.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9rZW56aS1yb3NlLWdhcmRlbi5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Kenzi Rose Garden Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/4-stars/" class="main-hotels__title-link"> 4-star hotels in Marrakesh </a> </h3> <p class="main-hotels__text section__subtitle"> Top hotels to grant all your wishes </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzQtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="4"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="114252" data-hbs-latitude="31.63039" data-hbs-longitude="-7.98439" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTc0OC85NzQ4MTYvOTc0ODE2MjEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9748/974816/974816212.JPEG" srcset="/data/Photos/450x450w/9748/974816/974816212.JPEG 1x, /data/Photos/700x500w/9748/974816/974816212.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580379/1580379129.JPEG" srcset="/data/Photos/450x450w/15803/1580379/1580379129.JPEG 1x, /data/Photos/700x500w/15803/1580379/1580379129.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15452/1545263/1545263812.JPEG" srcset="/data/Photos/450x450w/15452/1545263/1545263812.JPEG 1x, /data/Photos/700x500w/15452/1545263/1545263812.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14357/1435739/1435739176.JPEG" srcset="/data/Photos/450x450w/14357/1435739/1435739176.JPEG 1x, /data/Photos/700x500w/14357/1435739/1435739176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580379/1580379283.JPEG" srcset="/data/Photos/450x450w/15803/1580379/1580379283.JPEG 1x, /data/Photos/700x500w/15803/1580379/1580379283.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580378/1580378869.JPEG" srcset="/data/Photos/450x450w/15803/1580378/1580378869.JPEG 1x, /data/Photos/700x500w/15803/1580378/1580378869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Karmela Hotel Marrakesh" data-hbs-name="Riad Karmela Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-karmela.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWthcm1lbGEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Karmela Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="91">9.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="543">(543 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="220276" data-hbs-latitude="31.636703" data-hbs-longitude="-8.014539" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzODAvMTAzODA0Ny8xMDM4MDQ3NzA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10380/1038047/1038047704.JPEG" srcset="/data/Photos/450x450w/10380/1038047/1038047704.JPEG 1x, /data/Photos/700x500w/10380/1038047/1038047704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580512/1580512059.JPEG" srcset="/data/Photos/450x450w/15805/1580512/1580512059.JPEG 1x, /data/Photos/700x500w/15805/1580512/1580512059.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580512/1580512019.JPEG" srcset="/data/Photos/450x450w/15805/1580512/1580512019.JPEG 1x, /data/Photos/700x500w/15805/1580512/1580512019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540521/1540521685.JPEG" srcset="/data/Photos/450x450w/15405/1540521/1540521685.JPEG 1x, /data/Photos/700x500w/15405/1540521/1540521685.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540521/1540521643.JPEG" srcset="/data/Photos/450x450w/15405/1540521/1540521643.JPEG 1x, /data/Photos/700x500w/15405/1540521/1540521643.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540521/1540521439.JPEG" srcset="/data/Photos/450x450w/15405/1540521/1540521439.JPEG 1x, /data/Photos/700x500w/15405/1540521/1540521439.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Diwane Hotel & Spa Marrakech Marrakesh" data-hbs-name="Diwane Hotel & Spa Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://diwane-hotel-spa-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9kaXdhbmUtaG90ZWwtc3BhLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Diwane Hotel & Spa Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1197">(1197 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="259681" data-hbs-latitude="31.620991" data-hbs-longitude="-8.00687" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODA1Mi84MDUyNTAvODA1MjUwNTkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8052/805250/805250592.JPEG" srcset="/data/Photos/450x450w/8052/805250/805250592.JPEG 1x, /data/Photos/700x500w/8052/805250/805250592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612959/1612959132.JPEG" srcset="/data/Photos/450x450w/16129/1612959/1612959132.JPEG 1x, /data/Photos/700x500w/16129/1612959/1612959132.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612959/1612959149.JPEG" srcset="/data/Photos/450x450w/16129/1612959/1612959149.JPEG 1x, /data/Photos/700x500w/16129/1612959/1612959149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16129/1612959/1612959144.JPEG" srcset="/data/Photos/450x450w/16129/1612959/1612959144.JPEG 1x, /data/Photos/700x500w/16129/1612959/1612959144.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12800/1280099/1280099464.JPEG" srcset="/data/Photos/450x450w/12800/1280099/1280099464.JPEG 1x, /data/Photos/700x500w/12800/1280099/1280099464.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12800/1280099/1280099980.JPEG" srcset="/data/Photos/450x450w/12800/1280099/1280099980.JPEG 1x, /data/Photos/700x500w/12800/1280099/1280099980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="El Andalous Lounge & Spa Hotel Marrakesh" data-hbs-name="El Andalous Lounge & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://el-andalous.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9lbC1hbmRhbG91cy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> El Andalous Lounge & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="72">7.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3938">(3938 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="338317" data-hbs-latitude="31.66333" data-hbs-longitude="-8.06519" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ5ODUvMTQ5ODUyMS8xNDk4NTIxNjY0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14985/1498521/1498521664.JPEG" srcset="/data/Photos/450x450w/14985/1498521/1498521664.JPEG 1x, /data/Photos/700x500w/14985/1498521/1498521664.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276954/1276954186.JPEG" srcset="/data/Photos/450x450w/12769/1276954/1276954186.JPEG 1x, /data/Photos/700x500w/12769/1276954/1276954186.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439391/1439391019.JPEG" srcset="/data/Photos/450x450w/14393/1439391/1439391019.JPEG 1x, /data/Photos/700x500w/14393/1439391/1439391019.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439386/1439386627.JPEG" srcset="/data/Photos/450x450w/14393/1439386/1439386627.JPEG 1x, /data/Photos/700x500w/14393/1439386/1439386627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439387/1439387974.JPEG" srcset="/data/Photos/450x450w/14393/1439387/1439387974.JPEG 1x, /data/Photos/700x500w/14393/1439387/1439387974.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439388/1439388703.JPEG" srcset="/data/Photos/450x450w/14393/1439388/1439388703.JPEG 1x, /data/Photos/700x500w/14393/1439388/1439388703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Labranda Targa Aqua Parc Hotel Marrakesh" data-hbs-name="Labranda Targa Aqua Parc Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://labranda-targa-club-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sYWJyYW5kYS10YXJnYS1jbHViLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Labranda Targa Aqua Parc Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 7.1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="75">7.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1006">(1006 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="364428" data-hbs-latitude="31.63596" data-hbs-longitude="-7.99283" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTkxLzE5MTUxLzE5MTUxMzc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/191/19151/19151378.JPEG" srcset="/data/Photos/450x450w/191/19151/19151378.JPEG 1x, /data/Photos/700x500w/191/19151/19151378.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11370/1137010/1137010045.JPEG" srcset="/data/Photos/450x450w/11370/1137010/1137010045.JPEG 1x, /data/Photos/700x500w/11370/1137010/1137010045.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11370/1137012/1137012928.JPEG" srcset="/data/Photos/450x450w/11370/1137012/1137012928.JPEG 1x, /data/Photos/700x500w/11370/1137012/1137012928.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11370/1137016/1137016336.JPEG" srcset="/data/Photos/450x450w/11370/1137016/1137016336.JPEG 1x, /data/Photos/700x500w/11370/1137016/1137016336.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11370/1137016/1137016873.JPEG" srcset="/data/Photos/450x450w/11370/1137016/1137016873.JPEG 1x, /data/Photos/700x500w/11370/1137016/1137016873.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11370/1137017/1137017164.JPEG" srcset="/data/Photos/450x450w/11370/1137017/1137017164.JPEG 1x, /data/Photos/700x500w/11370/1137017/1137017164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Khol Hotel Marrakesh" data-hbs-name="Riad Khol Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-khol.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWtob2wuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Khol Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="372488" data-hbs-latitude="31.663999" data-hbs-longitude="-7.89964" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM3MzUvMTM3MzU3MC8xMzczNTcwOTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13735/1373570/1373570933.JPEG" srcset="/data/Photos/450x450w/13735/1373570/1373570933.JPEG 1x, /data/Photos/700x500w/13735/1373570/1373570933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618273/1618273895.JPEG" srcset="/data/Photos/450x450w/16182/1618273/1618273895.JPEG 1x, /data/Photos/700x500w/16182/1618273/1618273895.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16182/1618273/1618273903.JPEG" srcset="/data/Photos/450x450w/16182/1618273/1618273903.JPEG 1x, /data/Photos/700x500w/16182/1618273/1618273903.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13735/1373570/1373570399.JPEG" srcset="/data/Photos/450x450w/13735/1373570/1373570399.JPEG 1x, /data/Photos/700x500w/13735/1373570/1373570399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13735/1373570/1373570879.JPEG" srcset="/data/Photos/450x450w/13735/1373570/1373570879.JPEG 1x, /data/Photos/700x500w/13735/1373570/1373570879.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13735/1373570/1373570915.JPEG" srcset="/data/Photos/450x450w/13735/1373570/1373570915.JPEG 1x, /data/Photos/700x500w/13735/1373570/1373570915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Iberostar Waves Club Palmeraie Marrakech All Inclusive Hotel Marrakesh" data-hbs-name="Iberostar Waves Club Palmeraie Marrakech All Inclusive Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://club-eldorador-palmeraie.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9jbHViLWVsZG9yYWRvci1wYWxtZXJhaWUuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Iberostar Waves Club Palmeraie Marrakech All Inclusive Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 9.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1684">(1684 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="378985" data-hbs-latitude="31.482185" data-hbs-longitude="-7.897486" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQyNzAvMTQyNzA2OS8xNDI3MDY5NjM4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14270/1427069/1427069638.JPEG" srcset="/data/Photos/450x450w/14270/1427069/1427069638.JPEG 1x, /data/Photos/700x500w/14270/1427069/1427069638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276973/1276973170.JPEG" srcset="/data/Photos/450x450w/12769/1276973/1276973170.JPEG 1x, /data/Photos/700x500w/12769/1276973/1276973170.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276973/1276973632.JPEG" srcset="/data/Photos/450x450w/12769/1276973/1276973632.JPEG 1x, /data/Photos/700x500w/12769/1276973/1276973632.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276973/1276973878.JPEG" srcset="/data/Photos/450x450w/12769/1276973/1276973878.JPEG 1x, /data/Photos/700x500w/12769/1276973/1276973878.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276973/1276973929.JPEG" srcset="/data/Photos/450x450w/12769/1276973/1276973929.JPEG 1x, /data/Photos/700x500w/12769/1276973/1276973929.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15453/1545329/1545329704.JPEG" srcset="/data/Photos/450x450w/15453/1545329/1545329704.JPEG 1x, /data/Photos/700x500w/15453/1545329/1545329704.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Pickalbatros Aqua Fun Club All Inclusive Hotel Marrakesh" data-hbs-name="Pickalbatros Aqua Fun Club All Inclusive Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://aqua-fun-club.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9hcXVhLWZ1bi1jbHViLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Pickalbatros Aqua Fun Club All Inclusive Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 18.9 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="3832">(3832 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="437002" data-hbs-latitude="31.70499475" data-hbs-longitude="-7.9586023" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NjkvMTI3Njk4Ni8xMjc2OTg2OTU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276986/1276986958.JPEG" srcset="/data/Photos/450x450w/12769/1276986/1276986958.JPEG 1x, /data/Photos/700x500w/12769/1276986/1276986958.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276987/1276987108.JPEG" srcset="/data/Photos/450x450w/12769/1276987/1276987108.JPEG 1x, /data/Photos/700x500w/12769/1276987/1276987108.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276987/1276987165.JPEG" srcset="/data/Photos/450x450w/12769/1276987/1276987165.JPEG 1x, /data/Photos/700x500w/12769/1276987/1276987165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276987/1276987420.JPEG" srcset="/data/Photos/450x450w/12769/1276987/1276987420.JPEG 1x, /data/Photos/700x500w/12769/1276987/1276987420.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276986/1276986886.JPEG" srcset="/data/Photos/450x450w/12769/1276986/1276986886.JPEG 1x, /data/Photos/700x500w/12769/1276986/1276986886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276986/1276986361.JPEG" srcset="/data/Photos/450x450w/12769/1276986/1276986361.JPEG 1x, /data/Photos/700x500w/12769/1276986/1276986361.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Marrakech Ryads Parc All Inclusive Marrakesh" data-hbs-name="Marrakech Ryads Parc All Inclusive Marrakesh"> <a class="hotels-by-stars__title-link" href="https://marrakech-ryads-parc-spa-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tYXJyYWtlY2gtcnlhZHMtcGFyYy1zcGEtbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Marrakech Ryads Parc All Inclusive Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 8.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="74">7.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1869">(1869 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="452954" data-hbs-latitude="31.6297" data-hbs-longitude="-8.01643" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDk2OC80OTY4MzYvNDk2ODM2NjI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4968/496836/496836627.JPEG" srcset="/data/Photos/450x450w/4968/496836/496836627.JPEG 1x, /data/Photos/700x500w/4968/496836/496836627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621416/1621416473.JPEG" srcset="/data/Photos/450x450w/16214/1621416/1621416473.JPEG 1x, /data/Photos/700x500w/16214/1621416/1621416473.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621416/1621416477.JPEG" srcset="/data/Photos/450x450w/16214/1621416/1621416477.JPEG 1x, /data/Photos/700x500w/16214/1621416/1621416477.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621416/1621416481.JPEG" srcset="/data/Photos/450x450w/16214/1621416/1621416481.JPEG 1x, /data/Photos/700x500w/16214/1621416/1621416481.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16214/1621416/1621416535.JPEG" srcset="/data/Photos/450x450w/16214/1621416/1621416535.JPEG 1x, /data/Photos/700x500w/16214/1621416/1621416535.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16220/1622033/1622033611.JPEG" srcset="/data/Photos/450x450w/16220/1622033/1622033611.JPEG 1x, /data/Photos/700x500w/16220/1622033/1622033611.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Plaza Marrakech Hotel Marrakesh" data-hbs-name="Grand Plaza Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://opera-plaza-hotel-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9vcGVyYS1wbGF6YS1ob3RlbC1tYXJyYWtlY2guaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Grand Plaza Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="85">8.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="107">(107 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="456815" data-hbs-latitude="31.627" data-hbs-longitude="-7.99244" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM0NDMvMTM0NDM0My8xMzQ0MzQzNDQyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343442.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343442.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343442.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343682.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343682.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343682.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343295.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343295.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343295.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343322.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343322.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343322.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343340.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343340.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343340.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13443/1344343/1344343397.JPEG" srcset="/data/Photos/450x450w/13443/1344343/1344343397.JPEG 1x, /data/Photos/700x500w/13443/1344343/1344343397.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Palais Sebban Hotel Marrakesh" data-hbs-name="Riad Palais Sebban Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-palais-sebban.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXBhbGFpcy1zZWJiYW4uaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Palais Sebban Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1976">(1976 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="479096" data-hbs-latitude="31.625597" data-hbs-longitude="-8.013764" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQxNDcvMTQxNDcyOS8xNDE0NzI5MDY1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14147/1414729/1414729065.JPEG" srcset="/data/Photos/450x450w/14147/1414729/1414729065.JPEG 1x, /data/Photos/700x500w/14147/1414729/1414729065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14397/1439793/1439793244.JPEG" srcset="/data/Photos/450x450w/14397/1439793/1439793244.JPEG 1x, /data/Photos/700x500w/14397/1439793/1439793244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14397/1439796/1439796004.JPEG" srcset="/data/Photos/450x450w/14397/1439796/1439796004.JPEG 1x, /data/Photos/700x500w/14397/1439796/1439796004.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14397/1439796/1439796292.JPEG" srcset="/data/Photos/450x450w/14397/1439796/1439796292.JPEG 1x, /data/Photos/700x500w/14397/1439796/1439796292.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14397/1439797/1439797054.JPEG" srcset="/data/Photos/450x450w/14397/1439797/1439797054.JPEG 1x, /data/Photos/700x500w/14397/1439797/1439797054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14397/1439796/1439796745.JPEG" srcset="/data/Photos/450x450w/14397/1439796/1439796745.JPEG 1x, /data/Photos/700x500w/14397/1439796/1439796745.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Rose Aqua Park Hotel Marrakesh" data-hbs-name="Rose Aqua Park Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://idrissides-premium-urban-club.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9pZHJpc3NpZGVzLXByZW1pdW0tdXJiYW4tY2x1Yi5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Rose Aqua Park Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="523621" data-hbs-latitude="31.63122" data-hbs-longitude="-7.98303" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE4ODUvMTE4ODUyNS8xMTg4NTI1NjUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11885/1188525/1188525653.JPEG" srcset="/data/Photos/450x450w/11885/1188525/1188525653.JPEG 1x, /data/Photos/700x500w/11885/1188525/1188525653.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589178/1589178681.JPEG" srcset="/data/Photos/450x450w/15891/1589178/1589178681.JPEG 1x, /data/Photos/700x500w/15891/1589178/1589178681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589178/1589178692.JPEG" srcset="/data/Photos/450x450w/15891/1589178/1589178692.JPEG 1x, /data/Photos/700x500w/15891/1589178/1589178692.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589178/1589178714.JPEG" srcset="/data/Photos/450x450w/15891/1589178/1589178714.JPEG 1x, /data/Photos/700x500w/15891/1589178/1589178714.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589178/1589178717.JPEG" srcset="/data/Photos/450x450w/15891/1589178/1589178717.JPEG 1x, /data/Photos/700x500w/15891/1589178/1589178717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15891/1589178/1589178825.JPEG" srcset="/data/Photos/450x450w/15891/1589178/1589178825.JPEG 1x, /data/Photos/700x500w/15891/1589178/1589178825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Azzouna 13 Hotel Marrakesh" data-hbs-name="Riad Azzouna 13 Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://azzouna13.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9henpvdW5hMTMuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Azzouna 13 Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="699682" data-hbs-latitude="31.62774924" data-hbs-longitude="-7.99548386" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM5ODcvMTM5ODc3Ni8xMzk4Nzc2NzcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13987/1398776/1398776771.JPEG" srcset="/data/Photos/450x450w/13987/1398776/1398776771.JPEG 1x, /data/Photos/700x500w/13987/1398776/1398776771.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276995/1276995286.JPEG" srcset="/data/Photos/450x450w/12769/1276995/1276995286.JPEG 1x, /data/Photos/700x500w/12769/1276995/1276995286.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276995/1276995424.JPEG" srcset="/data/Photos/450x450w/12769/1276995/1276995424.JPEG 1x, /data/Photos/700x500w/12769/1276995/1276995424.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276995/1276995712.JPEG" srcset="/data/Photos/450x450w/12769/1276995/1276995712.JPEG 1x, /data/Photos/700x500w/12769/1276995/1276995712.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276995/1276995982.JPEG" srcset="/data/Photos/450x450w/12769/1276995/1276995982.JPEG 1x, /data/Photos/700x500w/12769/1276995/1276995982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276996/1276996072.JPEG" srcset="/data/Photos/450x450w/12769/1276996/1276996072.JPEG 1x, /data/Photos/700x500w/12769/1276996/1276996072.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Tui Blue Medina Gardens (Adults Only) Hotel Marrakesh" data-hbs-name="Tui Blue Medina Gardens (Adults Only) Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://medina-gardens-adults-only.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tZWRpbmEtZ2FyZGVucy1hZHVsdHMtb25seS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Tui Blue Medina Gardens (Adults Only) Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1222622" data-hbs-latitude="31.662363" data-hbs-longitude="-7.892676" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzU4OC83NTg4NTUvNzU4ODU1ODYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7588/758855/758855860.JPEG" srcset="/data/Photos/450x450w/7588/758855/758855860.JPEG 1x, /data/Photos/700x500w/7588/758855/758855860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12028/1202865/1202865520.JPEG" srcset="/data/Photos/450x450w/12028/1202865/1202865520.JPEG 1x, /data/Photos/700x500w/12028/1202865/1202865520.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12028/1202865/1202865631.JPEG" srcset="/data/Photos/450x450w/12028/1202865/1202865631.JPEG 1x, /data/Photos/700x500w/12028/1202865/1202865631.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12028/1202867/1202867728.JPEG" srcset="/data/Photos/450x450w/12028/1202867/1202867728.JPEG 1x, /data/Photos/700x500w/12028/1202867/1202867728.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12065/1206549/1206549022.JPEG" srcset="/data/Photos/450x450w/12065/1206549/1206549022.JPEG 1x, /data/Photos/700x500w/12065/1206549/1206549022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12065/1206549/1206549049.JPEG" srcset="/data/Photos/450x450w/12065/1206549/1206549049.JPEG 1x, /data/Photos/700x500w/12065/1206549/1206549049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Valeria Madina Club Hotel Marrakesh" data-hbs-name="Valeria Madina Club Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://club-madina-all-inclusive.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9jbHViLW1hZGluYS1hbGwtaW5jbHVzaXZlLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Valeria Madina Club Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1222623" data-hbs-latitude="31.66455" data-hbs-longitude="-7.89203" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE5ODMvMTE5ODMwMy8xMTk4MzAzNjM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198303/1198303639.JPEG" srcset="/data/Photos/450x450w/11983/1198303/1198303639.JPEG 1x, /data/Photos/700x500w/11983/1198303/1198303639.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198302/1198302586.JPEG" srcset="/data/Photos/450x450w/11983/1198302/1198302586.JPEG 1x, /data/Photos/700x500w/11983/1198302/1198302586.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198302/1198302598.JPEG" srcset="/data/Photos/450x450w/11983/1198302/1198302598.JPEG 1x, /data/Photos/700x500w/11983/1198302/1198302598.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198303/1198303486.JPEG" srcset="/data/Photos/450x450w/11983/1198303/1198303486.JPEG 1x, /data/Photos/700x500w/11983/1198303/1198303486.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198303/1198303624.JPEG" srcset="/data/Photos/450x450w/11983/1198303/1198303624.JPEG 1x, /data/Photos/700x500w/11983/1198303/1198303624.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11983/1198304/1198304590.JPEG" srcset="/data/Photos/450x450w/11983/1198304/1198304590.JPEG 1x, /data/Photos/700x500w/11983/1198304/1198304590.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Valeria Dar Atlas All Inclusive Hotel Marrakesh" data-hbs-name="Valeria Dar Atlas All Inclusive Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://club-dar-atlas-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9jbHViLWRhci1hdGxhcy1tYXJyYWtlY2guaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Valeria Dar Atlas All Inclusive Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1396338" data-hbs-latitude="31.62925" data-hbs-longitude="-8.00819" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MjUvMTI4MjUwNS8xMjgyNTA1MTc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12825/1282505/1282505176.JPEG" srcset="/data/Photos/450x450w/12825/1282505/1282505176.JPEG 1x, /data/Photos/700x500w/12825/1282505/1282505176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6494/649469/649469403.JPEG" srcset="/data/Photos/450x450w/6494/649469/649469403.JPEG 1x, /data/Photos/700x500w/6494/649469/649469403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6495/649537/649537737.JPEG" srcset="/data/Photos/450x450w/6495/649537/649537737.JPEG 1x, /data/Photos/700x500w/6495/649537/649537737.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6495/649537/649537740.JPEG" srcset="/data/Photos/450x450w/6495/649537/649537740.JPEG 1x, /data/Photos/700x500w/6495/649537/649537740.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6495/649537/649537860.JPEG" srcset="/data/Photos/450x450w/6495/649537/649537860.JPEG 1x, /data/Photos/700x500w/6495/649537/649537860.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6495/649537/649537731.JPEG" srcset="/data/Photos/450x450w/6495/649537/649537731.JPEG 1x, /data/Photos/700x500w/6495/649537/649537731.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="2Ciels Boutique Hotel Marrakesh" data-hbs-name="2Ciels Boutique Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://2ciels-boutique-hotel-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly8yY2llbHMtYm91dGlxdWUtaG90ZWwtc3BhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> 2Ciels Boutique Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2221260" data-hbs-latitude="31.64897" data-hbs-longitude="-7.92544" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ1MjMvMTQ1MjM5Ny8xNDUyMzk3NjI3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14523/1452397/1452397627.JPEG" srcset="/data/Photos/450x450w/14523/1452397/1452397627.JPEG 1x, /data/Photos/700x500w/14523/1452397/1452397627.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14524/1452402/1452402763.JPEG" srcset="/data/Photos/450x450w/14524/1452402/1452402763.JPEG 1x, /data/Photos/700x500w/14524/1452402/1452402763.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14523/1452397/1452397096.JPEG" srcset="/data/Photos/450x450w/14523/1452397/1452397096.JPEG 1x, /data/Photos/700x500w/14523/1452397/1452397096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14523/1452399/1452399265.JPEG" srcset="/data/Photos/450x450w/14523/1452399/1452399265.JPEG 1x, /data/Photos/700x500w/14523/1452399/1452399265.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14524/1452403/1452403210.JPEG" srcset="/data/Photos/450x450w/14524/1452403/1452403210.JPEG 1x, /data/Photos/700x500w/14524/1452403/1452403210.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14524/1452400/1452400432.JPEG" srcset="/data/Photos/450x450w/14524/1452400/1452400432.JPEG 1x, /data/Photos/700x500w/14524/1452400/1452400432.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Be Live Experience Marrakech Palmeraie Hotel Marrakesh" data-hbs-name="Be Live Experience Marrakech Palmeraie Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://be-live-experience-marrakech-palmeraie.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9iZS1saXZlLWV4cGVyaWVuY2UtbWFycmFrZWNoLXBhbG1lcmFpZS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Be Live Experience Marrakech Palmeraie Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4235079" data-hbs-latitude="31.62231" data-hbs-longitude="-7.98719" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjU3NC82NTc0MjgvNjU3NDI4NTU5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6574/657428/657428559.JPEG" srcset="/data/Photos/450x450w/6574/657428/657428559.JPEG 1x, /data/Photos/700x500w/6574/657428/657428559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11981/1198128/1198128772.JPEG" srcset="/data/Photos/450x450w/11981/1198128/1198128772.JPEG 1x, /data/Photos/700x500w/11981/1198128/1198128772.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9674/967468/967468681.JPEG" srcset="/data/Photos/450x450w/9674/967468/967468681.JPEG 1x, /data/Photos/700x500w/9674/967468/967468681.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9674/967468/967468780.JPEG" srcset="/data/Photos/450x450w/9674/967468/967468780.JPEG 1x, /data/Photos/700x500w/9674/967468/967468780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6574/657435/657435999.JPEG" srcset="/data/Photos/450x450w/6574/657435/657435999.JPEG 1x, /data/Photos/700x500w/6574/657435/657435999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6574/657429/657429003.JPEG" srcset="/data/Photos/450x450w/6574/657429/657429003.JPEG 1x, /data/Photos/700x500w/6574/657429/657429003.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Faraj & Spa Hotel Marrakesh" data-hbs-name="Riad Faraj & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-faraj.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWZhcmFqLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Faraj & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="4780615" data-hbs-latitude="31.631126" data-hbs-longitude="-7.996902" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTA2OTQvMTA2OTQ5Ny8xMDY5NDk3Nzc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10694/1069497/1069497775.JPEG" srcset="/data/Photos/450x450w/10694/1069497/1069497775.JPEG 1x, /data/Photos/700x500w/10694/1069497/1069497775.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226149/1226149385.JPEG" srcset="/data/Photos/450x450w/12261/1226149/1226149385.JPEG 1x, /data/Photos/700x500w/12261/1226149/1226149385.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10974/1097459/1097459004.JPEG" srcset="/data/Photos/450x450w/10974/1097459/1097459004.JPEG 1x, /data/Photos/700x500w/10974/1097459/1097459004.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10974/1097473/1097473284.JPEG" srcset="/data/Photos/450x450w/10974/1097473/1097473284.JPEG 1x, /data/Photos/700x500w/10974/1097473/1097473284.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10974/1097473/1097473482.JPEG" srcset="/data/Photos/450x450w/10974/1097473/1097473482.JPEG 1x, /data/Photos/700x500w/10974/1097473/1097473482.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10974/1097477/1097477784.JPEG" srcset="/data/Photos/450x450w/10974/1097477/1097477784.JPEG 1x, /data/Photos/700x500w/10974/1097477/1097477784.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Elegancia Riad Boutique & Spa Hotel Marrakesh" data-hbs-name="Elegancia Riad Boutique & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-elegancia.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWVsZWdhbmNpYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Elegancia Riad Boutique & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7574443" data-hbs-latitude="31.70749" data-hbs-longitude="-7.957535" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTExODMvMTExODM1OS8xMTE4MzU5NDg4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11183/1118359/1118359488.JPEG" srcset="/data/Photos/450x450w/11183/1118359/1118359488.JPEG 1x, /data/Photos/700x500w/11183/1118359/1118359488.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15435/1543581/1543581886.JPEG" srcset="/data/Photos/450x450w/15435/1543581/1543581886.JPEG 1x, /data/Photos/700x500w/15435/1543581/1543581886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15512/1551295/1551295027.JPEG" srcset="/data/Photos/450x450w/15512/1551295/1551295027.JPEG 1x, /data/Photos/700x500w/15512/1551295/1551295027.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13518/1351857/1351857955.JPEG" srcset="/data/Photos/450x450w/13518/1351857/1351857955.JPEG 1x, /data/Photos/700x500w/13518/1351857/1351857955.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13518/1351845/1351845172.JPEG" srcset="/data/Photos/450x450w/13518/1351845/1351845172.JPEG 1x, /data/Photos/700x500w/13518/1351845/1351845172.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12480/1248099/1248099460.JPEG" srcset="/data/Photos/450x450w/12480/1248099/1248099460.JPEG 1x, /data/Photos/700x500w/12480/1248099/1248099460.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sol Oasis Marrakech Hotel Marrakesh" data-hbs-name="Sol Oasis Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://sol-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9zb2wtbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Sol Oasis Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/3-stars/" class="main-hotels__title-link"> 3-star hotels in Marrakesh </a> </h3> <p class="main-hotels__text section__subtitle"> Selected accommodation to get more from your trip </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzMtc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="3"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="224905" data-hbs-latitude="31.6373742936887" data-hbs-longitude="-8.01104333607634" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MzcxMC8zNzEwNjAvMzcxMDYwMzQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3710/371060/371060341.JPEG" srcset="/data/Photos/450x450w/3710/371060/371060341.JPEG 1x, /data/Photos/700x500w/3710/371060/371060341.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611094/1611094994.JPEG" srcset="/data/Photos/450x450w/16110/1611094/1611094994.JPEG 1x, /data/Photos/700x500w/16110/1611094/1611094994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611095/1611095006.JPEG" srcset="/data/Photos/450x450w/16110/1611095/1611095006.JPEG 1x, /data/Photos/700x500w/16110/1611095/1611095006.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611094/1611094972.JPEG" srcset="/data/Photos/450x450w/16110/1611094/1611094972.JPEG 1x, /data/Photos/700x500w/16110/1611094/1611094972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11546/1154624/1154624982.JPEG" srcset="/data/Photos/450x450w/11546/1154624/1154624982.JPEG 1x, /data/Photos/700x500w/11546/1154624/1154624982.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11546/1154625/1154625087.JPEG" srcset="/data/Photos/450x450w/11546/1154625/1154625087.JPEG 1x, /data/Photos/700x500w/11546/1154625/1154625087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Al Kabir Marrakesh" data-hbs-name="Hotel Al Kabir Marrakesh"> <a class="hotels-by-stars__title-link" href="https://al-kabir-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9hbC1rYWJpci1tYXJyYWtlY2guaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Hotel Al Kabir Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="64">6.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Pleasant">Pleasant</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4347">(4347 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="242260" data-hbs-latitude="31.63377" data-hbs-longitude="-7.99385" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzkwNC83OTA0NTMvNzkwNDUzNDQ2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7904/790453/790453446.JPEG" srcset="/data/Photos/450x450w/7904/790453/790453446.JPEG 1x, /data/Photos/700x500w/7904/790453/790453446.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15844/1584404/1584404187.JPEG" srcset="/data/Photos/450x450w/15844/1584404/1584404187.JPEG 1x, /data/Photos/700x500w/15844/1584404/1584404187.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580354/1580354727.JPEG" srcset="/data/Photos/450x450w/15803/1580354/1580354727.JPEG 1x, /data/Photos/700x500w/15803/1580354/1580354727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580354/1580354761.JPEG" srcset="/data/Photos/450x450w/15803/1580354/1580354761.JPEG 1x, /data/Photos/700x500w/15803/1580354/1580354761.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580354/1580354793.JPEG" srcset="/data/Photos/450x450w/15803/1580354/1580354793.JPEG 1x, /data/Photos/700x500w/15803/1580354/1580354793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580354/1580354827.JPEG" srcset="/data/Photos/450x450w/15803/1580354/1580354827.JPEG 1x, /data/Photos/700x500w/15803/1580354/1580354827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Maison Belbaraka Hotel Marrakesh" data-hbs-name="Riad Maison Belbaraka Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://maison-belbaraka.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tYWlzb24tYmVsYmFyYWthLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Maison Belbaraka Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.3 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="86">8.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1220">(1220 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="407280" data-hbs-latitude="31.63221" data-hbs-longitude="-8.0115" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQzNTgvMTQzNTg4Ny8xNDM1ODg3NzYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435887/1435887760.JPEG" srcset="/data/Photos/450x450w/14358/1435887/1435887760.JPEG 1x, /data/Photos/700x500w/14358/1435887/1435887760.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435885/1435885963.JPEG" srcset="/data/Photos/450x450w/14358/1435885/1435885963.JPEG 1x, /data/Photos/700x500w/14358/1435885/1435885963.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435886/1435886107.JPEG" srcset="/data/Photos/450x450w/14358/1435886/1435886107.JPEG 1x, /data/Photos/700x500w/14358/1435886/1435886107.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435886/1435886611.JPEG" srcset="/data/Photos/450x450w/14358/1435886/1435886611.JPEG 1x, /data/Photos/700x500w/14358/1435886/1435886611.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435886/1435886665.JPEG" srcset="/data/Photos/450x450w/14358/1435886/1435886665.JPEG 1x, /data/Photos/700x500w/14358/1435886/1435886665.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435887/1435887166.JPEG" srcset="/data/Photos/450x450w/14358/1435887/1435887166.JPEG 1x, /data/Photos/700x500w/14358/1435887/1435887166.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Almas Marrakesh" data-hbs-name="Hotel Almas Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-almas.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hbG1hcy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Hotel Almas Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="5126">(5126 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="432773" data-hbs-latitude="31.62906" data-hbs-longitude="-7.97629" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI5NjAvMTI5NjAyNi8xMjk2MDI2MzI2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12960/1296026/1296026326.JPEG" srcset="/data/Photos/450x450w/12960/1296026/1296026326.JPEG 1x, /data/Photos/700x500w/12960/1296026/1296026326.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16037/1603740/1603740391.JPEG" srcset="/data/Photos/450x450w/16037/1603740/1603740391.JPEG 1x, /data/Photos/700x500w/16037/1603740/1603740391.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16037/1603740/1603740399.JPEG" srcset="/data/Photos/450x450w/16037/1603740/1603740399.JPEG 1x, /data/Photos/700x500w/16037/1603740/1603740399.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588118/1588118233.JPEG" srcset="/data/Photos/450x450w/15881/1588118/1588118233.JPEG 1x, /data/Photos/700x500w/15881/1588118/1588118233.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588117/1588117962.JPEG" srcset="/data/Photos/450x450w/15881/1588117/1588117962.JPEG 1x, /data/Photos/700x500w/15881/1588117/1588117962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588118/1588118030.JPEG" srcset="/data/Photos/450x450w/15881/1588118/1588118030.JPEG 1x, /data/Photos/700x500w/15881/1588118/1588118030.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Abelia Riad - 2023 Traveler'S Choice Award Hotel Marrakesh" data-hbs-name="Abelia Riad - 2023 Traveler'S Choice Award Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-dar-kaotar.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWRhci1rYW90YXIuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Abelia Riad - 2023 Traveler'S Choice Award Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="935">(935 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="441528" data-hbs-latitude="31.633369" data-hbs-longitude="-7.987867" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM5MDMvMTM5MDMyNy8xMzkwMzI3NjUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13903/1390327/1390327652.JPEG" srcset="/data/Photos/450x450w/13903/1390327/1390327652.JPEG 1x, /data/Photos/700x500w/13903/1390327/1390327652.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589542/1589542676.JPEG" srcset="/data/Photos/450x450w/15895/1589542/1589542676.JPEG 1x, /data/Photos/700x500w/15895/1589542/1589542676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14205/1420535/1420535493.JPEG" srcset="/data/Photos/450x450w/14205/1420535/1420535493.JPEG 1x, /data/Photos/700x500w/14205/1420535/1420535493.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13971/1397103/1397103332.JPEG" srcset="/data/Photos/450x450w/13971/1397103/1397103332.JPEG 1x, /data/Photos/700x500w/13971/1397103/1397103332.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13971/1397100/1397100620.JPEG" srcset="/data/Photos/450x450w/13971/1397100/1397100620.JPEG 1x, /data/Photos/700x500w/13971/1397100/1397100620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15895/1589544/1589544928.JPEG" srcset="/data/Photos/450x450w/15895/1589544/1589544928.JPEG 1x, /data/Photos/700x500w/15895/1589544/1589544928.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="The Central House Marrakech Medina Hostel Marrakesh" data-hbs-name="The Central House Marrakech Medina Hostel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-amssaffah.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFtc3NhZmZhaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> The Central House Marrakech Medina Hostel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 200 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="90">9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1712">(1712 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="509702" data-hbs-latitude="31.62753" data-hbs-longitude="-7.98182" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTc3MS85NzcxNTkvOTc3MTU5ODE4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9771/977159/977159818.JPEG" srcset="/data/Photos/450x450w/9771/977159/977159818.JPEG 1x, /data/Photos/700x500w/9771/977159/977159818.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13847/1384751/1384751288.JPEG" srcset="/data/Photos/450x450w/13847/1384751/1384751288.JPEG 1x, /data/Photos/700x500w/13847/1384751/1384751288.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13847/1384758/1384758227.JPEG" srcset="/data/Photos/450x450w/13847/1384758/1384758227.JPEG 1x, /data/Photos/700x500w/13847/1384758/1384758227.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13662/1366294/1366294616.JPEG" srcset="/data/Photos/450x450w/13662/1366294/1366294616.JPEG 1x, /data/Photos/700x500w/13662/1366294/1366294616.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13847/1384751/1384751153.JPEG" srcset="/data/Photos/450x450w/13847/1384751/1384751153.JPEG 1x, /data/Photos/700x500w/13847/1384751/1384751153.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13847/1384760/1384760483.JPEG" srcset="/data/Photos/450x450w/13847/1384760/1384760483.JPEG 1x, /data/Photos/700x500w/13847/1384760/1384760483.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad L'Oiseau Du Paradis Hotel Marrakesh" data-hbs-name="Riad L'Oiseau Du Paradis Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-loiseau-du-paradis.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxvaXNlYXUtZHUtcGFyYWRpcy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad L'Oiseau Du Paradis Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="94">9.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2389">(2389 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="514317" data-hbs-latitude="31.628898" data-hbs-longitude="-7.994469" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTExMzQvMTExMzQ3Ni8xMTEzNDc2NzAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11134/1113476/1113476703.JPEG" srcset="/data/Photos/450x450w/11134/1113476/1113476703.JPEG 1x, /data/Photos/700x500w/11134/1113476/1113476703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15892/1589265/1589265801.JPEG" srcset="/data/Photos/450x450w/15892/1589265/1589265801.JPEG 1x, /data/Photos/700x500w/15892/1589265/1589265801.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15892/1589265/1589265874.JPEG" srcset="/data/Photos/450x450w/15892/1589265/1589265874.JPEG 1x, /data/Photos/700x500w/15892/1589265/1589265874.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15892/1589265/1589265909.JPEG" srcset="/data/Photos/450x450w/15892/1589265/1589265909.JPEG 1x, /data/Photos/700x500w/15892/1589265/1589265909.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11160/1116044/1116044520.JPEG" srcset="/data/Photos/450x450w/11160/1116044/1116044520.JPEG 1x, /data/Photos/700x500w/11160/1116044/1116044520.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11134/1113474/1113474480.JPEG" srcset="/data/Photos/450x450w/11134/1113474/1113474480.JPEG 1x, /data/Photos/700x500w/11134/1113474/1113474480.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad D'Ari Hotel Marrakesh" data-hbs-name="Riad D'Ari Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-dari.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWRhcmkuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad D'Ari Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 700 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="551">(551 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="534435" data-hbs-latitude="31.62682" data-hbs-longitude="-8.0164" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE4Ny80MTg3OTcvNDE4Nzk3MjU1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4187/418797/418797255.JPEG" srcset="/data/Photos/450x450w/4187/418797/418797255.JPEG 1x, /data/Photos/700x500w/4187/418797/418797255.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7248/724820/724820779.JPEG" srcset="/data/Photos/450x450w/7248/724820/724820779.JPEG 1x, /data/Photos/700x500w/7248/724820/724820779.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5079/507936/507936228.JPEG" srcset="/data/Photos/450x450w/5079/507936/507936228.JPEG 1x, /data/Photos/700x500w/5079/507936/507936228.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4187/418797/418797429.JPEG" srcset="/data/Photos/450x450w/4187/418797/418797429.JPEG 1x, /data/Photos/700x500w/4187/418797/418797429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4187/418797/418797435.JPEG" srcset="/data/Photos/450x450w/4187/418797/418797435.JPEG 1x, /data/Photos/700x500w/4187/418797/418797435.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4187/418796/418796406.JPEG" srcset="/data/Photos/450x450w/4187/418796/418796406.JPEG 1x, /data/Photos/700x500w/4187/418796/418796406.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Lawrence D'Arabie Marrakesh" data-hbs-name="Hotel Lawrence D'Arabie Marrakesh"> <a class="hotels-by-stars__title-link" href="https://lawrence-darabie.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sYXdyZW5jZS1kYXJhYmllLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Hotel Lawrence D'Arabie Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.8 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="68">6.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Pleasant">Pleasant</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="6688">(6688 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="551513" data-hbs-latitude="31.63216" data-hbs-longitude="-7.99336" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAwNDIvMTAwNDI3Ny8xMDA0Mjc3NDk4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10042/1004277/1004277498.JPEG" srcset="/data/Photos/450x450w/10042/1004277/1004277498.JPEG 1x, /data/Photos/700x500w/10042/1004277/1004277498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9175/917583/917583088.JPEG" srcset="/data/Photos/450x450w/9175/917583/917583088.JPEG 1x, /data/Photos/700x500w/9175/917583/917583088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775565/775565416.JPEG" srcset="/data/Photos/450x450w/7755/775565/775565416.JPEG 1x, /data/Photos/700x500w/7755/775565/775565416.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775566/775566559.JPEG" srcset="/data/Photos/450x450w/7755/775566/775566559.JPEG 1x, /data/Photos/700x500w/7755/775566/775566559.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775567/775567216.JPEG" srcset="/data/Photos/450x450w/7755/775567/775567216.JPEG 1x, /data/Photos/700x500w/7755/775567/775567216.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7755/775567/775567243.JPEG" srcset="/data/Photos/450x450w/7755/775567/775567243.JPEG 1x, /data/Photos/700x500w/7755/775567/775567243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Julia Hotel Marrakesh" data-hbs-name="Riad Julia Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-julia.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWp1bGlhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Julia Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="93">9.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="540">(540 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="934413" data-hbs-latitude="31.62846" data-hbs-longitude="-7.98532" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3My8xMjczNjQvMTI3MzY0MDI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1273/127364/127364028.JPEG" srcset="/data/Photos/450x450w/1273/127364/127364028.JPEG 1x, /data/Photos/700x500w/1273/127364/127364028.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588205/1588205490.JPEG" srcset="/data/Photos/450x450w/15882/1588205/1588205490.JPEG 1x, /data/Photos/700x500w/15882/1588205/1588205490.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588209/1588209673.JPEG" srcset="/data/Photos/450x450w/15882/1588209/1588209673.JPEG 1x, /data/Photos/700x500w/15882/1588209/1588209673.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588209/1588209727.JPEG" srcset="/data/Photos/450x450w/15882/1588209/1588209727.JPEG 1x, /data/Photos/700x500w/15882/1588209/1588209727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588209/1588209735.JPEG" srcset="/data/Photos/450x450w/15882/1588209/1588209735.JPEG 1x, /data/Photos/700x500w/15882/1588209/1588209735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15882/1588209/1588209703.JPEG" srcset="/data/Photos/450x450w/15882/1588209/1588209703.JPEG 1x, /data/Photos/700x500w/15882/1588209/1588209703.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Origin Hotels Riad Lhena Marrakesh" data-hbs-name="Origin Hotels Riad Lhena Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-lhena.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxoZW5hLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Origin Hotels Riad Lhena Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.2 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="88">8.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="230">(230 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2283471" data-hbs-latitude="31.63189" data-hbs-longitude="-8.00375" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzU4Ny83NTg3ODUvNzU4Nzg1Mjg1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7587/758785/758785285.JPEG" srcset="/data/Photos/450x450w/7587/758785/758785285.JPEG 1x, /data/Photos/700x500w/7587/758785/758785285.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7587/758787/758787106.JPEG" srcset="/data/Photos/450x450w/7587/758787/758787106.JPEG 1x, /data/Photos/700x500w/7587/758787/758787106.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7330/733085/733085311.JPEG" srcset="/data/Photos/450x450w/7330/733085/733085311.JPEG 1x, /data/Photos/700x500w/7330/733085/733085311.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517615/517615278.JPEG" srcset="/data/Photos/450x450w/5176/517615/517615278.JPEG 1x, /data/Photos/700x500w/5176/517615/517615278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517615/517615329.JPEG" srcset="/data/Photos/450x450w/5176/517615/517615329.JPEG 1x, /data/Photos/700x500w/5176/517615/517615329.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5176/517615/517615431.JPEG" srcset="/data/Photos/450x450w/5176/517615/517615431.JPEG 1x, /data/Photos/700x500w/5176/517615/517615431.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Racine Marrakesh" data-hbs-name="Hotel Racine Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-racine.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1yYWNpbmUuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Hotel Racine Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2998320" data-hbs-latitude="31.43157" data-hbs-longitude="-8.19095" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTUzMzgvMTUzMzgwNi8xNTMzODA2MDcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15338/1533806/1533806071.JPEG" srcset="/data/Photos/450x450w/15338/1533806/1533806071.JPEG 1x, /data/Photos/700x500w/15338/1533806/1533806071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15338/1533806/1533806038.JPEG" srcset="/data/Photos/450x450w/15338/1533806/1533806038.JPEG 1x, /data/Photos/700x500w/15338/1533806/1533806038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11858/1185895/1185895489.JPEG" srcset="/data/Photos/450x450w/11858/1185895/1185895489.JPEG 1x, /data/Photos/700x500w/11858/1185895/1185895489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11858/1185890/1185890404.JPEG" srcset="/data/Photos/450x450w/11858/1185890/1185890404.JPEG 1x, /data/Photos/700x500w/11858/1185890/1185890404.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11875/1187532/1187532022.JPEG" srcset="/data/Photos/450x450w/11875/1187532/1187532022.JPEG 1x, /data/Photos/700x500w/11875/1187532/1187532022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11858/1185891/1185891172.JPEG" srcset="/data/Photos/450x450w/11858/1185891/1185891172.JPEG 1x, /data/Photos/700x500w/11858/1185891/1185891172.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Agafay Luxury Camp Hotel Marrakesh" data-hbs-name="Agafay Luxury Camp Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://agafay-luxury-camp.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9hZ2FmYXktbHV4dXJ5LWNhbXAuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Agafay Luxury Camp Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3321432" data-hbs-latitude="31.63325" data-hbs-longitude="-7.99241" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODI1MC84MjUwMjkvODI1MDI5Mjc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8250/825029/825029276.JPEG" srcset="/data/Photos/450x450w/8250/825029/825029276.JPEG 1x, /data/Photos/700x500w/8250/825029/825029276.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611165/1611165268.JPEG" srcset="/data/Photos/450x450w/16111/1611165/1611165268.JPEG 1x, /data/Photos/700x500w/16111/1611165/1611165268.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611165/1611165730.JPEG" srcset="/data/Photos/450x450w/16111/1611165/1611165730.JPEG 1x, /data/Photos/700x500w/16111/1611165/1611165730.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611165/1611165771.JPEG" srcset="/data/Photos/450x450w/16111/1611165/1611165771.JPEG 1x, /data/Photos/700x500w/16111/1611165/1611165771.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611165/1611165781.JPEG" srcset="/data/Photos/450x450w/16111/1611165/1611165781.JPEG 1x, /data/Photos/700x500w/16111/1611165/1611165781.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16247/1624789/1624789551.JPEG" srcset="/data/Photos/450x450w/16247/1624789/1624789551.JPEG 1x, /data/Photos/700x500w/16247/1624789/1624789551.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Salma Restaurant Spa Bed & Breakfast Marrakesh" data-hbs-name="Riad Salma Restaurant Spa Bed & Breakfast Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-tolerance.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXRvbGVyYW5jZS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Salma Restaurant Spa Bed & Breakfast Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3652332" data-hbs-latitude="31.62882" data-hbs-longitude="-7.97617" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMzOTUvMTMzOTU4My8xMzM5NTgzNDUzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13395/1339583/1339583453.JPEG" srcset="/data/Photos/450x450w/13395/1339583/1339583453.JPEG 1x, /data/Photos/700x500w/13395/1339583/1339583453.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13395/1339567/1339567145.JPEG" srcset="/data/Photos/450x450w/13395/1339567/1339567145.JPEG 1x, /data/Photos/700x500w/13395/1339567/1339567145.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14235/1423502/1423502103.JPEG" srcset="/data/Photos/450x450w/14235/1423502/1423502103.JPEG 1x, /data/Photos/700x500w/14235/1423502/1423502103.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13605/1360510/1360510340.JPEG" srcset="/data/Photos/450x450w/13605/1360510/1360510340.JPEG 1x, /data/Photos/700x500w/13605/1360510/1360510340.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13395/1339577/1339577744.JPEG" srcset="/data/Photos/450x450w/13395/1339577/1339577744.JPEG 1x, /data/Photos/700x500w/13395/1339577/1339577744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13650/1365012/1365012950.JPEG" srcset="/data/Photos/450x450w/13650/1365012/1365012950.JPEG 1x, /data/Photos/700x500w/13650/1365012/1365012950.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Arabic House & Spa Hotel Marrakesh" data-hbs-name="Riad Arabic House & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://the-arabic-house.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly90aGUtYXJhYmljLWhvdXNlLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Arabic House & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="5244985" data-hbs-latitude="31.6298" data-hbs-longitude="-7.99017" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyNjgvMTMyNjgxMi8xMzI2ODEyMzUwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13268/1326812/1326812350.JPEG" srcset="/data/Photos/450x450w/13268/1326812/1326812350.JPEG 1x, /data/Photos/700x500w/13268/1326812/1326812350.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13300/1330049/1330049294.JPEG" srcset="/data/Photos/450x450w/13300/1330049/1330049294.JPEG 1x, /data/Photos/700x500w/13300/1330049/1330049294.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13300/1330030/1330030178.JPEG" srcset="/data/Photos/450x450w/13300/1330030/1330030178.JPEG 1x, /data/Photos/700x500w/13300/1330030/1330030178.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13268/1326811/1326811978.JPEG" srcset="/data/Photos/450x450w/13268/1326811/1326811978.JPEG 1x, /data/Photos/700x500w/13268/1326811/1326811978.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13268/1326811/1326811996.JPEG" srcset="/data/Photos/450x450w/13268/1326811/1326811996.JPEG 1x, /data/Photos/700x500w/13268/1326811/1326811996.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13268/1326812/1326812314.JPEG" srcset="/data/Photos/450x450w/13268/1326812/1326812314.JPEG 1x, /data/Photos/700x500w/13268/1326812/1326812314.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad & Spa Azzouz Hotel Marrakesh" data-hbs-name="Riad & Spa Azzouz Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-spa-azzouz.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXNwYS1henpvdXouaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad & Spa Azzouz Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7586107" data-hbs-latitude="31.630341" data-hbs-longitude="-8.006244" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQ3NC85NDc0NjIvOTQ3NDYyMjM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9474/947462/947462239.JPEG" srcset="/data/Photos/450x450w/9474/947462/947462239.JPEG 1x, /data/Photos/700x500w/9474/947462/947462239.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10225/1022582/1022582539.JPEG" srcset="/data/Photos/450x450w/10225/1022582/1022582539.JPEG 1x, /data/Photos/700x500w/10225/1022582/1022582539.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10225/1022582/1022582554.JPEG" srcset="/data/Photos/450x450w/10225/1022582/1022582554.JPEG 1x, /data/Photos/700x500w/10225/1022582/1022582554.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9559/955936/955936945.JPEG" srcset="/data/Photos/450x450w/9559/955936/955936945.JPEG 1x, /data/Photos/700x500w/9559/955936/955936945.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9464/946434/946434871.JPEG" srcset="/data/Photos/450x450w/9464/946434/946434871.JPEG 1x, /data/Photos/700x500w/9464/946434/946434871.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9474/947462/947462254.JPEG" srcset="/data/Photos/450x450w/9474/947462/947462254.JPEG 1x, /data/Photos/700x500w/9474/947462/947462254.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ibn Batouta Marrakesh" data-hbs-name="Hotel Ibn Batouta Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-ibn-batouta.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1pYm4tYmF0b3V0YS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Hotel Ibn Batouta Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7979899" data-hbs-latitude="31.62474" data-hbs-longitude="-7.98489" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTQ2My85NDYzMjYvOTQ2MzI2MTEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9463/946326/946326112.JPEG" srcset="/data/Photos/450x450w/9463/946326/946326112.JPEG 1x, /data/Photos/700x500w/9463/946326/946326112.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15191/1519123/1519123138.JPEG" srcset="/data/Photos/450x450w/15191/1519123/1519123138.JPEG 1x, /data/Photos/700x500w/15191/1519123/1519123138.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15191/1519123/1519123348.JPEG" srcset="/data/Photos/450x450w/15191/1519123/1519123348.JPEG 1x, /data/Photos/700x500w/15191/1519123/1519123348.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9485/948537/948537553.JPEG" srcset="/data/Photos/450x450w/9485/948537/948537553.JPEG 1x, /data/Photos/700x500w/9485/948537/948537553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15191/1519123/1519123246.JPEG" srcset="/data/Photos/450x450w/15191/1519123/1519123246.JPEG 1x, /data/Photos/700x500w/15191/1519123/1519123246.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15191/1519123/1519123162.JPEG" srcset="/data/Photos/450x450w/15191/1519123/1519123162.JPEG 1x, /data/Photos/700x500w/15191/1519123/1519123162.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Touda Hotel Marrakesh" data-hbs-name="Riad Touda Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-touda.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXRvdWRhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Touda Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7991029" data-hbs-latitude="31.625" data-hbs-longitude="-7.98606" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEyNTIvMTEyNTI5Ni8xMTI1Mjk2NTE0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11252/1125296/1125296514.JPEG" srcset="/data/Photos/450x450w/11252/1125296/1125296514.JPEG 1x, /data/Photos/700x500w/11252/1125296/1125296514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11293/1129381/1129381497.JPEG" srcset="/data/Photos/450x450w/11293/1129381/1129381497.JPEG 1x, /data/Photos/700x500w/11293/1129381/1129381497.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11254/1125417/1125417744.JPEG" srcset="/data/Photos/450x450w/11254/1125417/1125417744.JPEG 1x, /data/Photos/700x500w/11254/1125417/1125417744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11254/1125418/1125418941.JPEG" srcset="/data/Photos/450x450w/11254/1125418/1125418941.JPEG 1x, /data/Photos/700x500w/11254/1125418/1125418941.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11254/1125421/1125421959.JPEG" srcset="/data/Photos/450x450w/11254/1125421/1125421959.JPEG 1x, /data/Photos/700x500w/11254/1125421/1125421959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11293/1129349/1129349259.JPEG" srcset="/data/Photos/450x450w/11293/1129349/1129349259.JPEG 1x, /data/Photos/700x500w/11293/1129349/1129349259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Milouda Hotel Marrakesh" data-hbs-name="Riad Milouda Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-milouda.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW1pbG91ZGEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Milouda Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10505936" data-hbs-latitude="31.63155" data-hbs-longitude="-8.00534" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ1OTMvMTQ1OTM4MC8xNDU5MzgwNzYwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14593/1459380/1459380760.JPEG" srcset="/data/Photos/450x450w/14593/1459380/1459380760.JPEG 1x, /data/Photos/700x500w/14593/1459380/1459380760.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15029/1502961/1502961571.JPEG" srcset="/data/Photos/450x450w/15029/1502961/1502961571.JPEG 1x, /data/Photos/700x500w/15029/1502961/1502961571.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15832/1583217/1583217207.JPEG" srcset="/data/Photos/450x450w/15832/1583217/1583217207.JPEG 1x, /data/Photos/700x500w/15832/1583217/1583217207.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15832/1583217/1583217210.JPEG" srcset="/data/Photos/450x450w/15832/1583217/1583217210.JPEG 1x, /data/Photos/700x500w/15832/1583217/1583217210.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15832/1583217/1583217218.JPEG" srcset="/data/Photos/450x450w/15832/1583217/1583217218.JPEG 1x, /data/Photos/700x500w/15832/1583217/1583217218.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15832/1583217/1583217222.JPEG" srcset="/data/Photos/450x450w/15832/1583217/1583217222.JPEG 1x, /data/Photos/700x500w/15832/1583217/1583217222.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Stars Hotel & Spa Marrakesh" data-hbs-name="Stars Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://stars-hotel.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9zdGFycy1ob3RlbC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Stars Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="12488674" data-hbs-latitude="31.61846" data-hbs-longitude="-7.98952" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIyOTYvMTIyOTY0Mi8xMjI5NjQyNTMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12296/1229642/1229642531.JPEG" srcset="/data/Photos/450x450w/12296/1229642/1229642531.JPEG 1x, /data/Photos/700x500w/12296/1229642/1229642531.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11971/1197177/1197177274.JPEG" srcset="/data/Photos/450x450w/11971/1197177/1197177274.JPEG 1x, /data/Photos/700x500w/11971/1197177/1197177274.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11942/1194216/1194216040.JPEG" srcset="/data/Photos/450x450w/11942/1194216/1194216040.JPEG 1x, /data/Photos/700x500w/11942/1194216/1194216040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11637/1163726/1163726886.JPEG" srcset="/data/Photos/450x450w/11637/1163726/1163726886.JPEG 1x, /data/Photos/700x500w/11637/1163726/1163726886.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11637/1163799/1163799237.JPEG" srcset="/data/Photos/450x450w/11637/1163799/1163799237.JPEG 1x, /data/Photos/700x500w/11637/1163799/1163799237.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11652/1165276/1165276959.JPEG" srcset="/data/Photos/450x450w/11652/1165276/1165276959.JPEG 1x, /data/Photos/700x500w/11652/1165276/1165276959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Sultan Suleiman Hotel Marrakesh" data-hbs-name="Riad Sultan Suleiman Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-sultan-suleiman.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXN1bHRhbi1zdWxlaW1hbi5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Sultan Suleiman Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> <a href="/en/2-stars/" class="main-hotels__title-link"> 2-star hotels in Marrakesh </a> </h3> <p class="main-hotels__text section__subtitle"> High-quality accommodation for a reasonable price </p> <div class="show-all-wrapper"> <span data-internal="L2VuLzItc3RhcnMv" class="show-all js-link js-link-new"> Show All <svg width="14" height="10"> <use href="/new/designs/90/destination/img/arrow.svg#arrow-right"></use> </svg> </span> </div> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="2"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="302725" data-hbs-latitude="31.62947" data-hbs-longitude="-7.98851" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMxNTAvMTMxNTAxOS8xMzE1MDE5NDI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13150/1315019/1315019428.JPEG" srcset="/data/Photos/450x450w/13150/1315019/1315019428.JPEG 1x, /data/Photos/700x500w/13150/1315019/1315019428.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599644/1599644494.JPEG" srcset="/data/Photos/450x450w/15996/1599644/1599644494.JPEG 1x, /data/Photos/700x500w/15996/1599644/1599644494.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599644/1599644498.JPEG" srcset="/data/Photos/450x450w/15996/1599644/1599644498.JPEG 1x, /data/Photos/700x500w/15996/1599644/1599644498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599644/1599644510.JPEG" srcset="/data/Photos/450x450w/15996/1599644/1599644510.JPEG 1x, /data/Photos/700x500w/15996/1599644/1599644510.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599644/1599644514.JPEG" srcset="/data/Photos/450x450w/15996/1599644/1599644514.JPEG 1x, /data/Photos/700x500w/15996/1599644/1599644514.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15996/1599644/1599644532.JPEG" srcset="/data/Photos/450x450w/15996/1599644/1599644532.JPEG 1x, /data/Photos/700x500w/15996/1599644/1599644532.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Equity Point Marrakech Hostel Marrakesh" data-hbs-name="Equity Point Marrakech Hostel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://equity-point-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9lcXVpdHktcG9pbnQtbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Equity Point Marrakech Hostel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 400 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="84">8.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Very Good">Very Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1518">(1518 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="364332" data-hbs-latitude="31.62544" data-hbs-longitude="-7.98562" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzEwNC83MTA0MzcvNzEwNDM3OTMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7104/710437/710437930.JPEG" srcset="/data/Photos/450x450w/7104/710437/710437930.JPEG 1x, /data/Photos/700x500w/7104/710437/710437930.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12442/1244298/1244298868.JPEG" srcset="/data/Photos/450x450w/12442/1244298/1244298868.JPEG 1x, /data/Photos/700x500w/12442/1244298/1244298868.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12442/1244298/1244298046.JPEG" srcset="/data/Photos/450x450w/12442/1244298/1244298046.JPEG 1x, /data/Photos/700x500w/12442/1244298/1244298046.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12442/1244298/1244298199.JPEG" srcset="/data/Photos/450x450w/12442/1244298/1244298199.JPEG 1x, /data/Photos/700x500w/12442/1244298/1244298199.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12442/1244298/1244298226.JPEG" srcset="/data/Photos/450x450w/12442/1244298/1244298226.JPEG 1x, /data/Photos/700x500w/12442/1244298/1244298226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12442/1244298/1244298349.JPEG" srcset="/data/Photos/450x450w/12442/1244298/1244298349.JPEG 1x, /data/Photos/700x500w/12442/1244298/1244298349.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Le Rihani Hotel Marrakesh" data-hbs-name="Riad Le Rihani Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-le-rihani.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxlLXJpaGFuaS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Le Rihani Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="95">9.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="502">(502 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="383385" data-hbs-latitude="31.62157" data-hbs-longitude="-7.99037" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM3NDcvMTM3NDc4My8xMzc0NzgzMjA5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13747/1374783/1374783209.JPEG" srcset="/data/Photos/450x450w/13747/1374783/1374783209.JPEG 1x, /data/Photos/700x500w/13747/1374783/1374783209.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15567/1556733/1556733496.JPEG" srcset="/data/Photos/450x450w/15567/1556733/1556733496.JPEG 1x, /data/Photos/700x500w/15567/1556733/1556733496.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580503/1580503467.JPEG" srcset="/data/Photos/450x450w/15805/1580503/1580503467.JPEG 1x, /data/Photos/700x500w/15805/1580503/1580503467.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14260/1426077/1426077825.JPEG" srcset="/data/Photos/450x450w/14260/1426077/1426077825.JPEG 1x, /data/Photos/700x500w/14260/1426077/1426077825.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14260/1426079/1426079058.JPEG" srcset="/data/Photos/450x450w/14260/1426079/1426079058.JPEG 1x, /data/Photos/700x500w/14260/1426079/1426079058.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14260/1426081/1426081746.JPEG" srcset="/data/Photos/450x450w/14260/1426081/1426081746.JPEG 1x, /data/Photos/700x500w/14260/1426081/1426081746.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Narjisse Marrakesh" data-hbs-name="Hotel Narjisse Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-narjisse.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1uYXJqaXNzZS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Hotel Narjisse Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="427322" data-hbs-latitude="31.62419" data-hbs-longitude="-7.985" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDUvMTU4MDU2OS8xNTgwNTY5NDA3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569407.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569407.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569407.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569489.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569489.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569489.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569495.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569495.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569495.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569507.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569507.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569507.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569513.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569513.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569513.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580569/1580569543.JPEG" srcset="/data/Photos/450x450w/15805/1580569/1580569543.JPEG 1x, /data/Photos/700x500w/15805/1580569/1580569543.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Celia Hotel Marrakesh" data-hbs-name="Riad Celia Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-celia.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWNlbGlhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Celia Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="770">(770 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="452934" data-hbs-latitude="31.63049" data-hbs-longitude="-7.99448" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODI5Mi84MjkyMDEvODI5MjAxMDY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8292/829201/829201067.JPEG" srcset="/data/Photos/450x450w/8292/829201/829201067.JPEG 1x, /data/Photos/700x500w/8292/829201/829201067.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580699/1580699419.JPEG" srcset="/data/Photos/450x450w/15806/1580699/1580699419.JPEG 1x, /data/Photos/700x500w/15806/1580699/1580699419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580646/1580646009.JPEG" srcset="/data/Photos/450x450w/15806/1580646/1580646009.JPEG 1x, /data/Photos/700x500w/15806/1580646/1580646009.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8291/829104/829104086.JPEG" srcset="/data/Photos/450x450w/8291/829104/829104086.JPEG 1x, /data/Photos/700x500w/8291/829104/829104086.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8291/829104/829104599.JPEG" srcset="/data/Photos/450x450w/8291/829104/829104599.JPEG 1x, /data/Photos/700x500w/8291/829104/829104599.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8291/829125/829125071.JPEG" srcset="/data/Photos/450x450w/8291/829125/829125071.JPEG 1x, /data/Photos/700x500w/8291/829125/829125071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Helen Hotel Marrakesh" data-hbs-name="Riad Helen Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-helen.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWhlbGVuLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Helen Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 600 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="95">9.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="648">(648 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="506087" data-hbs-latitude="31.636" data-hbs-longitude="-7.99661" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMzNzkvMTMzNzk1MS8xMzM3OTUxOTc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13379/1337951/1337951975.JPEG" srcset="/data/Photos/450x450w/13379/1337951/1337951975.JPEG 1x, /data/Photos/700x500w/13379/1337951/1337951975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16083/1608301/1608301313.JPEG" srcset="/data/Photos/450x450w/16083/1608301/1608301313.JPEG 1x, /data/Photos/700x500w/16083/1608301/1608301313.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600574/1600574744.JPEG" srcset="/data/Photos/450x450w/16005/1600574/1600574744.JPEG 1x, /data/Photos/700x500w/16005/1600574/1600574744.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16005/1600574/1600574763.JPEG" srcset="/data/Photos/450x450w/16005/1600574/1600574763.JPEG 1x, /data/Photos/700x500w/16005/1600574/1600574763.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602340/1602340190.JPEG" srcset="/data/Photos/450x450w/16023/1602340/1602340190.JPEG 1x, /data/Photos/700x500w/16023/1602340/1602340190.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602340/1602340191.JPEG" srcset="/data/Photos/450x450w/16023/1602340/1602340191.JPEG 1x, /data/Photos/700x500w/16023/1602340/1602340191.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Dar Salam Palm - 2023 Travellers' Choice Hotel Marrakesh" data-hbs-name="Dar Salam Palm - 2023 Travellers' Choice Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://dar-salam.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9kYXItc2FsYW0uaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Dar Salam Palm - 2023 Travellers' Choice Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="87">8.7</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Fabulous">Fabulous</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1310">(1310 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="524537" data-hbs-latitude="31.63094" data-hbs-longitude="-7.9964" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDcvMTU4MDc3OC8xNTgwNzc4NzkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580778/1580778791.JPEG" srcset="/data/Photos/450x450w/15807/1580778/1580778791.JPEG 1x, /data/Photos/700x500w/15807/1580778/1580778791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580778/1580778727.JPEG" srcset="/data/Photos/450x450w/15807/1580778/1580778727.JPEG 1x, /data/Photos/700x500w/15807/1580778/1580778727.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580778/1580778807.JPEG" srcset="/data/Photos/450x450w/15807/1580778/1580778807.JPEG 1x, /data/Photos/700x500w/15807/1580778/1580778807.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15845/1584537/1584537564.JPEG" srcset="/data/Photos/450x450w/15845/1584537/1584537564.JPEG 1x, /data/Photos/700x500w/15845/1584537/1584537564.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9979/997900/997900413.JPEG" srcset="/data/Photos/450x450w/9979/997900/997900413.JPEG 1x, /data/Photos/700x500w/9979/997900/997900413.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15807/1580778/1580778811.JPEG" srcset="/data/Photos/450x450w/15807/1580778/1580778811.JPEG 1x, /data/Photos/700x500w/15807/1580778/1580778811.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Mur Akush Hotel Marrakesh" data-hbs-name="Riad Mur Akush Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-mur-akush.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW11ci1ha3VzaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Mur Akush Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="380">(380 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="563436" data-hbs-latitude="31.6313" data-hbs-longitude="-7.98468" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE5MC80MTkwODAvNDE5MDgwNjA4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4190/419080/419080608.JPEG" srcset="/data/Photos/450x450w/4190/419080/419080608.JPEG 1x, /data/Photos/700x500w/4190/419080/419080608.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15846/1584668/1584668223.JPEG" srcset="/data/Photos/450x450w/15846/1584668/1584668223.JPEG 1x, /data/Photos/700x500w/15846/1584668/1584668223.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15846/1584668/1584668370.JPEG" srcset="/data/Photos/450x450w/15846/1584668/1584668370.JPEG 1x, /data/Photos/700x500w/15846/1584668/1584668370.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15846/1584668/1584668253.JPEG" srcset="/data/Photos/450x450w/15846/1584668/1584668253.JPEG 1x, /data/Photos/700x500w/15846/1584668/1584668253.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15846/1584668/1584668248.JPEG" srcset="/data/Photos/450x450w/15846/1584668/1584668248.JPEG 1x, /data/Photos/700x500w/15846/1584668/1584668248.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15377/1537797/1537797259.JPEG" srcset="/data/Photos/450x450w/15377/1537797/1537797259.JPEG 1x, /data/Photos/700x500w/15377/1537797/1537797259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Matham Hotel Marrakesh" data-hbs-name="Riad Matham Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-matham.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW1hdGhhbS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Matham Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 500 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="96">9.6</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="585">(585 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="584768" data-hbs-latitude="31.6246254422915" data-hbs-longitude="-7.98999178215126" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTQzLzU0MzUwLzU0MzUwNzkxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/543/54350/54350791.JPEG" srcset="/data/Photos/450x450w/543/54350/54350791.JPEG 1x, /data/Photos/700x500w/543/54350/54350791.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177171/177171105.JPEG" srcset="/data/Photos/450x450w/1771/177171/177171105.JPEG 1x, /data/Photos/700x500w/1771/177171/177171105.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177171/177171096.JPEG" srcset="/data/Photos/450x450w/1771/177171/177171096.JPEG 1x, /data/Photos/700x500w/1771/177171/177171096.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177171/177171126.JPEG" srcset="/data/Photos/450x450w/1771/177171/177171126.JPEG 1x, /data/Photos/700x500w/1771/177171/177171126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1771/177171/177171165.JPEG" srcset="/data/Photos/450x450w/1771/177171/177171165.JPEG 1x, /data/Photos/700x500w/1771/177171/177171165.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12194/1219468/1219468075.JPEG" srcset="/data/Photos/450x450w/12194/1219468/1219468075.JPEG 1x, /data/Photos/700x500w/12194/1219468/1219468075.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Ali Marrakesh" data-hbs-name="Hotel Ali Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-ali-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1hbGktbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Hotel Ali Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="775075" data-hbs-latitude="31.62522" data-hbs-longitude="-7.98851" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2My8xMTYzODcvMTE2Mzg3NjkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387690.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387690.JPEG 1x, /data/Photos/700x500w/1163/116387/116387690.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387750.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387750.JPEG 1x, /data/Photos/700x500w/1163/116387/116387750.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387693.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387693.JPEG 1x, /data/Photos/700x500w/1163/116387/116387693.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387732.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387732.JPEG 1x, /data/Photos/700x500w/1163/116387/116387732.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387735.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387735.JPEG 1x, /data/Photos/700x500w/1163/116387/116387735.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1163/116387/116387741.JPEG" srcset="/data/Photos/450x450w/1163/116387/116387741.JPEG 1x, /data/Photos/700x500w/1163/116387/116387741.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Cecil Marrakesh" data-hbs-name="Hotel Cecil Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-cecil.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1jZWNpbC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Hotel Cecil Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 800 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2050">(2050 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="825174" data-hbs-latitude="31.63142" data-hbs-longitude="-7.98573" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0My8xNTQzNzkvMTU0Mzc5NTU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1543/154379/154379557.JPEG" srcset="/data/Photos/450x450w/1543/154379/154379557.JPEG 1x, /data/Photos/700x500w/1543/154379/154379557.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623671/1623671990.JPEG" srcset="/data/Photos/450x450w/16236/1623671/1623671990.JPEG 1x, /data/Photos/700x500w/16236/1623671/1623671990.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623671/1623671992.JPEG" srcset="/data/Photos/450x450w/16236/1623671/1623671992.JPEG 1x, /data/Photos/700x500w/16236/1623671/1623671992.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8352/835281/835281782.JPEG" srcset="/data/Photos/450x450w/8352/835281/835281782.JPEG 1x, /data/Photos/700x500w/8352/835281/835281782.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15894/1589499/1589499863.JPEG" srcset="/data/Photos/450x450w/15894/1589499/1589499863.JPEG 1x, /data/Photos/700x500w/15894/1589499/1589499863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623671/1623671991.JPEG" srcset="/data/Photos/450x450w/16236/1623671/1623671991.JPEG 1x, /data/Photos/700x500w/16236/1623671/1623671991.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Star By Marrakech Riad Hotel Marrakesh" data-hbs-name="Riad Star By Marrakech Riad Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-star.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXN0YXIuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Star By Marrakech Riad Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="934400" data-hbs-latitude="31.63199" data-hbs-longitude="-7.99568" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzQ0NS83NDQ1NDcvNzQ0NTQ3MjQ5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7445/744547/744547249.JPEG" srcset="/data/Photos/450x450w/7445/744547/744547249.JPEG 1x, /data/Photos/700x500w/7445/744547/744547249.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4201/420199/420199788.JPEG" srcset="/data/Photos/450x450w/4201/420199/420199788.JPEG 1x, /data/Photos/700x500w/4201/420199/420199788.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7445/744547/744547621.JPEG" srcset="/data/Photos/450x450w/7445/744547/744547621.JPEG 1x, /data/Photos/700x500w/7445/744547/744547621.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7331/733153/733153867.JPEG" srcset="/data/Photos/450x450w/7331/733153/733153867.JPEG 1x, /data/Photos/700x500w/7331/733153/733153867.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7445/744545/744545614.JPEG" srcset="/data/Photos/450x450w/7445/744545/744545614.JPEG 1x, /data/Photos/700x500w/7445/744545/744545614.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2044/204403/204403078.JPEG" srcset="/data/Photos/450x450w/2044/204403/204403078.JPEG 1x, /data/Photos/700x500w/2044/204403/204403078.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Be Marrakech Hotel Marrakesh" data-hbs-name="Riad Be Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-be-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWJlLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Be Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="1312882" data-hbs-latitude="31.62931" data-hbs-longitude="-7.99253" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTUxNC85NTE0MTQvOTUxNDE0NDAzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9514/951414/951414403.JPEG" srcset="/data/Photos/450x450w/9514/951414/951414403.JPEG 1x, /data/Photos/700x500w/9514/951414/951414403.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15894/1589471/1589471780.JPEG" srcset="/data/Photos/450x450w/15894/1589471/1589471780.JPEG 1x, /data/Photos/700x500w/15894/1589471/1589471780.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15893/1589387/1589387170.JPEG" srcset="/data/Photos/450x450w/15893/1589387/1589387170.JPEG 1x, /data/Photos/700x500w/15893/1589387/1589387170.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15893/1589388/1589388040.JPEG" srcset="/data/Photos/450x450w/15893/1589388/1589388040.JPEG 1x, /data/Photos/700x500w/15893/1589388/1589388040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15894/1589471/1589471596.JPEG" srcset="/data/Photos/450x450w/15894/1589471/1589471596.JPEG 1x, /data/Photos/700x500w/15894/1589471/1589471596.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15894/1589471/1589471620.JPEG" srcset="/data/Photos/450x450w/15894/1589471/1589471620.JPEG 1x, /data/Photos/700x500w/15894/1589471/1589471620.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Majala Hotel Marrakesh" data-hbs-name="Riad Majala Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-majala.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW1hamFsYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Majala Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3669294" data-hbs-latitude="31.62352" data-hbs-longitude="-7.98615" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0NDIvMTU0NDIxOC8xNTQ0MjE4OTg3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15442/1544218/1544218987.JPEG" srcset="/data/Photos/450x450w/15442/1544218/1544218987.JPEG 1x, /data/Photos/700x500w/15442/1544218/1544218987.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15809/1580925/1580925677.JPEG" srcset="/data/Photos/450x450w/15809/1580925/1580925677.JPEG 1x, /data/Photos/700x500w/15809/1580925/1580925677.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16299/1629929/1629929847.JPEG" srcset="/data/Photos/450x450w/16299/1629929/1629929847.JPEG 1x, /data/Photos/700x500w/16299/1629929/1629929847.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627240/1627240861.JPEG" srcset="/data/Photos/450x450w/16272/1627240/1627240861.JPEG 1x, /data/Photos/700x500w/16272/1627240/1627240861.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627240/1627240862.JPEG" srcset="/data/Photos/450x450w/16272/1627240/1627240862.JPEG 1x, /data/Photos/700x500w/16272/1627240/1627240862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16272/1627240/1627240863.JPEG" srcset="/data/Photos/450x450w/16272/1627240/1627240863.JPEG 1x, /data/Photos/700x500w/16272/1627240/1627240863.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Zahri Hotel Marrakesh" data-hbs-name="Riad Zahri Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-zahri.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXphaHJpLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Zahri Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3814995" data-hbs-latitude="31.62483" data-hbs-longitude="-7.98836" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE1OC84MTU4ODMvODE1ODgzNzMxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8158/815883/815883731.JPEG" srcset="/data/Photos/450x450w/8158/815883/815883731.JPEG 1x, /data/Photos/700x500w/8158/815883/815883731.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8158/815883/815883932.JPEG" srcset="/data/Photos/450x450w/8158/815883/815883932.JPEG 1x, /data/Photos/700x500w/8158/815883/815883932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8158/815889/815889197.JPEG" srcset="/data/Photos/450x450w/8158/815889/815889197.JPEG 1x, /data/Photos/700x500w/8158/815889/815889197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8158/815891/815891915.JPEG" srcset="/data/Photos/450x450w/8158/815891/815891915.JPEG 1x, /data/Photos/700x500w/8158/815891/815891915.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8158/815892/815892371.JPEG" srcset="/data/Photos/450x450w/8158/815892/815892371.JPEG 1x, /data/Photos/700x500w/8158/815892/815892371.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8160/816011/816011099.JPEG" srcset="/data/Photos/450x450w/8160/816011/816011099.JPEG 1x, /data/Photos/700x500w/8160/816011/816011099.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Central Palace Marrakesh" data-hbs-name="Hotel Central Palace Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-central-palace.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1jZW50cmFsLXBhbGFjZS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Hotel Central Palace Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="3834606" data-hbs-latitude="31.62846" data-hbs-longitude="-7.9853" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NjM2Ny82MzY3OTUvNjM2Nzk1MTkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6367/636795/636795192.JPEG" srcset="/data/Photos/450x450w/6367/636795/636795192.JPEG 1x, /data/Photos/700x500w/6367/636795/636795192.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16255/1625556/1625556502.JPEG" srcset="/data/Photos/450x450w/16255/1625556/1625556502.JPEG 1x, /data/Photos/700x500w/16255/1625556/1625556502.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16255/1625556/1625556498.JPEG" srcset="/data/Photos/450x450w/16255/1625556/1625556498.JPEG 1x, /data/Photos/700x500w/16255/1625556/1625556498.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16255/1625556/1625556499.JPEG" srcset="/data/Photos/450x450w/16255/1625556/1625556499.JPEG 1x, /data/Photos/700x500w/16255/1625556/1625556499.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16255/1625556/1625556500.JPEG" srcset="/data/Photos/450x450w/16255/1625556/1625556500.JPEG 1x, /data/Photos/700x500w/16255/1625556/1625556500.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16255/1625556/1625556504.JPEG" srcset="/data/Photos/450x450w/16255/1625556/1625556504.JPEG 1x, /data/Photos/700x500w/16255/1625556/1625556504.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Azzar Hotel Marrakesh" data-hbs-name="Riad Azzar Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-azzar.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWF6emFyLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Azzar Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8053258" data-hbs-latitude="31.6321" data-hbs-longitude="-7.99356" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODgzOS84ODM5ODIvODgzOTgyMjkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8839/883982/883982293.JPEG" srcset="/data/Photos/450x450w/8839/883982/883982293.JPEG 1x, /data/Photos/700x500w/8839/883982/883982293.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011789/1011789259.JPEG" srcset="/data/Photos/450x450w/10117/1011789/1011789259.JPEG 1x, /data/Photos/700x500w/10117/1011789/1011789259.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011789/1011789547.JPEG" srcset="/data/Photos/450x450w/10117/1011789/1011789547.JPEG 1x, /data/Photos/700x500w/10117/1011789/1011789547.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011789/1011789553.JPEG" srcset="/data/Photos/450x450w/10117/1011789/1011789553.JPEG 1x, /data/Photos/700x500w/10117/1011789/1011789553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011790/1011790660.JPEG" srcset="/data/Photos/450x450w/10117/1011790/1011790660.JPEG 1x, /data/Photos/700x500w/10117/1011790/1011790660.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10117/1011790/1011790813.JPEG" srcset="/data/Photos/450x450w/10117/1011790/1011790813.JPEG 1x, /data/Photos/700x500w/10117/1011790/1011790813.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Nayanour Hotel Marrakesh" data-hbs-name="Riad Nayanour Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-nayanour.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW5heWFub3VyLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Nayanour Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="8643289" data-hbs-latitude="31.63427" data-hbs-longitude="-7.99623" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="OTc3Ni85Nzc2NjUvOTc3NjY1OTk5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9776/977665/977665999.JPEG" srcset="/data/Photos/450x450w/9776/977665/977665999.JPEG 1x, /data/Photos/700x500w/9776/977665/977665999.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9780/978011/978011089.JPEG" srcset="/data/Photos/450x450w/9780/978011/978011089.JPEG 1x, /data/Photos/700x500w/9780/978011/978011089.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9780/978010/978010729.JPEG" srcset="/data/Photos/450x450w/9780/978010/978010729.JPEG 1x, /data/Photos/700x500w/9780/978010/978010729.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9780/978010/978010954.JPEG" srcset="/data/Photos/450x450w/9780/978010/978010954.JPEG 1x, /data/Photos/700x500w/9780/978010/978010954.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9780/978010/978010657.JPEG" srcset="/data/Photos/450x450w/9780/978010/978010657.JPEG 1x, /data/Photos/700x500w/9780/978010/978010657.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9780/978010/978010696.JPEG" srcset="/data/Photos/450x450w/9780/978010/978010696.JPEG 1x, /data/Photos/700x500w/9780/978010/978010696.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Mazarin Des Gourmets Hotel Marrakesh" data-hbs-name="Riad Mazarin Des Gourmets Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-sokera-hotel-restaurant-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXNva2VyYS1ob3RlbC1yZXN0YXVyYW50LXNwYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Mazarin Des Gourmets Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="9876340" data-hbs-latitude="31.63891" data-hbs-longitude="-7.99273" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMyMzIvMTMyMzI4OS8xMzIzMjg5OTkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13232/1323289/1323289990.JPEG" srcset="/data/Photos/450x450w/13232/1323289/1323289990.JPEG 1x, /data/Photos/700x500w/13232/1323289/1323289990.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/9366/936671/936671095.JPEG" srcset="/data/Photos/450x450w/9366/936671/936671095.JPEG 1x, /data/Photos/700x500w/9366/936671/936671095.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13232/1323293/1323293752.JPEG" srcset="/data/Photos/450x450w/13232/1323293/1323293752.JPEG 1x, /data/Photos/700x500w/13232/1323293/1323293752.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13232/1323294/1323294256.JPEG" srcset="/data/Photos/450x450w/13232/1323294/1323294256.JPEG 1x, /data/Photos/700x500w/13232/1323294/1323294256.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13232/1323294/1323294244.JPEG" srcset="/data/Photos/450x450w/13232/1323294/1323294244.JPEG 1x, /data/Photos/700x500w/13232/1323294/1323294244.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13210/1321061/1321061419.JPEG" srcset="/data/Photos/450x450w/13210/1321061/1321061419.JPEG 1x, /data/Photos/700x500w/13210/1321061/1321061419.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Dar El Arsa Rooftop & Jacuzzi Bed & Breakfast Marrakesh" data-hbs-name="Riad Dar El Arsa Rooftop & Jacuzzi Bed & Breakfast Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-dar-el-arsa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWRhci1lbC1hcnNhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Dar El Arsa Rooftop & Jacuzzi Bed & Breakfast Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="10591340" data-hbs-latitude="31.63235" data-hbs-longitude="-7.99584" data-hbs-stars="2"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU1NjMvMTU1NjM2OS8xNTU2MzY5ODc4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15563/1556369/1556369878.JPEG" srcset="/data/Photos/450x450w/15563/1556369/1556369878.JPEG 1x, /data/Photos/700x500w/15563/1556369/1556369878.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15563/1556370/1556370064.JPEG" srcset="/data/Photos/450x450w/15563/1556370/1556370064.JPEG 1x, /data/Photos/700x500w/15563/1556370/1556370064.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15563/1556370/1556370226.JPEG" srcset="/data/Photos/450x450w/15563/1556370/1556370226.JPEG 1x, /data/Photos/700x500w/15563/1556370/1556370226.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14299/1429929/1429929670.JPEG" srcset="/data/Photos/450x450w/14299/1429929/1429929670.JPEG 1x, /data/Photos/700x500w/14299/1429929/1429929670.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14299/1429933/1429933717.JPEG" srcset="/data/Photos/450x450w/14299/1429933/1429933717.JPEG 1x, /data/Photos/700x500w/14299/1429933/1429933717.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15563/1556370/1556370013.JPEG" srcset="/data/Photos/450x450w/15563/1556370/1556370013.JPEG 1x, /data/Photos/700x500w/15563/1556370/1556370013.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Le Limoun And Spa Hotel Marrakesh" data-hbs-name="Riad Le Limoun And Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-le-limoun.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxlLWxpbW91bi5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Le Limoun And Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="main-hotels main-content__hotels-wrapper"> <h3 class="main-hotels__title"> Popular places to stay in Marrakesh </h3> <p class="main-hotels__text section__subtitle"> Choose a proven option from our list of the most booked properties </p> <div class="main-hotels__carousel-wrapper js-sunset-main-gallery-wrapper"> <div class="main-hotels__carousel js-sunset-main-gallery js-stars-category-item" data-stars-category="0"> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card is-first-slide" data-id="93898" data-hbs-latitude="31.621647" data-hbs-longitude="-8.002115" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYxNTYvMTYxNTY0OC8xNjE1NjQ4NDMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16156/1615648/1615648433.JPEG" srcset="/data/Photos/450x450w/16156/1615648/1615648433.JPEG 1x, /data/Photos/700x500w/16156/1615648/1615648433.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628647/1628647025.JPEG" srcset="/data/Photos/450x450w/16286/1628647/1628647025.JPEG 1x, /data/Photos/700x500w/16286/1628647/1628647025.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628647/1628647028.JPEG" srcset="/data/Photos/450x450w/16286/1628647/1628647028.JPEG 1x, /data/Photos/700x500w/16286/1628647/1628647028.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628647/1628647038.JPEG" srcset="/data/Photos/450x450w/16286/1628647/1628647038.JPEG 1x, /data/Photos/700x500w/16286/1628647/1628647038.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628647/1628647039.JPEG" srcset="/data/Photos/450x450w/16286/1628647/1628647039.JPEG 1x, /data/Photos/700x500w/16286/1628647/1628647039.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628647/1628647043.JPEG" srcset="/data/Photos/450x450w/16286/1628647/1628647043.JPEG 1x, /data/Photos/700x500w/16286/1628647/1628647043.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sofitel Marrakech Palais Imperial & Spa Hotel Marrakesh" data-hbs-name="Sofitel Marrakech Palais Imperial & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://sofitel-marrakech-lounge-and-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9zb2ZpdGVsLW1hcnJha2VjaC1sb3VuZ2UtYW5kLXNwYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Sofitel Marrakech Palais Imperial & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.4 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="83">8.3</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Very Good">Very Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1264">(1264 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="103980" data-hbs-latitude="31.621758" data-hbs-longitude="-8.007944" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MzEwMC8zMTAwMTcvMzEwMDE3MjI5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3100/310017/310017229.JPEG" srcset="/data/Photos/450x450w/3100/310017/310017229.JPEG 1x, /data/Photos/700x500w/3100/310017/310017229.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628657/1628657208.JPEG" srcset="/data/Photos/450x450w/16286/1628657/1628657208.JPEG 1x, /data/Photos/700x500w/16286/1628657/1628657208.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628657/1628657150.JPEG" srcset="/data/Photos/450x450w/16286/1628657/1628657150.JPEG 1x, /data/Photos/700x500w/16286/1628657/1628657150.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628657/1628657157.JPEG" srcset="/data/Photos/450x450w/16286/1628657/1628657157.JPEG 1x, /data/Photos/700x500w/16286/1628657/1628657157.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628657/1628657154.JPEG" srcset="/data/Photos/450x450w/16286/1628657/1628657154.JPEG 1x, /data/Photos/700x500w/16286/1628657/1628657154.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16286/1628657/1628657158.JPEG" srcset="/data/Photos/450x450w/16286/1628657/1628657158.JPEG 1x, /data/Photos/700x500w/16286/1628657/1628657158.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Dar Rhizlane, Palais Table D'Hotes & Spa Hotel Marrakesh" data-hbs-name="Dar Rhizlane, Palais Table D'Hotes & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://exclusive-hotel-dar-rhizlane.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9leGNsdXNpdmUtaG90ZWwtZGFyLXJoaXpsYW5lLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Dar Rhizlane, Palais Table D'Hotes & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.5 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="94">9.4</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1223">(1223 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="116315" data-hbs-latitude="31.612423" data-hbs-longitude="-7.9873595" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI3NzEvMTI3NzE2Ni8xMjc3MTY2NDAwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277166/1277166400.JPEG" srcset="/data/Photos/450x450w/12771/1277166/1277166400.JPEG 1x, /data/Photos/700x500w/12771/1277166/1277166400.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277162/1277162605.JPEG" srcset="/data/Photos/450x450w/12771/1277162/1277162605.JPEG 1x, /data/Photos/700x500w/12771/1277162/1277162605.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277163/1277163106.JPEG" srcset="/data/Photos/450x450w/12771/1277163/1277163106.JPEG 1x, /data/Photos/700x500w/12771/1277163/1277163106.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277164/1277164381.JPEG" srcset="/data/Photos/450x450w/12771/1277164/1277164381.JPEG 1x, /data/Photos/700x500w/12771/1277164/1277164381.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277164/1277164702.JPEG" srcset="/data/Photos/450x450w/12771/1277164/1277164702.JPEG 1x, /data/Photos/700x500w/12771/1277164/1277164702.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12771/1277164/1277164972.JPEG" srcset="/data/Photos/450x450w/12771/1277164/1277164972.JPEG 1x, /data/Photos/700x500w/12771/1277164/1277164972.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Les Jardins De La Medina Hotel Marrakesh" data-hbs-name="Les Jardins De La Medina Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://les-jardins-de-la-medina.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZXMtamFyZGlucy1kZS1sYS1tZWRpbmEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Les Jardins De La Medina Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.2 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Excellent location </span> <div class="hotels-by-stars__grade-details">This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="91">9.1</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="825">(825 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155967" data-hbs-latitude="31.673242" data-hbs-longitude="-7.956074" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEyNDMvMTEyNDM0Mi8xMTI0MzQyNzM5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11243/1124342/1124342739.JPEG" srcset="/data/Photos/450x450w/11243/1124342/1124342739.JPEG 1x, /data/Photos/700x500w/11243/1124342/1124342739.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611062/1611062047.JPEG" srcset="/data/Photos/450x450w/16110/1611062/1611062047.JPEG 1x, /data/Photos/700x500w/16110/1611062/1611062047.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611062/1611062055.JPEG" srcset="/data/Photos/450x450w/16110/1611062/1611062055.JPEG 1x, /data/Photos/700x500w/16110/1611062/1611062055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611062/1611062056.JPEG" srcset="/data/Photos/450x450w/16110/1611062/1611062056.JPEG 1x, /data/Photos/700x500w/16110/1611062/1611062056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611062/1611062061.JPEG" srcset="/data/Photos/450x450w/16110/1611062/1611062061.JPEG 1x, /data/Photos/700x500w/16110/1611062/1611062061.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16110/1611062/1611062069.JPEG" srcset="/data/Photos/450x450w/16110/1611062/1611062069.JPEG 1x, /data/Photos/700x500w/16110/1611062/1611062069.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Les Deux Tours Hotel Marrakesh" data-hbs-name="Les Deux Tours Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://les-deux-tours.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZXMtZGV1eC10b3Vycy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Les Deux Tours Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 5.6 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="861">(861 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155977" data-hbs-latitude="31.61696" data-hbs-longitude="-7.98884399999997" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTEzOTEvMTEzOTE0Ny8xMTM5MTQ3NjQ0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11391/1139147/1139147644.JPEG" srcset="/data/Photos/450x450w/11391/1139147/1139147644.JPEG 1x, /data/Photos/700x500w/11391/1139147/1139147644.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15338/1533819/1533819232.JPEG" srcset="/data/Photos/450x450w/15338/1533819/1533819232.JPEG 1x, /data/Photos/700x500w/15338/1533819/1533819232.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15339/1533985/1533985057.JPEG" srcset="/data/Photos/450x450w/15339/1533985/1533985057.JPEG 1x, /data/Photos/700x500w/15339/1533985/1533985057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15338/1533819/1533819211.JPEG" srcset="/data/Photos/450x450w/15338/1533819/1533819211.JPEG 1x, /data/Photos/700x500w/15338/1533819/1533819211.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15339/1533984/1533984685.JPEG" srcset="/data/Photos/450x450w/15339/1533984/1533984685.JPEG 1x, /data/Photos/700x500w/15339/1533984/1533984685.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15339/1533984/1533984721.JPEG" srcset="/data/Photos/450x450w/15339/1533984/1533984721.JPEG 1x, /data/Photos/700x500w/15339/1533984/1533984721.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="La Sultana Marrakech Hotel Marrakesh" data-hbs-name="La Sultana Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://la-sultana-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sYS1zdWx0YW5hLW1hcnJha2VjaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> La Sultana Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.7 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="95">9.5</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="212">(212 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="155978" data-hbs-latitude="31.67257" data-hbs-longitude="-7.92923" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMxNDMvMTMxNDMzNC8xMzE0MzM0MTIwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13143/1314334/1314334120.JPEG" srcset="/data/Photos/450x450w/13143/1314334/1314334120.JPEG 1x, /data/Photos/700x500w/13143/1314334/1314334120.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2472/247217/247217461.JPEG" srcset="/data/Photos/450x450w/2472/247217/247217461.JPEG 1x, /data/Photos/700x500w/2472/247217/247217461.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580679/1580679257.JPEG" srcset="/data/Photos/450x450w/15806/1580679/1580679257.JPEG 1x, /data/Photos/700x500w/15806/1580679/1580679257.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15179/1517927/1517927278.JPEG" srcset="/data/Photos/450x450w/15179/1517927/1517927278.JPEG 1x, /data/Photos/700x500w/15179/1517927/1517927278.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15747/1574744/1574744087.JPEG" srcset="/data/Photos/450x450w/15747/1574744/1574744087.JPEG 1x, /data/Photos/700x500w/15747/1574744/1574744087.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15747/1574744/1574744102.JPEG" srcset="/data/Photos/450x450w/15747/1574744/1574744102.JPEG 1x, /data/Photos/700x500w/15747/1574744/1574744102.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Ksar Char-Bagh Small Luxury Hotels Marrakesh" data-hbs-name="Ksar Char-Bagh Small Luxury Hotels Marrakesh"> <a class="hotels-by-stars__title-link" href="https://ksar-char-bagh.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9rc2FyLWNoYXItYmFnaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Ksar Char-Bagh Small Luxury Hotels Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 7.3 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="92">9.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Superb">Superb</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="155">(155 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="176237" data-hbs-latitude="31.647801" data-hbs-longitude="-8.017659" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjQ0Ny8yNDQ3MTEvMjQ0NzExMzMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2447/244711/244711333.JPEG" srcset="/data/Photos/450x450w/2447/244711/244711333.JPEG 1x, /data/Photos/700x500w/2447/244711/244711333.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580379/1580379049.JPEG" srcset="/data/Photos/450x450w/15803/1580379/1580379049.JPEG 1x, /data/Photos/700x500w/15803/1580379/1580379049.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580379/1580379231.JPEG" srcset="/data/Photos/450x450w/15803/1580379/1580379231.JPEG 1x, /data/Photos/700x500w/15803/1580379/1580379231.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12772/1277212/1277212015.JPEG" srcset="/data/Photos/450x450w/12772/1277212/1277212015.JPEG 1x, /data/Photos/700x500w/12772/1277212/1277212015.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580378/1580378845.JPEG" srcset="/data/Photos/450x450w/15803/1580378/1580378845.JPEG 1x, /data/Photos/700x500w/15803/1580378/1580378845.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580378/1580378989.JPEG" srcset="/data/Photos/450x450w/15803/1580378/1580378989.JPEG 1x, /data/Photos/700x500w/15803/1580378/1580378989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Le Semiramis Marrakech By Bravia Hotels" data-hbs-name="Hotel Le Semiramis Marrakech By Bravia Hotels"> <a class="hotels-by-stars__title-link" href="https://hotel-marrakech-le-semiramis.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1tYXJyYWtlY2gtbGUtc2VtaXJhbWlzLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Hotel Le Semiramis Marrakech By Bravia Hotels </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 2.4 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.4 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="58">5.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Decent">Decent</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="2432">(2432 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="225560" data-hbs-latitude="31.59791051" data-hbs-longitude="-7.98799395" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU3NjcvMTU3NjcxNy8xNTc2NzE3OTM3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717937.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717937.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717937.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16023/1602334/1602334638.JPEG" srcset="/data/Photos/450x450w/16023/1602334/1602334638.JPEG 1x, /data/Photos/700x500w/16023/1602334/1602334638.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717877.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717877.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717877.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717889.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717889.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717889.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717955.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717955.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717955.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15767/1576717/1576717919.JPEG" srcset="/data/Photos/450x450w/15767/1576717/1576717919.JPEG 1x, /data/Photos/700x500w/15767/1576717/1576717919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Mogador Aqua Fun & Spa Hotel Marrakesh" data-hbs-name="Mogador Aqua Fun & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://mogador-palace-agdal.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tb2dhZG9yLXBhbGFjZS1hZ2RhbC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Mogador Aqua Fun & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 3.9 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Very good location </span> <div class="hotels-by-stars__grade-details">This property boasts very good location. It has a score 7.5 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="62">6.2</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Pleasant">Pleasant</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="4321">(4321 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="279781" data-hbs-latitude="31.62828" data-hbs-longitude="-8.00620900000001" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTM4MDEvMTM4MDE3Mi8xMzgwMTcyNDEyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13801/1380172/1380172412.JPEG" srcset="/data/Photos/450x450w/13801/1380172/1380172412.JPEG 1x, /data/Photos/700x500w/13801/1380172/1380172412.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15374/1537490/1537490968.JPEG" srcset="/data/Photos/450x450w/15374/1537490/1537490968.JPEG 1x, /data/Photos/700x500w/15374/1537490/1537490968.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15381/1538112/1538112628.JPEG" srcset="/data/Photos/450x450w/15381/1538112/1538112628.JPEG 1x, /data/Photos/700x500w/15381/1538112/1538112628.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14357/1435773/1435773445.JPEG" srcset="/data/Photos/450x450w/14357/1435773/1435773445.JPEG 1x, /data/Photos/700x500w/14357/1435773/1435773445.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15381/1538112/1538112646.JPEG" srcset="/data/Photos/450x450w/15381/1538112/1538112646.JPEG 1x, /data/Photos/700x500w/15381/1538112/1538112646.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15374/1537490/1537490962.JPEG" srcset="/data/Photos/450x450w/15374/1537490/1537490962.JPEG 1x, /data/Photos/700x500w/15374/1537490/1537490962.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Dellarosa Boutique Hotel And Spa Marrakesh" data-hbs-name="Dellarosa Boutique Hotel And Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://dellarosa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9kZWxsYXJvc2EuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Dellarosa Boutique Hotel And Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 900 m to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Superb location </span> <div class="hotels-by-stars__grade-details">This property boasts superb location. It has a score 8.7 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="79">7.9</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Good">Good</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1399">(1399 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="302750" data-hbs-latitude="31.619289" data-hbs-longitude="-7.995146" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE1MTkvMTE1MTkyMS8xMTUxOTIxNjgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11519/1151921/1151921682.JPEG" srcset="/data/Photos/450x450w/11519/1151921/1151921682.JPEG 1x, /data/Photos/700x500w/11519/1151921/1151921682.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604767/1604767429.JPEG" srcset="/data/Photos/450x450w/16047/1604767/1604767429.JPEG 1x, /data/Photos/700x500w/16047/1604767/1604767429.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604767/1604767476.JPEG" srcset="/data/Photos/450x450w/16047/1604767/1604767476.JPEG 1x, /data/Photos/700x500w/16047/1604767/1604767476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604767/1604767393.JPEG" srcset="/data/Photos/450x450w/16047/1604767/1604767393.JPEG 1x, /data/Photos/700x500w/16047/1604767/1604767393.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604767/1604767394.JPEG" srcset="/data/Photos/450x450w/16047/1604767/1604767394.JPEG 1x, /data/Photos/700x500w/16047/1604767/1604767394.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16047/1604767/1604767400.JPEG" srcset="/data/Photos/450x450w/16047/1604767/1604767400.JPEG 1x, /data/Photos/700x500w/16047/1604767/1604767400.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Anya & Spa Hotel Marrakesh" data-hbs-name="Riad Anya & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-anya.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFueWEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Anya & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="hotels-by-stars__distance-text"> 1.6 km to the city centre </div> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> <div class="hotels-by-stars__grade"> <span class="hotels-by-stars__grade-text"> Exceptional location </span> <div class="hotels-by-stars__grade-details">This property boasts exceptional location. It has a score 9.6 out of 10 for location according to the visitors’ reviews. It must be a convenient place to stay!</div> </div> <div class="hotels-by-stars__review"> <div class="hotels-by-stars__review-number" data-hbs-avgmark="98">9.8</div> <div class="hotels-by-stars__review-text" data-hbs-avgmarkname="Exceptional">Exceptional</div> <div class="hotels-by-stars__review-count" data-hbs-reviewcount="1409">(1409 reviews)</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="326990" data-hbs-latitude="31.62242" data-hbs-longitude="-7.98201" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwODMvMTYwODMwMC8xNjA4MzAwNTY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16083/1608300/1608300569.JPEG" srcset="/data/Photos/450x450w/16083/1608300/1608300569.JPEG 1x, /data/Photos/700x500w/16083/1608300/1608300569.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15381/1538127/1538127301.JPEG" srcset="/data/Photos/450x450w/15381/1538127/1538127301.JPEG 1x, /data/Photos/700x500w/15381/1538127/1538127301.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15381/1538117/1538117056.JPEG" srcset="/data/Photos/450x450w/15381/1538117/1538117056.JPEG 1x, /data/Photos/700x500w/15381/1538117/1538117056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15381/1538126/1538126176.JPEG" srcset="/data/Photos/450x450w/15381/1538126/1538126176.JPEG 1x, /data/Photos/700x500w/15381/1538126/1538126176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607670/1607670441.JPEG" srcset="/data/Photos/450x450w/16076/1607670/1607670441.JPEG 1x, /data/Photos/700x500w/16076/1607670/1607670441.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16076/1607670/1607670452.JPEG" srcset="/data/Photos/450x450w/16076/1607670/1607670452.JPEG 1x, /data/Photos/700x500w/16076/1607670/1607670452.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Zoraida Hotel Marrakesh" data-hbs-name="Riad Zoraida Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-litzy.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxpdHp5LmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Zoraida Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="356540" data-hbs-latitude="31.62438" data-hbs-longitude="-7.9863" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE2NzQvMTE2NzQzMC8xMTY3NDMwOTMzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11674/1167430/1167430933.JPEG" srcset="/data/Photos/450x450w/11674/1167430/1167430933.JPEG 1x, /data/Photos/700x500w/11674/1167430/1167430933.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14520/1452086/1452086131.JPEG" srcset="/data/Photos/450x450w/14520/1452086/1452086131.JPEG 1x, /data/Photos/700x500w/14520/1452086/1452086131.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14520/1452087/1452087589.JPEG" srcset="/data/Photos/450x450w/14520/1452087/1452087589.JPEG 1x, /data/Photos/700x500w/14520/1452087/1452087589.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14520/1452088/1452088348.JPEG" srcset="/data/Photos/450x450w/14520/1452088/1452088348.JPEG 1x, /data/Photos/700x500w/14520/1452088/1452088348.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14520/1452090/1452090121.JPEG" srcset="/data/Photos/450x450w/14520/1452090/1452090121.JPEG 1x, /data/Photos/700x500w/14520/1452090/1452090121.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14520/1452086/1452086587.JPEG" srcset="/data/Photos/450x450w/14520/1452086/1452086587.JPEG 1x, /data/Photos/700x500w/14520/1452086/1452086587.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Palais Des Princesses & Spa" data-hbs-name="Riad Palais Des Princesses & Spa"> <a class="hotels-by-stars__title-link" href="https://riad-palais-des-princesses.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLXBhbGFpcy1kZXMtcHJpbmNlc3Nlcy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Palais Des Princesses & Spa </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="359080" data-hbs-latitude="31.627915" data-hbs-longitude="-7.974103" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzA0OC83MDQ4MzAvNzA0ODMwOTc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7048/704830/704830975.JPEG" srcset="/data/Photos/450x450w/7048/704830/704830975.JPEG 1x, /data/Photos/700x500w/7048/704830/704830975.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580471/1580471577.JPEG" srcset="/data/Photos/450x450w/15804/1580471/1580471577.JPEG 1x, /data/Photos/700x500w/15804/1580471/1580471577.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580471/1580471461.JPEG" srcset="/data/Photos/450x450w/15804/1580471/1580471461.JPEG 1x, /data/Photos/700x500w/15804/1580471/1580471461.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580471/1580471447.JPEG" srcset="/data/Photos/450x450w/15804/1580471/1580471447.JPEG 1x, /data/Photos/700x500w/15804/1580471/1580471447.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15804/1580471/1580471633.JPEG" srcset="/data/Photos/450x450w/15804/1580471/1580471633.JPEG 1x, /data/Photos/700x500w/15804/1580471/1580471633.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/641/64197/64197001.JPEG" srcset="/data/Photos/450x450w/641/64197/64197001.JPEG 1x, /data/Photos/700x500w/641/64197/64197001.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Le Jardin D'Abdou Hotel Marrakesh" data-hbs-name="Riad Le Jardin D'Abdou Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-le-jardin-dabdou.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWxlLWphcmRpbi1kYWJkb3UuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Le Jardin D'Abdou Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="373375" data-hbs-latitude="31.62392" data-hbs-longitude="-8.00794" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NzAzNC83MDM0NTMvNzAzNDUzMDU3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7034/703453/703453057.JPEG" srcset="/data/Photos/450x450w/7034/703453/703453057.JPEG 1x, /data/Photos/700x500w/7034/703453/703453057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15803/1580379/1580379055.JPEG" srcset="/data/Photos/450x450w/15803/1580379/1580379055.JPEG 1x, /data/Photos/700x500w/15803/1580379/1580379055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552531/1552531168.JPEG" srcset="/data/Photos/450x450w/15525/1552531/1552531168.JPEG 1x, /data/Photos/700x500w/15525/1552531/1552531168.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552531/1552531240.JPEG" srcset="/data/Photos/450x450w/15525/1552531/1552531240.JPEG 1x, /data/Photos/700x500w/15525/1552531/1552531240.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552531/1552531312.JPEG" srcset="/data/Photos/450x450w/15525/1552531/1552531312.JPEG 1x, /data/Photos/700x500w/15525/1552531/1552531312.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15525/1552531/1552531273.JPEG" srcset="/data/Photos/450x450w/15525/1552531/1552531273.JPEG 1x, /data/Photos/700x500w/15525/1552531/1552531273.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Kennedy Hospitality Resort Marrakesh" data-hbs-name="Kennedy Hospitality Resort Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-farah-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1mYXJhaC1tYXJyYWtlY2guaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Kennedy Hospitality Resort Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="401525" data-hbs-latitude="31.623546615151355" data-hbs-longitude="-7.996947546489537" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njk4OC82OTg4ODMvNjk4ODgzNzY1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6988/698883/698883765.JPEG" srcset="/data/Photos/450x450w/6988/698883/698883765.JPEG 1x, /data/Photos/700x500w/6988/698883/698883765.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4082/408280/408280506.JPEG" srcset="/data/Photos/450x450w/4082/408280/408280506.JPEG 1x, /data/Photos/700x500w/4082/408280/408280506.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580548/1580548231.JPEG" srcset="/data/Photos/450x450w/15805/1580548/1580548231.JPEG 1x, /data/Photos/700x500w/15805/1580548/1580548231.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580548/1580548303.JPEG" srcset="/data/Photos/450x450w/15805/1580548/1580548303.JPEG 1x, /data/Photos/700x500w/15805/1580548/1580548303.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580548/1580548311.JPEG" srcset="/data/Photos/450x450w/15805/1580548/1580548311.JPEG 1x, /data/Photos/700x500w/15805/1580548/1580548311.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580548/1580548485.JPEG" srcset="/data/Photos/450x450w/15805/1580548/1580548485.JPEG 1x, /data/Photos/700x500w/15805/1580548/1580548485.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Chems Hotel Marrakesh" data-hbs-name="Chems Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://chems.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9jaGVtcy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Chems Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="426747" data-hbs-latitude="31.68567" data-hbs-longitude="-7.97387" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMDgvMTYzMDg3My8xNjMwODczNjY3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630873/1630873667.JPEG" srcset="/data/Photos/450x450w/16308/1630873/1630873667.JPEG 1x, /data/Photos/700x500w/16308/1630873/1630873667.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580572/1580572535.JPEG" srcset="/data/Photos/450x450w/15805/1580572/1580572535.JPEG 1x, /data/Photos/700x500w/15805/1580572/1580572535.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630873/1630873683.JPEG" srcset="/data/Photos/450x450w/16308/1630873/1630873683.JPEG 1x, /data/Photos/700x500w/16308/1630873/1630873683.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580572/1580572379.JPEG" srcset="/data/Photos/450x450w/15805/1580572/1580572379.JPEG 1x, /data/Photos/700x500w/15805/1580572/1580572379.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630873/1630873675.JPEG" srcset="/data/Photos/450x450w/16308/1630873/1630873675.JPEG 1x, /data/Photos/700x500w/16308/1630873/1630873675.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630873/1630873654.JPEG" srcset="/data/Photos/450x450w/16308/1630873/1630873654.JPEG 1x, /data/Photos/700x500w/16308/1630873/1630873654.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Hotel Du Golf Rotana Palmeraie Marrakesh" data-hbs-name="Hotel Du Golf Rotana Palmeraie Marrakesh"> <a class="hotels-by-stars__title-link" href="https://hotel-du-golf.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ob3RlbC1kdS1nb2xmLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Hotel Du Golf Rotana Palmeraie Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="433534" data-hbs-latitude="31.63193529999999" data-hbs-longitude="-7.9890737" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4MDUvMTU4MDU3NC8xNTgwNTc0MTk3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580574/1580574197.JPEG" srcset="/data/Photos/450x450w/15805/1580574/1580574197.JPEG 1x, /data/Photos/700x500w/15805/1580574/1580574197.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573411.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573411.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573411.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573707.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573707.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573707.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573713.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573713.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573713.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580573/1580573723.JPEG" srcset="/data/Photos/450x450w/15805/1580573/1580573723.JPEG 1x, /data/Photos/700x500w/15805/1580573/1580573723.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580574/1580574007.JPEG" srcset="/data/Photos/450x450w/15805/1580574/1580574007.JPEG 1x, /data/Photos/700x500w/15805/1580574/1580574007.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Et Spa Misria Les Orangers Hotel Marrakesh" data-hbs-name="Riad Et Spa Misria Les Orangers Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-misria.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW1pc3JpYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Et Spa Misria Les Orangers Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="450075" data-hbs-latitude="31.66373" data-hbs-longitude="-7.87137" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQyNTQvMTQyNTQzNy8xNDI1NDM3Njg2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14254/1425437/1425437686.JPEG" srcset="/data/Photos/450x450w/14254/1425437/1425437686.JPEG 1x, /data/Photos/700x500w/14254/1425437/1425437686.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16097/1609733/1609733276.JPEG" srcset="/data/Photos/450x450w/16097/1609733/1609733276.JPEG 1x, /data/Photos/700x500w/16097/1609733/1609733276.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16111/1611114/1611114919.JPEG" srcset="/data/Photos/450x450w/16111/1611114/1611114919.JPEG 1x, /data/Photos/700x500w/16111/1611114/1611114919.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/3454/345434/345434116.JPEG" srcset="/data/Photos/450x450w/3454/345434/345434116.JPEG 1x, /data/Photos/700x500w/3454/345434/345434116.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15572/1557255/1557255610.JPEG" srcset="/data/Photos/450x450w/15572/1557255/1557255610.JPEG 1x, /data/Photos/700x500w/15572/1557255/1557255610.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15572/1557257/1557257902.JPEG" srcset="/data/Photos/450x450w/15572/1557257/1557257902.JPEG 1x, /data/Photos/700x500w/15572/1557257/1557257902.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Palais Namaskar Hotel Marrakesh" data-hbs-name="Palais Namaskar Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://palais-namaskar.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9wYWxhaXMtbmFtYXNrYXIuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Palais Namaskar Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="454959" data-hbs-latitude="31.62969" data-hbs-longitude="-8.01671" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU5MjgvMTU5Mjg5My8xNTkyODkzMDcxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893071.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893071.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893071.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12770/1277071/1277071357.JPEG" srcset="/data/Photos/450x450w/12770/1277071/1277071357.JPEG 1x, /data/Photos/700x500w/12770/1277071/1277071357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893056.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893056.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893066.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893066.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893066.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893070.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893070.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15928/1592893/1592893078.JPEG" srcset="/data/Photos/450x450w/15928/1592893/1592893078.JPEG 1x, /data/Photos/700x500w/15928/1592893/1592893078.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Red Hotel Marrakech Marrakesh" data-hbs-name="Red Hotel Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://red-hotel.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yZWQtaG90ZWwuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Red Hotel Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="455039" data-hbs-latitude="31.62068" data-hbs-longitude="-7.98631" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTI4MzkvMTI4MzkzMS8xMjgzOTMxNTYyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283931/1283931562.JPEG" srcset="/data/Photos/450x450w/12839/1283931/1283931562.JPEG 1x, /data/Photos/700x500w/12839/1283931/1283931562.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283930/1283930311.JPEG" srcset="/data/Photos/450x450w/12839/1283930/1283930311.JPEG 1x, /data/Photos/700x500w/12839/1283930/1283930311.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283926/1283926573.JPEG" srcset="/data/Photos/450x450w/12839/1283926/1283926573.JPEG 1x, /data/Photos/700x500w/12839/1283926/1283926573.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283927/1283927395.JPEG" srcset="/data/Photos/450x450w/12839/1283927/1283927395.JPEG 1x, /data/Photos/700x500w/12839/1283927/1283927395.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283927/1283927584.JPEG" srcset="/data/Photos/450x450w/12839/1283927/1283927584.JPEG 1x, /data/Photos/700x500w/12839/1283927/1283927584.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12839/1283927/1283927881.JPEG" srcset="/data/Photos/450x450w/12839/1283927/1283927881.JPEG 1x, /data/Photos/700x500w/12839/1283927/1283927881.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Africa Hotel Marrakesh" data-hbs-name="Riad Africa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-africa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFmcmljYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Africa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="456756" data-hbs-latitude="31.63415" data-hbs-longitude="-7.98506" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU4NjgvMTU4Njg0Mi8xNTg2ODQyMTY5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842169.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842169.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842169.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842150.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842150.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842150.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842149.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842149.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842149.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842152.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842152.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842152.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842153.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842153.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842153.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15868/1586842/1586842156.JPEG" srcset="/data/Photos/450x450w/15868/1586842/1586842156.JPEG 1x, /data/Photos/700x500w/15868/1586842/1586842156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Elizabeth Hotel Marrakesh" data-hbs-name="Riad Elizabeth Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-elizabeth.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWVsaXphYmV0aC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Elizabeth Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="471605" data-hbs-latitude="31.582338" data-hbs-longitude="-8.013153" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzAvMTAzNzA3OS8xMDM3MDc5MTc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10370/1037079/1037079175.JPEG" srcset="/data/Photos/450x450w/10370/1037079/1037079175.JPEG 1x, /data/Photos/700x500w/10370/1037079/1037079175.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439397/1439397388.JPEG" srcset="/data/Photos/450x450w/14393/1439397/1439397388.JPEG 1x, /data/Photos/700x500w/14393/1439397/1439397388.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14393/1439398/1439398459.JPEG" srcset="/data/Photos/450x450w/14393/1439398/1439398459.JPEG 1x, /data/Photos/700x500w/14393/1439398/1439398459.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14394/1439405/1439405368.JPEG" srcset="/data/Photos/450x450w/14394/1439405/1439405368.JPEG 1x, /data/Photos/700x500w/14394/1439405/1439405368.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14394/1439405/1439405731.JPEG" srcset="/data/Photos/450x450w/14394/1439405/1439405731.JPEG 1x, /data/Photos/700x500w/14394/1439405/1439405731.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14394/1439406/1439406088.JPEG" srcset="/data/Photos/450x450w/14394/1439406/1439406088.JPEG 1x, /data/Photos/700x500w/14394/1439406/1439406088.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Sirayane Boutique Hotel & Spa Marrakech Marrakesh" data-hbs-name="Sirayane Boutique Hotel & Spa Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://sirayane-boutique-hotel-and-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9zaXJheWFuZS1ib3V0aXF1ZS1ob3RlbC1hbmQtc3BhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Sirayane Boutique Hotel & Spa Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="472136" data-hbs-latitude="31.6657009124756" data-hbs-longitude="-7.9026198387146" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Njc4MC82NzgwNDgvNjc4MDQ4ODUyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/6780/678048/678048852.JPEG" srcset="/data/Photos/450x450w/6780/678048/678048852.JPEG 1x, /data/Photos/700x500w/6780/678048/678048852.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15885/1588501/1588501508.JPEG" srcset="/data/Photos/450x450w/15885/1588501/1588501508.JPEG 1x, /data/Photos/700x500w/15885/1588501/1588501508.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15805/1580598/1580598137.JPEG" srcset="/data/Photos/450x450w/15805/1580598/1580598137.JPEG 1x, /data/Photos/700x500w/15805/1580598/1580598137.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15806/1580699/1580699947.JPEG" srcset="/data/Photos/450x450w/15806/1580699/1580699947.JPEG 1x, /data/Photos/700x500w/15806/1580699/1580699947.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588124/1588124837.JPEG" srcset="/data/Photos/450x450w/15881/1588124/1588124837.JPEG 1x, /data/Photos/700x500w/15881/1588124/1588124837.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15881/1588124/1588124767.JPEG" srcset="/data/Photos/450x450w/15881/1588124/1588124767.JPEG 1x, /data/Photos/700x500w/15881/1588124/1588124767.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Tigmiza Boutique Hotel & Spa Marrakesh" data-hbs-name="Tigmiza Boutique Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://tigmiza-suites-pavillons.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly90aWdtaXphLXN1aXRlcy1wYXZpbGxvbnMuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Tigmiza Boutique Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="508932" data-hbs-latitude="31.622131" data-hbs-longitude="-8.000648" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ3OTQvMTQ3OTQ4Ny8xNDc5NDg3NjA0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14794/1479487/1479487604.JPEG" srcset="/data/Photos/450x450w/14794/1479487/1479487604.JPEG 1x, /data/Photos/700x500w/14794/1479487/1479487604.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15397/1539742/1539742357.JPEG" srcset="/data/Photos/450x450w/15397/1539742/1539742357.JPEG 1x, /data/Photos/700x500w/15397/1539742/1539742357.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15397/1539742/1539742591.JPEG" srcset="/data/Photos/450x450w/15397/1539742/1539742591.JPEG 1x, /data/Photos/700x500w/15397/1539742/1539742591.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15397/1539743/1539743515.JPEG" srcset="/data/Photos/450x450w/15397/1539743/1539743515.JPEG 1x, /data/Photos/700x500w/15397/1539743/1539743515.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15397/1539743/1539743533.JPEG" srcset="/data/Photos/450x450w/15397/1539743/1539743533.JPEG 1x, /data/Photos/700x500w/15397/1539743/1539743533.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15397/1539743/1539743440.JPEG" srcset="/data/Photos/450x450w/15397/1539743/1539743440.JPEG 1x, /data/Photos/700x500w/15397/1539743/1539743440.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Nobu Hotel Marrakech Marrakesh" data-hbs-name="Nobu Hotel Marrakech Marrakesh"> <a class="hotels-by-stars__title-link" href="https://the-pearl-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly90aGUtcGVhcmwtbWFycmFrZWNoLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Nobu Hotel Marrakech Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="524835" data-hbs-latitude="31.61983" data-hbs-longitude="-7.98309" data-hbs-stars="3"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="Nzk3Ni83OTc2NjgvNzk3NjY4Mjc1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7976/797668/797668275.JPEG" srcset="/data/Photos/450x450w/7976/797668/797668275.JPEG 1x, /data/Photos/700x500w/7976/797668/797668275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613676/1613676988.JPEG" srcset="/data/Photos/450x450w/16136/1613676/1613676988.JPEG 1x, /data/Photos/700x500w/16136/1613676/1613676988.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613676/1613676994.JPEG" srcset="/data/Photos/450x450w/16136/1613676/1613676994.JPEG 1x, /data/Photos/700x500w/16136/1613676/1613676994.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613676/1613676991.JPEG" srcset="/data/Photos/450x450w/16136/1613676/1613676991.JPEG 1x, /data/Photos/700x500w/16136/1613676/1613676991.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16136/1613676/1613676989.JPEG" srcset="/data/Photos/450x450w/16136/1613676/1613676989.JPEG 1x, /data/Photos/700x500w/16136/1613676/1613676989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4424/442473/442473912.JPEG" srcset="/data/Photos/450x450w/4424/442473/442473912.JPEG 1x, /data/Photos/700x500w/4424/442473/442473912.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Noos Noos Hotel Marrakesh" data-hbs-name="Riad Noos Noos Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-noos-noos.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLW5vb3Mtbm9vcy5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Noos Noos Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="544288" data-hbs-latitude="31.63124" data-hbs-longitude="-7.98485" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MjY0MS8yNjQxMzgvMjY0MTM4Mjg5LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2641/264138/264138289.JPEG" srcset="/data/Photos/450x450w/2641/264138/264138289.JPEG 1x, /data/Photos/700x500w/2641/264138/264138289.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8311/831181/831181802.JPEG" srcset="/data/Photos/450x450w/8311/831181/831181802.JPEG 1x, /data/Photos/700x500w/8311/831181/831181802.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4249/424996/424996827.JPEG" srcset="/data/Photos/450x450w/4249/424996/424996827.JPEG 1x, /data/Photos/700x500w/4249/424996/424996827.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/2641/264138/264138405.JPEG" srcset="/data/Photos/450x450w/2641/264138/264138405.JPEG 1x, /data/Photos/700x500w/2641/264138/264138405.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1737/173791/173791917.JPEG" srcset="/data/Photos/450x450w/1737/173791/173791917.JPEG 1x, /data/Photos/700x500w/1737/173791/173791917.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/1534/153400/153400822.JPEG" srcset="/data/Photos/450x450w/1534/153400/153400822.JPEG 1x, /data/Photos/700x500w/1534/153400/153400822.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Le Riad Berbere Marrakesh" data-hbs-name="Le Riad Berbere Marrakesh"> <a class="hotels-by-stars__title-link" href="https://le-riad-berbere.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9sZS1yaWFkLWJlcmJlcmUuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Le Riad Berbere Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="604141" data-hbs-latitude="31.61616" data-hbs-longitude="-7.98816" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NDE0OC80MTQ4MDYvNDE0ODA2NzkzLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4148/414806/414806793.JPEG" srcset="/data/Photos/450x450w/4148/414806/414806793.JPEG 1x, /data/Photos/700x500w/4148/414806/414806793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/4137/413784/413784330.JPEG" srcset="/data/Photos/450x450w/4137/413784/413784330.JPEG 1x, /data/Photos/700x500w/4137/413784/413784330.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816893/816893210.JPEG" srcset="/data/Photos/450x450w/8168/816893/816893210.JPEG 1x, /data/Photos/700x500w/8168/816893/816893210.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816893/816893408.JPEG" srcset="/data/Photos/450x450w/8168/816893/816893408.JPEG 1x, /data/Photos/700x500w/8168/816893/816893408.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816889/816889691.JPEG" srcset="/data/Photos/450x450w/8168/816889/816889691.JPEG 1x, /data/Photos/700x500w/8168/816889/816889691.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8168/816889/816889721.JPEG" srcset="/data/Photos/450x450w/8168/816889/816889721.JPEG 1x, /data/Photos/700x500w/8168/816889/816889721.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Kasbah & Spa Hotel Marrakesh" data-hbs-name="Riad Kasbah & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-kasbah.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWthc2JhaC5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Kasbah & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="617636" data-hbs-latitude="31.63833" data-hbs-longitude="-7.99467" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYzMDgvMTYzMDg3Ny8xNjMwODc3NTkyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16308/1630877/1630877592.JPEG" srcset="/data/Photos/450x450w/16308/1630877/1630877592.JPEG 1x, /data/Photos/700x500w/16308/1630877/1630877592.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604090/1604090022.JPEG" srcset="/data/Photos/450x450w/16040/1604090/1604090022.JPEG 1x, /data/Photos/700x500w/16040/1604090/1604090022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604090/1604090026.JPEG" srcset="/data/Photos/450x450w/16040/1604090/1604090026.JPEG 1x, /data/Photos/700x500w/16040/1604090/1604090026.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16040/1604092/1604092665.JPEG" srcset="/data/Photos/450x450w/16040/1604092/1604092665.JPEG 1x, /data/Photos/700x500w/16040/1604092/1604092665.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16178/1617852/1617852673.JPEG" srcset="/data/Photos/450x450w/16178/1617852/1617852673.JPEG 1x, /data/Photos/700x500w/16178/1617852/1617852673.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600236/1600236303.JPEG" srcset="/data/Photos/450x450w/16002/1600236/1600236303.JPEG 1x, /data/Photos/700x500w/16002/1600236/1600236303.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Kheirredine Hotel Marrakesh" data-hbs-name="Riad Kheirredine Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-kheirredine.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWtoZWlycmVkaW5lLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Kheirredine Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="637796" data-hbs-latitude="31.59462" data-hbs-longitude="-7.98947" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTAzNzMvMTAzNzMwOS8xMDM3MzA5ODkwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10373/1037309/1037309890.JPEG" srcset="/data/Photos/450x450w/10373/1037309/1037309890.JPEG 1x, /data/Photos/700x500w/10373/1037309/1037309890.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12768/1276848/1276848553.JPEG" srcset="/data/Photos/450x450w/12768/1276848/1276848553.JPEG 1x, /data/Photos/700x500w/12768/1276848/1276848553.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12768/1276848/1276848922.JPEG" srcset="/data/Photos/450x450w/12768/1276848/1276848922.JPEG 1x, /data/Photos/700x500w/12768/1276848/1276848922.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12768/1276849/1276849006.JPEG" srcset="/data/Photos/450x450w/12768/1276849/1276849006.JPEG 1x, /data/Photos/700x500w/12768/1276849/1276849006.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12768/1276846/1276846720.JPEG" srcset="/data/Photos/450x450w/12768/1276846/1276846720.JPEG 1x, /data/Photos/700x500w/12768/1276846/1276846720.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12768/1276849/1276849126.JPEG" srcset="/data/Photos/450x450w/12768/1276849/1276849126.JPEG 1x, /data/Photos/700x500w/12768/1276849/1276849126.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Palm Plaza Hotel & Spa Marrakesh" data-hbs-name="Palm Plaza Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://palm-plaza-hotel-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9wYWxtLXBsYXphLWhvdGVsLXNwYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Palm Plaza Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="726925" data-hbs-latitude="31.62386" data-hbs-longitude="-8.01245" data-hbs-stars="5"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYyNDcvMTYyNDc1NS8xNjI0NzU1NjE1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16247/1624755/1624755615.JPEG" srcset="/data/Photos/450x450w/16247/1624755/1624755615.JPEG 1x, /data/Photos/700x500w/16247/1624755/1624755615.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14358/1435842/1435842862.JPEG" srcset="/data/Photos/450x450w/14358/1435842/1435842862.JPEG 1x, /data/Photos/700x500w/14358/1435842/1435842862.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12769/1276976/1276976164.JPEG" srcset="/data/Photos/450x450w/12769/1276976/1276976164.JPEG 1x, /data/Photos/700x500w/12769/1276976/1276976164.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16236/1623656/1623656115.JPEG" srcset="/data/Photos/450x450w/16236/1623656/1623656115.JPEG 1x, /data/Photos/700x500w/16236/1623656/1623656115.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15251/1525184/1525184506.JPEG" srcset="/data/Photos/450x450w/15251/1525184/1525184506.JPEG 1x, /data/Photos/700x500w/15251/1525184/1525184506.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15251/1525184/1525184626.JPEG" srcset="/data/Photos/450x450w/15251/1525184/1525184626.JPEG 1x, /data/Photos/700x500w/15251/1525184/1525184626.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Grand Mogador Menara & Spa Hotel Marrakesh" data-hbs-name="Grand Mogador Menara & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://grand-mogador-menara.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ncmFuZC1tb2dhZG9yLW1lbmFyYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Grand Mogador Menara & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="766205" data-hbs-latitude="31.634363" data-hbs-longitude="-8.015329" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="NTc4Ni81Nzg2ODYvNTc4Njg2ODMwLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/5786/578686/578686830.JPEG" srcset="/data/Photos/450x450w/5786/578686/578686830.JPEG 1x, /data/Photos/700x500w/5786/578686/578686830.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16002/1600244/1600244536.JPEG" srcset="/data/Photos/450x450w/16002/1600244/1600244536.JPEG 1x, /data/Photos/700x500w/16002/1600244/1600244536.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15533/1553395/1553395705.JPEG" srcset="/data/Photos/450x450w/15533/1553395/1553395705.JPEG 1x, /data/Photos/700x500w/15533/1553395/1553395705.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15533/1553395/1553395792.JPEG" srcset="/data/Photos/450x450w/15533/1553395/1553395792.JPEG 1x, /data/Photos/700x500w/15533/1553395/1553395792.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15538/1553863/1553863156.JPEG" srcset="/data/Photos/450x450w/15538/1553863/1553863156.JPEG 1x, /data/Photos/700x500w/15538/1553863/1553863156.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15539/1553968/1553968807.JPEG" srcset="/data/Photos/450x450w/15539/1553968/1553968807.JPEG 1x, /data/Photos/700x500w/15539/1553968/1553968807.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Blue Sea Le Printemps Hotel Marrakesh" data-hbs-name="Blue Sea Le Printemps Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://blue-sea-le-printemps.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9ibHVlLXNlYS1sZS1wcmludGVtcHMuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Blue Sea Le Printemps Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="824960" data-hbs-latitude="31.62899" data-hbs-longitude="-7.98235" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTMzNjQvMTMzNjQ1NS8xMzM2NDU1MzQ3LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13364/1336455/1336455347.JPEG" srcset="/data/Photos/450x450w/13364/1336455/1336455347.JPEG 1x, /data/Photos/700x500w/13364/1336455/1336455347.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13399/1339972/1339972793.JPEG" srcset="/data/Photos/450x450w/13399/1339972/1339972793.JPEG 1x, /data/Photos/700x500w/13399/1339972/1339972793.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15984/1598414/1598414054.JPEG" srcset="/data/Photos/450x450w/15984/1598414/1598414054.JPEG 1x, /data/Photos/700x500w/15984/1598414/1598414054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15984/1598414/1598414055.JPEG" srcset="/data/Photos/450x450w/15984/1598414/1598414055.JPEG 1x, /data/Photos/700x500w/15984/1598414/1598414055.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15984/1598414/1598414056.JPEG" srcset="/data/Photos/450x450w/15984/1598414/1598414056.JPEG 1x, /data/Photos/700x500w/15984/1598414/1598414056.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15984/1598414/1598414057.JPEG" srcset="/data/Photos/450x450w/15984/1598414/1598414057.JPEG 1x, /data/Photos/700x500w/15984/1598414/1598414057.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Alnadine Hotel Marrakesh" data-hbs-name="Riad Alnadine Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-alnadine.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFsbmFkaW5lLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Alnadine Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="2482284" data-hbs-latitude="31.62307184" data-hbs-longitude="-7.98844239" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="ODE1Ni84MTU2OTUvODE1Njk1NTc0LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8156/815695/815695574.JPEG" srcset="/data/Photos/450x450w/8156/815695/815695574.JPEG 1x, /data/Photos/700x500w/8156/815695/815695574.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/10148/1014863/1014863884.JPEG" srcset="/data/Photos/450x450w/10148/1014863/1014863884.JPEG 1x, /data/Photos/700x500w/10148/1014863/1014863884.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7902/790217/790217814.JPEG" srcset="/data/Photos/450x450w/7902/790217/790217814.JPEG 1x, /data/Photos/700x500w/7902/790217/790217814.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7860/786060/786060795.JPEG" srcset="/data/Photos/450x450w/7860/786060/786060795.JPEG 1x, /data/Photos/700x500w/7860/786060/786060795.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/7902/790206/790206534.JPEG" srcset="/data/Photos/450x450w/7902/790206/790206534.JPEG 1x, /data/Photos/700x500w/7902/790206/790206534.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/8156/815694/815694959.JPEG" srcset="/data/Photos/450x450w/8156/815694/815694959.JPEG 1x, /data/Photos/700x500w/8156/815694/815694959.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Challa Hotel & Spa Marrakesh" data-hbs-name="Riad Challa Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-and-spa-challa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFuZC1zcGEtY2hhbGxhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad Challa Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="7981087" data-hbs-latitude="31.62482" data-hbs-longitude="-7.98768" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0MDUvMTU0MDU2Ny8xNTQwNTY3OTQ1LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15405/1540567/1540567945.JPEG" srcset="/data/Photos/450x450w/15405/1540567/1540567945.JPEG 1x, /data/Photos/700x500w/15405/1540567/1540567945.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14099/1409951/1409951450.JPEG" srcset="/data/Photos/450x450w/14099/1409951/1409951450.JPEG 1x, /data/Photos/700x500w/14099/1409951/1409951450.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14169/1416903/1416903810.JPEG" srcset="/data/Photos/450x450w/14169/1416903/1416903810.JPEG 1x, /data/Photos/700x500w/14169/1416903/1416903810.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14169/1416911/1416911760.JPEG" srcset="/data/Photos/450x450w/14169/1416911/1416911760.JPEG 1x, /data/Photos/700x500w/14169/1416911/1416911760.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13675/1367549/1367549924.JPEG" srcset="/data/Photos/450x450w/13675/1367549/1367549924.JPEG 1x, /data/Photos/700x500w/13675/1367549/1367549924.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/13710/1371030/1371030128.JPEG" srcset="/data/Photos/450x450w/13710/1371030/1371030128.JPEG 1x, /data/Photos/700x500w/13710/1371030/1371030128.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Art & Emotions Boutique Hotel & Spa Marrakesh" data-hbs-name="Riad Art & Emotions Boutique Hotel & Spa Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-art-emotions-boutique-hotel-spa.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWFydC1lbW90aW9ucy1ib3V0aXF1ZS1ob3RlbC1zcGEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Art & Emotions Boutique Hotel & Spa Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="13183336" data-hbs-latitude="31.62812" data-hbs-longitude="-8.01864" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTE3OTcvMTE3OTcwOC8xMTc5NzA4MDI4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11797/1179708/1179708028.JPEG" srcset="/data/Photos/450x450w/11797/1179708/1179708028.JPEG 1x, /data/Photos/700x500w/11797/1179708/1179708028.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12596/1259612/1259612335.JPEG" srcset="/data/Photos/450x450w/12596/1259612/1259612335.JPEG 1x, /data/Photos/700x500w/12596/1259612/1259612335.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11797/1179707/1179707980.JPEG" srcset="/data/Photos/450x450w/11797/1179707/1179707980.JPEG 1x, /data/Photos/700x500w/11797/1179707/1179707980.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11797/1179707/1179707989.JPEG" srcset="/data/Photos/450x450w/11797/1179707/1179707989.JPEG 1x, /data/Photos/700x500w/11797/1179707/1179707989.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11797/1179708/1179708040.JPEG" srcset="/data/Photos/450x450w/11797/1179708/1179708040.JPEG 1x, /data/Photos/700x500w/11797/1179708/1179708040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/11797/1179708/1179708052.JPEG" srcset="/data/Photos/450x450w/11797/1179708/1179708052.JPEG 1x, /data/Photos/700x500w/11797/1179708/1179708052.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Apparthotel Atrani Marrakesh" data-hbs-name="Apparthotel Atrani Marrakesh"> <a class="hotels-by-stars__title-link" href="https://apparthotel-atrani.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9hcHBhcnRob3RlbC1hdHJhbmkuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Apparthotel Atrani Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="13390473" data-hbs-latitude="31.62226" data-hbs-longitude="-8.01703" data-hbs-stars="4"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU0ODAvMTU0ODAxMi8xNTQ4MDEyOTU4LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15480/1548012/1548012958.JPEG" srcset="/data/Photos/450x450w/15480/1548012/1548012958.JPEG 1x, /data/Photos/700x500w/15480/1548012/1548012958.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12628/1262876/1262876953.JPEG" srcset="/data/Photos/450x450w/12628/1262876/1262876953.JPEG 1x, /data/Photos/700x500w/12628/1262876/1262876953.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12628/1262877/1262877070.JPEG" srcset="/data/Photos/450x450w/12628/1262877/1262877070.JPEG 1x, /data/Photos/700x500w/12628/1262877/1262877070.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12628/1262877/1262877676.JPEG" srcset="/data/Photos/450x450w/12628/1262877/1262877676.JPEG 1x, /data/Photos/700x500w/12628/1262877/1262877676.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12628/1262878/1262878243.JPEG" srcset="/data/Photos/450x450w/12628/1262878/1262878243.JPEG 1x, /data/Photos/700x500w/12628/1262878/1262878243.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12628/1262878/1262878291.JPEG" srcset="/data/Photos/450x450w/12628/1262878/1262878291.JPEG 1x, /data/Photos/700x500w/12628/1262878/1262878291.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Pestana Cr7 Marrakech Hotel Marrakesh" data-hbs-name="Pestana Cr7 Marrakech Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://pestana-cr7-marrakech.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9wZXN0YW5hLWNyNy1tYXJyYWtlY2guaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Pestana Cr7 Marrakech Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__stars"> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> <svg width="12px" height="12px" class="hotels-by-stars__stars-icon icon icon-new-star" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve"> <polygon fill="#BAD4E3" points="18,6.5 11.8,5.6 9,0 6.2,5.6 0,6.5 4.5,10.8 3.4,17 9,14.1 14.6,17 13.5,10.8 "/> </svg> </div> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="13784848" data-hbs-latitude="31.62502" data-hbs-longitude="-7.98774" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTIxOTkvMTIxOTkxNi8xMjE5OTE2MTc2LkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12199/1219916/1219916176.JPEG" srcset="/data/Photos/450x450w/12199/1219916/1219916176.JPEG 1x, /data/Photos/700x500w/12199/1219916/1219916176.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226152/1226152040.JPEG" srcset="/data/Photos/450x450w/12261/1226152/1226152040.JPEG 1x, /data/Photos/700x500w/12261/1226152/1226152040.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226166/1226166812.JPEG" srcset="/data/Photos/450x450w/12261/1226166/1226166812.JPEG 1x, /data/Photos/700x500w/12261/1226166/1226166812.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226168/1226168888.JPEG" srcset="/data/Photos/450x450w/12261/1226168/1226168888.JPEG 1x, /data/Photos/700x500w/12261/1226168/1226168888.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226168/1226168927.JPEG" srcset="/data/Photos/450x450w/12261/1226168/1226168927.JPEG 1x, /data/Photos/700x500w/12261/1226168/1226168927.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/12261/1226171/1226171054.JPEG" srcset="/data/Photos/450x450w/12261/1226171/1226171054.JPEG 1x, /data/Photos/700x500w/12261/1226171/1226171054.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad El Habib Hotel Marrakesh" data-hbs-name="Riad El Habib Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-el-habib.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWVsLWhhYmliLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Riad El Habib Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="18475277" data-hbs-latitude="31.6341" data-hbs-longitude="-7.98841" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTU2MzgvMTU2Mzg2NC8xNTYzODY0MjQxLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15638/1563864/1563864241.JPEG" srcset="/data/Photos/450x450w/15638/1563864/1563864241.JPEG 1x, /data/Photos/700x500w/15638/1563864/1563864241.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16055/1605522/1605522923.JPEG" srcset="/data/Photos/450x450w/16055/1605522/1605522923.JPEG 1x, /data/Photos/700x500w/16055/1605522/1605522923.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16055/1605522/1605522932.JPEG" srcset="/data/Photos/450x450w/16055/1605522/1605522932.JPEG 1x, /data/Photos/700x500w/16055/1605522/1605522932.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16055/1605522/1605522943.JPEG" srcset="/data/Photos/450x450w/16055/1605522/1605522943.JPEG 1x, /data/Photos/700x500w/16055/1605522/1605522943.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15638/1563863/1563863977.JPEG" srcset="/data/Photos/450x450w/15638/1563863/1563863977.JPEG 1x, /data/Photos/700x500w/15638/1563863/1563863977.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15638/1563864/1563864022.JPEG" srcset="/data/Photos/450x450w/15638/1563864/1563864022.JPEG 1x, /data/Photos/700x500w/15638/1563864/1563864022.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Deha & Spa Hotel Marrakesh" data-hbs-name="Riad Deha & Spa Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-deha.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWRlaGEuaG90ZWxzbWFycmFrZWNoLm5ldC9lbi8="> Riad Deha & Spa Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="20746913" data-hbs-latitude="31.63125" data-hbs-longitude="-7.997" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTQ4NzkvMTQ4Nzk5My8xNDg3OTkzOTAyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14879/1487993/1487993902.JPEG" srcset="/data/Photos/450x450w/14879/1487993/1487993902.JPEG 1x, /data/Photos/700x500w/14879/1487993/1487993902.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15574/1557494/1557494869.JPEG" srcset="/data/Photos/450x450w/15574/1557494/1557494869.JPEG 1x, /data/Photos/700x500w/15574/1557494/1557494869.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15574/1557494/1557494911.JPEG" srcset="/data/Photos/450x450w/15574/1557494/1557494911.JPEG 1x, /data/Photos/700x500w/15574/1557494/1557494911.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15574/1557494/1557494950.JPEG" srcset="/data/Photos/450x450w/15574/1557494/1557494950.JPEG 1x, /data/Photos/700x500w/15574/1557494/1557494950.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14877/1487723/1487723269.JPEG" srcset="/data/Photos/450x450w/14877/1487723/1487723269.JPEG 1x, /data/Photos/700x500w/14877/1487723/1487723269.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/14877/1487723/1487723275.JPEG" srcset="/data/Photos/450x450w/14877/1487723/1487723275.JPEG 1x, /data/Photos/700x500w/14877/1487723/1487723275.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Riad Esmeralda Hotel Marrakesh" data-hbs-name="Riad Esmeralda Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://riad-esmeralda.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9yaWFkLWVzbWVyYWxkYS5ob3RlbHNtYXJyYWtlY2gubmV0L2VuLw=="> Riad Esmeralda Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> <div class="main-hotels__carousel-item hotels-by-stars js-stars-category-card" data-id="22537701" data-hbs-latitude="31.62567" data-hbs-longitude="-7.98689" data-hbs-stars="0"> <div class="hotels-by-stars__header"> <div class="hotels-by-stars__arrow js-prev" title="Previous" data-direction="slickPrev"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M16 32c8.8 0 16-7.2 16-16S24.8 0 16 0 0 7.2 0 16s7.2 16 16 16zm1.3-9.2c-.3 0-.5-.1-.7-.3l-5.3-5.3c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l5.3-5.3c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.6.6c.2.2.3.5.3.7 0 .3-.1.5-.3.7l-4 4 4 4c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-.6.6c-.1.2-.4.3-.7.3z"/> </svg> </div> <div class="hotels-by-stars__carousel-photos"> <div class="hotels-by-stars__carousel-photos-gallery js-stars-category-card-gallery" data-hbs-photo="MTYwMDAvMTYwMDA1Ni8xNjAwMDU2MTgyLkpQRUc="> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/16000/1600056/1600056182.JPEG" srcset="/data/Photos/450x450w/16000/1600056/1600056182.JPEG 1x, /data/Photos/700x500w/16000/1600056/1600056182.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15979/1597911/1597911328.JPEG" srcset="/data/Photos/450x450w/15979/1597911/1597911328.JPEG 1x, /data/Photos/700x500w/15979/1597911/1597911328.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15979/1597911/1597911476.JPEG" srcset="/data/Photos/450x450w/15979/1597911/1597911476.JPEG 1x, /data/Photos/700x500w/15979/1597911/1597911476.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15981/1598167/1598167734.JPEG" srcset="/data/Photos/450x450w/15981/1598167/1598167734.JPEG 1x, /data/Photos/700x500w/15981/1598167/1598167734.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15981/1598168/1598168065.JPEG" srcset="/data/Photos/450x450w/15981/1598168/1598168065.JPEG 1x, /data/Photos/700x500w/15981/1598168/1598168065.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> <img class="hotels-by-stars__image" src="/data/Photos/450x450w/15981/1598168/1598168724.JPEG" srcset="/data/Photos/450x450w/15981/1598168/1598168724.JPEG 1x, /data/Photos/700x500w/15981/1598168/1598168724.JPEG 2x" alt="" loading="lazy" width="338px" height="240px" /> </div> </div> <div class="hotels-by-stars__arrow hotels-by-stars__arrow--next js-next" title="Next" data-direction="slickNext"> <svg width="32" height="32" class="hotels-by-stars__arrow-icon icon" xmlns="http://www.w3.org/2000/svg"> <path class="st0" d="M32 16c0-8.8-7.2-16-16-16S0 7.2 0 16s7.2 16 16 16 16-7.2 16-16zm-18.1 6.5l-.6-.6c-.2-.2-.3-.5-.3-.7 0-.3.1-.5.3-.7l4-4-4-4c-.2-.3-.3-.5-.3-.8 0-.3.1-.5.3-.7l.6-.6c.2-.2.5-.3.7-.3.3 0 .5.1.7.3l5.3 5.3c.2.2.3.4.3.7 0 .3-.1.5-.3.7l-5.3 5.3c-.2.2-.4.3-.7.3-.2.1-.5 0-.7-.2z"/> </svg> </div> </div> <div class="hotels-by-stars__content"> <p class="hotels-by-stars__title" title="Maison Dar Saada Hotel Marrakesh" data-hbs-name="Maison Dar Saada Hotel Marrakesh"> <a class="hotels-by-stars__title-link" href="https://maison-dar-saada.hotelsmarrakech.net/en/" data-hbs-url="aHR0cHM6Ly9tYWlzb24tZGFyLXNhYWRhLmhvdGVsc21hcnJha2VjaC5uZXQvZW4v"> Maison Dar Saada Hotel Marrakesh </a> <span class="hotels-by-stars__title-arrow"></span> </p> <div class="hotels-by-stars__distance"> <div class="show-map hotels-by-stars__distance-button js-stars-category-show-on-map">Show on map</div> </div> </div> </div> </div> </div> </div> <div class="ht-map js-htbs-map"> <div class="ht-map__close-bg js-map-close"></div> <svg width="20px" height="20px" class="ht-map__close-btn js-map-close" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path class="st0" d="M23.6,21.4C23.6,21.4,23.6,21.4,23.6,21.4L14.1,12v0l9.4-9.4c0.6-0.6,0.6-1.5,0-2.1c-0.6-0.6-1.5-0.6-2.1,0 L12,9.9L2.6,0.4C2-0.1,1-0.1,0.4,0.4C-0.1,1-0.1,2,0.4,2.6L9.9,12l-9.4,9.4c-0.6,0.6-0.6,1.5,0,2.1c0.6,0.6,1.5,0.6,2.1,0l9.4-9.4 l9.4,9.4c0.6,0.6,1.5,0.6,2.1,0c0,0,0,0,0,0C24.1,23,24.1,22,23.6,21.4z"/> </svg> <div class="ht-map__inner" id="htbs-map"></div> </div> </div> </div> </div> </div> <div class="hot-deal-block"> <div class="new-container"> <div class="hot-deal"> <div class="hot-deal__top"> <a href="/hotels-tonight/"> <svg class="icon icon-bell" xmlns="http://www.w3.org/2000/svg" width="26" height="24"> <path d="M20.583 11.392V9.767c0-3.428-2.288-6.329-5.416-7.264v-.32C15.167.99 14.194.018 13 .018s-2.167.972-2.167 2.167v.319c-3.128.935-5.416 3.836-5.416 7.264v1.625c0 3.606-.849 4.873-1.469 5.798-.358.536-.698 1.042-.698 1.785 0 1.766 3.681 2.386 6.666 2.6.419 1.34 1.647 2.275 3.084 2.275s2.665-.936 3.084-2.276c2.985-.213 6.666-.833 6.666-2.599 0-.743-.34-1.25-.698-1.785-.62-.925-1.469-2.192-1.469-5.798zm-6.5-9.122c-.354-.051-.714-.086-1.083-.086s-.729.035-1.083.086v-.086a1.084 1.084 0 012.166 0v.086zm11.272 5.726a.543.543 0 00-1.029.343c.392 1.172.59 2.382.59 3.595s-.198 2.422-.59 3.595a.543.543 0 001.029.343c.428-1.284.645-2.609.645-3.938 0-1.33-.217-2.655-.645-3.938zm-2.739.342a.542.542 0 00-.343.685c.316.95.477 1.93.477 2.91a9.2 9.2 0 01-.477 2.912.543.543 0 00.514.712.542.542 0 00.514-.37c.354-1.062.532-2.156.532-3.253s-.178-2.192-.532-3.253a.543.543 0 00-.685-.343zM1.083 11.934c0-1.212.198-2.422.59-3.595a.544.544 0 00-.343-.686.548.548 0 00-.686.343A12.466 12.466 0 000 11.934c0 1.33.217 2.654.645 3.937a.544.544 0 00.686.343.543.543 0 00.343-.685 11.322 11.322 0 01-.59-3.595zm2.644 2.911a9.222 9.222 0 01-.477-2.911c0-.981.16-1.96.477-2.911a.543.543 0 00-1.028-.342c-.354 1.061-.532 2.156-.532 3.253s.178 2.191.532 3.252a.541.541 0 101.028-.341z" fill="#E12D2D" fill-rule="nonzero"/> </svg> <p>Last-minute hotel deals</p> </a> <a class="btn btn-outline" href="/hotels-tonight/"> View all deals <svg width="14" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.22.145a.483.483 0 00-.69 0 .487.487 0 000 .683l3.498 3.499H.483A.48.48 0 000 4.81c0 .27.214.49.483.49h11.545L8.53 8.792a.495.495 0 000 .69.483.483 0 00.69 0l4.326-4.327a.475.475 0 000-.683L9.22.145z" fill="currentColor"/> </svg> </a> </div> <div class="hot-deal__text"> <p class="hot-deal__text__item js-ht-block-subtitle is-active" data-number="1">6 best available hotels from 11US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="2">6 best available hotels from 11US$ to 61US$ selected by our editors for excellent guest reviews, convenient location and good value for money.</p> <p class="hot-deal__text__item js-ht-block-subtitle" data-number="3">6 best available hotels from 37US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money.</p> </div> <div class="hot-deal__editors"> <div class="hot-deal__editors__images"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-1.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-2.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-3.jpg" alt="" loading="lazy"> <img width="36px" height="36px" src="/new/designs/90/destination/img/hotels-tonight/ht-editor-4.jpg" alt="" loading="lazy"> </div> <p class="hot-deal__editors__text js-ht-block-editors is-active" data-number="1">Editors' Choice for 12.18</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="2">Editors' Choice for 12.19</p> <p class="hot-deal__editors__text js-ht-block-editors " data-number="3">Editors' Choice for 12.20</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class='cookie-policy js-cookie-policy'> <div class='cookie-policy__wrapper'> <div class='cookie-policy__inner'> <div class='cookie-policy__inner-text'>We use cookies to ensure that we give you the best experience on our website. If you continue to use this site, we will assume that you are happy with it.</div> <div class='cookie-policy__inner-btns'> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--ok js-cookie-close-btn'>OK</div> <div class='cookie-policy__inner-btns-btn cookie-policy__inner-btns-btn--no js-cookie-close-btn'>NO</div> </div> </div> </div> </div> <div class="feedback js-feedback-modal"> <div class="feedback__wrapper"> <div class="feedback__content js-feedback-inner"> <div class="feedback__close js-feedback-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="feedback__widget widget"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle">Tell us what to add</p> </div> </div> <form class="feedback__form js-feedback-form"> <textarea name="message" class="feedback__textarea js-feedback-textarea" placeholder="Please type here…" required></textarea> <input type="text" name="f_message2" value=""> <button class="feedback__btn" type="submit">Send</button> </form> </div> </div> </div> <div class="thanks-modal js-thanks-modal"> <div class="thanks-modal__wrapper"> <div class="thanks-modal__content"> <div class="thanks-modal__close js-thanks-modal-close"> <svg class="icon icon-popup-close" version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve"> <polygon class="st0" points="18,2.1 15.9,0 9,6.9 2.1,0 0,2.1 6.9,9 0,15.9 2.1,18 9,11.1 15.9,18 18,15.9 11.1,9 "/> </svg> </div> <div class="thanks-modal__title js-thanks-modal-title" data-title="feedback">Thank you for your feedback</div> <div class="thanks-modal__title js-thanks-modal-title" data-title="subscribe">Thank you for subscribing</div> <div class="thanks-modal__img"> <svg xmlns="http://www.w3.org/2000/svg" width="97" height="100" viewBox="0 0 97 100"> <g fill="none" fill-rule="nonzero"> <path fill="#BAD4E3" d="M19.327 57.75l28.846 17.627L77.019 57.75l19.23-11.752v43.27c.002 5.899-4.782 10.683-10.681 10.684h-74.79c-5.9 0-10.682-4.785-10.682-10.685V45.998l19.23 11.752z"/> <path fill="#3C6780" d="M96.25 42.497v3.501L77.019 57.75V28.134l1.221.568 15.71 9.695a4.805 4.805 0 0 1 2.3 4.1z"/> <path fill="#F5F7FA" d="M77.019 28.134V57.75L48.173 75.377 19.327 57.75V7.625A7.624 7.624 0 0 1 26.949 0h29.08l.387.038v12.943a7.622 7.622 0 0 0 7.622 7.624h10.863l2.118 2.361v5.168zm-12.036 9.822c0-9.293-7.534-16.827-16.827-16.827-9.293 0-16.827 7.534-16.827 16.827 0 9.294 7.534 16.827 16.827 16.827 9.293 0 16.827-7.533 16.827-16.827z"/> <path fill="#BAD4E3" d="M56.457.043L74.9 20.605H64.038a7.622 7.622 0 0 1-7.622-7.624V.038l.04.005z"/> <path fill="#00D88E" d="M64.983 37.956c0 9.294-7.534 16.827-16.827 16.827-9.293 0-16.827-7.533-16.827-16.827 0-9.293 7.534-16.827 16.827-16.827 9.293 0 16.827 7.534 16.827 16.827z"/> <path fill="#3C6780" d="M19.327 28.134V57.75L.096 45.998v-3.5a4.81 4.81 0 0 1 2.3-4.101l16.93-10.263z"/> <path fill="#FFF" d="M45.673 43.183a1.68 1.68 0 0 1-1.28-.59l-3.74-4.38a1.682 1.682 0 1 1 2.558-2.185l2.674 3.13 7.435-6.049a1.681 1.681 0 0 1 2.732 1.035 1.683 1.683 0 0 1-.608 1.576l-8.709 7.086c-.3.244-.675.378-1.062.377z"/> </g> </svg> </div> <div class="thanks-modal__btn js-thanks-modal-close">Close</div> </div> </div> </div> <footer class="footer"> <div class="footer__content footer__content--top"> <div class="footer-extra-offers"> <div class="footer-extra-offers__lists"> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> property types <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/type/riads-27/">Riads in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/type/hotels-12/">Hotels in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/type/guest-houses-10/">Guest houses in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/type/bed-and-breakfasts-4/">Bed & Breakfasts in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/type/hostels-11/">Hostels in Marrakesh</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> landmarks <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/near-djemaa-el-fna-379945/">Djemaa El Fna</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/near-marrakesh-train-station-379936/">Marrakesh Train Station</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> ratings <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/5-stars/">5 star hotels in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/4-stars/">4 star hotels in Marrakesh</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/3-stars/">3 star hotels in Marrakesh</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> hotel themes <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/theme/luxury-hotels-14/">Luxury hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/theme/cheap-and-budget-hotels-9/">Cheap and budget hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/theme/boutique-hotels-4/">Boutique hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/theme/family-hotels-11/">Family Friendly hotels</a> <a class="footer-extra-offers-list__link" href="https://www.hotelsmarrakech.net/en/theme/spa-hotels-17/">Spa hotels</a> </div> </div> <div class="footer-extra-offers__list footer-extra-offers-list js-accordion" data-accordion="footer"> <div class="footer-extra-offers-list__title" data-accordion-btn> top hotels <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <div class="footer-extra-offers-list__links" data-accordion-content> <a class="footer-extra-offers-list__link" href="https://four-seasons-resort-marrakech.hotelsmarrakech.net/en/">Four Seasons Resort Marrakech</a> <a class="footer-extra-offers-list__link" href="https://aqua-fun-club.hotelsmarrakech.net/en/">Pickalbatros Aqua Fun Club All Inclusive</a> <a class="footer-extra-offers-list__link" href="https://be-live-collection-marrakech-adults-only.hotelsmarrakech.net/en/">Be Live Collection Marrakech Adults Only All Inclusive</a> <a class="footer-extra-offers-list__link" href="https://eden-andalou-aquapark-spa.hotelsmarrakech.net/en/">Eden Andalou Aquapark & Spa</a> <a class="footer-extra-offers-list__link" href="https://kenzi-club-agdal-medina.hotelsmarrakech.net/en/">Kenzi Club Agdal Medina</a> </div> </div> </div> </div> </div> <div class="footer__content"> <div class="footer__lists"> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> Company <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2Fib3V0LXVzLw==">About Us</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL291ci12YWx1ZXMv">Our values</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3doeS1ib29rLXdpdGgtdXMv">Why Book With Us?</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3BhcnRuZXJzaGlwLw==">Partnership</span> </li> </ul> </div> <div class="footer__list-wrap js-accordion" data-accordion="footer"> <div class="footer__title" data-accordion-btn> For travellers <svg width="12" height="12" class="icon icon-new-arrow"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#arrow-down"></use> </svg> </div> <ul class="footer__list" data-accordion-content> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3VzZWZ1bC10aXBzLw==">Useful tips</span> </li> <li class="footer__list-item"> <span class="footer__list-link">Reservation for groups</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL3N1cHBvcnQv">Help Centre</span> </li> <li class="footer__list-item"> <span class="footer__list-link js-link js-link-new" data-internal="L2VuL2ZhcS8=">FAQ</span> </li> </ul> </div> </div> <div class="footer__subscribe"> <form action="#main" class="form footer__subscribe-form js-footer-subscribe"> <p class="footer__title">Subscribe to our newsletter</p> <label class="form__label" for="email"> <input class="form__input" id="email" name="email" type="email" value="" placeholder="Your email" required> <button class="form__submit" type="submit">Subscribe</button> </label> </form> <div class="footer__widget widget js-show-feedback-modal"> <img class="widget__photo" src="/new/designs/90/destination/img/footer-avatar.4808eea1701fe7971162a0c4b132d3ea.png" alt="Manager Avatar" /> <div class="widget__text"> <div class="widget__title">Missing some information?</div> <p class="widget__subtitle"> <span class="widget__subtitle-text">Tell us what to add</span> </p> </div> </div> </div> </div> <div class="footer__content footer__content--under"> <div class="footer__promo"> <svg width="22" height="22" class="footer__promo-icon icon icon-nice-check"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#nice-check"></use> </svg> <p class="footer__promo-text">Largest choice of unique places</p> </div> <div class="footer__service-list"> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3ByaXZhY3kv">Privacy policy</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms & Conditions</span> <span class="footer__service-link js-link js-link-new" data-internal="L2VuL2NvcHlyaWdodC8=">Copyrights Notification</span> </div> <div class="footer__social"> <ul class="footer__social-list"> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-facebook-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#facebook"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-twitter-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#twitter"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-instagram-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#instagram"></use> </svg> </li> <li class="footer__social-list-item"> <svg width="20" height="15" class="footer__social-icon icon icon-google-plus-icon"> <use xlink:href="/new/designs/90/destination/img/footer-sprite.svg#google-plus"></use> </svg> </li> </ul> </div> </div> <div class="footer__bottom"> <div class="footer__bottom-wrap"> <div class="footer__copyright">2024 © hotelsmarrakech.net. All rights reserved</div> <div class="footer__payments"> <img src="/new/designs/90/destination/img/paypal-img.svg" height="20" alt="paypal" loading="lazy"> <img src="/new/designs/90/destination/img/mastercard-img.svg" height="20" alt="mastercard" loading="lazy"> <img src="/new/designs/90/destination/img/visa-pay-img.svg" height="20" alt="visa" loading="lazy"> </div> </div> </div> </footer> <script type="text/javascript"> window.travel = window.travel || {}; travel.opts = { siteDomain: 'hotelsmarrakech.net', page: 'main', type: 'destination', lang_id: '1', lang: 'en', day: '18', month: '12', year: '2024', id: '2578078897', track: 'ne1KZKVUPwNqc4DC', currency: {"ID":"1","CurrencyID":"1","LangID":"1","Name":"U.S. dollar","ExchangeRate":"1","Code":"USD","Symbol":"US$","FilterSymbol":"US$","ShowInFilter":"1","Prices":"0-100|100-200|200-300|300-","Priority":"360","SyncDate":"2018-08-21 10:00:00","URL":"\/\/?currency=1"}, tob: false , sdom: 'https://www.hotelsmarrakech.net', sid: '116657', nid: '28', curr: 'US$', curr_rate: '1', obj_id: '18158', c_id: 18158, theme: '9001', map_params: { provider: '2', key: '' , lat: '31.621982', long: '-7.991598' }, av_params: { multiBookRoomsInfo: '[{"adults":2,"children":[]}]', use: '0', from: '2024-12-19', to: '2024-12-20', adults: '2', children: '0', childrenTitle: 'Ages of children:' }, messages: { f_name: 'Enter your name', f_email: 'Enter a valid email address', f_subject: 'Please choose subject', f_message: 'Enter the text', f_review: 'Please enter text', f_review_cons: 'Please enter text', f_month: 'Choose a month', f_year: 'Choose a year', f_rating: 'Rate this property', f_calendar:'Enter your dates and check our special offers', // TODO: Uncomment when vocab will be translated } , k: 't3eyfiwz7b8', v: 'c35e302134b7e80bcd914aa70616c620' }; travel.data = { hotels_tonight: {"1":{"date":{"From":"2024-12-18","To":"2024-12-19","FromDM":"12.18","ToDM":"12.19","TextDM":"Options for 12.18-12.19","DayVocab":"Tonight"},"data":{"1":[{"ID":"20422697","HotelID":"20422697","Name":"Paradise House","Address":"T5A Villa 42 Portes De Marrakech, Marrakesh, Morocco","Stars":"0","Latitude":"31.65302","Longitude":"-8.08185","AvgMark":"48","ReviewCount":"106","AvgMarkName":"Excellent","Photos":["14932\/1493211\/1493211985.JPEG","16179\/1617927\/1617927146.JPEG","16179\/1617927\/1617927141.JPEG","16175\/1617575\/1617575166.JPEG","16175\/1617575\/1617575168.JPEG","16175\/1617575\/1617575173.JPEG"],"HotelURL":"https:\/\/paradise-house-40140.hotelsmarrakech.net\/en\/","MinRate":"37","BookingReviews":{"ReviewsCount":"106","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exceptional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=paradise-house-marrakech2;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i20422697-s116657-n28-paradise_house"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.8,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.8 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.7 km","Type":"Airport"}],"CurrencyPrice":"37","AvailID":"1890150064"},{"ID":"22383838","HotelID":"22383838","Name":"Riad Lwalidin","Address":"134Derb Ahl Souss ,Berrima, Marrakesh, Morocco","Stars":"0","Latitude":"31.61751","Longitude":"-7.98155","AvgMark":"47","ReviewCount":"153","AvgMarkName":"Excellent","Photos":["15901\/1590126\/1590126238.JPEG","15887\/1588759\/1588759994.JPEG","15887\/1588760\/1588760014.JPEG","15887\/1588760\/1588760115.JPEG","15887\/1588760\/1588760141.JPEG","15887\/1588760\/1588760195.JPEG"],"HotelURL":"https:\/\/riad-lwalidin.hotelsmarrakech.net\/en\/","MinRate":"11","BookingReviews":{"ReviewsCount":"154","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-lwalidin;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i22383838-s116657-n28-riad_lwalidin"},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.4 km","Type":"Airport"}],"CurrencyPrice":"11","AvailID":"1890150067"},{"ID":"19370257","HotelID":"19370257","Name":"Riad Dar Sahrawi","Address":"98 Rue Oqba Ben Nafaa, Marrakesh, Morocco","Stars":"0","Latitude":"31.62192","Longitude":"-7.99035","AvgMark":"47","ReviewCount":"942","AvgMarkName":"Excellent","Photos":["15383\/1538373\/1538373334.JPEG","15383\/1538373\/1538373397.JPEG","15400\/1540084\/1540084696.JPEG","15401\/1540141\/1540141618.JPEG","15496\/1549685\/1549685035.JPEG","16193\/1619349\/1619349814.JPEG"],"HotelURL":"https:\/\/riad-dar-sahrawi.hotelsmarrakech.net\/en\/","MinRate":"12","BookingReviews":{"ReviewsCount":"945","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-dar-sahrawi;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i19370257-s116657-n28-riad_dar_sahrawi"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.7,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.7 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.2 km","Type":"City Center"},{"TypeID":"1","Distance":"5.5 km","Type":"Airport"}],"CurrencyPrice":"12","AvailID":"1890150070"},{"ID":"10591124","HotelID":"10591124","Name":"Riad Taziri","Address":"90 Derb Jdid, Dabachi, Jamaa El Fna, Marrakesh, Morocco","Stars":"2","Latitude":"31.62626","Longitude":"-7.98371","AvgMark":"46","ReviewCount":"514","AvgMarkName":"Excellent","Photos":["15424\/1542476\/1542476530.JPEG","15937\/1593744\/1593744166.JPEG","12640\/1264018\/1264018939.JPEG","12640\/1264023\/1264023682.JPEG","12640\/1264018\/1264018909.JPEG","12640\/1264020\/1264020541.JPEG"],"HotelURL":"https:\/\/taziri-hostel.hotelsmarrakech.net\/en\/","MinRate":"50","BookingReviews":{"ReviewsCount":"514","ReviewScore":92,"OriginalScore":92,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=taziri-hostel;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10591124-s116657-n28-riad_taziri"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.3,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"7 km","Type":"Airport"}],"CurrencyPrice":"50","AvailID":"1890150072"},{"ID":"10505954","HotelID":"10505954","Name":"Riad Ahlsouss","Address":"Rue De Berrima Derb Ahl Souss N\u00b095, Marrakesh, Morocco","Stars":"0","Latitude":"31.61786","Longitude":"-7.98127","AvgMark":"46","ReviewCount":"269","AvgMarkName":"Excellent","Photos":["15352\/1535246\/1535246890.JPEG","11190\/1119034\/1119034500.JPEG","11217\/1121769\/1121769750.JPEG","11217\/1121772\/1121772261.JPEG","11217\/1121774\/1121774004.JPEG","11190\/1119033\/1119033204.JPEG"],"HotelURL":"https:\/\/riad-ahlsouss.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"271","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ahlsouss;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10505954-s116657-n28-riad_ahlsouss"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":6.9,"ScoreMessage":"Pleasant","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.6,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.6 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.5 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890150078"},{"ID":"441528","HotelID":"441528","Name":"The Central House Marrakech Medina","Address":"Amssafah 32 Quartier Assouel Medina, Marrakesh, Morocco","Stars":"3","Latitude":"31.633369","Longitude":"-7.987867","AvgMark":"45","ReviewCount":"1712","AvgMarkName":"Excellent","Photos":["13903\/1390327\/1390327652.JPEG","15895\/1589542\/1589542676.JPEG","14205\/1420535\/1420535493.JPEG","13971\/1397103\/1397103332.JPEG","13971\/1397100\/1397100620.JPEG","15895\/1589544\/1589544928.JPEG"],"HotelURL":"https:\/\/riad-amssaffah.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"1712","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-amsaffah;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i441528-s116657-n28-the_central_house_marrakech_medina"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Superb price","Message":"The guests call this place a value for money for its superb price. It has a score 8.9 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"200 m","Type":"City Center"},{"TypeID":"1","Distance":"8.1 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890150083"}],"2":[{"ID":"20422697","HotelID":"20422697","Name":"Paradise House","Address":"T5A Villa 42 Portes De Marrakech, Marrakesh, Morocco","Stars":"0","Latitude":"31.65302","Longitude":"-8.08185","AvgMark":"48","ReviewCount":"106","AvgMarkName":"Excellent","Photos":["14932\/1493211\/1493211985.JPEG","16179\/1617927\/1617927146.JPEG","16179\/1617927\/1617927141.JPEG","16175\/1617575\/1617575166.JPEG","16175\/1617575\/1617575168.JPEG","16175\/1617575\/1617575173.JPEG"],"HotelURL":"https:\/\/paradise-house-40140.hotelsmarrakech.net\/en\/","MinRate":"37","BookingReviews":{"ReviewsCount":"106","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exceptional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=paradise-house-marrakech2;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i20422697-s116657-n28-paradise_house"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.8,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.8 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.7 km","Type":"Airport"}],"CurrencyPrice":"37","AvailID":"1890176294"},{"ID":"22383838","HotelID":"22383838","Name":"Riad Lwalidin","Address":"134Derb Ahl Souss ,Berrima, Marrakesh, Morocco","Stars":"0","Latitude":"31.61751","Longitude":"-7.98155","AvgMark":"47","ReviewCount":"153","AvgMarkName":"Excellent","Photos":["15901\/1590126\/1590126238.JPEG","15887\/1588759\/1588759994.JPEG","15887\/1588760\/1588760014.JPEG","15887\/1588760\/1588760115.JPEG","15887\/1588760\/1588760141.JPEG","15887\/1588760\/1588760195.JPEG"],"HotelURL":"https:\/\/riad-lwalidin.hotelsmarrakech.net\/en\/","MinRate":"11","BookingReviews":{"ReviewsCount":"154","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-lwalidin;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i22383838-s116657-n28-riad_lwalidin"},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.4 km","Type":"Airport"}],"CurrencyPrice":"11","AvailID":"1890176298"},{"ID":"15806950","HotelID":"15806950","Name":"Riad Ouhmidi","Address":"Arset El Malak Bloc 3 N 59 Marrakech, Morocco, Marrakesh, Morocco","Stars":"0","Latitude":"31.63682","Longitude":"-7.98856","AvgMark":"47","ReviewCount":"661","AvgMarkName":"Excellent","Photos":["15075\/1507569\/1507569745.JPEG","13309\/1330955\/1330955732.JPEG","15075\/1507569\/1507569769.JPEG","15075\/1507569\/1507569775.JPEG","15075\/1507569\/1507569778.JPEG","15075\/1507569\/1507569856.JPEG"],"HotelURL":"https:\/\/riad-ouhmidi.hotelsmarrakech.net\/en\/","MinRate":"48","BookingReviews":{"ReviewsCount":"665","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ouhmidi-marrakech;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i15806950-s116657-n28-riad_ouhmidi"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"600 m","Type":"City Center"},{"TypeID":"1","Distance":"7.9 km","Type":"Airport"}],"CurrencyPrice":"48","AvailID":"1890176303"},{"ID":"17020250","HotelID":"17020250","Name":"Riad Musa","Address":"Souk Semarine, Place Des Epices , 36 Derb Arjan,, Marrakesh, Morocco","Stars":"0","Latitude":"31.62917","Longitude":"-7.98728","AvgMark":"46","ReviewCount":"354","AvgMarkName":"Excellent","Photos":["15940\/1594016\/1594016507.JPEG","15524\/1552424\/1552424113.JPEG","15524\/1552423\/1552423120.JPEG","15524\/1552423\/1552423462.JPEG","15524\/1552423\/1552423939.JPEG","15940\/1594016\/1594016514.JPEG"],"HotelURL":"https:\/\/riad-musa.hotelsmarrakech.net\/en\/","MinRate":"58","BookingReviews":{"ReviewsCount":"354","ReviewScore":92,"OriginalScore":92,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-musa;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i17020250-s116657-n28-riad_musa"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.4,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.4 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"400 m","Type":"City Center"},{"TypeID":"1","Distance":"9.1 km","Type":"Airport"}],"CurrencyPrice":"58","AvailID":"1890176307"},{"ID":"10591124","HotelID":"10591124","Name":"Riad Taziri","Address":"90 Derb Jdid, Dabachi, Jamaa El Fna, Marrakesh, Morocco","Stars":"2","Latitude":"31.62626","Longitude":"-7.98371","AvgMark":"46","ReviewCount":"514","AvgMarkName":"Excellent","Photos":["15424\/1542476\/1542476530.JPEG","15937\/1593744\/1593744166.JPEG","12640\/1264018\/1264018939.JPEG","12640\/1264023\/1264023682.JPEG","12640\/1264018\/1264018909.JPEG","12640\/1264020\/1264020541.JPEG"],"HotelURL":"https:\/\/taziri-hostel.hotelsmarrakech.net\/en\/","MinRate":"50","BookingReviews":{"ReviewsCount":"514","ReviewScore":92,"OriginalScore":92,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=taziri-hostel;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10591124-s116657-n28-riad_taziri"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.4,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.3,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"7 km","Type":"Airport"}],"CurrencyPrice":"50","AvailID":"1890176313"},{"ID":"10505954","HotelID":"10505954","Name":"Riad Ahlsouss","Address":"Rue De Berrima Derb Ahl Souss N\u00b095, Marrakesh, Morocco","Stars":"0","Latitude":"31.61786","Longitude":"-7.98127","AvgMark":"46","ReviewCount":"269","AvgMarkName":"Excellent","Photos":["15352\/1535246\/1535246890.JPEG","11190\/1119034\/1119034500.JPEG","11217\/1121769\/1121769750.JPEG","11217\/1121772\/1121772261.JPEG","11217\/1121774\/1121774004.JPEG","11190\/1119033\/1119033204.JPEG"],"HotelURL":"https:\/\/riad-ahlsouss.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"271","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ahlsouss;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10505954-s116657-n28-riad_ahlsouss"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":6.9,"ScoreMessage":"Pleasant","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.6,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.6 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.5 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890176316"}]},"vocabs":{"1":{"from_to_price":"6 best available hotels from 11US$ to 50US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 11US$ to 50US$ selected by our editors for excellent guest reviews, convenient location and good value for money."},"2":{"from_to_price":"6 best available hotels from 11US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 11US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money."}}},"2":{"date":{"From":"2024-12-19","To":"2024-12-20","FromDM":"12.19","ToDM":"12.20","TextDM":"Options for 12.19-12.20","DayVocab":"Tomorrow"},"data":{"1":[{"ID":"22383838","HotelID":"22383838","Name":"Riad Lwalidin","Address":"134Derb Ahl Souss ,Berrima, Marrakesh, Morocco","Stars":"0","Latitude":"31.61751","Longitude":"-7.98155","AvgMark":"47","ReviewCount":"153","AvgMarkName":"Excellent","Photos":["15901\/1590126\/1590126238.JPEG","15887\/1588759\/1588759994.JPEG","15887\/1588760\/1588760014.JPEG","15887\/1588760\/1588760115.JPEG","15887\/1588760\/1588760141.JPEG","15887\/1588760\/1588760195.JPEG"],"HotelURL":"https:\/\/riad-lwalidin.hotelsmarrakech.net\/en\/","MinRate":"11","BookingReviews":{"ReviewsCount":"154","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-lwalidin;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i22383838-s116657-n28-riad_lwalidin"},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.4 km","Type":"Airport"}],"CurrencyPrice":"11","AvailID":"1890150263"},{"ID":"15705883","HotelID":"15705883","Name":"Riad Mazaj","Address":"62, Derb Jamaa, Riad Zitoun Lakdim, Marrakesh, Morocco","Stars":"0","Latitude":"31.62454","Longitude":"-7.98681","AvgMark":"47","ReviewCount":"785","AvgMarkName":"Excellent","Photos":["12903\/1290349\/1290349885.JPEG","12903\/1290349\/1290349000.JPEG","12903\/1290349\/1290349603.JPEG","12903\/1290352\/1290352186.JPEG","12911\/1291173\/1291173247.JPEG","12911\/1291176\/1291176265.JPEG"],"HotelURL":"https:\/\/riad-mazaj.hotelsmarrakech.net\/en\/","MinRate":"42","BookingReviews":{"ReviewsCount":"789","ReviewScore":95,"OriginalScore":95,"AvgMarkName":"Exceptional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-mazaj;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i15705883-s116657-n28-riad_mazaj"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.3,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.4,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.4 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"900 m","Type":"City Center"},{"TypeID":"1","Distance":"6.8 km","Type":"Airport"}],"CurrencyPrice":"42","AvailID":"1890150265"},{"ID":"19568462","HotelID":"19568462","Name":"Riad Jaime","Address":"Riad Zitoun Lakdim, Derb Jdid 36, Marrakesh, Morocco","Stars":"0","Latitude":"31.62129","Longitude":"-7.98561","AvgMark":"47","ReviewCount":"493","AvgMarkName":"Excellent","Photos":["14665\/1466547\/1466547851.JPEG","14665\/1466538\/1466538002.JPEG","14666\/1466619\/1466619359.JPEG","14666\/1466621\/1466621438.JPEG","14666\/1466627\/1466627459.JPEG","14666\/1466627\/1466627477.JPEG"],"HotelURL":"https:\/\/riad-jaime.hotelsmarrakech.net\/en\/","MinRate":"62","BookingReviews":{"ReviewsCount":"495","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-jaime;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i19568462-s116657-n28-riad_jaime"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.6,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.6 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.3 km","Type":"City Center"},{"TypeID":"1","Distance":"6.7 km","Type":"Airport"}],"CurrencyPrice":"62","AvailID":"1890150268"},{"ID":"19370257","HotelID":"19370257","Name":"Riad Dar Sahrawi","Address":"98 Rue Oqba Ben Nafaa, Marrakesh, Morocco","Stars":"0","Latitude":"31.62192","Longitude":"-7.99035","AvgMark":"47","ReviewCount":"942","AvgMarkName":"Excellent","Photos":["15383\/1538373\/1538373334.JPEG","15383\/1538373\/1538373397.JPEG","15400\/1540084\/1540084696.JPEG","15401\/1540141\/1540141618.JPEG","15496\/1549685\/1549685035.JPEG","16193\/1619349\/1619349814.JPEG"],"HotelURL":"https:\/\/riad-dar-sahrawi.hotelsmarrakech.net\/en\/","MinRate":"12","BookingReviews":{"ReviewsCount":"945","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-dar-sahrawi;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i19370257-s116657-n28-riad_dar_sahrawi"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.1,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.7,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.7 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.7,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.7 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.2 km","Type":"City Center"},{"TypeID":"1","Distance":"5.5 km","Type":"Airport"}],"CurrencyPrice":"12","AvailID":"1890150271"},{"ID":"10505954","HotelID":"10505954","Name":"Riad Ahlsouss","Address":"Rue De Berrima Derb Ahl Souss N\u00b095, Marrakesh, Morocco","Stars":"0","Latitude":"31.61786","Longitude":"-7.98127","AvgMark":"46","ReviewCount":"269","AvgMarkName":"Excellent","Photos":["15352\/1535246\/1535246890.JPEG","11190\/1119034\/1119034500.JPEG","11217\/1121769\/1121769750.JPEG","11217\/1121772\/1121772261.JPEG","11217\/1121774\/1121774004.JPEG","11190\/1119033\/1119033204.JPEG"],"HotelURL":"https:\/\/riad-ahlsouss.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"271","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ahlsouss;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10505954-s116657-n28-riad_ahlsouss"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":6.9,"ScoreMessage":"Pleasant","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.6,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.6 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.5 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890150275"},{"ID":"719216","HotelID":"719216","Name":"Riad Dar Aida","Address":"La Kasbah, Derb Ben Zina 48, Marrakesh, Morocco","Stars":"3","Latitude":"31.61485","Longitude":"-7.98773","AvgMark":"45","ReviewCount":"573","AvgMarkName":"Excellent","Photos":["9712\/971287\/971287615.JPEG","4226\/422666\/422666127.JPEG","15845\/1584552\/1584552213.JPEG","15845\/1584552\/1584552224.JPEG","12892\/1289287\/1289287540.JPEG","12939\/1293942\/1293942919.JPEG"],"HotelURL":"https:\/\/dar-aida-marrakech.hotelsmarrakech.net\/en\/","MinRate":"35","BookingReviews":{"ReviewsCount":"573","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=dar-aida-marrakech;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i719216-s116657-n28-riad_dar_aida"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Superb","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.1,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.1 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"2 km","Type":"City Center"},{"TypeID":"1","Distance":"5.6 km","Type":"Airport"}],"CurrencyPrice":"35","AvailID":"1890150276"}],"2":[{"ID":"15806950","HotelID":"15806950","Name":"Riad Ouhmidi","Address":"Arset El Malak Bloc 3 N 59 Marrakech, Morocco, Marrakesh, Morocco","Stars":"0","Latitude":"31.63682","Longitude":"-7.98856","AvgMark":"47","ReviewCount":"661","AvgMarkName":"Excellent","Photos":["15075\/1507569\/1507569745.JPEG","13309\/1330955\/1330955732.JPEG","15075\/1507569\/1507569769.JPEG","15075\/1507569\/1507569775.JPEG","15075\/1507569\/1507569778.JPEG","15075\/1507569\/1507569856.JPEG"],"HotelURL":"https:\/\/riad-ouhmidi.hotelsmarrakech.net\/en\/","MinRate":"48","BookingReviews":{"ReviewsCount":"665","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ouhmidi-marrakech;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i15806950-s116657-n28-riad_ouhmidi"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.4,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.3,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"600 m","Type":"City Center"},{"TypeID":"1","Distance":"7.9 km","Type":"Airport"}],"CurrencyPrice":"48","AvailID":"1890176449"},{"ID":"22383838","HotelID":"22383838","Name":"Riad Lwalidin","Address":"134Derb Ahl Souss ,Berrima, Marrakesh, Morocco","Stars":"0","Latitude":"31.61751","Longitude":"-7.98155","AvgMark":"47","ReviewCount":"153","AvgMarkName":"Excellent","Photos":["15901\/1590126\/1590126238.JPEG","15887\/1588759\/1588759994.JPEG","15887\/1588760\/1588760014.JPEG","15887\/1588760\/1588760115.JPEG","15887\/1588760\/1588760141.JPEG","15887\/1588760\/1588760195.JPEG"],"HotelURL":"https:\/\/riad-lwalidin.hotelsmarrakech.net\/en\/","MinRate":"11","BookingReviews":{"ReviewsCount":"154","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-lwalidin;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i22383838-s116657-n28-riad_lwalidin"},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.4 km","Type":"Airport"}],"CurrencyPrice":"11","AvailID":"1890176454"},{"ID":"10505954","HotelID":"10505954","Name":"Riad Ahlsouss","Address":"Rue De Berrima Derb Ahl Souss N\u00b095, Marrakesh, Morocco","Stars":"0","Latitude":"31.61786","Longitude":"-7.98127","AvgMark":"46","ReviewCount":"269","AvgMarkName":"Excellent","Photos":["15352\/1535246\/1535246890.JPEG","11190\/1119034\/1119034500.JPEG","11217\/1121769\/1121769750.JPEG","11217\/1121772\/1121772261.JPEG","11217\/1121774\/1121774004.JPEG","11190\/1119033\/1119033204.JPEG"],"HotelURL":"https:\/\/riad-ahlsouss.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"271","ReviewScore":93,"OriginalScore":93,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-ahlsouss;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10505954-s116657-n28-riad_ahlsouss"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.5,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":6.9,"ScoreMessage":"Pleasant","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.6,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.6 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6.5 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890176461"},{"ID":"10591169","HotelID":"10591169","Name":"Riad Papadou","Address":"19 Derb Sidi Lahcen O Ali Babdoukkala Marrakech, Marrakesh, Morocco","Stars":"2","Latitude":"31.63226","Longitude":"-7.99569","AvgMark":"45","ReviewCount":"506","AvgMarkName":"Excellent","Photos":["15538\/1553856\/1553856232.JPEG","15358\/1535898\/1535898367.JPEG","15358\/1535898\/1535898523.JPEG","15358\/1535898\/1535898505.JPEG","15427\/1542733\/1542733078.JPEG","15427\/1542733\/1542733303.JPEG"],"HotelURL":"https:\/\/riad-papadou.hotelsmarrakech.net\/en\/","MinRate":"61","BookingReviews":{"ReviewsCount":"506","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-papadou-marrakech;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i10591169-s116657-n28-riad_papadou"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.7,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.3,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.3 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"500 m","Type":"City Center"},{"TypeID":"1","Distance":"8.2 km","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1890176466"},{"ID":"934418","HotelID":"934418","Name":"Dar Mirai","Address":"35 Derb Hajra Bab Doukkala, Marrakesh, Morocco","Stars":"0","Latitude":"31.63349","Longitude":"-7.99745","AvgMark":"45","ReviewCount":"500","AvgMarkName":"Excellent","Photos":["11617\/1161772\/1161772590.JPEG","2227\/222780\/222780191.JPEG","11579\/1157961\/1157961834.JPEG","11579\/1157963\/1157963064.JPEG","11579\/1157963\/1157963586.JPEG","11579\/1157963\/1157963596.JPEG"],"HotelURL":"https:\/\/dar-mirai.hotelsmarrakech.net\/en\/","MinRate":"53","BookingReviews":{"ReviewsCount":"500","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=dar-mirai;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i934418-s116657-n28-dar_mirai"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.3,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.3 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"300 m","Type":"City Center"},{"TypeID":"1","Distance":"8.1 km","Type":"Airport"}],"CurrencyPrice":"53","AvailID":"1890176470"},{"ID":"23180040","HotelID":"23180040","Name":"Riad Amazing Amazigh Avec Jacuzzi Petit Dejeuner Compris Avec Aussi Chambres Familiales Pres De La Place Jemaa El Fna","Address":"Rue Derb Zunqat Dayiqa, Marrakesh, Morocco","Stars":"0","Latitude":"31.62407","Longitude":"-7.98554","AvgMark":"45","ReviewCount":"108","AvgMarkName":"Excellent","Photos":["16307\/1630796\/1630796734.JPEG","16307\/1630796\/1630796033.JPEG","16307\/1630796\/1630796038.JPEG","16307\/1630796\/1630796041.JPEG","16307\/1630796\/1630796043.JPEG","16307\/1630796\/1630796056.JPEG"],"HotelURL":"https:\/\/riad-amazing-amazigh-avec-jacuzzi-petit-dejeuner.hotelsmarrakech.net\/en\/","MinRate":"58","BookingReviews":{"ReviewsCount":"111","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-amazing-amazigh;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i23180040-s116657-n28-riad_amazing_amazigh_avec_jacuzzi_petit_d_jeuner_compris_avec_aussi_chambres_familiales_pr_s_de_la_place_jemaa_el_fna"},"CurrencyPrice":"58","AvailID":"1890176475"}]},"vocabs":{"1":{"from_to_price":"6 best available hotels from 11US$ to 62US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 11US$ to 62US$ selected by our editors for excellent guest reviews, convenient location and good value for money."},"2":{"from_to_price":"6 best available hotels from 11US$ to 61US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 11US$ to 61US$ selected by our editors for excellent guest reviews, convenient location and good value for money."}}},"3":{"date":{"From":"2024-12-20","To":"2024-12-22","FromDM":"12.20","ToDM":"12.22","TextDM":"Options for 12.20-12.22","DayVocab":"This weekend"},"data":{"1":[{"ID":"20422697","HotelID":"20422697","Name":"Paradise House","Address":"T5A Villa 42 Portes De Marrakech, Marrakesh, Morocco","Stars":"0","Latitude":"31.65302","Longitude":"-8.08185","AvgMark":"48","ReviewCount":"106","AvgMarkName":"Excellent","Photos":["14932\/1493211\/1493211985.JPEG","16179\/1617927\/1617927146.JPEG","16179\/1617927\/1617927141.JPEG","16175\/1617575\/1617575166.JPEG","16175\/1617575\/1617575168.JPEG","16175\/1617575\/1617575173.JPEG"],"HotelURL":"https:\/\/paradise-house-40140.hotelsmarrakech.net\/en\/","MinRate":"37","BookingReviews":{"ReviewsCount":"106","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exceptional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=paradise-house-marrakech2;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i20422697-s116657-n28-paradise_house"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.8,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.8 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.7 km","Type":"Airport"}],"CurrencyPrice":"37","AvailID":"1890150572"},{"ID":"1212928","HotelID":"1212928","Name":"Riad Dar Barbi","Address":"Rue Bin Lamaassar 7, Marrakesh, Morocco","Stars":"3","Latitude":"31.63888","Longitude":"-7.98744","AvgMark":"47","ReviewCount":"300","AvgMarkName":"Excellent","Photos":["14155\/1415523\/1415523633.JPEG","14075\/1407530\/1407530408.JPEG","14133\/1413339\/1413339641.JPEG","14155\/1415505\/1415505381.JPEG","15248\/1524885\/1524885673.JPEG","15248\/1524884\/1524884899.JPEG"],"HotelURL":"https:\/\/bed-and-breakfast-in-dar-barbi.hotelsmarrakech.net\/en\/","MinRate":"28","BookingReviews":{"ReviewsCount":"300","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=bed-and-breakfast-in-dar-barbi;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i1212928-s116657-n28-riad_dar_barbi"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.4,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.9,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.4,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.4 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.4,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"8.2 km","Type":"Airport"}],"CurrencyPrice":"28","AvailID":"1890150579"},{"ID":"14314888","HotelID":"14314888","Name":"Riad Zanouba","Address":"70 Derb Zemrane Berima, Marrakesh, Morocco","Stars":"3","Latitude":"31.61552","Longitude":"-7.98108","AvgMark":"47","ReviewCount":"400","AvgMarkName":"Excellent","Photos":["12497\/1249737\/1249737127.JPEG","12486\/1248605\/1248605458.JPEG","12497\/1249736\/1249736065.JPEG","12497\/1249736\/1249736998.JPEG","12497\/1249737\/1249737010.JPEG","12497\/1249737\/1249737025.JPEG"],"HotelURL":"https:\/\/riad-zanouba.hotelsmarrakech.net\/en\/","MinRate":"61","BookingReviews":{"ReviewsCount":"402","ReviewScore":94,"OriginalScore":94,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-zanouba;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i14314888-s116657-n28-riad_zanouba"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.6,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.4,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.8,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.8 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.3,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.5,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.5 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"2.1 km","Type":"City Center"},{"TypeID":"1","Distance":"6.6 km","Type":"Airport"}],"CurrencyPrice":"61","AvailID":"1890150582"},{"ID":"17020250","HotelID":"17020250","Name":"Riad Musa","Address":"Souk Semarine, Place Des Epices , 36 Derb Arjan,, Marrakesh, Morocco","Stars":"0","Latitude":"31.62917","Longitude":"-7.98728","AvgMark":"46","ReviewCount":"354","AvgMarkName":"Excellent","Photos":["15940\/1594016\/1594016507.JPEG","15524\/1552424\/1552424113.JPEG","15524\/1552423\/1552423120.JPEG","15524\/1552423\/1552423462.JPEG","15524\/1552423\/1552423939.JPEG","15940\/1594016\/1594016514.JPEG"],"HotelURL":"https:\/\/riad-musa.hotelsmarrakech.net\/en\/","MinRate":"58","BookingReviews":{"ReviewsCount":"354","ReviewScore":92,"OriginalScore":92,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-musa;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i17020250-s116657-n28-riad_musa"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.1,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.6,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.5,"ScoreMessage":"Exceptional location","Message":"This property boasts exceptional location. It has a score 9.5 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.2,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.4,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.4 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"400 m","Type":"City Center"},{"TypeID":"1","Distance":"9.1 km","Type":"Airport"}],"CurrencyPrice":"58","AvailID":"1890150585"},{"ID":"441528","HotelID":"441528","Name":"The Central House Marrakech Medina","Address":"Amssafah 32 Quartier Assouel Medina, Marrakesh, Morocco","Stars":"3","Latitude":"31.633369","Longitude":"-7.987867","AvgMark":"45","ReviewCount":"1712","AvgMarkName":"Excellent","Photos":["13903\/1390327\/1390327652.JPEG","15895\/1589542\/1589542676.JPEG","14205\/1420535\/1420535493.JPEG","13971\/1397103\/1397103332.JPEG","13971\/1397100\/1397100620.JPEG","15895\/1589544\/1589544928.JPEG"],"HotelURL":"https:\/\/riad-amssaffah.hotelsmarrakech.net\/en\/","MinRate":"36","BookingReviews":{"ReviewsCount":"1712","ReviewScore":90,"OriginalScore":90,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-amsaffah;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i441528-s116657-n28-the_central_house_marrakech_medina"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.2,"ScoreMessage":"Excellent","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.4,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.1,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.1 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Superb price","Message":"The guests call this place a value for money for its superb price. It has a score 8.9 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"200 m","Type":"City Center"},{"TypeID":"1","Distance":"8.1 km","Type":"Airport"}],"CurrencyPrice":"36","AvailID":"1890150589"},{"ID":"15497344","HotelID":"15497344","Name":"Riad Les Miroirs","Address":"N\u00b0 15 Derb Caid Bouho Dar Labdiaa Rue De La Kasbah., Marrakesh, Morocco","Stars":"0","Latitude":"31.6162","Longitude":"-7.98708","AvgMark":"44","ReviewCount":"338","AvgMarkName":"Excellent","Photos":["12721\/1272145\/1272145177.JPEG","14052\/1405246\/1405246802.JPEG","14052\/1405276\/1405276418.JPEG","12879\/1287981\/1287981760.JPEG","12721\/1272152\/1272152362.JPEG","12879\/1287983\/1287983563.JPEG"],"HotelURL":"https:\/\/riad-les-miroires.hotelsmarrakech.net\/en\/","MinRate":"53","BookingReviews":{"ReviewsCount":"339","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fabulous","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-les-miroires;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i15497344-s116657-n28-riad_les_miroirs"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.2 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6 km","Type":"Airport"}],"CurrencyPrice":"53","AvailID":"1890150592"}],"2":[{"ID":"20422697","HotelID":"20422697","Name":"Paradise House","Address":"T5A Villa 42 Portes De Marrakech, Marrakesh, Morocco","Stars":"0","Latitude":"31.65302","Longitude":"-8.08185","AvgMark":"48","ReviewCount":"106","AvgMarkName":"Excellent","Photos":["14932\/1493211\/1493211985.JPEG","16179\/1617927\/1617927146.JPEG","16179\/1617927\/1617927141.JPEG","16175\/1617575\/1617575166.JPEG","16175\/1617575\/1617575168.JPEG","16175\/1617575\/1617575173.JPEG"],"HotelURL":"https:\/\/paradise-house-40140.hotelsmarrakech.net\/en\/","MinRate":"37","BookingReviews":{"ReviewsCount":"106","ReviewScore":96,"OriginalScore":96,"AvgMarkName":"Exceptional","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=paradise-house-marrakech2;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i20422697-s116657-n28-paradise_house"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":9.8,"ScoreMessage":"Exceptional","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":10,"ScoreMessage":"Exceptional","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.9,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.7,"ScoreMessage":"Exceptional","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.8,"ScoreMessage":"Exceptional price","Message":"The guests call this place a value for money for its exceptional price. It has a score 9.8 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.1 km","Type":"City Center"},{"TypeID":"1","Distance":"13.7 km","Type":"Airport"}],"CurrencyPrice":"37","AvailID":"1890176681"},{"ID":"934418","HotelID":"934418","Name":"Dar Mirai","Address":"35 Derb Hajra Bab Doukkala, Marrakesh, Morocco","Stars":"0","Latitude":"31.63349","Longitude":"-7.99745","AvgMark":"45","ReviewCount":"500","AvgMarkName":"Excellent","Photos":["11617\/1161772\/1161772590.JPEG","2227\/222780\/222780191.JPEG","11579\/1157961\/1157961834.JPEG","11579\/1157963\/1157963064.JPEG","11579\/1157963\/1157963586.JPEG","11579\/1157963\/1157963596.JPEG"],"HotelURL":"https:\/\/dar-mirai.hotelsmarrakech.net\/en\/","MinRate":"53","BookingReviews":{"ReviewsCount":"500","ReviewScore":91,"OriginalScore":91,"AvgMarkName":"Superb","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=dar-mirai;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i934418-s116657-n28-dar_mirai"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.6,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.1,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9.3,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9.3 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9.1,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.3,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.3 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"300 m","Type":"City Center"},{"TypeID":"1","Distance":"8.1 km","Type":"Airport"}],"CurrencyPrice":"53","AvailID":"1890176685"},{"ID":"11805477","HotelID":"11805477","Name":"O'Loft","Address":"Route Ourika Km 5 Gouassem, Marrakesh, Morocco","Stars":"0","Latitude":"31.55501","Longitude":"-7.96981","AvgMark":"44","ReviewCount":"689","AvgMarkName":"Excellent","Photos":["11522\/1152242\/1152242790.JPEG","15473\/1547389\/1547389321.JPEG","15473\/1547397\/1547397955.JPEG","15473\/1547398\/1547398393.JPEG","15493\/1549316\/1549316116.JPEG","15493\/1549316\/1549316125.JPEG"],"HotelURL":"https:\/\/o-loft.hotelsmarrakech.net\/en\/","MinRate":"58","BookingReviews":{"ReviewsCount":"691","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fabulous","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=o-loft;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i11805477-s116657-n28-o_loft"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.2,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.8,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":9,"ScoreMessage":"Excellent","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.5,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.5 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":8.9,"ScoreMessage":"Superb","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.2 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.8 km","Type":"City Center"},{"TypeID":"1","Distance":"10.8 km","Type":"Airport"}],"CurrencyPrice":"58","AvailID":"1890176691"},{"ID":"15497344","HotelID":"15497344","Name":"Riad Les Miroirs","Address":"N\u00b0 15 Derb Caid Bouho Dar Labdiaa Rue De La Kasbah., Marrakesh, Morocco","Stars":"0","Latitude":"31.6162","Longitude":"-7.98708","AvgMark":"44","ReviewCount":"338","AvgMarkName":"Excellent","Photos":["12721\/1272145\/1272145177.JPEG","14052\/1405246\/1405246802.JPEG","14052\/1405276\/1405276418.JPEG","12879\/1287981\/1287981760.JPEG","12721\/1272152\/1272152362.JPEG","12879\/1287983\/1287983563.JPEG"],"HotelURL":"https:\/\/riad-les-miroires.hotelsmarrakech.net\/en\/","MinRate":"53","BookingReviews":{"ReviewsCount":"339","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fabulous","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-les-miroires;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i15497344-s116657-n28-riad_les_miroirs"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.2,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8.5,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":9,"ScoreMessage":"Excellent location","Message":"This property boasts excellent location. It has a score 9 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":9,"ScoreMessage":"Excellent","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.2,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.2 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"1.8 km","Type":"City Center"},{"TypeID":"1","Distance":"6 km","Type":"Airport"}],"CurrencyPrice":"53","AvailID":"1890176696"},{"ID":"451245","HotelID":"451245","Name":"Riad Karmanda","Address":"42 Derb Sekkaya Quartier Sidi Ayoub, Marrakesh, Morocco","Stars":"4","Latitude":"31.62802","Longitude":"-7.9834","AvgMark":"44","ReviewCount":"910","AvgMarkName":"Excellent","Photos":["15806\/1580655\/1580655277.JPEG","16065\/1606563\/1606563152.JPEG","13498\/1349850\/1349850178.JPEG","13498\/1349859\/1349859457.JPEG","15806\/1580655\/1580655281.JPEG","15805\/1580585\/1580585417.JPEG"],"HotelURL":"https:\/\/riad-karmanda.hotelsmarrakech.net\/en\/","MinRate":"38","BookingReviews":{"ReviewsCount":"910","ReviewScore":88,"OriginalScore":88,"AvgMarkName":"Fabulous","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=riad-karmanda;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i451245-s116657-n28-riad_karmanda"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":8.9,"ScoreMessage":"Superb","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":8.9,"ScoreMessage":"Superb","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.7,"ScoreMessage":"Superb","Message":null},"4":{"TypeID":"4","Type":"Free WiFi","Score":8,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.6,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.6 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":8.8,"ScoreMessage":"Superb","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":8.9,"ScoreMessage":"Superb price","Message":"The guests call this place a value for money for its superb price. It has a score 8.9 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"800 m","Type":"City Center"},{"TypeID":"1","Distance":"8.6 km","Type":"Airport"}],"CurrencyPrice":"38","AvailID":"1890176699"},{"ID":"16632131","HotelID":"16632131","Name":"Sabor Aparts Jawharat Al Atlas -Only Family","Address":"Lot Jawharat Elatlas N\u00b0368 Tassoultante 40000, Marrakesh, Morocco","Stars":"0","Latitude":"31.55466","Longitude":"-7.9784","AvgMark":"43","ReviewCount":"128","AvgMarkName":"Excellent","Photos":["16257\/1625774\/1625774533.JPEG","15786\/1578697\/1578697400.JPEG","16202\/1620261\/1620261242.JPEG","16202\/1620261\/1620261246.JPEG","16202\/1620261\/1620261250.JPEG","15786\/1578697\/1578697283.JPEG"],"HotelURL":"https:\/\/acacia-family-apart-2ch-parking.hotelsmarrakech.net\/en\/","MinRate":"52","BookingReviews":{"ReviewsCount":"128","ReviewScore":87,"OriginalScore":87,"AvgMarkName":"Fabulous","Url":"https:\/\/www.booking.com\/reviewlist.html?tmpl=reviewlistpopup;pagename=acacia-family-apart-2ch-parking;cc1=ma;lang=en;label=click_rev-bn-20241219_025638-i16632131-s116657-n28-sabor_aparts_jawharat_al_atlas_only_family"},"HotelScores":{"1":{"TypeID":"1","Type":"Cleanliness","Score":9.3,"ScoreMessage":"Excellent","Message":null},"2":{"TypeID":"2","Type":"Comfort","Score":9.3,"ScoreMessage":"Excellent","Message":null},"3":{"TypeID":"3","Type":"Facilities","Score":8.9,"ScoreMessage":"Superb","Message":null},"5":{"TypeID":"5","Type":"Location","Score":8.2,"ScoreMessage":"Superb location","Message":"This property boasts superb location. It has a score 8.2 out of 10 for location according to the visitors\u2019 reviews. It must be a convenient place to stay!"},"6":{"TypeID":"6","Type":"Total","Score":8.6,"ScoreMessage":"Superb","Message":null},"7":{"TypeID":"7","Type":"Value for money","Score":9.3,"ScoreMessage":"Excellent price","Message":"The guests call this place a value for money for its excellent price. It has a score 9.3 out of 10 for price according to the visitors\u2019 reviews. It must be a good deal!"}},"Distances":[{"TypeID":"0","Distance":"8.7 km","Type":"City Center"},{"TypeID":"1","Distance":"10.3 km","Type":"Airport"}],"CurrencyPrice":"52","AvailID":"1890176700"}]},"vocabs":{"1":{"from_to_price":"6 best available hotels from 28US$ to 61US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 28US$ to 61US$ selected by our editors for excellent guest reviews, convenient location and good value for money."},"2":{"from_to_price":"6 best available hotels from 37US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money.","from_to_price_main_page":"4 best available hotels from 37US$ to 58US$ selected by our editors for excellent guest reviews, convenient location and good value for money."}}}}, hotels_tonight_subtitles: { 1: "1 best value offer was carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 2: "2 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 3: "3 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 4: "4 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 5: "5 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 6: "6 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 7: "7 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 8: "8 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 9: "9 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 10: "10 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 11: "11 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 12: "12 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 13: "13 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 14: "14 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 15: "15 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 16: "16 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 17: "17 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", 18: "18 best value offers were carefully selected by our editors on the basis of the guests' rating and the local experts' reviews.", } } travel.opts.device = 3 </script> <script type="text/javascript"> window.travel = window.travel || {}; travel.options = { page:'main', frontPage:'main', typeObject:'destination', currencyId:'1', languageId:'1', language:'en', isRtl: false , currentDay:'18', currentMonth:'12', currentYear:'2024', logId: '2578078897', track: 'ne1KZKVUPwNqc4DC', btest: false , device: 3 , sendMessage:'0', staticDomain:'https://www.hotelsmarrakech.net', siteId:'116657', nid:'28', siteDomain: 'hotelsmarrakech.net', isCountriesLanguages: false , tob: false , currency:'US$', currencyRate:'1', objectId:'18158', hotelTheme:'9001', clickTrip: { destinationType: "city", cityId: "-38833", subAccount: "dest-clicktrip-n28-191224-s116657-wne1KZKVUPwNqc4DC-d9001-dc3" }, cityID: 18158, cityLocalName: "\u0645\u0631\u0627\u0643\u0634", mapParameters: { mapProvider:'2', mapKey:'' ,hotelLatitude:'31.621982' ,hotelLongitude:'-7.991598' ,cityCenterLatitude: '31632107' ,cityCenterLongitude: '-7989273' }, availableParams: { use:'0', dataFrom:'2024-12-19', dataTo:'2024-12-20', guestsAdults:'2', guestsChildren:'0' }, alertMessages: { messageName:'Please enter your name', messageEmail:'Please enter a valid email address', messageSubject:'Please choose subject', messageMessage:'Please enter message', messageReview:'Please enter text', messageReviewCons:'Please enter text', messageMonth:'Please choose month', messageYear:'Please choose year', messageRating:'Please rate this property', messageCountry:'Choose a country', next:'Next', prev:'Previous', messageCalendar:'Enter your dates and check our special offers' }, stopSpamKey:'t3eyfiwz7b8', stopSpamValue:'c35e302134b7e80bcd914aa70616c620', }; </script> <script type="text/javascript"> var _paq = _paq || []; _paq.push(["setCookieDomain", "*.hotelsmarrakech.net"]); _paq.push(["setDomains", ["*.hotelsmarrakech.net"]]); _paq.push(['enableLinkTracking']); _paq.push(['setTrackerUrl', '/piwik.php']); _paq.push(['setSiteId', 116657]); _paq.push(['setCustomVariable', 1, 'btest', '0', 'visit']); _paq.push(['setCustomVariable', 1, 'language', 'en', 'page']); _paq.push(['trackPageView']); </script> <script async src="/piwik.js"></script> <noscript><p><img src="/piwik.php?idsite=116657" style="border:0;" alt="" /></p></noscript> <script defer type="module" src="/new/designs/90/build/destination-vendors/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script defer type="module" src="/new/designs/90/build/destination/script.59831ce87fd39b935a30eaaf1a999d05.js"></script> <script nomodule src="/new/designs/90/build/destination-vendors/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> <script nomodule src="/new/designs/90/build/destination/script-es5.85103111cef8184eeac58b18b61c23f5.js"></script> </body> </html>